/* :root {
    background-color: #273043;
} */

.ab-top-secondary {
    top: -32px;
}
body.wp-admin {
    background: #f8f8f8 !important;
}
body {
    font-family: "Open Sans", sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    line-height: 1.5;
}

.mont {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
h1, h2, h3, h4 {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
}
h5, h6 {
    font-family: "Montserrat", sans-serif;

}
.theme,
.bg-theme {
    background-color: #668f4a;
}
.text-theme {
    color: #668f4a;
}
.text-theme2 {
    color: #C3C349;
}
.bg-theme h2,
.bg-theme h3,
.bg-theme h4 {
    color: #fff;
    margin-bottom: 1.5rem;
}
.text-theme2 {
    color: #C3C349;
}
.bg-theme3 {
    background-color: #273043;
}
.bg-light2 {
    background-color: #F0F5F9;
}
p {
    font-size: 18px;
    font-weight: 500;
}
.theme2,
.bg-theme2 {
    background-color: #C3C349;
}
.br-30 {
    border-radius: 30px;
}
.br-10 {
    border-radius: 10px;
}
a.bg-theme,
a.bg-theme2 {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    min-width: 200px;
    color: #fff;
    padding: 15px 25px;
    display: inline-block;
    text-align: center;
    white-space: normal;
}
a.bg-theme:hover,
a.bg-theme2:hover {
    background-color: #FFF;
    color: #668f4a !important;
    box-shadow: 0 4px 6px 0px rgba(0, 0, 0, 0.3);
} 
@media (min-width:576px) {
    a.bg-theme,
    a.bg-theme2 {
        width: auto;
    }
}
.navbar-collapse {
    text-align: center;
    padding-top: 40px;
    min-height: 0px;
    max-height: 0; /* Start with no height */
    overflow: hidden; /* Hide content outside the current height */
    transition: max-height 0.5s ease-out; /* Smooth transition */
    background-color: #668f4a;

}

.navbar-collapse.show {
    padding: 30px 0px 0px;
    margin: 0px;
    position: absolute;
    right: 0;
    top: 60px;
    width: 100%;
    text-align: center;
    height: 100%;
    min-height: 100vh;
    max-height: 100vh; /* Adjust height to fit the content */
    transition: all .3s ease;
    color: #fff;
    background-color: #668f4a;
    font-family: "Montserrat", serif;
    z-index: 99;
}

.navbar-collapse > ul > li {
    height: 40px;
    font-family: "Montserrat", serif;
    color: #FFF;
    align-content: center;
}
.navbar-collapse > ul > li  > a {
    font-family: "Montserrat", serif;
    color: #FFF;
}
.navbar-collapse.show > ul > li:hover {
    background-color: #C3C349;
    color: #FFF;
}
@media (min-width: 768px) {
    .navbar-collapse.show,
    .navbar-collapse {
        position: static;
        padding-top: 0px;
        min-height: 40px;
        max-height: 50px;
    }
    .navbar.bg-theme {
        background-color: #668f4a;
    }
    .navbar-collapse  {
        background-color: #668f4a;
    }
    .navbar-collapse > ul {
        position: static;
        min-height: 40px;
        background-color: #668f4a;
        justify-content: flex-end;
        color: #fff;
    }
    .navbar-collapse > ul > li > a {
        color: #FFF;
        font-weight: 500;
        padding-bottom: 4px;
        font-family: "Montserrat", serif;
        font-size: 11px;
    }
    .navbar-collapse > ul > li {
        height: auto;
        padding: 10px;
    }
    .navbar-collapse > ul > li:hover a {
        border-bottom: 1px solid #FFF;
    }
}
@media (min-width:992px) {
    .navbar-collapse > ul > li > a {
        font-size: 14px;
    }
    
}
.navbar-toggler.menu_icon,
.navbar-toggler.menu_icon:focus,
.navbar-toggler.menu_icon:visited{
    background-color: #668f4a !important;
    float: right;
    margin-left: auto;
    z-index: 99;
}
#menu-top-menu  {
    z-index: 99;
}
#menu-top-menu > li > a {
    color: #fff;
    font-size: 14px;
}

ul.sub-menu {
    display: none;
    background: #fff;
    position: absolute;
    top: 230px;
    left: 30%;
    min-width: 150px;
    box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.3);
    padding: 10px 0px;
    border-radius: 4px;
    z-index: 9;
    margin: 0px;
    list-style: none;
    transform: translate(0px 0px);
}
@media(min-width: 520px ){
    ul.sub-menu {
        left: 35%;
    }
}

@media(min-width:768px ) {
    ul.sub-menu {
        top:40px;
        left: auto;
        right: 200px;
    }
}
@media(min-width:992px ) {
    ul.sub-menu {
        right: 270px;
    }
}

li.menu-item-has-children:hover ul.sub-menu {
    display: block;
}
ul.sub-menu > li {
    padding: 5px 0px;
    height: 40px;
    color: #668f4a;
    font-size: 14px;
    text-align: center;
    align-content: center;
}
ul.sub-menu > li > a{
    color: #668f4a;
}
ul.sub-menu > li:hover {
    background-color: #C3C349;
}
ul.sub-menu > li:hover > a {
    color: #FFF;
    text-decoration: none;
    border-bottom: 0px;
}
header .stm_searchbox {
    margin-bottom: 20px;
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.theme_line {
    height: 3px;
    width: 160px;
    background-color: #668f4a;
    margin: 0 auto;
}
@media (min-width: 576px) {
    .theme_line {
        margin: 0 auto 0 0;

    }
}
.board_mem {
    max-width: 166px;
}
.board_mem > a > img {
    min-width: 150px;
    height: 150px;
    border: 1px solid #333;
    filter: grayscale(1);
}
.board_mem > a:hover > img {
    filter: none;
    border: 1px solid #273043   ;

}
.secondory_header {
    /* position: absolute;
    top: 50px;
    left: 0px;
    transform: translate(0,0); */
    width: 100%;
    z-index: 1;
}

.course_cats ul {
    max-width: 320px;
}
.course_cats .stm_lms_courses_categories.style_1 {
    margin: 0px;
    max-width: 300px;
}
.course_cats .stm_lms_courses_categories.style_1 .stm_lms_courses_category {
    width: 100%;
    margin: 0px;
}
.course_cats .stm_lms_courses_categories.style_1 .stm_lms_courses_category__info {
    margin-bottom: 5px;
    padding: 5px 5px 5px 10px;
}
.course_cats .stm_lms_courses_categories.style_1 .stm_lms_courses_category__info:hover {
   background-color: #C3C349;
   color: #FFF;
}
.course_cats .stm_lms_courses_categories.style_1 .stm_lms_courses_category__info h4 {
    font-size: 15px;
    color: #FFF;
}
.course_cats .stm_lms_courses_categories.style_1 .stm_lms_courses_category__info:hover h4 {
    color: #FFF;
}
.course_cats .stm_lms_courses_categories.style_1 .stm_lms_courses_category__info span {
   display: none;
}
.secondory_header .stm_searchbox {
    margin: 0px;
}
.course_cats button.dropdown-toggle,
header .stm_searchbox .stm_lms_courses_search .autocomplete-wrapper .autocomplete-input {
    height: 50px;
}
header .stm_searchbox .stm_lms_courses_search .autocomplete-wrapper .autocomplete-input {
    padding-left: 15px;
    padding-right: 40px;
}

.secondory_header .stm_searchbox .stm_lms_courses_search .autocomplete-wrapper .autocomplete-input {
    border: 0;
    border-radius: 0px;
}
.course_cats .stm_lms_courses_categories.style_1 .stm_lms_courses_category__image {
    display: none;
}
.user_loggedin .dropdown-toggle {
    color: #fff;
    background-color: #C3C349;
}   
.user_account_btn {
    width: auto;
    height: 50px;
}
.user_account_btn:hover {
    background-color: #C3C349;
    color: #fff;
}
.user_account_btn .bi-person {
    font-size: 20px;
}
.blended_bg .bi-gear {
    color: #FFF;
    font-size: 35px;
    height: 40px;
}
.bg-light2 .bi-gear {
    color: #C3C349;
    font-size: 35px;
    height: 40px;
}
.secondory_header .stm_searchbox {
    width: 90%;
}
.secondory_header .stm_searchbox .stm_lms_courses_search__button {
    background-color: #668f4a;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secondory_header .stm_searchbox .stm_lms_courses_search__button .stmlms-magnifier {
    color: #FFF;
}
.course_cats .stm_searchbox .stm_lms_courses_search__button,
.site-main .courses_filters .stm_lms_courses_grid__sort .sort_label,
.site-main .courses_filters__activities .lms_courses.search .stm_lms_courses__search .lms-search-btn,
.site-main .stm_lms_styled_checkbox .stm_lms_styled_checkbox__inner input,
.site-main .stm_lms_styled_checkbox .stm_lms_styled_checkbox__inner input .fa-check,
body .stm_lms_courses__archive_wrapper a.btn.btn-default.stm_lms_courses__archive_filter_toggle {
    background-color: #668f4a;
}

.secondory_header.blended_bg  {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    transform: translate(0px, 0px);
    height: 100px;
    z-index: 1;
}
.hero_section {
    padding-top: 0px;
    background-position: center;
    background-repeat: no-repeat;
}
@media (min-width:768px) {
    .hero_section {
        padding-top: 100px;
    }
    
}
h1.hero-title {
    font-size: 26px;
    font-weight: 900;
    color: #FFF;
    text-transform: uppercase;
}
h1.hero-title > span{
    font-size: 48px;
    font-weight: 900;
    color: #FFF;
    
}
h1, h2, h3, h4, h5, h6, p {
    text-align: center;
}
@media (min-width: 576px) {
    h1.hero-title > span{
        font-size: 36px;
        
    }
    h1.hero-title > span{
        font-size: 52px;   
    }
    h1, h2, h3, h4, h5, h6, p {
        text-align: start;
    }
}
.hero-subtitle {
    font-family: 'Montserrat', sans-serif;
}
.site-main article,
.stm_lms_courses_wrapper {
    padding: 0 15px;
}
.entry-content .stm_lms_courses_wrapper .lms_courses.search,
.entry-content .stm_lms_courses_wrapper .courses_filters__title {
    display: none ;
}
.entry-content .stm_lms_courses_wrapper .courses_filters__activities {
    justify-content: flex-end;
}
.stm-lms-wrapper .stm_lms_acc_tabs i.stm_lms_acc_tabs__toggle,
.stm-lms-wrapper .stm_lms_acc_tabs__main {
    background-color: #C3C349;
}

.masterstudy-authorization__instructor-page {
    display: none;
    visibility: hidden;
}
header.entry-header .entry-title {
    text-align: center;
}

.masterstudy-authorization__wrapper a.masterstudy-button.masterstudy-button_style-primary {
    background-color: #668f4a;
    color: #fff;
    min-width: 200px;
    border-radius: 30px;
}
.site-content .masterstudy-authorization__switch .masterstudy-authorization__switch-account-link {
    color: #C3C349;
    font-weight: 800;
}
.course_cats .accordion {
    max-width: 280px;
    margin: 0 auto;
}
.course_cats .accordion .stm_lms_courses_categories.style_1 .stm_lms_courses_category__info {
    margin-right: 0px;
    justify-content: center;
}
.course_cats .accordion .stm_lms_courses_categories.style_1 .stm_lms_courses_category__info h4 {
    color: #273043;
    font-size: 15px;
    margin: 0px;
}
main .stm_lms_courses__single--title h5 {
    border: none;
    margin-bottom: 0px;
}
main .stm_lms_courses__single--meta {
    display: none;
    visibility: hidden;
}
.site-content .masterstudy-button {
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
}
header a.theme2:hover {
    background-color: #668f4a;
    color: #fff;
}
.site-content .masterstudy-button .masterstudy-button__title {
    font-size: 16px;
    font-weight: 700;
}
.course_cats .accordion-button {
    background-color: #C3C349   ;
    color: #FFF;
    padding: 10px;
}
article {
    border-radius: 10px;
}
.footer-menu-class li {
    padding: 4px 24px 4px 0px;
}
footer a {
    font-family: 'Montserrat', sans-serif;
}

.footer-menu-class li a {
    color: #273043;
    display: inline-block;
    text-decoration: none;
    padding: 4px 0px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
}
footer a,
.footer-menu-class li a:hover {
    color: #668f4a;
    font-weight: bold;
    text-decoration: underline;
}
.site_border {
    border: 2px solid #d4d4d4;
    border-radius: 5px;
}
.site_border_bottom {
    border-bottom: 2px solid #d4d4d4;
}
#ast-scroll-top {
    background-color: #C3C349;
}
.disclaimer-column p.fs-6 {
    font-size: 12px !important;
}
body .stm_lms_courses__single--image .stm_lms_courses__single--image__container {
    min-height: 250px;
}
main .stm_lms_courses .stm_lms_load_more_courses, .stm_lms_courses.all_loaded .stm_lms_courses__grid {
    margin-bottom: 0px !important;
}
main .stm_lms_courses__single--terms {
    text-align: center;
}

@media (min-width: 768px) {
    main .stm_lms_courses__single--terms {
        text-align: start;
    }
}    
.board_mem_img,
.spartners_img {
    max-width: 250px;
}
.partner_img {
    max-width: 300px;
    min-height: 200px;
    max-height: 200px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 8px 4px rgba(102, 143, 74, 0.3);
    object-fit: contain;
}
.all_event_wrap .card {
    height: auto;
}
@media (min-width:576px) {
    .all_event_wrap .card{
        min-height: 369px;
    }
}

.partner_img.post-240 {
    max-width: 250px;
}
main .stm_lms_course__meta {
    display: none;
    visibility:hidden;
}

.site-content .masterstudy__login-page-form {
    max-width: 740px;
}
.site-content .masterstudy-authorization_register .masterstudy-authorization__form-wrapper {
    flex-wrap: wrap;
    flex-direction: row;
}
.site-content .masterstudy-authorization__actions,
.site-content .masterstudy-authorization__switch-wrapper{
    flex-wrap: wrap;
}
.site-content .masterstudy-authorization_register .masterstudy-authorization__wrapper,
.site-content .masterstudy-authorization__switch {
    max-width: 740px;
    margin: 0 auto;
    padding: 10px 0px;
}
.site-content .masterstudy-authorization_login {
    max-width: 500px;
    margin: 0 auto;
    padding: 10px 0px;
}
.site-content .masterstudy-authorization {
    background-color: #fff;
    margin: 0 auto;
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 8px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 8px 4px rgba(0, 0, 0, 0.3);
    padding: 20px;
}
.site-content .masterstudy-authorization_register {
    max-width: 740px;
}

.site-content .masterstudy-authorization__header-title {
    width: 100%;
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
    font-family: "Montserrat", sans-serif;

}
.site-content .masterstudy-authorization_register .masterstudy-authorization__form-field {
    width: 100%;
    padding: 0px 5px;
}
@media (min-width: 576px) {
    .site-content .masterstudy-authorization_register .masterstudy-authorization__form-field {
        width: 50%;
        padding: 0px 5px;
    }
}

.masterstudy-authorization__form input.masterstudy-authorization__form-input,
.masterstudy-authorization__form input[type=text].masterstudy-form-builder__text,
.masterstudy-form-builder__select-wrapper span.select2-container span.select2-selection--single{
     font-family: "Montserrat", sans-serif;
}