/**
Theme Name: The Fit Co
Author: Creative Layers
Author URI: https://creativelayers.nl/
Description: The Fit Co is a fully custom child theme for Astra, developed by Creative Layers. Designed for performance and tailored specifically for The Fit Co brand, it combines clean code with seamless compatibility across devices and plugins.
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: the-fit-co
Template: astra
*/

/*  */

:root {
    --black: #000000;
    --white: #FFFFFF;
    --yellow: #E6F500;
    --yellow-light: #F7FCCD;
    --green: #8AA060;
    --dark-green: #142002;
    --gray-50: #00000080;
    --gray-25: #00000040;
    --gray-5: #0000000D;
    --green-dark: #888976;
    --green-mid-dark: #C7CEBB;
    --green-mid: #DCE0D1;
    --green-light: #EFF2EB;
   
}

h2.widget-title {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 4px;
}

		div#mobile-popup-menu .btn.btn-primary:hover, div#mobile-popup-menu a.btn.btn-secondary:hover {
    color: #ffffff;

}

.popup {
    z-index: 99999999999999999 !important;
}


.ast-sticky-active .main-header-menu > .menu-item.current-menu-item > .menu-link, .ast-sticky-active .main-header-menu >.menu-item.current-menu-ancestor > .menu-link, .main-header-bar.ast-sticky-active .main-header-menu > .menu-item.current-menu-item > .menu-link, 
.main-header-bar.ast-sticky-active .main-header-menu >.menu-item.current-menu-ancestor > .menu-link, 
.ast-sticky-active .main-header-menu, .ast-sticky-active .main-header-menu > .menu-item > .menu-link, 
.ast-sticky-active .ast-masthead-custom-menu-items, 
.ast-sticky-active .ast-masthead-custom-menu-items a, 
.main-header-bar.ast-sticky-active, 
.main-header-bar.ast-sticky-active .main-header-menu > .menu-item > .menu-link, 
.main-header-bar.ast-sticky-active .ast-masthead-custom-menu-items, 
.main-header-bar.ast-sticky-active .ast-masthead-custom-menu-items a {
    color: #151515;
}

.ast-sticky-active .main-header-menu > .menu-item.current-menu-item > .menu-link, .ast-sticky-active .main-header-menu >.menu-item.current-menu-ancestor > .menu-link:hover, .main-header-bar.ast-sticky-active .main-header-menu > .menu-item.current-menu-item > .menu-link:hover, 
.main-header-bar.ast-sticky-active .main-header-menu >.menu-item.current-menu-ancestor > .menu-link:hover, 
.ast-sticky-active .main-header-menu, .ast-sticky-active .main-header-menu > .menu-item > .menu-link:hover, 
.ast-sticky-active .ast-masthead-custom-menu-items:hover, 
.ast-sticky-active .ast-masthead-custom-menu-items a:hover, 
.main-header-bar.ast-sticky-active:hover, 
.main-header-bar.ast-sticky-active .main-header-menu > .menu-item > .menu-link:hover, 
.main-header-bar.ast-sticky-active .ast-masthead-custom-menu-items:hover, 
.main-header-bar.ast-sticky-active .ast-masthead-custom-menu-items a:hover {
    opacity: .8;
}
.ast-sticky-active .main-header-menu .menu-item:hover > .menu-link{
	color: #151515 !important;
}



/* pasword protected page */
h1#password-protected-logo {
    display: none;
}


/* For Chargebee Checkout */
.g-page__content {
    font-family: roobert!important;
}


/* Global CSS */



.site-content .ast-container {
    display: block !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row, .site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row {
    max-width:2560px!important;
}
         p, .entry-content p {
            margin-bottom:0px;
         }
        body, .ast-separate-container {
            background-color: #ffffff;
            background-image: none;
        }

        .site-content .ast-container {
            display: block !important;
        }


        
        /* Text styles */
        .hero-title {
           
            animation: fadeSlideUp 1.2sease forwards;
            
        }

       
      
        

        
        /* Motion blur effect */
        .motion-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, 
                rgba(0, 0, 0, 0.5) 0%, 
                rgba(0, 0, 0, 0.1) 50%, 
                rgba(0, 0, 0, 0.5) 100%);
            z-index: 5;
        }
        
        .highlight-runner {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-20%, -50%);
            width: 250px;
            height: 500px;
            background: radial-gradient(ellipse, rgba(255, 87, 34, 0.2) 0%, rgba(255, 87, 34, 0) 70%);
            border-radius: 50%;
            z-index: 6;
            filter: blur(10px);
            pointer-events: none;
        }
        

         


        /* Ask Us Anything section */

    

    
        

          .info-box-1 {
            width: 45%;
        }

        .info-box {
            padding: 24px;
            border-radius: 12px;
            position: relative;
        }

        .info-box::before,
        .info-box::after {
            content: '';
            position: absolute;
            width: 8px;
            height: 8px;
            border: 2px solid #000;
        }

        .info-box::before {
            top: 0px;
            left: 0px;
            border-right: none !important;
            border-bottom: none !important;
        }

        .info-box::after {
            top: 0px;
            right: 0px;
            border-left: none !important;
            border-bottom: none !important;
        }

        .info-box .corner-bl {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 8px;
            height: 8px;
            border-top: none !important;
            border-right: none !important;
            border: 2px solid #000;
        }

        .info-box .corner-br {
            position: absolute;
            bottom: 0px;
            right: 0px;
            width: 8px;
            height: 8px;
            border-top: none !important;
            border-left: none !important;
            border: 2px solid #000;
        }
        
        .info-box p {
            margin-bottom: 0px;
            color: #151515;
        
        }

       
        
        /* Responsive styles */
        @media screen and (max-width: 768px) {
        .mobile-hero-container {
            height: 552px!important;
            
        }
          
        .fitco__header {
            margin-bottom:24px;
        }
           
            
            .motion-line {
                display: none;
            }
            
            .highlight-runner {
                width: 150px;
                height: 300px;
            }
            
           
            
            .hero-subtitle {
                font-size: 18px;
                line-height: 26px;          
            }

        
        }

@media(max-width: 537px){
	     .info-box {
            padding: 12px 16px;
            
        }
}

    /* Theme CSS (nog uitzoeken!) */


*/
.site-footer-primary-section-5.site-footer-section.site-footer-section-5 {
    grid-column: 5 / 10;
}












.ast-header-html-3:hover












/* Signup Form */
.signup-form input.input-field {
    padding: 15px;
    border-radius: 50px;
    border: 1px solid #C7CEBB;
    /*     filter: drop-shadow(2px 4px 6px #C7CEBB); */
}



.signup-content .disclaimer {
    color: #888976;
}



/* Prioritize yourself Section */
.fitco-product-details {
    background: #DCE0D1;
}






/* Media 1024px */

@media(max-width:1024px) {

    .slider-button a.uagb-buttons-repeater {
        min-width: 265px;
    }



    .slider_h1 {
        font-size: 80px !important;
        line-height: 90px !important;
    }

}

/* Media 992px */
@media(max-width:992px) {
    /*  Main Header */
     .site-content .ast-container {
    display: block !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}
    .main-header-menu .menu-link {
        padding: 0 7px !important;
    }

    /*  for top footer */
    .site-footer .ast-builder-footer-grid-columns {
        padding-left: 16px;
        padding-right: 16px;
    }

    .site-above-footer-inner-wrap {
        padding-top: 40px !important;
    }

    .site-primary-footer-wrap .ast-builder-footer-grid-columns {
        padding-bottom: 8px !important;
    }


    /*  bottom footer */
    .site-below-footer-wrap .ast-builder-footer-grid-columns {
        padding-top: 0px;
        padding-bottom: 40px;
        border-bottom-left-radius: 18px;
        border-bottom-right-radius: 18px;
    }

    /*   */
    section#block-22 .logo-container .logo {
        text-align: left;
    }

    .site-above-footer-wrap {
        display: block !important;
    }

    /*  for footer grid  */
    .ast-builder-footer-grid-columns.site-primary-footer-inner-wrap {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        align-items: start !important;
        gap: 30px !important;
    }

    .site-footer-primary-section-5 .footer-widget-area {
        text-align: left !important;
    }

    /*  bottom footer */
    .site-footer-below-section-1 {
        display: none;
    }

    .site-below-footer-wrap .ast-builder-footer-grid-columns {
        grid-template-columns: 1fr !important;
    }

    .site-primary-footer-wrap {
        padding-top: 0px !important;
        padding-bottom: 8px !important;
    }

    .site-primary-footer-wrap .ast-builder-footer-grid-columns {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
    }

    .site-primary-footer-wrap,
    .site-below-footer-wrap {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .site-below-footer-wrap {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* Top footer for mobile */
    .site-above-footer-wrap {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .site-above-footer-inner-wrap {
        background: #121212;
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
    }

    .site-primary-footer-wrap .ast-builder-footer-grid-columns {
        padding-top: 20px !important;
    }

    /* Bottom footer top logo    */
    section#block-18 {
        display: none !important;
    }
}

/* Media 992px */
@media(max-width: 992px) {

    /* For all pages     */
    .site-content .ast-container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* Media 927px */
@media(max-width:927px) {
    #ast-hf-menu-1 .main-header-menu a {
        font-size: 11px !important;
        padding: 0 7px !important;

    }

    /* Media 846px */
}

@media (max-width: 846px) {
    ul#ast-hf-menu-1 .menu-link {
        font-size: 10px;
        padding: 0 7px;
    }
}

/* Media 768px */

@media (max-width: 768px) {



    /*  Footer */
    .site-primary-footer-wrap {
        display: block !important;
    }

    .footer-menu ul li a {
        font-size: 16px;
        line-height: 22px;
        font-family: 'RoobertTRIAL-Regular';
        font-weight: 400
    }

    .newsletter-form {
        max-height: 40px;
    }

    .newsletter-form .submit-btn {
        margin: 4px 6px !important;
    }

}


/* Media 767px */

@media(max-width:767px) {


    .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-below-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar
    {
        padding: 16px 24px 16px 24px!important;
    }
    
    .slider-button a.wp-block-button__link {
        min-width: 65px;
    }

    .slider-button img {
        max-width: 16px;
        padding-left: 5px;
    }

    .wp-block-group.alignfull.display_flex.is-content-justification-center.is-layout-constrained.wp-block-group-is-layout-constrained.has-background {
        min-height: 300px !important;
    }

    .slider_h1 {
        font-size: 60px !important;
        line-height: 70px !important;
    }

   

    /* for header mobile button  */
    .ast-header-html-1 {
        padding: 10px;
    }

    /* Home: Signup form sections */
    .sign-up-container {
        display: flex;
        flex-direction: column-reverse;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }

    /* Home: How to use The Fit Co daily     */
    .fitco__info {
        flex-direction: column;
    }

    /* Footer */
    .site-primary-footer-wrap,
    .site-below-footer-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }

}

@media (max-width: 544px) {

    /*  Mobile header logo  */
    .custom-logo-link img {
        max-width: 95px !important;
        width: 95px !important;
    }
}





@media (max-width: 600px) {

    .ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row {
        display: flex !important;
        flex-direction: column;
        flex-flow: wrap;
        column-gap: 10px !important;
    }

    .site-footer-primary-section-1.site-footer-section.site-footer-section-1,
    .site-footer-primary-section-2.site-footer-section.site-footer-section-2,
    .site-footer-primary-section-3.site-footer-section.site-footer-section-3,
    .site-footer-primary-section-4.site-footer-section.site-footer-section-4 {
        width: 45% !important;
    }


}






.site-below-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-3-cheavy.ast-builder-grid-row-tablet-3-equal.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack section#block-16,
.site-below-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-3-cheavy.ast-builder-grid-row-tablet-3-equal.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack section#block-10 {
    margin: 0px !important;
}



.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row,
.site-below-footer-wrap[data-section="section-below-footer-builder"] .site-footer-section {
    align-items: self-start;
}

.slick-slide img {
    display: block;
    transform: rotateY(-180deg);
}



.ast-builder-grid-row-3-cheavy .ast-builder-grid-row {
    grid-template-columns: 1fr 3fr 2fr;
}

.ast-builder-footer-grid-columns {
    grid-column-gap: 0px;
}


@media (max-width: 992px) {
    .site-below-footer-wrap .ast-builder-footer-grid-columns {
        grid-template-columns: 1fr !important;
        grid-column-gap: 10px !important;
        grid-row-gap: 20px;
    }
}


@media (max-width: 1199px) {
    body .ast-builder-footer-grid-columns.site-primary-footer-inner-wrap {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        align-items: start !important;
        gap: 30px !important;
    }

    .site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-tablet-stack .site-footer-section {
        width: 100%;
    }
}

ul.footer-menu li {
    display: block;
    font-size: 14px;
    line-height: 24px;
}
ul.footer-menu {
    margin: 0px;
    margin-top: 0px;
}

body .newsletter-form .submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.language-currency {
    display: flex;
    column-gap: 7px;
    align-items:center;
}

.language-currency span {
    font-size: 12px;
    line-height: 24px;
}

span.flag-icon {
    position: relative;
    top: 5px;
}

.lang-selector {
    display: flex;
    justify-content: center;
    column-gap: 10px;
    align-items: center;
}

.footer-widget-area .nav-heading{
    margin-bottom: 8px;
}

@media (min-width: 767px) {

body.logged-in.admin-bar div#content {
    margin-top: 75px;
}
    
    div#content {
    margin-top: 60px;
}
    

body.logged-in.admin-bar .ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item {
    position: fixed !important;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 32px;
}
    
.footer-widget-area .nav-heading {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}   
    
.footer-widget-area .newsletter-form {
    display: flex;
    justify-content: space-between;
        margin-bottom:10px;
}
    
.ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item {
    position: fixed !important;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0px;
}
    
    
    
    
    }



@media (max-width: 767px) {

    body,
    html {
/*         overflow-x: hidden; */
    }

}



@media(min-width:1199px) {
    .ast-builder-menu-1.ast-builder-menu.ast-flex.ast-builder-menu-1-focus-item.ast-builder-layout-element.site-header-focus-item {
        padding-left: 106px;
    }
}




/*  */
/*  */
/*  */
/*  */
/*  */



@media(min-width:769px){

	li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children ul.sub-menu:before {
		content: "";
		background-color: rgba(245, 244, 242, 0.8)!important;
        backdrop-filter: blur(30px) !important;
        -webkit-backdrop-filter: blur(30px)!important;
		height: 115%;
		top: 88px;
		width: 3000%;
		left: -1000%;
		overflow: hidden;
	}

}



.landing-page-slide-slider.slick-initialized.slick-slider.slick-dotted .slick-slide img {
    display: block;
    transform: rotateY(0deg);
}


.page-template-How-it-works .info-box {
    margin-bottom: 20px;
}

.page-template-How-it-works .co-work-inner-content .body-large{
	opacity:.5;
}

.panel-content input.gform_next_button.gform-theme-button.button {
    opacity: 0 !important;
}
.panel-content input.gform_next_button.gform-theme-button.button {
    transition: none !important;
}




.ast-header-break-point #ast-mobile-header {
    display: block;
    position: fixed !important;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0px;
}

@media (max-width: 767px) {
    div#content {
        margin-top: 85px;
    }
}


@media (max-width: 600px) {

.site-above-footer-wrap[data-section="section-above-footer-builder"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.ast-footer-html-2 {
    display: block !important;
}

}


.social-icons img {
    position: relative;
    top: -2px;
}
.social-icons span {
    position: relative;
    top: 4px;
}

@media (max-width: 1090px){
.fitco__steps {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 48px 20px !important;
				max-width: 100% !important;
            
            }
	.fitco__step{
		max-width: 100% !important;
            
            }
  }

/* Gravity Form */


.gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    opacity: 0 !important;
}


div#gform_page_1_1 div#gform_fields_1 fieldset.gfield.gfield--type-multi_choice.gfield--type-choice.gfield--input-type-radio {
    display: none !important;
}

fieldset#field_1_45,fieldset#field_1_42,fieldset#field_1_43,fieldset#field_1_44,fieldset#field_1_46,fieldset#field_1_47,fieldset#field_1_48,fieldset#field_1_49,fieldset#field_1_50{
    display: none !important;
}