/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

:root{
    --inner-box-offset: clamp(60px,10vw,173px);
}

body .column-left-offset{
    --awb-spacing-left: var(--inner-box-offset);

    @media screen and (max-width: 1750px){
        --awb-spacing-left: 95px;
    }

    @media screen and (max-width: 1024px){
        --awb-spacing-left: var(--awb-spacing-right-medium);
    }
}

body .column-right-offset{
    --awb-spacing-right: var(--inner-box-offset);

    @media screen and (max-width: 1750px){
        --awb-spacing-right: 95px;
    }

    @media screen and (max-width: 1024px){
        --awb-spacing-right: var(--awb-spacing-right-medium);
    }
}

body .column-left-offset--reset-mobile{
    --awb-spacing-left: var(--awb-spacing-right-small);
}

body .column-right-offset--reset-mobile{
    --awb-spacing-right: var(--awb-spacing-right-small);
}

.column-right-inner-offset{
    --awb-padding-right: calc(var(--inner-box-offset) - var(--awb-spacing-left));

    @media screen and (max-width: 1750px){
        --awb-padding-right: 60px;
    }

    @media screen and (max-width: 1024px){
        --awb-padding-right: 30px;
    }
}

.column-left-inner-offset{
    --awb-padding-left: calc(var(--inner-box-offset) - var(--awb-spacing-right));

    @media screen and (max-width: 1750px){
        --awb-padding-left: 60px;
    }

    @media screen and (max-width: 1024px){
        --awb-padding-left: 30px;
    }
}

.column-left-inner-offset--reset-parent-mobile{
    @media screen and (max-width: 640px){
        & > .fusion-column-wrapper{
            padding-left: 0!important;
        }
    }
}

.column-right-inner-offset--reset-parent-mobile{
    @media screen and (max-width: 640px){
        & > .fusion-column-wrapper{
            padding-right: 0!important;
        }
    }
}

.column-inner-offset--reset-mobile{
    @media screen and (max-width: 640px){
        --awb-padding-left: 0;
        --awb-padding-right: 0;
    }
}

.site-header .fusion-builder-row{
    margin: 0 !important;
}

.site-header .logo-col{
    @media screen and (max-width: 640px){
        .fusion-image-element{
            max-width: 106px;
        }
    }
}

.site-header .header-middle-col{
    width: auto;

    @media screen and (max-width: 1024px){
        .fusion-column-wrapper{
            flex-direction: row !important;
            justify-content: flex-end;
            gap: 20px;

            .awb-menu{
                width: auto;
            }
        }
    }

    @media screen and (max-width: 640px){
        .fusion-button{
            font-size: 12px;
            padding: 13px 15px;
        }

        .fusion-column-wrapper{
            gap: 0;
        }
    }
}

.site-header .fusion-button{
    white-space: nowrap;
}

.site-footer{
    @media screen and (min-width: 768px){
        mask-image: url('images/footer-mask.svg?dd');
        mask-position: top right;
        mask-size: cover;
        mask-repeat: no-repeat;
    }

    &:before{
        content: "";
        background: radial-gradient(circle at 50% 80%, rgba(53, 131, 219, 0.7) 20%, rgba(255, 255, 255, 0) 60%);
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0.4;
    }
    
    .fusion-flex-container {
        max-width: 1680px!important;
    }
}

.w-full{
    display: block;

    img{
        width: 100%;
    }
}

.h-100{
    height: 100%;
}

.reset-p-margin{
    p{
        margin: 0;
    }
}

.text-balance{
    text-wrap: balance;
}

.hero-title-size h1{
    font-size: clamp(60px,6vw,115px) !important;

    @media screen and (max-width: 640px){
        font-size: 45px !important;
        
    }
}

.rotated-button-play-icon{
    position: relative;
    cursor: pointer;

    &:before{
        content: "";
        background: url('images/icon-play.svg') no-repeat center;
        background-size: contain;
        width: 26px;
        height: 26px;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.white-outline-badge p,
.heading-badge p{
    display: inline-block;
    padding: 10px 18px;
    border-radius: 40px;
    text-transform: uppercase;
    color: var(--awb-text-color);
    border: 1px solid var(--awb-text-color);
}

.white-outline-badge p{
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.23);
    text-transform: none;
}

.how-it-works-bg-position{
    background-position: top -280px center;
    background-size: 1650px;
}

.social-container-boxed > .fusion-builder-row{
    position: relative;
    padding: 110px 0 195px;
}
.social-container-boxed > .fusion-builder-row:before{
    --x-offset: 5%;
    
    content: "";
    position: absolute;
    inset: 0 calc(var(--x-offset) * -1) 0 calc(var(--x-offset) * -1);
    width: calc(100% + (var(--x-offset) * 2));
    height:100%;
    border-radius: 45px 45px 0 0;
    
    background: url('https://thunder.siteseeprotected.ca/wp-content/uploads/2026/02/igol-logo-opt.png') no-repeat bottom -330px center #F2F5F8;
    background-size: cover;
}

.testimonial-image-bg{
    background-image: none;
    position:relative;
}
.testimonial-image-bg:after{
    content: "";
    height: 250px;
    width: 100%;
    background-image: var(--awb-background-image);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    position: absolute;
    top: 0;
    left: 0;
    background-attachment: fixed;
}

.testimonial-image-bg blockquote .awb-quote{
    padding-top:0;
    padding-left: 0;
}

.testimonial-image-bg:before{
    content: "";
    background: radial-gradient(circle at 80% 100%, rgba(53, 131, 219, 0.7) 10%, rgba(255, 255, 255, 0) 40%);
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.4;
}

.logo-column{
    height: 140px;
}

.logo-column img{
    max-height: 140px;
    width: auto;
}

.services-bg-position .fusion-content-layout-column{
    background-size: 100%;
    background-position: top -110px left 50vw;
}

.services-tab-style .nav-tabs{
    --awb-active-border-color: var(--awb-title-active-text-color);
    border-bottom: 1px solid rgba(255, 255, 255, 0.13)!important;
}

.services-tab-style .nav-tabs .tab-link{
     border-top:0!important;
     border-bottom: 2px solid transparent!important;
 }

 .services-tab-style .nav-tabs .active > a{
     border-color: var(--awb-title-active-text-color);
 }
 
 .services-tab-style .service-icon{
     width: 80px;
     height: 80px;
     background: rgba(217, 217, 217, 0.1);
     border-radius: 50%;
     display: inline-flex;
     align-items:center;
     justify-content:center;
     padding: 19px;
 }
 
 .social-reels-bg-position .fusion-content-layout-column{
    background-size: 2300px;
    background-position: bottom -240px center;
 }
 
 .hero-section{
    &:before,
    &:after{
        content: "";
        position: absolute;
        inset:0;
    }

    &:before{
        background: #000;
        opacity: 0.35;
    }

    &:after{
        background: linear-gradient(45deg,  rgba(64,143,224,1) 0%,rgba(125,185,232,0) 40%), linear-gradient(135deg, rgba(125,185,232,0) 70%,rgba(64,143,224,1) 100%);
        opacity: 0.6;
    }

    .hero-list{
        --awb-content-margin: 55px;
        
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      text-transform: uppercase;
      gap: 30px;

      .fusion-li-item{
        padding: 0;

        .icon-wrapper{
            width: 32px!important;
            margin-inline-end: 0 !important;
        }

        .fusion-li-item-content{
            margin-inline-start: 40px;
        }
      }
  }
 }


  .how-it-works-cards .heading,
  .why-choose-us-content-boxes .heading{
    margin-bottom: 5px!important;
  }
  
  .contact-info-boxes .content-box-heading,
  .how-it-works-cards .content-box-heading,
  .why-choose-us-content-boxes .content-box-heading{
    text-transform: uppercase;
    font-family: 'Inter';
    font-size: 20px;
  }
  
  .why-choose-us-content-boxes .content-box-heading,
  .why-choose-us-content-boxes .content-container{
      padding-left: 95px!important;
  }
  
  .why-choose-us-content-boxes .image{
      width: 80px;
     height: 80px;
     background: #3583DB;
     border-radius: 50%;
     display: inline-flex;
     align-items:center;
     justify-content:center;
     padding: 19px;
  }
  
.why-choose-us-content-boxes .image img{
    margin: 0!important;
}

.how-it-works-cards{
    @media screen and (max-width: 1024px){
        margin-top: 0;

        .fusion-column{
            width: 100%;
        }
    }

    @media screen and (max-width: 640px){
        .col{
            padding: 20px;
        }
    
        img{
            max-width: 80px!important;
        }

        .content-box-heading,
        .content-container{
            padding-left: 100px!important;
        }
    }
}

.testimonials-dots-position{
    .fusion-testimonials{
        position: relative;

        .awb-quote {
            --awb-testimonial-text-font-weight: 500;
        }

        .reviews{
            @media screen and (min-width: 1025px){
                padding-right: 20%;   
            }
        }

        .alignment-left{
            .company-name {
                flex-direction:column;

                strong{
                    font-style: italic;
                    font-size: 20px;
                }

                span{
                    color: var(--awb-color4);
                }

                strong + span{
                    display:none;
                }
            }
        }

        .testimonial-pagination{
            --awb-navigation-color: #000;
            position: absolute;
            bottom:-60px;
            right: 0;
            padding: 20px;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            background: #FFF;
        }
    }
}

.cta-gradient{
    position: relative;

    &:before{
        content: "";
        background: radial-gradient(circle at 70% 100%, rgba(53, 131, 219, 0.7) 10%, rgba(255, 255, 255, 0) 40%);
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0.4;
    }

    .fusion-row{
        z-index: 10000;
    }
}

.cta-bg-position{
    position: relative;
    background-image: none;

    &:after{
        content: "";
        background: var(--awb-background-image) no-repeat top right;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .fusion-row{
        z-index: 10000;
    }
}

.choose-us2-highlight-bg{
    &:before{
        content: "";
        background: radial-gradient(circle at 50% 20%, rgba(53, 131, 219, 0.7) 10%, rgba(255, 255, 255, 0) 40%);
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0.4;
    }
}

.call-to-us-box{
    &.fusion-content-boxes{
        .heading{
            text-transform: uppercase;
            margin-bottom: 0;
        }

        .content-container{
            font-size: 20px;
            font-weight: 500;
            margin-bottom: 0;
        }
    }

    .fusion-column{
        margin-bottom: 0;
    }
}

.widget-recent-posts.layout-thumbnails-on-side{
    background: #F2F5F8;
    padding: 40px 28px;
    border-radius: 30px;

    .fusion-columns{
        .post{
            p:last-child,
            &:last-child{
                margin-bottom: 0;
            }

            .floated-slideshow{
                width: 73px;

                img{
                    aspect-ratio: 1;
                    border-radius: 12px;
                    object-fit: cover;
                }
            }
        }
    }
}

.banner-gradient{
    .fusion-column-wrapper{
        background-position: left -20px bottom -30px;

        &:before{
            content: "";
            background: radial-gradient(circle at 50% 50%, rgba(53, 131, 219, 0.7) 10%, rgba(255, 255, 255, 0) 50%);
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            opacity: 0.4;
            z-index: 1;
        }

        & > *{
            position: relative;
            z-index: 3;
        }
    }
}

.widget-categories{
    background-color: #F2F5F8;
    padding: 34px 48px;
    border-radius: 30px;

    ul{
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 15px;
        font-weight: 600;
    }
}

.popup-book-form{
    .gform_wrapper{
        margin-bottom: 0;

        .textarea{
            padding: 15px;
        }

        .gform-footer{
            padding-bottom: 0;
            margin-bottom: 0;
        }
    }
}

.column-reset-margin{
    margin: 0;
}

.footer-text-gradient{
    p{
        display: inline-block;
        background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(190,215,235,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

.footer-copyright{
    a{
        color: var(--awb-color4);
    }
}

.subscribe-form{
    input{
        --awb-form-border-radius: 40px;
    }
}

.sidebar-post-image-height{
    .fusion-imageframe{
        height: 200px!important;
    }
}

.top-bar-inline-list{
    margin: 0!important;
    display: flex;
    align-items: center;
    gap: 20px;

    li{
        margin: 0;
        padding: 0!important;
    }
}

.top-bar-socials{
    .fusion-social-network-icon,
    .fusion-social-networks-wrapper{
        margin: 0!important;
    }

    .fusion-social-networks-wrapper{
        display: flex;
        gap:16px;
    }
}

.services-cta-igol{
    background-position: bottom -190px center;
}

.next-section-negative-offset + *{
    margin-top: -60px;
}

.team-member-card{
    position: relative;

    &::before{
        content: "";
        position: absolute;
        width: 60px;
        height: 60px;
        background: url('images/member-arrow.svg') no-repeat center;
        background-size: contain;
        top: 40px;
        right: 40px;
        z-index: 10;
    }

    & > .fusion-column-wrapper{
        padding: 30px 30px 0 0;
        position: relative;

        &:before{
            content: "";
            width: 100%;
            background: #F2F5F8;
            border-radius: 40px;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 30px;
        }
    }

    .fusion-image-wrapper{
        height: 570px;
        border-radius: 20px;
        overflow: hidden;

        mask-image: url('images/member-mask.svg?dd');
        mask-position: top right;
        mask-size: cover;
        mask-repeat: no-repeat;

        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    div:has(>.team-member-info) {
        position: absolute;
        inset: 0;
    }

    .team-member-info{
        position: absolute;
        left: 50px;
        bottom: 30px;
        right: 80px;
        background: rgba(255, 255, 255, 0.98);
        border-radius: 20px;
        padding: 27px 40px;
        width: auto;
        transition: all 0.3s ease;
        height: 105px;
        overflow: hidden;

        @media screen and (max-width: 575px) {
            left: 30px;
             right: 60px;
             padding: 15px;
        }
    }

    .team-member-info-hover{
        display: none;
        overflow: scroll;
    }

    &:hover{
        &:before{
            background-image: url('images/member-arrow-blue.svg');
        }
        .team-member-info-hover{
            display: block;
        }

        .team-member-info{
            left: 0;
            bottom: 0;
            right: 39px;
            height: calc(100% - 30px);
            padding-top: 70px;
            mask-image: url('images/member-mask.svg?dd');
            mask-position: top right;
            mask-size: cover;
            mask-repeat: no-repeat;
        }
    }
}

.full-width-image-mask{
    mask-image: url('images/full-wdith-image-mask.svg');
    mask-position: top right;
    mask-size: cover;
    mask-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--awb-spacing-left);
    right: var(--awb-spacing-right);
    border-radius: 45px;
    overflow: hidden;
    z-index: -1;

    img{
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
}

.full-width-image__content-column{
    width: 50%;

    @media screen and (max-width: 1024px){
        width: 85%;
    }

    @media screen and (max-width: 640px){
        width: 95%;
    }

    .fusion-column-wrapper{
        &:before{
            content: "";
            position: absolute;
            inset: 0;
            background: #FFF;
            mask-image: url('images/video-content-mask.svg');
            mask-position: bottom right;
            mask-repeat: no-repeat;
            z-index: -1;
            border-radius: var(--awb-border-radius);
        }
    }
}

.full-width-image__content-play-btn{
    position: absolute;
    right: -28px;
    bottom: -33px;
    width: 80px;
    height: 80px;

    .fusion-button-text{
        display: none;
    }

    i{
        margin: 0;;
    }
}

.column-h-700px{
    min-height: 650px;
}

.contact-google-map{
    border-radius: 40px;
    overflow: hidden;
}

.contact-info-boxes{
    &.content-boxes-icon-on-side{
        .heading{
            margin-bottom: 0;
        }
    }

}

.single-post .fusion-page-title-bar .fusion-title-heading{
    font-size: 46px!important;
    font-weight: 600!important;
}

.split-text-2-cols{
    @media screen and (min-width: 1025px) {
        columns: 2;
    }

    ul{
        margin: 0;
        padding-left: 15px;
    }
}

.plan-checklist{
    @media screen and (min-width: 1025px) {
        display: flex;
    }
    gap: 20px;

    li{
        margin: 0;
        padding: 0!important;
    }
}

.rating-number-star{
    p{
        display: inline-block;
        position: relative;
        padding-right: 40px;;

        &:after{
            content: "";
            background: url('images/star.svg') no-repeat center;
            background-size: contain;
            width: 31px;
            height: 31px;
            display: inline-block;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }
    }
}

.fusion-text{
    ul{
        padding-left: 15px;

        li::marker {
        color: #3583DB;
        }
    }
}

.dropdown-content-box.content-boxes-icon-on-side{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 40px;
    margin: 0;

    &:after,
    &:before{
        content: normal;
    }

    .heading{
        margin-bottom: 0;

        .content-box-heading{
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 600;
            position: relative;
            padding-right: 20px;

            &:after{
                content: "\203A";
                position: absolute;
                top: 50%;
                right: 0;
                transform: translateY(-50%);
                line-height: 1;
                font-size: 16px;
                margin-top: -1px;
            }
        }
    }

    .content-container{
        font-size: 12px;
        margin-bottom: 0;
    }

    .content-box-column{
        padding: 20px;
        margin-bottom: 0;
        border-radius: 15px;
        width: 100%;
        transition: 0.3s ease background;

        .link-area-box-hover{
            --awb-hover-accent-color: var(--awb-color5);
        }

        &:hover{
            background: #FFF;
        }
    }
}

.menu-arrows-style{
    .awb-menu__main-a{
        justify-content: space-between;
    }
}

.faq-accordion{
    .fusion-panel{
        border-radius: 57px;
        transition: 0.2s ease border-radius;

        .panel-title {
            a {
                flex-direction: row-reverse;
                justify-content: space-between;
                gap: 16px;
                padding-right: 17px!important;

                .fa-fusion-box{
                    padding: 15px;
                    border-radius: 50%;
                }

                .fusion-toggle-icon-wrapper{
                    transform: rotate(45deg);
                }

                .fusion-toggle-heading{
                    margin: 0;
                }
            }
        }

        &:has(a.active) {
            border-radius: 40px;
        }
    }
}

.hero-support-text{
    position: absolute;
    right: 40px;
    top: 30px;
    font-size: clamp(12px,1.2vw,20px);

    @media screen and (max-width: 1750px){
        right: 11vw;
    }

    @media screen and (max-width: 400px){
        right: 7vw;
        top: 24px;
    }

    @media screen and (max-width: 1024px){
        position: relative;
        right: auto;
        top: auto;
    }
}

.about-headiing-offset{
    margin-left: clamp(-350px,-20vw,0px)!important;


    @media screen and (min-width: 1025px){
        .fusion-title-heading{
            font-size: 2.9vw!important;
        }
    }

    @media screen and (min-width: 1200px){
        .fusion-title-heading{
            font-size: 3.3vw!important;
        }
    }

    @media screen and (min-width: 1380px){
        .fusion-title-heading{
            font-size: 1em!important;
        }
    }

    @media screen and (max-width: 1024px){
        margin-left: 0!important;
    }
}

.awb-breadcrumb-list{
    justify-content: center;

    .awb-home > a{
        &:before{
            content: "";
            background: url('images/home.svg') no-repeat center;
            background-size: contain;
            width: 16px;
            height: 16px;
            display: inline-block;
            margin-right: 8px;
        }
    }
}

.facebook-video-reels{
    .fusion-column-wrapper{
        aspect-ratio: 534 / 952;
    }
    
    iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 40px;
        overflow: hidden;
    }
}

.single-post{
    .post-content{
        .fusion-content-tb{
            --h2_typography-font-size: 32px;
            --h3_typography-font-size: 28px;
            --h4_typography-font-size: 24px;
            --h5_typography-font-size: 20px;

            ul{
                padding-left: 17px;
            }

            img{
                border-radius: 20px;
            }
        }
    }
}

.post-card{
    .fusion-imageframe{
        width: 100%;
    }
}

.post-card-categories{
    p{
        display: flex;
        gap: 10px;
        flex-wrap: wrap;

        a{
            background-color: #3583DB;
            border: 1px solid #3583DB;
            padding: 4px 15px;
            border-radius: 49px;
            color: #FFF;
            text-transform: lowercase;
            font-size: 14px;

            &:hover{
                background-color: transparent;
                color: #3583DB;
            }
        }
    }
}

/** ** ** ** ** ** ** ** 
 ** GLOBAL MEDIA QUERIES 
 ** ** ** ** ** ** ** **/
@media screen and (max-width: 1024px){
    .hero-list{
        font-size: 16px!important;
        line-height: 1!important;

        .icon-wrapper.circle-no{
            height: auto;
        }
    }

    .tablet-mt-0{
        margin-top: 0;
    }

    .tablet-mt-60{
        margin-top: 60px;
    }

    .tablet-x-negative-20px .fusion-image-element{
        margin-left: -20px;
        margin-right: -20px;
    }
}

@media screen and (max-width: 640px){
    .footer-mobile-logo-order{
        order: -2;
    }

    .footer-mobile-share-order{
        order: -1;
    }

    .footer-mobile-column-no-bottom-border{
        .fusion-column-wrapper{
            border-bottom: 0!important;
        }
    }

    .tablet-x-negative-20px .fusion-image-element{
        margin-left: -30px;
        margin-right: -30px;
    }

    h2.fusion-title-heading{
        font-size: 0.8em!important;
    }

    .fusion-testimonials.classic blockquote .awb-quote{
        --awb-testimonial-text-font-size: 16px;
        --awb-testimonial-text-line-height: 1.6;
    }
}