/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

body::before{
    content: '';
    display: block;
    position: fixed;
    top: 90%;
    width: 50px;
    height: 50px;
    background: url(https://assets.codepen.io/197359/kitten-peek-transparent.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 9999;
}

.elementor-section .elementor-container {
    z-index: 5;
}

/** About Me **/
.section_aboutme::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(https://pandorium.co.za/wp-content/uploads/2024/07/about_top_left_bg.png), url(https://pandorium.co.za/wp-content/uploads/2024/07/about_top_right_bg.png);
    background-position: top left, 95% 10%;
    background-repeat: no-repeat, no-repeat;
    background-size: 22%, 25%;
}
.section_aboutme::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(http://pandorium.co.za/wp-content/uploads/2024/07/about_bottom_right_bg.png), url(http://pandorium.co.za/wp-content/uploads/2024/07/about_bottom_left_bg.png);
    background-position: 5% 90%, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 18%, 15%;
}

/** What I Do **/
.section_whatido::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(http://pandorium.co.za/wp-content/uploads/2024/08/whatido_top_left.png), url(http://pandorium.co.za/wp-content/uploads/2024/08/whatido_top_right.png);
    background-position: top left, 100% 10%;
    background-repeat: no-repeat, no-repeat;
    background-size: 30%, 20%;
}
.section_whatido::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(http://pandorium.co.za/wp-content/uploads/2024/08/whatido_bottom_left.png), url(http://pandorium.co.za/wp-content/uploads/2024/08/whatido_bottom_right.png);
    background-position: 0% 90%, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 25%, 30%;
}
.wid_content .elementor-container .elementor-column .elementor-widget-wrap{
    position: relative;
}
.wid_content .elementor-container .elementor-column:nth-child(1) .elementor-widget-heading{
    position: absolute;
    bottom: 45px;
    right: -25px;
}
.wid_content .elementor-container .elementor-column:nth-child(2) .elementor-widget-heading{
    position: absolute;
    bottom: 45px;
    left: -30px;
}
.wid_content .elementor-container .elementor-column:nth-child(3) .elementor-widget-heading{
    position: absolute;
    top: 30px;
    right: -60px;
}
.wid_content .elementor-container .elementor-column:nth-child(4) .elementor-widget-heading{
    position: absolute;
    top: 30px;
    right: -40px;
}


/** My Work **/
.section_mywork::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(http://pandorium.co.za/wp-content/uploads/2024/08/mywork_top_left.png), url(http://pandorium.co.za/wp-content/uploads/2024/08/mywork_top_right.png);
    background-position: top left, 100% 5%;
    background-repeat: no-repeat, no-repeat;
    background-size: 22%, 35%;
}
.section_mywork::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(http://pandorium.co.za/wp-content/uploads/2024/08/mywork_bottom_left.png), url(http://pandorium.co.za/wp-content/uploads/2024/08/mywork_bottom_right.png);
    background-position: 0% 100%, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 30%, 15%;
}

/** Image Effect **/
.img-selector img{
    filter: none;
    -webkit-filter: grayscale(0);
    cursor: pointer;
}
.img-selector img:hover {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
}
.animated{
    filter: none !important;
    -webkit-filter: grayscale(0) !important;
}
/****/


/** Animation **/

/** End Animation **/


/** Mobile **/


/** Mobile **/
@media (min-width:768px) {
    body{}
}
@media (min-width:1025px) {
    body{}
}
@media (min-width:1281px) {
    body{}
}
@media (min-width:1400px) {
    body{}
}
@media (min-width:1600px) {
    body{}
}

@media (max-width:577px) {
    body{}
}