/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/
:root{
	--black: #000;
	--light-black: #333;
	--white: #FFF;
}

.um-account-tab-general .um-button, .um-account-tab-password .um-button, .um-profile-body .um-button{min-width: auto !important; border-radius: 27px !important; background-color: var(--black) !important; color: var(--white) !important;}
.um-account-tab-general .um-button:hover,
.um-account-tab-general .um-button:focus, 
.um-account-tab-password .um-button:hover, 
.um-account-tab-password .um-button:focus,
..um-profile-body .um-button:hover,
.um-profile-body .um-button:focus{background-color: var(--light-black) !important; color: var(--white) !important;}

/* .l-canvas{background: #f1f0ee;} */
.login_section .custom_form_design .um-field-area .um-form-field{border: 1px solid var(--black) !important; border-radius: 27px; padding: 0.5em 1em !important; height: 3.125rem !important;}
.login_section .um-col-alt .um-left .um-button{min-width: auto !important; border-radius: 27px !important; background-color: var(--black) !important; color: var(--white) !important;}
.login_section .um-col-alt .um-left .um-button:hover,
.login_section .um-col-alt .um-left .um-button:focus{background-color: var(--light-black) !important; color: var(--white) !important;}
.login_section .um-col-alt-b a.um-link-alt{text-align: left;}
.login_section .um-col-alt .um-left {text-align: left; margin-top: 1rem;}

.login_section .um-col-alt .um-right .um-button{min-width: auto !important; border-radius: 27px !important; background-color: var(--white) !important; color: var(--black) !important; border: 1px solid var(--black) !important;
    box-shadow: none !important;}
.login_section .um-col-alt .um-right .um-button:hover,
.login_section .um-col-alt .um-right .um-button:focus{background-color: var(--white) !important; color: var(--light-black) !important;}
.login_section .um-col-alt .um-right {text-align: left; margin-top: 1rem;}

.w-filter-list .type_dropdown .w-filter-item-title {display: none;}

.category_blogs .post_title b {background: #fff; width: 24px; height: 24px; display: inline-flex; color: #000; align-items: center; justify-content: center; border-radius: 100px; opacity: 1;}
.category_blogs .w-grid-item-h{border: 5px solid transparent;}
.no-touch .category_blogs .w-grid-item-h:hover{border: 5px solid #fff;} 


.class_listing_blogs .w-grid-item-h{border: 5px solid transparent;}
.no-touch .class_listing_blogs .w-grid-item-h:hover{border: 5px solid #fff; background: #fff;} 

.class_listing_blogs .post_taxonomy {
    display: flex;
    flex-wrap: wrap;
    gap: .4em;
}
.class_listing_blogs .post_taxonomy span{
	background: #f5f4f4;
	border: 1px solid #8c848533;
	color: #000;
    border-radius: 5.33px;
    padding: .3em .6em;
    display: inline-block;
    font-size: .9em;
    line-height: 1.4;
}
.class_listing_blogs .post_taxonomy .w-post-elm-before {
    background: #000;
    color: #fff;
    border-radius: 5.33px;
    padding: .3em .6em;
    display: inline-block;
    font-size: .9em;
    line-height: 1.4;
}
.fav_btn .us_add_to_favs {
    width: 24px !important;
    height: 24px !important;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
}


.class_detailpage .post_taxonomy{display: flex; flex-wrap: wrap; gap: .4em;}
.class_detailpage .post_taxonomy span{
	background: #f5f4f4;
	border: 1px solid #8c848533;
	color: #000;
    border-radius: 5.33px;
    padding: .3em .6em;
    display: inline-block;
    font-size: .9em;
    line-height: 1.4;
}
.class_detailpage .post_taxonomy .w-post-elm-before {
    background: #000;
    color: #fff;
    border-radius: 5.33px;
    padding: .3em .6em;
    display: inline-block;
    font-size: .9em;
    line-height: 1.4;
}

.login-to-access-video{position: relative; border-radius: 12px;}
.login-to-access-video:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-radius: 12px;
}
.login-to-access-video #showLoginForm{z-index: 1; position: relative;}

.just_wrapper>.w-hwrapper {
    justify-content: space-between;
}

/* .type_dropdown {display: flex; flex-direction: column;} */
.w-filter-item.has_value .w-filter-item-reset{display: none;}

 .w-post-elm.post_author{display: inline-flex;}
 /* .post_custom_field img {border-radius: 12px;} */

 .l-main section.l-section{padding-left: 2.5rem; padding-right: 2.5rem;}

 .gap-1 {
    gap: 0.5rem;
}

.l-header{
    -webkit-transition: width .5s cubic-bezier(0.4,.01,.165,.99);
    -moz-transition: width .5s cubic-bezier(0.4,.01,.165,.99);
    -o-transition: width .5s cubic-bezier(0.4,.01,.165,.99);
    transition: width .5s cubic-bezier(0.4,.01,.165,.99);
}
.l-main{
    -webkit-transition: width .5s cubic-bezier(0.4,.01,.165,.99);
    -moz-transition: width .5s cubic-bezier(0.4,.01,.165,.99);
    -o-transition: width .5s cubic-bezier(0.4,.01,.165,.99);
    transition: width .5s cubic-bezier(0.4,.01,.165,.99);
}
.l-header .w-nav-anchor{
    white-space: nowrap;
    -webkit-transition: all .5s cubic-bezier(0.4,.01,.165,.99);
    -moz-transition: all .5s cubic-bezier(0.4,.01,.165,.99);
    -o-transition: all .5s cubic-bezier(0.4,.01,.165,.99);
    transition: all .5s cubic-bezier(0.4,.01,.165,.99);
}   
.l-header .w-nav-anchor .w-nav-title span{
    white-space: nowrap;
    -webkit-transition: all .5s cubic-bezier(0.4,.01,.165,.99) .1s;
        -moz-transition: all .5s cubic-bezier(0.4,.01,.165,.99) .1s;
        -o-transition: all .5s cubic-bezier(0.4,.01,.165,.99) .1s;
        transition: all .5s cubic-bezier(0.4,.01,.165,.99) .1s;
} 
body.menu-collapsed .l-main{width: calc(100% - 80px); padding-left: 80px;} 


.w-popup-box .post-author-ava img{border-radius: 12px;}
.w-popup-box .hide-post-author-meta .post-author-meta .post-author-name {display: none;}
.w-popup-box .post-author-meta .post-author-name {font-size: clamp(1.09375rem, calc(0.6944444444vw + 0.9375rem), 1.5625rem); font-weight: 700;}
.w-popup-box button.w-popup-closer{line-height: 2rem; width: 2rem; inset-inline-end: 5px; top: 5px; border: 0; outline: 0;}