/*
Theme Name: Nifty 2021 Child
Template: twentytwentyone
Author: Nifty Dev Team
Author URI: https://niftymarketing.com/
Description: A lightweight theme for use of our clients.
Version: 2.0
*/

/*Theme Variables*/
:root{
	/*site colors*/
	--color-1: #47aabf;
	--color-2: #65646a;
	--color-3: #ffffff;
	--color-4: #F4F5F7;
	--color-5: #469DB9;
	--color-6: #246377;


	/*font sizes*/
	--fsize-xl: 190px;
	--fsize-lg: 57px;
	--fsize-md: 39px;
	--fsize-sm: 27px;
	--fsize-xsm: 20px;
	--fsize-xxs: 18px;
	--fsize-default: 16px; /*ADA requires at least 16px*/
	
	/*font families*/
	--heading-font: "Raleway", sans-serif;
	--text-font: "Montserrat", sans-serif;
	--mukta-mahee: "Mukta Mahee", sans-serif;
	--mukta: "Mukta", sans-serif;
	--roboto: "Roboto", sans-serif;

}
@media(max-width: 1000px){
	:root{
		/*font sizes*/
		--fsize-xl: 190px;
		--fsize-lg: 52px;
		--fsize-md: 32px;
		--fsize-sm: 21px;
		--fsize-xsm: 18px;
		--fsize-xxs: 16px;
	}
}
@media(max-width: 750px){
	:root{
		/*font sizes*/
		--fsize-xl: 120px;
		--fsize-lg: 45px;
		--fsize-md: 23px;
		--fsize-sm: 21px;
		--fsize-xsm: 16px;
		--fsize-xxs: 14px;
	}
}


/*Default Overall Styles*/
html, body{scroll-behavior: smooth; font-size: var(--fsize-default); font-variant-ligatures: none; overflow-anchor: none;}
body{margin:0; -webkit-font-smoothing: antialiased;}
*{box-sizing: border-box; -webkit-appearance: none;}
/* lazy loading flow fixes */
img{max-width: 100%; height: auto;}
img[src=""]{visibility: hidden;}
img[data-url]:before{content: '';display: block;padding-top: 56.25%;}
a{text-decoration: none; color: var(--color-1);}
a:hover{cursor: pointer;}
.more-link{display: none;}

/*Font Defaults*/
h1, h2, h3, h4, h5, h6{font-family: var(--heading-font); line-height: 1.75em; color: var(--color-1);}
body, p, ul, ol, li{font-family: var(--text-font); line-height: 1.5em; color: var(--color-2);}
h1, .h1{font-size:var(--fsize-xl);}
h2, .h2{font-size:var(--fsize-lg);}
h3, .h3{font-size:var(--fsize-md);}
h4, .h4{font-size:var(--fsize-sm);}
h5, .h5{font-size:var(--fsize-xsm);}
h6, .h6{font-size:var(--fsize-xxs);}


/*Layout*/
.section-padding{padding: 5% 0;}
.content-width{width: 1130px; max-width: 100%; padding: 0 15px; margin: 0 auto;}
.flex{display: flex; flex-wrap: wrap;}
.site-container{padding: 0 50px; margin: 0 auto;}

@media(max-width: 750px){
	.site-container{padding: 0 25px;}
}

/* ADA header */
.masthead{background: transparent; padding: 15px 0; position: absolute; z-index: 3;}
.masthead .skip-bar{position: absolute; display: block; width: 100%; text-align: center; height: 0; overflow: hidden; background: #2b2b2b; top: 0; left: 0; z-index: 10;}
.masthead .skip-bar:focus{height: auto; padding: 20px;}
.masthead .inner-masthead{justify-content: space-between; align-items: center;}
.masthead .logo-container{width: 20%;}
.masthead .menus{width: 80%; justify-content: flex-end;}
.masthead #menu-main{list-style: none; padding: 0; font-weight:800; text-transform: uppercase;}
.mobile-nav-input{display: none;}
#menu-main .sub-menu > li:focus-within > .sub-menu, #menu-main li{list-style-type: none;}
.main-nav #menu-main li a{font-family: var(--mukta-mahee); color: var(--color-2);letter-spacing: 0.041em;}
.main-nav .contacts{display: flex; flex-direction: column; justify-content: center; }
.main-nav .contacts .contacts-phone{font-family: var(--mukta); font-size: 34px; font-weight: 600;}
.main-nav .contacts .contacts-text{font-family: var(--mukta); font-size: 14px; font-weight: 600; color: var(--color-2); margin: 0; letter-spacing: 0.5px;}
.main-nav .search-form .search-form__form .search-form .search-submit{height: 30px;background: var(--color-1);color: var(--color-3);padding: 0;margin-left: 1px;border-radius: 5px;text-transform: uppercase;font-size: 18px;border: var(--color-1) solid;}
.main-nav .search-form .search-form__form .search-form #search-form-1{height: 30px;border: #47aabf solid 3px;border-radius: 5px;}
.main-nav .search-form .search-form__form .search-form label{display: none;}
.main-nav #menu-main .current_page_item > a, .main-nav #menu-main a:hover{color: var(--color-1);}

.blog-posts{overflow: hidden;}
.category{overflow-x: hidden;}
.category .entry-title{line-height: 1;margin: 10px 0;font-size: var(--fsize-md);}
.category .category-post{box-shadow: 25px 12px 19px 3px rgba(34,60,80, .17);margin: 41px 0;}
.category .category-post article{padding: 15px;}
.blog-banner{position: relative; min-height: 496px;}
.blog-banner:after{content: '';position: absolute;top: 0;bottom:0;left: 0;width: 72%;background: linear-gradient(90deg, rgba(255,255,255,.8) 34%, rgba(255,255,255,.6) 70%, rgba(255,255,255,.05) 86%);}
.blog-banner .bg-img {position: absolute; top: 0; right: 0; z-index: 0; width: 100%; height: 100%; display: flex;}
.blog-banner .bg-img img {object-fit: cover; height: 100%; width: 100%; object-position: top;}
.blog-banner .blog-banner-content{position: relative;padding-top: 120px;z-index: 1;}

.blog-banner .page-title{align-items:flex-start;display: flex;flex-direction: column;margin: 0;line-height: 1.3;font-weight: 300;}
.blog-banner .page-title span{font-size: 43px;text-transform:uppercase;padding: 5px 57px 5px 0;display:inline-block;background-color: var(--color-5);position: relative; color: var(--color-3);z-index: 1;}
.blog-banner .page-title span:before{content: '';width: 100vw;height: 100%;display: block;background-color: var(--color-5);position: absolute;top: 0;bottom: 0;left: auto;right: 0;z-index: -1;}

.archive-content{width:72%;margin-right: 3%;}
#sidebar{width:25%;padding-left: 1em;}

/*sidebar */
#sidebar{background-color: var(--color-1);position: relative;padding-bottom: 25px;padding-left: 35px;}
#sidebar:after{content: '';width: 100vw;height: 100%;background-color: var(--color-1);position: absolute;top: 0;bottom: 0;right: auto;z-index: -1;}
#sidebar section{padding: 20px 0;}
#sidebar h2{margin-top: 25px;font-size: 1.3em;color: var(--color-3);}
#sidebar ul{padding:0; margin: 0;}
#sidebar li{list-style:none;font-size: 1em;padding: 0 0 7px;border-bottom: 1px solid #f1f1f1;margin-bottom: 7px;}
#sidebar li a{color: var(--color-3);}
#categories-2 li{border: 0;}
#categories-2 li a{text-decoration: underline; color: var(--color-3);}
#sidebar li:last-child{border-bottom:0;background-color: var(--color-1);}
#sidebar .search-form{box-shadow: 0 5px 10px rgba(0,0,0,.3);}
.search-form{position:relative; display: flex;height: 40px;}
.search-form label{display: none;}
.search-form input[type="text"]{width: 85%; border: 1px solid var(--color-2);border-right: none; padding-left: 10px; font-size: 1em;}
.search-form .screen-reader-text{display:none;}
.search-form input[type="search"]{font-size: .8em;line-height: 2em;background: var(--color-3);color: var(--color-2);border: 0;padding: .25em 1em .25em .5em;width: 100%;}
.search-form input[type="search"]:focus-visible{outline-color: var(--color-6);}
.search-form input[type="submit"]{cursor: pointer; border: 0; padding: 1.5em .5em; width: 20%; color: transparent; background: var(--color-6); position: relative; display: block; justify-content: center; align-items: center; background-repeat: no-repeat; background-position: center center;}
.search-form input[type="submit"]:hover{opacity: 0.81}
#sidebar .widget_archive .screen-reader-text{position: absolute;left: 100vw;}
#sidebar .widget_archive select{-webkit-appearance: button; position:relative;padding: 10px 25px 10px 15px;text-align: center;background-color: var(--color-6);color: var(--color-3);border-color: var(--color-3);outline-color: var(--color-3);}
#sidebar .widget_archive select:after{content: 'sdf';position: absolute;left: 0;right: 0;top:0;bottom: 0;}
#sidebar #gform_fields_2 > li.gfield{border: none; margin-top: 0; padding: 0!important;}
#sidebar .gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label{display: none;}
#sidebar .gform_wrapper .gform_footer{margin: 0;}
#sidebar #gform_2 .gform_footer.top_label{text-align: left!important; padding-top:0;}
.screen-reader-text{line-height: 1;}

.nav-prev-text, .nav-next-text{font-size: 0;}
.next, .prev{position: relative;top: 6px;}
.category .navigation{text-align: center;}



@media (min-width: 1001px){
	.is-scrolled {position: fixed; left: 0; width: 100%; z-index: 1000; top: 0; background: rgba(255, 255, 255, .9);box-shadow: 0 0 6px rgba(0,0,0,.5);}
	body.admin-bar .is-scrolled {top: 32px;}
	.mobile-nav{display: none;}
	.main-nav{display: flex; align-items: baseline; width: 100%; justify-content: space-between;}
	.main-nav .nav-info{display: flex;max-width: 280px;width: 100%;justify-content: flex-end;}
	.main-nav .menu-main-container{padding-left: 5px;width: 100%;}
	.main-nav .search-form{position: relative; padding-left: 25px; display: flex;}
	.main-nav .search-form .search-form__btn{background: var(--color-1); border: none; border-radius: 50%; width: 35px; height: 35px;}
	.main-nav .search-form .search-form__btn svg{fill: #fff;}
	.main-nav .search-form .search-form__btn svg:hover{fill: #000;}
	.main-nav .search-form .search-form__form{position: absolute; left: -180px; top: -100%; opacity: 0; visibility: hidden; transition: .55s opacity, .55s top, .55s visibility;}
	.main-nav .search-form .search-form__form-visible{position: absolute; left: -180px; top: 41px; opacity: 1; visibility: visible;}
	.masthead{width: 100%;}
	.masthead #menu-main{display: flex;justify-content: space-evenly;flex-wrap: wrap;margin: 0;}
	.masthead #menu-main > li{padding: 20px 5px; position: relative; margin-bottom: 0!important;}
	.masthead #menu-main > li > .sub-menu{position: absolute; top: 100%; left: 0; background: rgba(255, 255, 255,.95); backdrop-filter: blur(5px); height: 0; overflow: hidden; z-index: 1000; list-style: none; box-shadow: 0 2px 7px rgba(0,0,0,.4);}
    .masthead #menu-main > li:hover > .sub-menu, .masthead #menu-main > li > a:focus + .sub-menu, .masthead #menu-main > li:focus-within > .sub-menu{height: auto; padding: 15px 0 15px 15px; min-width: 225px; overflow: initial;}
	.masthead #menu-main > li > .sub-menu > li{position: relative; padding-right: 15px;}
	.masthead #menu-main > li > .sub-menu .sub-menu{position: absolute; left: 99%; top: 0; background: rgba(37,37,37,.95); backdrop-filter: blur(5px); height: 0; width: 0; overflow: hidden; padding: 15px;}
	.masthead #menu-main .sub-menu > li > .sub-menu{position: absolute; left: 99%; top: 0; background: rgba(37,37,37,.95); backdrop-filter: blur(5px); height: 0; width: 0; overflow: hidden; padding: 0;}
	.masthead #menu-main .sub-menu > li:hover > .sub-menu, .masthead #menu-main .sub-menu > li > a:focus + .sub-menu, .masthead #menu-main .sub-menu > li:focus-within > .sub-menu{padding: 15px; width: initial; height: initial; min-width: 225px; list-style: none; border: 1px solid gray;}
}

@media(max-width: 1248px){
	.main-nav .nav-info{max-width: 220px;}
	.main-nav .search-form{padding-left: 10px;}
	.main-nav .contacts .contacts-phone{font-size: 28px;}
	.main-nav .contacts .contacts-text{font-size: 12px; letter-spacing: 0;}
}

@media(max-width: 1000px){
	.masthead, .main-nav{background: rgba(255, 255, 255, .95);}
	.masthead #menu-main > li {padding: 10px 5px;}
	.masthead{position: relative;}
	.masthead .logo-container{width: 80%;}
	.masthead .logo-container img {max-width: 40%;}
	.masthead .menus{width: 20%;}
	.main-nav .nav-info{max-width: none;}
	.mobile-nav{font-size: 22px; transform: scaleX(1.75); outline-color: var(--color-1);}
	.main-nav{position: absolute; top: 100%; width: 100%; left: 0; border-top: 1px solid #aaa; box-shadow: 0 5px 10px rgba(0,0,0,.3); padding: 0 25px; height: 0; overflow: hidden; transition: padding .25s;}
	.main-nav .search-form__btn{display: none;}
	.main-nav .contacts {align-items: center; padding-bottom: 20px;}
	.main-nav .search-form{text-align: center; padding-bottom: 10px;}
	.main-nav .search-form .search-form__form .search-form .search-submit{position: relative;top: 1px;}
	.main-nav .menu-item-has-children{position: relative;}
	.main-nav .menu-item-has-children:after{content: '▼'; position: absolute; top: 10px; right: 0; color: var(--color-2);}
	.main-nav #menu-main li a{font-size: 20px;}
	#mobile-nav-input:checked + * + .main-nav{height: auto; padding: 10px 25px;}
	#menu-main .sub-menu{display: none;}
	#menu-main li a{outline-color: var(--color-1);}
	/*#menu-main > li:hover > .sub-menu,*/
	/*#menu-main > li:focus-within > .sub-menu,*/
	/*#menu-main > li:hover > .sub-menu > li:hover > .sub-menu,*/
	/*#menu-main > li:focus-within > .sub-menu > li:focus-within > .sub-menu{display: block;}*/
	#menu-main li:hover > .sub-menu, #menu-main li:focus-within > .sub-menu{display: block;}
	#sidebar{padding-left: 1em;}
}
@media(max-width: 750px){
	.masthead{padding:5px 15px;}
	#sidebar{width: 100%;padding-left: 0;}
	#sidebar:after{left: -15px;}
	.archive-content{width: 94%;margin-right: 3%;margin-left: 3%;}
	.category .navigation{padding-bottom: 36px;}
	.blog-banner{min-height: 285px;}
	.blog-banner .blog-banner-content{padding-top: 60px;}
	.entry-content{font-size: 14px;}
	.blog-banner:after{width: 100%;background: rgba(255,255,255,0.61);}
	.screen-reader-text{font-size: var(--fsize-md);}
}

@media(max-width: 450px){
	.masthead{padding:5px 15px;}
	.masthead .logo-container img{max-width: 60%;}
}