/**

Theme Name: Wabasi

Author: Pablo Clavero

Author URI: https://www.glissmarket.com/

Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: wabasi

Template: astra

*/

/* ORG CSS FROM CUSTOMIZER */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
:root {
  --c-foreground: #423a38;
  --c-primary: #cb1e37;
  --c-primary-2: #e20a4a;
  --c-button-next: #222b5f;
}

#content.site-content {
  background: white;
}
#content.site-content .ast-container {
  max-width: 1200px;
  margin: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ast-below-header-bar {
  background: white !important;
  border: 0 !important;
}

.ld-course-status {
  background: transparent !important;
  padding-left: 60px;
  padding-right: 60px;
}

.ld-progress {
  padding: 0 !important;
}
.ld-progress .ld-progress-heading {
  display: none !important;
}
.ld-progress .ld-progress-bar {
  background: var(--c-foreground) !important;
  margin-right: 0 !important;
}
.ld-progress .ld-progress-bar .ld-progress-bar-percentage {
  background: var(--c-primary) !important;
}

.ld-progress-steps {
  display: none;
}

.sfwd-courses .ld-section-heading {
  display: none !important;
}
.sfwd-courses .ld-item-list-item {
  /* background: var(--c-foreground) !important; */
  border-radius: 12px !important;
  border: 0 !important;
}
.sfwd-courses .ld-item-list-item .ld-item-list-item-expanded {
  background: white !important;
  color: black !important;
  /* border: 1px solid var(--c-foreground) !important; */
  border-radius: 0 0 12px 12px !important;
}
/* .sfwd-courses .ld-item-list-item.ld-expandable.ld-expanded .ld-item-list-item-expanded {
    border: 1px solid var(--c-foreground) !important;
} */

.sfwd-courses .ld-item-list .ld-item-list-item{
    box-shadow: 6px 6px 6px 0px #00000040;
    
}

.sfwd-courses .ld-item-list .ld-item-list-item.ld-expandable.ld-expanded{
    border: 1px solid #423A38!important;
    
}

.sfwd-courses .ld-item-list-item.ld-expanded .ld-item-list-item-preview{
    background-color: #E20A4A;
    
}
.sfwd-courses .ld-item-list-item.ld-expanded .ld-item-title{
    color: #fff;
}



.sfwd-courses .ld-item-list-item .ld-table-list-header {
  color: black !important;
}
.sfwd-courses .ld-item-list-item .ld-item-list-item-preview {
  display: block !important;
  position: relative !important;
  height: 136px;
  width: 100%;
  padding: 0 !important;
  border-radius: 12px !important;
  transition: 0.3s all;
  background-color: var(--c-foreground);
  margin-top: -2px;
}
.sfwd-courses .ld-item-list-item .ld-item-list-item-preview:hover {
  background: var(--c-primary-2);
  transition: 0.3s all;
}
.sfwd-courses .ld-item-list-item .ld-item-list-item-preview:hover .ld-item-title {
  color: white;
}
.sfwd-courses .ld-item-list-item .ld-expand-button {
  height: 136px !important;
  display: block !important;
  width: 100% !important;
  position: absolute !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  opacity: 0 !important;
}
.sfwd-courses .ld-item-list-item .ld-table-list-header {
  background: white !important;
  color: black var(--c-foreground);
}
.sfwd-courses .ld-item-list-item .ld-item-details {
  display: block !important;
}
.sfwd-courses .ld-item-list-item .ld-status-icon {
  display: none;
}
.sfwd-courses .ld-item-list-item .ld-item-name {
  position: absolute !important;
  height: 136px !important;
  width: 100% !important;
  text-align: center !important;
  text-decoration: none !important;
  display: block !important;
}
.sfwd-courses .ld-item-list-item .ld-item-title {
  color: #e49a2c;
  font-family: Ubuntu;
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  height: 136px !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.sfwd-courses .ld-item-list-item .ld-item-components {
  display: none !important;
}
.sfwd-courses .ld-item-list-item .ld-item-component {
  display: none;
}

.learndash_post_sfwd-topic .ld-breadcrumbs-segments {
  display: none !important;
}
.learndash_post_sfwd-topic .ld-topic-status {
  background: transparent !important;
}
.learndash_post_sfwd-topic .ld-breadcrumbs {
  background: transparent !important;
}
.learndash_post_sfwd-topic .ld-button {
  background-color: var(--c-button-next) !important;
  font-size: 15px !important;
  font-weight: bold;
  text-decoration: none !important;
}
.learndash_post_sfwd-topic .ld-course-step-back {
  color: var(--c-button-next) !important;
  font-size: 15px !important;
  font-weight: bold;
  text-decoration: none !important;
}
.learndash_post_sfwd-topic .ld-status {
  display: none !important;
}

.learndash-wrapper .ld-table-list a.ld-table-list-item-preview:hover{
    color: #222B5F!important;
    font-weight: 700;
}

/* COLORS */

/* darkblue:  #222B5F; */

/* COURSES */

.course-overview .learndash-wrap .course {
    border: none !important;
}

.learndash-wrap .ld-course-list-items.row{
    justify-content: center!important;
}

.course-overview .learndash-wrap .ld-course-list-items.row .entry-title {
    display: none!important;
}

/* buttons */
.learndash-wrap .ld-course-list-items.row .ld_course_grid_button a{
    background: #222B5F;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'Ubuntu';
    font-weight: 700;
    /* line-height: 41.5px; */
}

.learndash-wrapper .ld-button{
    background: #222B5F;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Ubuntu'!important;
    font-weight: 400!important;
    /* line-height: 41.5px; */
}


.learndash_post_sfwd-topic .ld-course-step-back{
  border: 1px solid #222B5F!important;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 24px;
  font-family: 'Ubuntu';
  font-weight: 700;
  padding: 1em;
  /* line-height: 41.5px; */
}

.learndash-wrapper .ld-content-actions .ld-content-action{
    flex-basis: auto;
}

.course-overview .learndash-wrap .ld-course-list-items.row .ld_course_grid_button a{
    display: none;
}

.course-overview .ribbon.enrolled {
    display: none;
}
.course-overview .caption{
  display: none!important;
}

/* uGLy BUT only way possible to hide the course list on the course detail page */
.ld-item-list-items.ld-lesson-progression{
  display: none;
}

/* MY ACCOUNT */



body .woocommerce-MyAccount-navigation-link{
    border: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
    box-shadow: 0px 1px 5px 0px #00000040;
}

.woocommerce-MyAccount-navigation-link a{
    border: 1px solid #423A38;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.3em;
    display: flex!important;
    align-items: center!important;
    color: #171D3F;
    font-weight: 700;
    font-family: "Ubuntu";
}

.woocommerce-MyAccount-navigation-link.is-active a{
    color: #fff;
    background-color: #171D3F!important;
}

.woocommerce-account .woocommerce-MyAccount-navigation{
    margin-bottom: 30px;
}

.woocommerce-MyAccount-content a {
    font-weight: 700;
    color: #171D3F;
}

@media(min-width:768px){
    .woocommerce-MyAccount-navigation-link a{
        border: 1px solid #423A38;
        font-size: 18px;
        text-transform: uppercase;
        line-height: 1.3em;
        display: flex!important;
        align-items: center!important;
        color: #171D3F;
        font-weight: 700;
        font-family: "Ubuntu";
    }

    
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        float: unset!important;
        display: flex;
    }

   
    
    .woocommerce-account .woocommerce-MyAccount-content {
        float: unset;
        width: 100%;
    }

    body .woocommerce-MyAccount-navigation-link{
        border: none;
    }

    .woocommerce-MyAccount-navigation-link a{
        height: 70px;
    }

}

@media(min-width:1199px){
    .woocommerce-MyAccount-navigation-link a{
        border: 1px solid #423A38;
        font-size: 20px;
        text-transform: uppercase;
        line-height: 1.3em;
        display: flex!important;
        align-items: center!important;
        color: #171D3F;
        font-weight: 700;
        font-family: "Ubuntu";
    }
}

.woocommerce input,
.woocommerce select,
.woocommerce textarea{
    box-shadow: 0px 2px 10px 0px #00000040 !important;
    border: 1px solid #75757580;
    border-radius: 10px!important;
}

.woocommerce-js .select2-container .select2-selection--single, 
.woocommerce-js select, .woocommerce-page .select2-container .select2-selection--single, 
.woocommerce-page select{
    box-shadow: 0px 2px 10px 0px #00000040 !important;
    border: 1px solid #75757580;
    border-radius: 10px!important;
}

.woocommerce button{
    background: #222B5F!important;
    border-radius: 0!important;
    text-transform: uppercase!important;
    font-size: 24px!important;
    font-family: 'Ubuntu'!important;
    font-weight: 700 !important;
    line-height: 41.5px !important;;
}

body .woocommerce form.login, body .woocommerce form.checkout_coupon, 
body .woocommerce form.register{
    border: 1px solid #423A38;
    border-radius: 0!important;
    box-shadow: 6px 6px 6px 0px #00000040;


}

.woocommerce-button.button.woocommerce-form-login__submit{
    margin-top: 30px;
}

.woocommerce-button.button.woocommerce-form-login__submit,
.woocommerce-button.button.woocommerce-form-register__submit{
    background-color: #E20A4A!important;

}

#customer_login .u-column1.col-1 h2 {
    border: 1px solid #E20A4A;
    margin: 0;
    padding: 10px;
    font-size: 24px;
    text-transform: uppercase;
    width: fit-content;
    min-width: 200px;
    text-align: center;
    background-color: #E20A4A;
    color: #fff;
}

#customer_login .u-column2.col-2 h2 {
    border: 1px solid #423A38;
    margin: 0;
    padding: 10px;
    font-size: 24px;
    text-transform: uppercase;
    width: fit-content;
    min-width: 200px;
    text-align: center;
    color: #171D3F;
}

form.woocommerce-form.woocommerce-form-login.login,
form.woocommerce-form.woocommerce-form-register.register {
    margin-top: -1px;
}

.ld-course-list-items .ld_course_grid .thumbnail.course img {
  object-fit: contain;
  max-height: 300px;
}


.main-header-menu .menu-link {
  color: #222B5F;
  font-family: Ubuntu;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;


}

.h5p-iframe-wrapper {
  width: auto;
  height: auto;
  margin-bottom: 5rem;
}

.learndash-wrapper .ld-course-status .ld-button{
  font-size: 16px!important;
  line-height: 1rem!important;
}

.learndash-wrapper .ld-status-waiting,
.learndash-wrapper #btn-join, .learndash-wrapper .btn-join{
  background: #222B5F;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 16px;
  font-family: 'Ubuntu';
  padding: 1em;
  color: #fff;
  font-weight: 400;
}

.learndash-wrapper .ld-course-status .ld-button:hover,
.learndash-wrapper #btn-join, .learndash-wrapper .btn-join:hover,
.learndash-wrapper .ld-button:hover{
  background-color: #E20A4A!important;
  border: 1px solid #e20A4a!important;
}

.ld-content-action a{
  padding:1em;
  border:1px solid #222B5F!important;
  font-size: 16px!important;
} 

.learndash-wrapper .ld-lesson-status,
.learndash-wrapper .ld-breadcrumbs{
  background-color: #fff;
}

.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress{
  background-color: #E20A4A;
}

.learndash-wrapper .ld-item-list .ld-item-list-item{
  margin: 1em 0 48px!important;
}

/* .learndash-wrapper a {
  border: 1px solid #222B5F !important;
  width: initial;
  display: block;
  max-width: 300px;
  font-size: 16px !important;
  padding: 1rem;
  font-family: ubuntu;
  text-transform: uppercase;
  flex: unset !important;
} */

.learndash-wrapper .ld-table-list .ld-table-list-header{
    background-color: #423a38;
}

.learndash-wrapper .ld-table-list .ld-table-list-items{
    border: 1px solid #423A38;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.ld-lesson-topic-list{
  box-shadow: 6px 6px 6px 0px #00000040;
  border-radius: 12px;
}

.learndash-wrapper .ld-table-list{
  border-radius: 12px;
}

.learndash-wrapper .ld-table-list.ld-no-pagination{
  border-bottom: none;
}

.learndash-wrapper .ld-content-actions{
  align-items: end;
}

.sfwd-mark-complete {
  margin-bottom: 30px;
}

/* .ld-table-list-title{
  color: #e49a2c;
  font-family: Ubuntu;
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  height: 136px !important;
  width: 100% !important;
  display: flex !important;
  justify-content: start !important;
  align-items: center !important;
} */

.elementor-button{
  background-color: #222B5F!important;
  border-radius: 0;
}

.learndash_mark_complete_button{
  border-radius: 0!important;
}

.learndash-wrapper .learndash_mark_complete_button:hover{
  background-color: #222B5F!important;
}

.learndash-wrapper .ld-expand-button{
  background-color: #222B5F!important;
  border-radius: 0!important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item{
  border-color: #222B5F;
}

.ld-profile-heading {
  margin-top: 30px !important;
  color: #222B5F;
}

.ld-profile-stats {
  color: #171d3f;
}


.wp-block-button__link.wp-element-button {
    border-radius: 0;
    background-color: #171D3F;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Ubuntu' !important;
    font-weight: 400 !important;
    padding: 1em;
}

.wp-block-button__link.wp-element-button:hover {
  background-color: #e20A4a;
}


.ld-tabs-content .elementor-section-height-default {
  margin-top: 80px;
  margin-bottom: 80px;
}

/* voor demo grid */
.learndash-wrap .ld-course-list-items.row .entry-title{
  display: block!important;
}

/* my account menu on profile */
body .woocommerce-MyAccount-navigation-link {
  list-style: none;
  /* border: 1px solid var(--ast-border-color); */
  border-bottom-width: 0;
}

body .woocommerce-MyAccount-navigation-link a{
  padding: .5em 1em;
}

/* lesson grid styling */

.ld-course-list-items .ld_course_grid .thumbnail.course {
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #423a38;
  border-radius: 20px!important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  max-width: 100%;
  height: auto;
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
}

.ld-course-list-items .ld_course_grid .thumbnail .caption {
  padding: 9px;
  color: #e49a2c;
  background: #423a38;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.ld-course-list-items .ld_course_grid .thumbnail img{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.ld-course-list-items .ld_course_grid .thumbnail .caption .entry-title{
  color: #e49a2c;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  padding-top: 20px;
}

.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled,
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon{
  background-color: #e20a4a!important;
}
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled::before,
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon::before {
  border-top: 4px solid #e20a4a !important;
  border-right: 4px solid #e20a4a !important;
}

.ld-course-list-items .ld_course_grid .thumbnail .caption .ld_course_grid_button a{
  background-color: transparent;
  border: none;
  font-size: 1rem;
}