/*---------- EFFECTS AND ANIMATIONS ----------*/
body{
   overflow-x: hidden;
}

@keyframes fadeInDown {
   0% { opacity: 0; transform: translateY(-30px); }
   100% { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInLeft {
   0% { opacity: 0; transform: translateX(-30px); }
   100% { opacity: 1; transform: translateY(0); }
}
@keyframes coloring {
   0% { filter: brightness(0) invert(1); }
   100% { filter: unset; }
}

@keyframes fadeInDown2 {
   0% { opacity: 0; transform: translateY(-30px); }
   100% { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInLeft {
   0% { opacity: 0; transform: translateX(-30px); }
   100% { opacity: 1; transform: translateY(0); }
}
@keyframes coloring {
   0% { filter: brightness(0) invert(1); }
   100% { filter: unset; }
}

/*---------- HEADER NAV STICKY ANIMATION ----------*/
#main_header{
	animation: fadeInDown .5s ease-in both;
   width: 100% !important;
}

#main_header:not(.scroll){
	background: rgb(0,0,0);
   background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0) 100%);
   transition: all 1s ease-in-out;
}

#main_header.scroll{
	background: rgb(10,5,99,1);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(10,5,99,1) 50%, rgba(2,0,36,1) 100%);
	transition: all .5s ease;
	box-shadow: 0 4px 2px -2px #0003;
	animation: fadeInDown2 .5s ease-in both;
}

#main_header.scroll #mh_logo img{
	filter: brightness(1.0) invert(0);
	transition: all 1.5s ease;
}

@media (max-width: 767px) {
    .elementor-10848 .elementor-element.elementor-element-32a5fd18 img {
        height: 50px;
    }
}

@media (max-width: 1024px) {
    .elementor-10848 .elementor-element.elementor-element-32a5fd18 img {
        height: 50px;
    }
}

#main_header .wpml-ls-flag{
	margin-right: 5px;
}

body:has(#wpadminbar) #header,body:has(#wpadminbar) .left_bar,
body:has(#wpadminbar) #header-mobile,body:has(#wpadminbar) .stm_lms_search_popup{
	top: 32px;
}

body:has(#wpadminbar) #wpadminbar{
	position: fixed;
}

body:has(> #header.scroll), body:has(> #header-mobile.scroll){
	overflow-y: hidden !important;
}
/*---------- COURSE CARDS ----------*/



/** REGISTER FORM **/
.masterstudy-authorization-modal__wrapper:has(div .masterstudy-authorization_register){
    max-width: unset;
    max-height: unset;
    width: 90%;
    height: 90%;
}

#masterstudy-authorization-form-register .masterstudy-authorization__form-wrapper{
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important; 
}

.masterstudy-authorization-modal__wrapper:has(div .masterstudy-authorization_register) .masterstudy-authorization-modal__container{
   width: 100% !important;
}

#masterstudy-authorization-form-register .masterstudy-authorization__form-field:not(:has(input[name*="only_label"])) {
   width: 49% !important;
}

#masterstudy-authorization-form-register .masterstudy-authorization__form-field:has(input[name*="only_label"]){
   margin: 0 !important;
}

#masterstudy-authorization-form-register .masterstudy-authorization__form-field:has(input[name*="only_label"]) .masterstudy-form-builder__text-label,
.stm_lms_edit_account .form-group:has(input[name*="only_label"]) .masterstudy-form-builder__text-label{
   font-size: 1.1em !important;
   padding-bottom: 5px;
   margin-bottom: 15px;
   border-bottom: 1px solid #0005;
}

input[name*="only_label"]{
   display: none !important;
}

#masterstudy-authorization-form-register .masterstudy-form-builder__checkbox-container .masterstudy-form-builder__checkbox-title{
   font-weight: 300;
   padding-left: 15px;
}

.user-account-page .stm_lms_user_info_top, .user-account-page .multiseparator, .stm_lms_become_instructor{
   display: none;
}

.stm_lms_courses__single--title h5 {
    margin: 0 0 0 !important;
    padding: 0 0 15px !important;
    line-height: 20px !important;
    border-bottom: none !important;
}

.stm_lms_courses__single--meta {
    display: none !important;
}

.stm_lms_courses__single--info_author{
    display: none !important;
}

.stm_lms_courses__single--price{
    display: none !important;
}

.stm_lms_instructor_courses__single--image .image_wrapper img, .stm_lms_student_courses__single--image .image_wrapper img{
   width: 270px;
   height: 180px;
   object-fit: cover !important;
}

.user-account-page .no-certificates-notice:nth-child(odd) {
    display: none !important;
}