/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Child theme for Hello Elementor.
Author: Your Name
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* ========================================
   GLOBAL
======================================== */

:root{
    --primary-bg: #242B26;
    --glass-bg: rgba(255,255,255,.05);
    --glass-bg-light: rgba(255,255,255,.10);
    --glass-bg-active: rgba(255,255,255,.30);
    --glass-border: rgba(255,255,255,.12);
    --glass-blur: 20px;

    --glass-shadow:
        inset 0 1px 1px rgba(255,255,255,.45),
        inset 0 -2px 4px rgba(0,0,0,.15),
        0 0 2px rgba(255,255,255,.15);

    --transition: .4s ease-in-out;
}

*,
*::before,
*::after{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
    overflow-x:hidden;
}

.elementor-element p{
    margin:0;
}

.overflowHidden{
    overflow:hidden;
}

.p-lr-zero{
    padding-left:0 !important;
    padding-right:0 !important;
}

/* ========================================
   GLASS EFFECT UTILITIES
======================================== */

.glass-effect-box,
.glassTag,
.e-con .elementor-widget.glass-effect .elementor-button{
    /*position:relative;*/
    overflow:hidden;

    background:var(--glass-bg);
    border:1px solid var(--glass-border);

    backdrop-filter:blur(var(--glass-blur));
    -webkit-backdrop-filter:blur(var(--glass-blur));

    box-shadow:var(--glass-shadow);
}

.glass-effect-box{
    border-radius:40px !important;
}

.glassTag{
    border-radius:20px !important;
    width: auto;
}

.e-con .elementor-widget.glass-effect .elementor-button{
    display:flex;
    min-height:56px;
    border-radius:100px;
}

.glass-effect-box::before,
.glassTag::before,
.e-con .elementor-widget.glass-effect .elementor-button::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background:
        linear-gradient(
            to bottom,
            rgba(255,255,255,.45) 0%,
            rgba(255,255,255,.18) 15%,
            rgba(255,255,255,0) 45%
        );
}

.glass-effect-box::after,
.glassTag::after,
.e-con .elementor-widget.glass-effect .elementor-button::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.95),
            rgba(255,255,255,.15),
            rgba(255,255,255,.95)
        );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;
    mask-composite:exclude;

    opacity:.95;
}

/* ========================================
   HEADER
======================================== */

header .elementor-sticky--active > .e-con-inner{
    transition:
        background-color .4s ease,
        padding .4s ease,
        border-color .4s ease;
    border-bottom:1px solid #FFFFFF21;
}

header .elementor-sticky--active.elementor-sticky--effects > .e-con-inner{
    background:var(--primary-bg);
    padding-left:15px;
    padding-right:15px;
    padding-bottom:10px;
    border:1px solid #FFFFFF21;
    border-top:0;
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
}

/* ========================================
   NAVIGATION GLASS EFFECT
======================================== */
header .elementor-widget-nav-menu .e--pointer-framed .elementor-item{
    border:1px solid transparent;
}

header .elementor-widget-nav-menu .e--pointer-framed .current_page_item .elementor-item,
header .elementor-widget-nav-menu .e--pointer-framed .elementor-item:hover,
header .elementor-widget-nav-menu .e--pointer-framed .elementor-item:focus{
    outline: none !important;
    box-shadow: none !important;
    border-radius:100px;
    overflow:hidden;
    transition: none;
    background:var(--glass-bg);
    border:1px solid var(--glass-border);

    backdrop-filter:blur(var(--glass-blur));
    -webkit-backdrop-filter:blur(var(--glass-blur));

    box-shadow:var(--glass-shadow);
}

header .elementor-widget-nav-menu .e--pointer-framed .current_page_item .elementor-item::before,
header .elementor-widget-nav-menu .e--pointer-framed .elementor-item:hover::before,
header .elementor-widget-nav-menu .e--pointer-framed .elementor-item:focus::before{
    outline: none !important;
    box-shadow: none !important;
    border-radius:100px;
    inset:0;
    border:none;
    transition: none;
    background:
        linear-gradient(
            to bottom,
            rgba(255,255,255,.45) 0%,
            rgba(255,255,255,.18) 15%,
            rgba(255,255,255,0) 45%
        );
}

header .elementor-widget-nav-menu .e--pointer-framed .current_page_item .elementor-item::after,
header .elementor-widget-nav-menu .e--pointer-framed .elementor-item:hover::after,
header .elementor-widget-nav-menu .e--pointer-framed .elementor-item:focus::after{
    outline: none !important;
    box-shadow: none !important;
    border-radius:100px;
    content:"";
    inset:0;
    border:none;
    transition: none;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.95),
            rgba(255,255,255,.15),
            rgba(255,255,255,.95)
        );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;
    mask-composite:exclude;
}
a:focus,
a:focus-visible,
a:-webkit-any-link:focus-visible{
    outline: none !important;
    box-shadow: none !important;
}
/* ========================================
   BUTTONS
======================================== */

.elementor-button-icon{
    transition:transform .4s ease;
}

.elementor-button:hover .elementor-button-icon{
    transform:rotate(45deg);
}

.elementor-button span{
    align-items:center;
}

a.elementor-button .elementor-button-icon svg{
    width:22px;
    height:auto;
}

/* ========================================
   SCROLL DOWN BUTTON
======================================== */

.scrollDown-btn span.elementor-button-icon{
    position:absolute;
    bottom:30px;
}
.scrollDown-btn .elementor-button:hover span.elementor-button-icon{
    transform: rotate(0deg);
}
.scrollDown-btn a.elementor-button .elementor-button-icon svg{
    height:50px;
}

/* ========================================
   BOUNCE ANIMATION
======================================== */

.bounce{
    animation:bounce 3s infinite;
}

@keyframes bounce{
    0%,20%,50%,80%,100%{
        transform:translateY(0);
    }
    40%{
        transform:translateY(-40px);
    }
    60%{
        transform:translateY(-15px);
    }
}

/* ========================================
   SCROLLING TEXT
======================================== */

.scrollText{
    width:100%;
    overflow:hidden;
}

.scrollText .elementor-heading-title{
    display:inline-block;
    white-space:nowrap;

    will-change:transform;
    animation:scrollText 50s linear infinite;
}

@keyframes scrollText{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

/* ========================================
   FORMS
======================================== */

.getquote-form .elementor-field-group.elementor-field-type-submit{
    margin-top:10px;
}

/* ========================================
   FAQ
======================================== */

.faq .elementor-widget-n-accordion .e-n-accordion-item{
    overflow:hidden;
    border:none;
    border-radius:20px;
}

.faq .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px;
}

.faq .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title,
.faq .elementor-widget-n-accordion .e-n-accordion-item .e-con-full.e-child{
    background:none !important;
    border:none !important;
}

.faq .elementor-widget-n-accordion > .e-n-accordion > .e-n-accordion-item{
    background:var(--glass-bg-light);
    border:1px solid var(--glass-border);
    box-shadow:var(--glass-shadow);

    backdrop-filter:blur(var(--glass-blur));
    -webkit-backdrop-filter:blur(var(--glass-blur));
}

.faq .elementor-widget-n-accordion > .e-n-accordion > .e-n-accordion-item[open]{
    background:var(--glass-bg-active);
}

/* ========================================
   ACCESSIBILITY
======================================== */

@media (prefers-reduced-motion: reduce){

    html{
        scroll-behavior:auto;
    }

    .bounce,
    .scrollText .elementor-heading-title{
        animation:none;
    }

    *{
        transition:none !important;
    }
}
.read-more-box{
    
}
#readmore-btn,
#readmore-btn2,
#readmore-btn3{
    cursor: pointer;
}
.ourWork-slider img {
	height: 400px!important;
    object-fit: cover;
}
.elementor-popup-modal .dialog-widget-content {
    border-radius: 40px !important;
    overflow: hidden !important;
}
.imageCarousel-1 .elementor-swiper-button-prev {
    position: absolute!important;
    left: 47%!important;
    top: -50px!important;
}
.imageCarousel-1 .elementor-swiper-button-next {
    position: absolute!important;
    right: 47%!important;
    top: -50px!important;
}
.imageCarousel-2 .elementor-swiper-button-prev {
    position: absolute!important;
    left: 47%!important;
    bottom: -80px!important;
    top: inherit !important;
}
.imageCarousel-2 .elementor-swiper-button-next {
    position: absolute!important;
    right: 47%!important;
    bottom: -80px!important;
    top: inherit !important;
}
.elementor-lightbox .elementor-lightbox-image {
    border-radius: 20px !important;
}
.eicon-chevron-right:before {
    content: url("https://secondspacebathrooms.com.au/wp-content/uploads/2026/06/Frame-843.svg") !important;
}
.eicon-chevron-left:before {
    content: url("https://secondspacebathrooms.com.au/wp-content/uploads/2026/06/Frame-842.svg") !important;
}
/* ========================================
   Media Query - Mobile Optimization
======================================== */

@media only screen and (max-width: 768px) {
    header .elementor-sticky,
    header .elementor-sticky.elementor-sticky--active.elementor-sticky--effects {
        padding: 0;
    }
    header .elementor-sticky--active.elementor-sticky--effects > .e-con-inner {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        border: none;
        border-top: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .real-project-slide .swiper-slide .elementor-widget-image img  {
        height: 200px;
    }
    .ourWork-slider img {
    	height: 300px!important;
    }
    
    .imageCarousel-1 .elementor-swiper-button-prev,
    .imageCarousel-2 .elementor-swiper-button-prev{
        left: 42%!important;
    }
    .imageCarousel-1 .elementor-swiper-button-next,
    .imageCarousel-2 .elementor-swiper-button-next {
        right: 42%!important;
    }
}

@media only screen and (max-width: 580px) {
    .ourWork-slider img {
    	height: 200px!important;
    }
    
    .imageCarousel-1 .elementor-swiper-button-prev,
    .imageCarousel-2 .elementor-swiper-button-prev{
        left: 40%!important;
    }
    .imageCarousel-1 .elementor-swiper-button-next,
    .imageCarousel-2 .elementor-swiper-button-next {
        right: 40%!important;
    }
}

@media only screen and (max-width: 420px) {

    .imageCarousel-1 .elementor-swiper-button-prev,
    .imageCarousel-2 .elementor-swiper-button-prev{
        left: 39%!important;
    }
    .imageCarousel-1 .elementor-swiper-button-next,
    .imageCarousel-2 .elementor-swiper-button-next {
        right: 39%!important;
    }
}