/* 
Theme Name: Affordable Registration
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
*/

:root {
    --woocommerce: #98CB3B;
    --wc-green: #7ad03a;
    --wc-red: #a00;
    --wc-orange: #F26E22;
    --wc-blue: #163561;
    --wc-primary: #98CB3B;
    --wc-primary-text: white;
    --wc-secondary: #ebe9eb;
    --wc-secondary-text: #515151;
    --wc-highlight: #98CB3B;
    --wc-highligh-text: white;
    --wc-content-bg: #fff;
    --wc-subtext: #767676;
}


@media screen and (max-width: 1400px) {
    .elementor-section.elementor-section-boxed:not(#home-top-section) > .elementor-container{
        max-width: 94%!important;
    }
    .elementor-section#home-top-section .elementor-section > .elementor-container{
        max-width:unset!important;
    }
}

#top-header{
    position: absolute!important;
    width: 100%;
    top: 0;
    left: 0;
}

@media screen and (max-width: 767px) {
    .hide-txt-btn-m .elementor-button-text,#top-header .elementor-menu-cart__toggle .elementor-button > .elementor-button-icon::after{
        display: none!important;
    }
}

#featured-image-slide{
    flex:1;
}

#featured-image-slide div{
    height: 100%;
}

@media screen and (max-width: 767px) {
    #featured-image-slide > div{
        height: 40vh;
    }
    #slider-nav-arrows{
        display: none;
    }
}

@media screen and (min-width: 767px) {
    #featured-image-slide > div{
        width: 50vw!important;
    }
}

@media screen and (min-width: 767px) {
#home-top-section{
    margin-top: -250px;
    background: linear-gradient(
    to right, 
    var( --e-global-color-primary ) 0%, 
    var( --e-global-color-primary ) 51%, 
    rgba(255,255,255,0) 51%, 
    rgba(255,255,255,0) 100%
  );
}
}

@media screen and (max-width: 767px) {
    #home-top-section{
        background:var( --e-global-color-primary );
    }
}

#textSlider{
    background:var( --e-global-color-secondary );
}


.swiper-sliders-containers > div{
    flex-direction: column;
}

.custom-next-btn{
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.custom-next-btn,.custom-prev-btn{
    height: 50%;
    background: var( --e-global-color-primary );
    display:flex;
    align-items: center!important;
    justify-content: center!important;
    cursor: pointer;
}
/*
.big-image-buttons .elementor-widget-icon-box .elementor-widget-container:before{
    content: '';
    position: absolute;
    top: 0;
    display: block;
    background: var( --e-global-color-primary );
    width: 100%;
    height: 100%;
    opacity: 0.7;
    left: 0;
}
*/
.big-image-buttons .elementor-widget-icon-box .elementor-widget-container .elementor-icon-box-wrapper{
    z-index: 10;
    position: relative;
}


.page-content-area h2{
    margin-bottom: 1.5em;
}

.nav-title{
    color:var( --e-global-color-secondary )!important;
    font-size: 1.2em;
    font-weight: 500;
}


.af_page_list{
    margin: 0;
    padding: 0;
}

.af_page_list li{
    list-style: none;
    border-top: 1px solid var( --e-global-color-be1e42c );
}



.af_page_list li:last-child{
    border-top: none;
    border-bottom: 1px solid var( --e-global-color-be1e42c );
}

.af_page_list li a{
    display: block;
    padding: 12px 0;
    color:var( --e-global-color-primary )!important;
    transition: all 0.3s ease;
}

.af_page_list li a:hover{
    color:var( --e-global-color-secondary )!important;
}

.af_page_list li.current_page_item a{
    color:var( --e-global-color-secondary )!important;
    font-style: italic;
    font-weight: 400;
}

.wp-block-image{
    position: relative;
}

.wp-block-image figcaption{
    font-size: 0.7em;
    padding: 4px 10px 4px 0px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    color: #888;
}

.featured-case-study{
    background: #FFFFFF;
    box-shadow: 0 6px 21px 0 rgba(0,0,0,0.11)!important;
    display: flex;
    flex-wrap: nowrap;
}

.featured-case-study-content{
    display: flex;
    padding: 20px 40px;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    text-align: left;
}

.featured-case-study-content h4{
    line-height:normal;
    margin-bottom: 1.2em!important;
    color: var( --e-global-color-secondary )!important;
}

.featured-case-study-content p{
    line-height:normal;
    margin-bottom: 1.2em!important;
    color: var( --e-global-color-primary )!important;
}

.featured-case-study-content a{
    color: var( --e-global-color-secondary )!important;
    font-style: italic;
    font-weight: 400;
    transition: all 0.3s ease;
}

.featured-case-study-content a:hover{
    color: var( --e-global-color-primary )!important;
}


.featured-case-study-image{
    width: 55%;
    background-size: cover;
    background-position: center;
    display: flex;
}


.include-break{
    display: flex;
    align-items: center;
    margin-bottom: 30px;;
    margin-top: 50px;
}

.include-break::after{
    content: '';
    flex:1;
    height: 1px;
    width: 100%;
    background: var( --e-global-color-be1e42c );
    margin-left: 20px;
}


.my-account-btn .elementor-button-link.elementor-button, .elementor-menu-cart__toggle .elementor-button{
    background: none!important;
}

.elementor-menu-cart__toggle .elementor-button .elementor-button-icon::after{
    content: 'Checkout';
    font-size: 0.9em;
    font-weight: 400;
    font-style: normal;
}

.woocommerce-Tabs-panel{
    padding: 5% 10%!important;
}

.footer-widgets-area > .elementor-widget-container{
    display: flex;
    justify-content: space-between;
}




.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    background: #98CB3B;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
    background: #7FB122;
}