/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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{
    font-family: "Manrope", Sans-serif;
    background-color: rgba(217,199,174,0.35);
}
body,html{
    margin-top: 0px !important;
}
.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main{
    max-width: 1370px;
}
.d-none{
    display: none !important;
}
.site-header{
    background-color: #B5D8C9;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-block-start: 1rem;
    padding-block-end: 1rem;
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 0px;
    left: 0px;
    box-shadow:-5px 3px 20px 11px rgba(0,0,0,0.1);
}
.site-header .site-description{
    display: none;
}
.page-header{
    display: none;
}
.site-header .site-navigation.main-navigation{
    justify-content:flex-start;
}
.site-navigation ul.menu li a{
    font-size: 1rem;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
}
.site-navigation ul.menu li.mobile-menu{
    display: none;
}
.site-navigation ul.menu li.menu-social .menu-image-title{
    display: none;
}
.site-navigation ul.menu li.menu-social a{    
    padding-right: 0px;
}
.site-navigation ul.menu li:first-child > a{
    padding-left: 0px;
}

.site-navigation ul.menu li a:hover,
.site-navigation ul.menu li a:focus,
.site-navigation ul.menu li a:active{
    color: #3B2314;
}

.site-navigation ul.menu li.menu-social a:hover,
.site-navigation ul.menu li.menu-social a:focus,
.site-navigation ul.menu li.menu-social a:active{
    filter: invert(1);
}
.page-content{
    position: relative;
    margin-top: 0px;
    z-index: 10;
}
.hero-banner .elementor-image-box-wrapper{
    position: relative;
}
.hero-banner .elementor-image-box-content{
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 99%;
    display: flex;
    top: 0px;
    left: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.25);
}

.hero-banner .elementor-image-box-wrapper .elementor-image-box-img{
    margin-bottom: 0px !important;
}
.hero-banner .elementor-image-box-content .elementor-image-box-title{
    max-width: 35rem; 
}
.elementor-element.container-gray,
.elementor-element.e-parent{
    margin-top: 30px;
}
.elementor-element.container-gray{
    margin-bottom: 50px !important;
}
.site-footer{
    max-width: 1400px;
    margin: 0 auto;
}
.elementor-element .e-con-inner{
    margin-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px;
}
.elementor-element.container-gray .e-con-inner,
.elementor-element.container-blue .e-con-inner,
.elementor-element.container-walnut .e-con-inner
{
    background-color:#D6C7AE;
    border-radius: 2.5rem;
    padding-top: 40px;
}
.elementor-element.container-walnut .e-con-inner{
    background-color: #3B2314;
}
.elementor-element.container-blue .e-con-inner{
    background-color: #B5D8C9;
}
.elementor-element.container-boxed .container-text{
    padding-left: 3rem;
}
.elementor-element.container-boxed .container-image{
    padding-right: 3rem;
}
.elementor-element .container-image img{
    border-radius: 2.5rem;
}
.non-active-btn a{
    pointer-events: none !important;
    background-color: transparent !important;
    margin-bottom: 1rem;
}
.mySwiper{
    margin-bottom: 0px !important;
   padding-top:0px !important;
}

.mySwiperBottom .slide-basic-info, .slider-bottom-modal .slide-basic-info{
    gap: 0px !important;
}
.mySwiperBottom .block-shadow, .slider-bottom-modal .slider-modal-container{
    background-color: transparent !important;
}
.mySwiperBottom .slide-description, .slider-bottom-modal .slide-description{
    line-height: 35px !important;
}
.mySwiperBottom .block-shadow{
    box-shadow: none !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    position: relative;
}
.mySwiperBottom .swiper-bottom-buttons-block{
    position: absolute;
    margin-top: 0px !important;
    right: 5%;
    bottom: 60px;
}
.mySwiper .swiper-pagination-bullet{
    width: 14px !important;
    height: 14px !important;
    background-color: transparent !important;
    border: 2px solid #ffffff;
}
.mySwiper  .swiper-wrapper .swiper-slide .slide-block{
    margin-top: 2rem;
}

.elementor-widget-container .mySwiperBottom .swiper-bottom-buttons-block .swiper-bottom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #ffffff !important;
}

.elementor-element.container-walnut .elementor-icon.elementor-social-icon{
    background-color: transparent !important;
}

.gform_body ul {
    list-style: none;
  }
  
  input[type='text'],
  input[type='email'],
  textarea{
    width: 220px;
    padding: 10px 10px 12px 60px;
    font-size: 12px;
    color: #555;
    border: 1px solid black;
    background-color: #fff;
  }
  .gfield {
    position: relative;
    margin: 25px 5px 0 0;
  }
  
  .gfield input {
    transition: .1s all linear;
  }
  
  .gfield label {
    position: absolute;
    top: 13px;
    left: 3px;
    font-size: 12px;
    color: #aaa;
    transition: .1s all linear;
    cursor: text;
  }
  
  .gfield.active input {
     padding-left: 15px;
  }
  
  .gfield.active label {
    top: -18px;
  }
  .gform_wrapper.gravity-theme .ginput_complex fieldset, .gform_wrapper.gravity-theme .ginput_complex span{
    position: relative;
  }

  .gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea,
  .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true]{    
    padding: 8px 4px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #FFF !important;
    resize: none;
    border-radius: 0px;
    color: #FFF;
    outline: none !important;
  }
  .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true]{
    border-color: #c02b0a !important;
  }
  .gform_wrapper.gravity-theme .gform_validation_errors{
    margin-bottom: 30px !important;
  }


  .gform_wrapper.gravity-theme legend.gfield_label{
    display: none !important;
  }
  .gform_wrapper.gravity-theme .gform_body .gfield{
    margin-top: 0px;
    margin-bottom: 1.25rem;
  }
.gform_wrapper.gravity-theme .gform_body .gfield label{
    font-size: 17px !important;
    font-weight: 400;
color: #fff;
}
.gform_wrapper.gravity-theme .ginput_complex fieldset .gform-field-label, 
.gform_wrapper.gravity-theme .ginput_complex span .gform-field-label{
    top: 0px;
}
.gform_wrapper.gravity-theme .gform_body .gform_fields{
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}
.gform_wrapper.gravity-theme .gform_body .gfield{
    width: 100%;
    margin-bottom: 1rem;
}
.gform_wrapper.gravity-theme .gform_body .gfield.two-col-field{
    width: 48%;
}
.gform_wrapper.gravity-theme .gform_body .gfield span.gfield_required::before{
    content: '*';
    position: relative;
    color: #FFF;
    opacity: 0.75;
    left: 3px;
}
.gform_wrapper.gravity-theme .gform_body .gfield.gfield_error span.gfield_required::before{
    color: #c02b0a !important;
}

.gform_wrapper.gravity-theme .gform_body .gfield span.gfield_required .gfield_required  {
    display: none;
}
.gform_wrapper.gravity-theme .gfield textarea.medium{
    max-height: 55px;
}
.gform_wrapper.gravity-theme .gfield .gfield_description{
    display: none !important;
}
.gform_wrapper.gravity-theme .gform_footer button, 
.gform_wrapper.gravity-theme .gform_footer input, 
.gform_wrapper.gravity-theme .gform_page_footer button, 
.gform_wrapper.gravity-theme .gform_page_footer input{
    border-radius: 30px !important;
    border: 1px solid #FFF !important;
    color: #FFF !important;
    padding: 8px 40px 6px 30px;
    position: relative;    
    display: flex;
    align-items: center;
    font-family: "aktiv-grotesk",sans-serif !important;  
}
.cta-btn .elementor-button{
    background-color: transparent;
}
.gform_wrapper.gravity-theme .gform_footer button:hover,
.gform_wrapper.gravity-theme .gform_footer button:focus, 
.gform_wrapper.gravity-theme .gform_footer input:hover,
.gform_wrapper.gravity-theme .gform_footer input:focus,  
.gform_wrapper.gravity-theme .gform_page_footer button:hover,
.gform_wrapper.gravity-theme .gform_page_footer button:focus,  
.gform_wrapper.gravity-theme .gform_page_footer input:hover,
.gform_wrapper.gravity-theme .gform_page_footer input:focus{
    background-color: #FFF !important;
    color:#000 !important;
}
.cta-btn.elementor-widget .elementor-button{
    position: relative;
    padding-right: 30px !important;
}
.cta-btn.elementor-widget .elementor-button:after{
    content: '';
    background-image: url(arrow-button.svg);
    width: 15px;
    height: 11px;
    position: relative;
    float: left;
    background-size: cover;
    position: absolute;
    z-index: 100;
    right: 10px;
    top: 10px;
}
.cta-btn.elementor-widget .elementor-button:hover::after{
    filter: invert(1);
}

#gform_submit_button_1:before{
    content: '';
    background-image: url(btn-arrow.svg);
    width: 20px;
    height: 15px;
    position: relative;
    float: left;
    background-size: cover;
    position: absolute;
    z-index: 100;
    right: 15px;
}

#gform_submit_button_1:hover::before{
    filter: invert(1);
}
.footer-bottom{
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
}
.footer-bottom p{
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 400;
}

/* ANIMATED X */
.site-navigation-toggle-holder .site-navigation-toggle{
    flex-direction: column;
}
/* ANIMATED X COLLAPSED */

/* END ANIMATED X */

.navbar-toggle .icon-bar {
	width: 23px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
    height: 2px;
    background-color: #FFF;
    margin:2px 0px;
}
.elementor-active .navbar-toggle.x .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform-origin: 10% 10%;
	-ms-transform-origin: 10% 10%;
	transform-origin: 10% 10%;
}

.elementor-active .navbar-toggle.x .icon-bar:nth-of-type(2) {
	opacity: 0;
	filter: alpha(opacity=0);
}

.elementor-active .navbar-toggle.x .icon-bar:nth-of-type(3) {
	
    -webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform-origin: 10% 90%;
	-ms-transform-origin: 10% 90%;
	transform-origin: 10% 90%;
}


.elementor-active .navbar-toggle.x .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.navbar-toggle.x .icon-bar:nth-of-type(2) {
	opacity: 0;
	filter: alpha(opacity=100);
}

.elementor-active .navbar-toggle.x .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.elementor-element.container-walnut .elementor-icon.elementor-social-icon{
    width: 35px;
}
.gform_wrapper.gravity-theme .gform_validation_errors,
.gf_submission_limit_message{
    padding: 16px !important;
    background:#c02b0a;
    font-size: 1rem;
    color: #FFF;
}
.gform_wrapper.gravity-theme .gform_validation_errors>ol{
    color: #FFF;
    padding: 1rem 0px 0px;
}
.gform_wrapper.gravity-theme .gform_validation_errors>ol a{
    color: #FFF;
    font-size: 0.865rem !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors>h2,
.gf_submission_limit_message p{
    margin-bottom: 0px !important;
    color: #FFF;
    font-size: 1rem;
}
.gform_confirmation_wrapper{
    background: #ffffff;
    padding: 1.5rem !important;
    font-size: 1rem;
    color: green;
    font-weight: 500;
    border-radius: 7px;
}
.tk-aktiv-grotesk-title .elementor-image-box-content .elementor-image-box-title,
.tk-aktiv-grotesk-content .elementor-image-box-content .elementor-image-box-description,
.tk-aktiv-grotesk-title .elementor-heading-title,
.tk-aktiv-grotesk-btn .elementor-button{
    font-family: "aktiv-grotesk",sans-serif !important;  
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}

.home_st_icon{
    position:absolute;
    top:23%;
    left:0px;
    right:0px;
    z-index: 9;
}

@media screen and (max-width: 1400px){
    .header-inner{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .hero-banner .elementor-image-box-img img{
        height: calc(100vh - 65px);
        min-height: 15rem;
        object-fit: cover;
        object-position: 65%;
    }
    .page-content{
        margin-top: 35px;
    }
    .site-navigation-toggle-holder{
        padding: 0px;
        top: 20px;
        position: absolute;
        left: 18px;
    }
    .site-navigation-toggle-holder .site-navigation-toggle{
        background: transparent;
        color:#FFF;
    }
    .site-navigation-dropdown ul.menu{
        height: calc(100vh - 70px);
        box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
        padding-top: 1.5rem;
    }
    .site-navigation-dropdown ul.menu li a,
    .site-navigation-dropdown ul.menu{
        background-color: #B5D8C9 !important;
        color: #FFF;
        box-shadow: none;
        font-size: 26px;
        font-weight: 500;
        text-align: left;
    }
    .site-navigation-dropdown ul.menu li.menu-social{
        width: auto;
        float: left;
    }
    .site-navigation-dropdown ul.menu li.menu-social a .menu-image-title{
        display: none;
    }
    .site-navigation-dropdown ul.menu li.menu-social{
        position: absolute;
        bottom: 75px;
        left:175px;
    }
    .site-navigation-dropdown ul.menu li.menu-social.menu-fb{
        left: 25px;
        bottom: 70px;
    }
    .site-navigation-dropdown ul.menu li.menu-social.menu-fb a .menu-image-title{
        font-size: 13px;
        font-weight: 400;
        border: 1px solid #fff;
        border-radius: 20px;
        display: flex !important;        
        align-items: center;
        padding: 5px 15px;
        margin-right: 20px;
        text-transform: uppercase;
    }

    .site-navigation-dropdown ul.menu li.menu-social.menu-fb a,
    .site-navigation-dropdown ul.menu li.menu-social a{
        display: flex !important;        
        flex-direction: row-reverse;
        padding-left:0px;
    }
    .elementor-element .container-text{
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 2rem !important;
    }
    .home_st_icon{
        top:16%;
    }
    .home_st_icon .elementor-widget-container{
        text-align: center !important;
    }
    .home_banner_box .elementor-image-box-title{
        padding-top:140px;
    }
}

@media screen and (max-width: 1023px){
    .elementor-element.container-boxed .container-text{
        padding: 2rem 20px 0px !important;   
    }
    .elementor-element.container-boxed .container-image{
        padding:2rem 20px;
        margin-top: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .e-con .elementor-widget.elementor-widget{
        width: 100%;
    }
    .hero-banner .elementor-image-box-content{
        padding-left:1rem;
        padding-right:1rem;
    }
    .elementor-element.container-gray .e-con-inner,
    .elementor-element.container-blue .e-con-inner,
    .elementor-element.container-walnut .e-con-inner{
        padding-top: 0px;
    }
    .elementor-element * {
        text-align: left;
    }
    .hero-banner .elementor-image-box-content *,
    .cta-btn .elementor-button{
        text-align: center !important;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .mySwiper .block-shadow{
        padding-left: 15px !important;
        padding-right:15px !important;
    }
    .site-header{
        padding-top: 20px;
    }
    .site-header .site-branding{
        padding-left: 65px;
    }
    .site-navigation-dropdown ul.menu li a{
        text-transform: uppercase;
    }
}

@media screen and (max-width: 991px){
    .elementor-element .container-text{
        padding-right: 0px !important;
    }
    .hero-banner .elementor-image-box-img img{
        object-position:75%;
    }
    .cta-btn.elementor-widget .elementor-button{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cta-btn.elementor-widget .elementor-button:after{
        position: relative;
        top: 0px;
        right: -10px;
    }
}

@media screen and (max-width: 767px){
    .elementor-2 .elementor-element.elementor-element-f18ccaf .swiper-wrapper .slide-description{
        font-size: 18px;   
        line-height: 24px !important;
    }
    .cta-btn .elementor-button{
        width: 100%;
    }
    .mySwiperBottom .swiper-bottom-buttons-block{
        bottom: 20px;
    }
    .mySwiper{
        padding-bottom: 0px !important;
    }
    .mySwiper .swiper-pagination-bullet{
        width: 12px !important;
        height: 12px !important;
    }
    .gform_wrapper.gravity-theme .gform_body .gfield.two-col-field{
        width: 100%;
    }
    .gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input{
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    #gform_submit_button_1:before{
        right: 35%;
    }
}


/* Custom CSS */
.elementor-element.e-parent.footer-copyrights{margin-top: 1em;}
.logout-sec>.e-con-inner{max-width: 1400px;width:100%;}
.logout-sec a{color: #b5d8c9; text-decoration: none;}
/* contact us form */
.contact-us-form .gfield label {
    color: #000;
}
.contact-us-form .gform_wrapper.gravity-theme input[type=email], 
.contact-us-form .gform_wrapper.gravity-theme input[type=tel], 
.contact-us-form .gform_wrapper.gravity-theme input[type=text],
.contact-us-form .gform_wrapper.gravity-theme textarea{
    border-bottom: 1px solid #aaa !important;
    color: #000;
}
.contact-us-form .gform_wrapper.gravity-theme .gform_footer input[type=submit]{
    border: 1px solid #fff !important;
    color: #fff !important;
}

.contact-us-form .gform_wrapper.gravity-theme .gform_footer input[type=submit]:hover{
border: 1px solid #000 !important;
    color: #000 !important;
}
.contact-us-form .gform_wrapper.gravity-theme .gform_body .gfield span.gfield_required::before {
    color: #e31b1b;
}
.ld-course-list-content .ld-course-list-items .ld_course_grid .entry-title a{
    color: #fff;
}
.learndash-wrapper #btn-join, .learndash-wrapper .btn-join{
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
}
.learndash-wrapper #btn-join:hover, .learndash-wrapper .btn-join:hover{
    background-color: #000;
    opacity: 1;
}
.learndash-wrapper .ld-item-list .ld-section-heading .ld-item-list-actions .ld-expand-button{
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
}

.ld-course-list-content .ld-course-list-items .ld_course_grid .caption{
    padding:15px;
}
.ld-course-list-content .ld-course-list-items .ld_course_grid .entry-title{
    text-align: center;
    font-size:24px;
    color:#fff;
}
.ld-course-list-content .ld-course-list-items .ld_course_grid .entry-content p{
    text-align: center;
    color: #fff;
}
.ld-course-list-content .ld-course-list-items .ld_course_grid .caption .ld_course_grid_button{
    margin:auto;
    text-align: center;
}
.ld-course-list-content .ld-course-list-items .ld_course_grid .caption .ld_course_grid_button .btn{
    border: 1px solid #fff;
    background:transparent;
    color:#fff;
    text-align:center;
    margin-top:15px;
    max-width: fit-content;
    padding: 8px 20px;
    border-radius: 50px;
    font-weight: 700;
}
.ld-course-list-content .ld-course-list-items .ld_course_grid .caption .ld_course_grid_button .btn:hover{
    background:#000;
    border:1px solid #000;
}
.ld-course-list-content .ld-course-list-items .ld_course_grid .thumbnail.course{
    background-color:#B5D8C9;
    border-radius:10px;
    height:100%;
}
.ld-course-list-content .ld-course-list-items .ld_course_grid .thumbnail.course img{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.ld-course-list-content .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled{
    background:#B5D8C9;
}
.ld-course-list-content .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled::before{
    border-top: 4px solid #B5D8C9;
    border-right: 4px solid #B5D8C9;
}
.ld-course-list-content .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon:not(.enrolled){
    display:none;
}
/** registration page **/
#learndash-registration-wrapper, #learndash-reset-password-wrapper{
    max-width: 700px;
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0px 1px 2px #ccc;
    margin-top:20px !important;
    margin-bottom:25px !important;
}
.learndash-wrapper #learndash-registration-wrapper form input, .learndash-wrapper #learndash-reset-password-wrapper form input{
    border:1px solid #000;
    padding: .5rem 1rem;
}
.learndash-wrapper #learndash-registration-wrapper form input:focus, .learndash-wrapper #learndash-reset-password-wrapper form input:focus{
    outline:none;
}
.learndash-wrapper #learndash-registration-wrapper form p:has(input[type="submit"].button-primary){
    margin:0px auto;
    text-align:center;
}

.learndash-wrapper #learndash-registration-wrapper form input[type="submit"], #learndash-reset-password-wrapper input[type="submit"]{
    max-width: fit-content;
    padding:8px 35px;
    color: #000;
    margin-top: 5px !important;
}
.learndash-wrapper #learndash-registration-wrapper form input[type="submit"]:hover, #learndash-reset-password-wrapper input[type="submit"]:hover{
    background:#000;
    color:#fff;
}
.learndash-registration-wrapper .btn-join{
    color:#fff;
}
.learndash-wrapper #learndash-registration-wrapper a{
    color:#b5d8c9;
}
/** course single page **/
.learndash-wrapper #btn-join, .learndash-wrapper .btn-join, .learndash-wrapper .ld-item-list .ld-section-heading .ld-item-list-actions .ld-expand-button{
    border:none;
    color:#fff;
}
.sfwd-courses-template-default .sfwd-courses{
    margin-top:50px;
}
.single-sfwd-lessons .learndash_post_sfwd-lessons, .single-sfwd-topic .learndash_post_sfwd-topic, .single-sfwd-quiz .learndash{
    margin-top:50px;
}
.single-course-banner img{
    max-height: 500px;
    object-fit: cover;
    width:100%;
    margin-bottom:18px;
}
.single-sfwd-courses .course_title, .course_title{
    text-align: left;
    margin-bottom: 30px;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name{
    align-items: center;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name .ld-status-icon{
    margin-top:0px;
}
.learndash-wrapper .ld-content-action form.sfwd-mark-complete{
    margin-bottom: 10px;
}
.learndash-wrapper .ld-content-action form.sfwd-mark-complete .learndash_mark_complete_button:hover{
    background-color: #3B2314;
}
.course_desc_custom{
    margin-top:15px;
}
/* .learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress{
    background-color: #3B2314 !important;
}
.single .learndash-wrapper .ld-content-actions .ld-content-action .ld-button{
    background-color: #3B2314 !important;
} */
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-action .ld-text .ld-login-text{
    color:#b5d8c9;
}
.learndash-wrapper .registration-login-link, .learndash-wrapper .show-password-reset-link a, .learndash-wrapper .show-register-form a{
    color:#b5d8c9;
    font-weight: 700;
}
#learndash-registration-wrapper .order-overview .coupon-form input[type="submit"]{
    background-color:#b5d8c9;
    border:1px solid #b5d8c9;
    color:#fff;
    margin-top:0px !important;
    margin-left:10px;
}
#learndash-registration-wrapper .order-overview .order-overview-return a{
    color:#b5d8c9;
}
.continue_course_row{
    margin:30px auto;
    text-align: center;
}
.continue_course_row .course_continue_btn{
    border: 1px solid #b5d8c9;
    background: #b5d8c9;
    color: #fff;
    text-align: center;
    margin-top: 15px;
    max-width: fit-content;
    padding: 12px 20px;
    border-radius: 50px;
    font-weight: 700;
}
.continue_course_row .course_continue_btn:hover{
    background:#3B2314;
    border:1px solid #3B2314;
}
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-segment .ld-status{
    background-color:#3B2314 !important;
    color:#fff;
}
.learndash-wrapper .ld-alert-warning .ld-button.learndash-link-previous-incomplete{
    background-color:#b5d8c9;
    color:#fff;
}
.learndash-wrapper .ld-lesson-status .ld-breadcrumbs, .learndash-wrapper .ld-quiz-status .ld-breadcrumbs{
    background: #3b2314;
    color: #fff;
}
.learndash-wrapper .ld-lesson-status .ld-breadcrumbs .ld-breadcrumbs-segments a, .learndash-wrapper .ld-quiz-status .ld-breadcrumbs .ld-breadcrumbs-segments a{
    color:#fff !important;
}
.learndash-wrapper .ld-course-status .ld-course-status-content .ld-course-status-action .ld-text{
    display:none;
}
li.menu-item-logout-menu-item a::before {
    content: '\f310';
    font-family: 'dashicons';
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    text-rendering: auto;
    font-size: 20px;
    text-align: center;
    vertical-align: top;
    padding-right: 5px;
}
.registration-login-form .login-submit #wp-submit:focus{
    background-color: #000 !important;
    color:#fff !important;
}
.mejs-blocked{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    height: 100%;
    font-size: 1.75rem;
}
.vjs-youtube.vjs-youtube-content-blocked{
    width: 100% !important;
    background: #000;
    position: relative;    
}
/** profile page **/
.ld-profile-summary .ld-profile-stats{
    display:none !important;
}
.ld-profile-summary .ld-profile-card .ld-profile-edit-link:hover{
    color:#333 !important;
}
form.wppb-user-forms input[type="text"], form.wppb-user-forms textarea, form.wppb-user-forms select, form.wppb-user-forms input[type="email"], form.wppb-user-forms input[type="password"]{
    padding:8px;
}
form.wppb-user-forms select{
    background:#fff;
    border:1px solid #ccc;
}
form.wppb-user-forms input[type="submit"]{
    background-color:#B5D8C9;
    border:1px solid #B5D8C9;
    color:#fff;
    padding:.5rem 2rem;
}

.learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-avatar{
    display:none;
}
.learndash-wrapper .ld-course-list .ld-section-heading h3{
    font-family: "Manrope", Sans-serif !important;
    font-weight: 800 !important;
}
.learndash-wrapper .ld-course-list .ld-item-list-items .ld-item-list-item .ld-course-title{
    font-family: "Manrope", Sans-serif !important;
}
.learndash-wrapper .ld-course-list .ld-item-list-items .ld-item-list-item .ld-item-list-item-expanded .ld-progress-heading .ld-progress-label, .learndash-wrapper .ld-course-list .ld-item-list-items .ld-item-list-item .ld-item-list-item-expanded .ld-progress-percentage{
    font-weight: 800 !important;
    font-family: "Manrope", Sans-serif !important;
}
.learndash-wrapper .ld-course-list .ld-item-list-item .ld-item-list-item-expanded .ld-table-list-header, .learndash-wrapper .ld-course-list .ld-item-list-item .ld-item-list-item-expanded .ld-table-list-title a{
    font-family: "Manrope", Sans-serif !important;
}
#ld-profile .ld-item-list-items .ld-alert.ld-alert-warning .ld-alert-content .ld-alert-messages a{
    color:#b5d8c9;
    font-weight: 800;
}
/** single page banner **/
.single-page-banner{
    padding-top:55px;
}
/** quiz page **/
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_quiz .wpProQuiz_button.wpProQuiz_QuestionButton, .single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_text .wpProQuiz_button{
    background-color: #3b2314 !important;
    padding-right: 2em;
    padding-left: 2em;
}

.single-sfwd-quiz .wpProQuiz_results .wpProQuiz_quiz_time {
    position: relative !important;
}
.single-sfwd-quiz .wpProQuiz_results .wpProQuiz_quiz_time {
    font-size:0px !important;
}
.single-sfwd-quiz .wpProQuiz_results .wpProQuiz_quiz_time span{
    font-size:15px !important;
}
.single-sfwd-quiz .learndash-wrapper .ld-quiz-actions{
    margin-top:2.5em !important;
    padding-top:2.5em;
}
/* .single-sfwd-quiz .wpProQuiz_results .wpProQuiz_points{
    display:none;
} */
/** course page **/
.ld-item-list-item.learndash_incomplete_locked{
    opacity:0.5;
    pointer-events: none;
    cursor: not-allowed;
}
.ld-course-status .ld-course-status-segment .ld-course-status-content .ld-course-status-action .button{
    font-family:"Manrope", Sans-serif !important;
}
/** lesson single page **/
.single-sfwd-lessons .ld-lesson-topic-list .ld-table-list .ld-table-list-header{
    display:none;
}
.single-sfwd-lessons .learndash-wrapper .ld-table-list .ld-table-list-items{
    border-top:2px solid #e2e7ed !important;
}
.single-sfwd-lessons .learndash-wrapper .ld-tabs, .single-sfwd-quiz .learndash-wrapper .ld-tabs{
    margin-top:2.5em;
    margin-bottom:2.5em;
}
.single-sfwd-lessons .learndash-wrapper .ld-content-actions{
    padding-top:2.5em;
}
@media(max-width:991px){
    li.menu-item-logout-menu-item a::before{
        content: unset;
    }
}
@media(max-width:767px){
    .ld-course-list-content .ld-course-list-items .ld_course_grid{
        margin-right:auto;
        margin-left:auto;
    }
    #learndash-registration-wrapper{
        padding:25px;
    }
    .single-sfwd-courses .course_title h1, .course_title h1{
        font-size:30px;
    }
}
@media(max-width:500px){
    form.wppb-user-forms .wppb-form-field label{
        padding-bottom:12px;
    }
}
@media(min-width:992px){
    .menu-main-menu-container #menu-main-menu #menu-item-960, .menu-main-menu-container #menu-main-menu #menu-item-961{
        display:none;
    }
}

.registration-login-content h2 {
    font-size: 24px;
}

.single-course-content p {
    font-size: 14px;
}

#learndash-registration-wrapper, #learndash-reset-password-wrapper{
	max-width:100%;
}

.page-id-504 .e-con-inner,.page-id-499 .e-con-inner,.page-id-492 .e-con-inner,.reset .e-con-inner{
    max-width: 1400px;
    width: 100%;
}


[type=button]:focus, [type=submit]:focus, button:focus{
    color: #fff  !important;
    background-color: #000 !important;
    text-decoration: none;
}

.ld-profile-summary {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
}


.page-id-1314 .e-con-inner,.reset .e-con-inner{
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0px 1px 2px #ccc;
}




.ribbon.completed {
    display: block !important;
}


.page-id-509 .learndash-wrapper,.page-id-504 .learndash-wrapper{
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0px 1px 2px #ccc;
}

.page-id-509 .ld-item-list.ld-course-list,div#learndash-registration-wrapper,.heading h1,#learndash-reset-password-wrapper{
    max-width: 900px;
    margin: auto;
    box-shadow: 0px 0px 0px #ccc;
}

.heading h1 { text-align:left;padding-left: 25px;}

.footer-width-fixer .e-con-inner{background: transparent;padding:0px;box-shadow: 0px 0px 0px #ccc;}


.page-id-509 .page-content {
    margin-top: 10rem;
    min-height: 100px;
    z-index: 999;
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0px 1px 2px #ccc;
}

.page-id-509 main#content {
    max-width: 1400px;
    margin: auto;
    display: block;
}

.page-id-509 .page-content p {
    text-align: center;
}

.page-id-509.logged-in .page-content{margin-top:0rem;z-index: inherit;    min-height: unset; background:transparent;box-shadow: 0px 0px 0px #ccc;padding:0px;}
.page-id-509.logged-in main#content {max-width:100%;}


.page-id-509 .page-content a.button.button-primary.login {
    width: max-content;
    border: 1px solid #000;
     padding: 8px 30px;
    border-radius: 5px;
    color: #000;
    text-decoration: none;
    display: block;
    margin: auto;
}

.page-id-509 .page-content a.button.button-primary.login:hover{ background-color:#000;color:#ffffff;} 
.learndash-wrapper .ld-login-modal .ld-login-modal-form .login-password:before,.learndash-wrapper .ld-login-modal .ld-login-modal-form .login-username:before{top:2rem;}

.learndash-wrapper .ld-modal{ position: fixed;}

.header-banner img {
    max-height: 500px;
    object-fit: cover;
}

.contact-us-form .gform_wrapper.gravity-theme input[type=email], .contact-us-form .gform_wrapper.gravity-theme input[type=tel], .contact-us-form .gform_wrapper.gravity-theme input[type=text], .contact-us-form .gform_wrapper.gravity-theme textarea{     border-bottom: 1px solid #ffffff !important;}
.testimonial {
    margin-top: 0px !important;
}

.meet .e-con-inner  {
    padding-bottom: 0px !important;
}

.meet-emma{
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
}

.kind-words{
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
}

.mejs-blocked {
    text-align: center;
}

.ld-tabs-content ol li,.ld-tabs-content ul li {
    line-height: 35px;
}

.single-sfwd-courses .ld-tabs-content h1 {
    display: none;
}

.ld-tabs-content h1{font-size:1.5rem;}

.cta-btn.elementor-widget .elementor-button:after{background-image: url(https://theskintrainer.com.au/wp-content/uploads/2024/12/white.svg);}

.cta-btn.elementor-widget .elementor-button:after:hover{background-image: url(https://theskintrainer.com.au/wp-content/themes/hello-theme-child-master/arrow-button.svg);}
.cta-btn.elementor-widget .elementor-button:hover::after {
    filter: unset !important;
}

.learndash-wrapper .ld-profile-summary .ld-profile-card{    align-items: self-start;max-width: 900px; margin: auto;}
.single-sfwd-lessons .learndash_post_sfwd-lessons.user_has_access,.sfwd-quiz.type-sfwd-quiz,.learndash_post_sfwd-courses.user_has_access{background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0px 1px 2px #ccc;}

.sfwd-lessons.type-sfwd-lessons,.sfwd-quiz.type-sfwd-quiz {
    max-width: 1370px;
    margin: auto;
}

.mejs-blocked{font-size:1.2rem;}

span.ld-icon.ld-icon-arrow-right{position:relative;top:2px;}

.course-completion a {
    padding: 10px 20px;
    background-color: #3b2314;
    border-radius: 20px;
    color: #fff;
    font-size: .75em;
    margin-top: 10px;
    position: relative;
    display: inline-block;
}

.page-id-509 .course-completion{display:none;}

.course-completion {
    background-color: #019e7c;
    padding: 30px;
    border-radius: 12px;
}

.course-completion h2{color:#fff;}

a.ld-primary-color.ld-course-step-back,.learndash-wrapper:not(.ld-registration__outer-wrapper) .ld-content-actions .ld-content-action+a {
    text-transform: uppercase;
    color: #019e7c !important;!i;!;
    letter-spacing: 0.75px;    font-weight: 600;
}

.page-id-1842  .elementor-widget-container a:hover,.page-id-1950  .elementor-widget-container a:hover,.page-id-1952  .elementor-widget-container a:hover{
    text-decoration: none;
    color: #fff;
}

.page-id-1842  .elementor-widget-container a,.page-id-1950  .elementor-widget-container a,.page-id-1952  .elementor-widget-container a{color:#fff;}

.slider-left {
    width: 48%;
    float: left;
}

.slider-right {
    width: 48%;
    float: right;
display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.slider-item {
    display: flex;
    flex-direction: row;
    gap: 50px;    margin-top: 40px;
}

.slider-left img {border-radius: 2.5rem;    width: 100%;}

.slick-dots li button:focus, .slick-dots li button:hover,li.slick-active{background:transparent !important;}

button.slick-prev.slick-arrow,button.slick-next.slick-arrow {
    font-size: 0px;
    background: transparent !important;
    border: 0px;
    padding: 0px;z-index: 999;
}

.slick-next:before,.slick-prev:before {
    font-size: 40px;
    color: #000;    opacity: inherit;
}
.slick-next:before:focus,.slick-prev:before:focus,button.slick-prev.slick-arrow:focus, button.slick-next.slick-arrow:focus {background: transparent !important;}

a.slider-button {
    font-family: "Rubik", Sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    fill: #000000;
    color: #000000;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000000;
    border-radius: 30px 30px 30px 30px;
    padding: 10px 20px 10px 20px;margin-top: 0px;
    display: inline-block;
}

.slider-content h3{color: #000000;
       font-family: "aktiv-grotesk", sans-serif !important;
    font-size: 52px;
    font-weight: 500;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    margin: 40px 0px;
    letter-spacing: 0px;
    word-spacing: 0em;}

.slider-content h4{    color: #000000;
    font-family: "Manrope", Sans-serif;
    font-size: 28px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1.2em;
    letter-spacing: 0px;
    word-spacing: 0em;margin: 30px 0px;}

.slider-content p{color: #000000;
    font-family: "Manrope", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1.5em;
    letter-spacing: 0px;
    word-spacing: 0em;}

.slider-button-link{    background-color: #FFFFFF00;
    font-family: "Rubik", Sans-serif;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none !important;
    color: #000000;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000000;
    border-radius: 30px 30px 30px 30px;
    padding: 7px 20px 7px 20px;margin: 30px 0px;
    display: inline-block;}

.slider-button-link:hover{background-color:#000;color:#fff;}

.slick-next:before {
    content: "";
    background: url('https://theskintrainer.com.au/wp-content/uploads/2024/12/right-arrow-svgrepo-com.svg') no-repeat center center;
    display: inline-block;
    width: 50px; /* Adjust width to match your SVG dimensions */
    height: 50px; /* Adjust height to match your SVG dimensions */
    background-size: contain;
}
.slick-prev:before {
    content: "";
    background: url('https://theskintrainer.com.au/wp-content/uploads/2024/12/arrow-left-5-svgrepo-com.svg') no-repeat center center;
    display: inline-block;
    width: 50px; /* Adjust width to match your SVG dimensions */
    height: 50px; /* Adjust height to match your SVG dimensions */
    background-size: contain;position: relative;
    left: 20px;
}
@media (max-width: 768px) {
.page-title h1{font-size:22px;text-align:center;}
.learndash-wrapper .ld-modal{ top: 0px;    margin: 15% 50% 20px;}
.slider-item{display:block;}
.learndash-wrapper .ld-quiz-actions .quiz_continue_link, .learndash-wrapper .ld-quiz-actions .wpProQuiz_button, .learndash-wrapper .ld-quiz-actions input[type=button]{margin-bottom:0em !important;}
    .slider-right{height:inherit;width: 100%;   float: none;        margin: 2rem 0rem;}
 .slider-left{width: 100%;     float: none;}
.slider-content h3{font-size:40px;    margin: 20px 0px;}
.slider-item{padding:0  2% 0  2%;}
.slick-next:before{position:relative;right:25px;        left: 0px !important;}
.slick-dots{text-align:center;}
}

@media (max-width: 480px) {
.slick-prev:before{        left: -25px;}
.slick-next:before{right:15px;}
}

.slick-next:before{left:75px;position:relative;}

.mejs-time.mejs-currenttime-container,.mejs-time.mejs-duration-container {
    padding-bottom: 25px;
}

.ld-course-list-content .ld-course-list-items .ld_course_grid .caption .entry-content {
    min-height: 80px;
}

.ld-course-list-content .ld-course-list-items .ld_course_grid .caption .entry-content p{margin-top:0px !important;}
.ld-course-list-content .ld-course-list-items .ld_course_grid .caption h3.entry-title {
    min-height: 65px;
}

.banner{
    position: relative;
    text-align: center;
}

.page-title{
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff; /* Adjust as needed for contrast */
    z-index: 10;
}

.page-title h1{font-size:4rem;}