/*
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: #121144;
		--dk-blue: #090942;
		--blue: #02397e;
	--color-2: #f2a900;
		--yellow: #f2a900;
	--color-3: #1e1c77;
		--blue: #1e1c77;
	--color-4: #0b0a32;
	--black: #000;
	--white: #fff;
	--gray: #fcfcfd;
		--dk-gray: #515076;
	
	/*font sizes*/
	--fsize-xl: 70px;
	--fsize-lg: 65px;
	--fsize-md: 50px;
	--fsize-sm: 30px;
	--fsize-default: 16px; /*ADA requires at least 16px*/
	
	/*font families*/
	--heading-font: "Athelas", serif;
	--accent-font: "Bebas Neue", sans-serif;
	--text-font: "Roboto", sans-serif;
}
@media(max-width: 1000px){
	:root{
		/*font sizes*/
		--fsize-xl: 60px;
		--fsize-lg: 50px;
		--fsize-md: 40px;
		--fsize-sm: 25px;
	}
}
@media(max-width: 750px){
	:root{
		/*font sizes*/
		--fsize-xl: 50px;
		--fsize-lg: 40px;
		--fsize-md: 30px;
		--fsize-sm: 18px;
	}
}


/*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-2);}
.aligncenter{display: block; margin: 15px auto;}
.alignright{float: right;}
.alignleft{float: left;}
@media(max-width: 750px){
	.alignright, .alignleft{float: none!important; margin: 15px auto!important; display: block!important;}
}


/*Font Defaults*/
h1, h2, h3, h4, h5, h6{font-family: var(--heading-font); line-height: 1.75em;}
body, p, ul, ol, li{font-family: var(--text-font); line-height: 1.5em; color:var(--dk-blue);}
h1{font-size:var(--fsize-xl);}
h2{font-size:var(--fsize-lg);}
	h2 span.small{display: block; font-size: 15px; text-transform: uppercase; font-family: var(--text-font); font-weight: 300; letter-spacing: 5px; position: relative; line-height: normal; padding-bottom: 25px; margin-bottom: 25px; color:var(--black); }
		h2 span.small:before{content: ''; height: 2px; background-color:var(--black); width: 100px;position: absolute; bottom: 0; left: 0;}
h3{font-size:var(--fsize-md);}
h4{font-size:var(--fsize-sm);}


/*Layout*/
.section-padding{padding: 5% 0;}
.content-width{width: 1250px; max-width: 100%; padding: 0 15px; margin: 0 auto;}
.flex{display: flex; flex-wrap: wrap;}
body.admin-bar .masthead {top: 32px;}


/* ADA header */
.masthead{padding: 10px 5%; width: 1400px; max-width: 100%; margin: 0 auto; position: fixed; left: 0; width: 100%; z-index: 1000; top: 0; transition: background .25s, box-shadow .25s;}
.masthead.active{background-color: var(--color-1); box-shadow: 0 0 5px rgba(0 0 0 / 90%);}

.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; width: 1800px; max-width: 100%; margin: 0 auto;}
.masthead .logo-container{width: 30%;}
.masthead .menus{width: 100%; justify-content: center;}
.mobile-nav-input{display: none;}
.masthead #menu-main{list-style: none; padding: 0; font-weight:800; text-transform: uppercase;}
#menu-main .sub-menu > li:focus-within > .sub-menu, #menu-main li{list-style-type: none; font-family: var(--heading-font); font-size: 14px;}
.masthead #menu-main > li a{color: white;}
.masthead #menu-main li.current_page_ancestor > a, .masthead #menu-main li.current-menu-item > a, .masthead #menu-main > li.current-menu-ancestor > a{color: var(--color-2);}

.masthead .logo-social-container {align-items: center;}
.masthead .social-container{margin-left: 25px;}
.masthead .social-container > a{padding: 0 20px;}
.masthead .social-container svg{width: 18px; height: auto; opacity: .5; transition: opacity .5s, transform .5s;}
.masthead .social-container svg:hover{opacity: 1; transform: scale(1.05);}
.masthead .social-container .facebook svg{width: 15px;}
.masthead .social-container .youtube svg{width: 22px;}
.masthead .social-container .youtube svg .shp1{fill: var(--color-1);}

.masthead .time{margin-right: 35px;}
.masthead .time, .masthead .call{color: white; align-items: center; font-family: var(--heading-font);}
.masthead .time p, .masthead .call a{margin: 0; font-family: var(--heading-font); line-height: 1em; font-size: 22px; margin-left: 10px; margin-bottom: 8px;}
.masthead .time p{color: white;}
.masthead .call a.georgia{margin-left: 15px}
.masthead .call a{color: white;}
.masthead .call a number{display: inline-block; transition: transform .5s;}
.masthead .call a:hover number{transform: translateY(-3px);}
.masthead .call a span{color: var(--color-2);}
.masthead .information-station-container > a{display: inline-flex; justify-content: center; align-items: center; padding: 10px; margin-left: 35px; font-family: var(--heading-font); color: white; text-transform: uppercase; border: 1px solid var(--color-2); position: relative;}
.masthead .information-station-container > a span{position: relative;}
.masthead .information-station-container > a:before{content: ""; display: block; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: var(--color-2); transition: width .5s;}
.masthead .information-station-container > a:hover:before{width: 100%;}




@media (min-width: 1151px){
	.mobile-nav{display: none;}
	
	.masthead #menu-main{display: flex; margin: 0; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid rgba(255 255 255 / 30%); border-bottom: 1px solid rgba(255 255 255 / 50%); margin-top: 15px;}
	.masthead #menu-main > li{padding:10px; position: relative; margin-bottom: 0!important;}
	.masthead #menu-main > li > a:hover{color: var(--color-2);}
	.masthead #menu-main > li > .sub-menu{position: absolute; top: 100%; left: 0; background: #222; 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; padding-bottom: 10px;}
.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: 1300px){
	.masthead{padding: 10px 15px;}
}
@media(max-width: 1200px){
	.masthead .call{display: block;}
	.masthead .call .icon-container{float: left; height: 100%; display: inline-flex; justify-content: center; align-items: center; margin: 0;}
	.masthead .call a.florida, .masthead .call a.georgia{display: block; margin-left: 26px;}
	.masthead .social-container > a{padding: 0 10px;}
}
@media(max-width: 1150px){
	.masthead .menus{text-align: center; color: white; padding: 10px; border: 1px solid white; border-left: none; border-right: none; margin-top: 15px;}
	.masthead .menus li{text-align: left;}
	.masthead{padding: 10px 15px;}
/* 	.masthead .logo-container{width: 80%;}
	.masthead .menus{width: 20%;} */
	.mobile-nav{font-size: 22px; transform: scaleX(1.75); outline-color: var(--color-1); display: inline-block;}
	.main-nav{position: absolute; top: 100%; width: 100%; left: 0; background: #222; box-shadow: 0 5px 10px rgba(0,0,0,.3); padding: 0 25px; height: 0; overflow: hidden; transition: padding .25s;}
	#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{padding: 10px; border-bottom: 1px dotted white;}
	#menu-main > li:last-child{padding-bottom: 0; border: none;}
}
@media(max-width: 1000px){
	.masthead{position: absolute;}
	.masthead{padding: 10px 15px 0;}
	.masthead.active{background-color: initial; box-shadow: none;}
}
@media(max-width: 950px){
	.masthead .logo-social-container{width: 512px; max-width: 100%; justify-content: space-between; margin: 0 auto 10px;}
	.information-station-container.flex {margin: 0 auto;}
}
@media(max-width: 782px){
	body.admin-bar .masthead {top: 46px; position: absolute;}
}
@media(max-width: 750px){
	.masthead{padding: 15px 15px 0;}
}
@media(max-width: 550px){
	.information-station-container{justify-content: center;}
	.masthead .information-station-container > a{margin: 10px auto 0; width: 230px;}
}
@media(max-width: 420px){
	.masthead .social-container{margin: 0;}
	.masthead .social-container > a{padding: 0 5px;}
}
@media(max-width: 360px){
	.masthead .logo-social-container img{width: 180px;}
}
@media(max-width: 325px){
	.masthead .time{margin-right: 25px;}
}

.bg-picture{position:absolute; top:0; right:0; z-index:0; display:flex;height:100%;width:100%}
.bg-picture img{position:absolute;top:0; right:0; object-fit:cover;height:100%;width:100%}

.form-message{max-height: initial!important;}
/* .internal-contact-wrapper form .gfield_contains_required label.screen-reader-text {border: 0; clip: initial; -webkit-clip-path: initial; clip-path: initial; height: initial; margin: initial; overflow: initial; padding: initial; position: initial; width: initial; word-wrap: initial; display: block!important;} */