/*
 Theme Name:   Nifty 2019 Child
 Theme URI:    https://niftymarketing.com/
 Description:  Nifty's child theme for Twenty Nineteen WordPress theme.
 Author:       Nifty Marketing
 Author URI:   https://niftymarketing.com
 Template:     twentynineteen
 Version:      1.0.0
*/

/* Preventing the loading of the theme's styles.
 * @import url("../twentynineteen/style.css"); */

/* GLOBALS */
/* Resets */
body{margin:0;-webkit-font-smoothing: antialiased;font-weight:600;}
body *{box-sizing: border-box;}
/* 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%;}


/* GLOBAL RESETS */
p, p ul, p ol, p li, .entry-content ul li, .entry-content ol li{margin:0;padding-bottom: 15px;line-height:1.75em; font-family: 'Poppins', sans-serif; font-weight:300;}
button, input[type=submit]{-webkit-appearance: none;outline:none;}
.alignright{float:right;margin-left:5px;}
.alignleft{float:left;margin-right:5px;}
.entry-content ul, .entry-content ol{margin-top:0;}
.entry-content ul li{position:relative;list-style:none;margin-bottom:7px; padding:0;}
.entry-content ol li{position:relative;margin-bottom:7px; padding:0;}
.entry-content ul li:before{content:"";width:7px;height:7px;border-radius:50%;background:black;position: absolute;top: 10px;left: -25px;}
/* Colors */
a, a:visited, .post-navigation .post-title, .entry .entry-meta a:hover, .entry .entry-footer a:hover, .entry .entry-content .more-link:hover, .main-navigation .main-menu > li > a + svg, .comment .comment-metadata > a:hover, .comment .comment-metadata .comment-edit-link:hover, #colophon .site-info a:hover, .widget a, .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color), .entry .entry-content > .has-primary-color, .entry .entry-content > *[class^="wp-block-"] .has-primary-color, .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color, .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color p{color:#87b8e1; text-decoration: none;}
/* Flex structure */
.flex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display:flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;flex-wrap:wrap;}

/* GLOBAL FONTS */
/* Font families */
body, h2, h3, h4{font-family: 'Roboto Condensed', sans-serif; margin:0;}
/* Font sizes */
h1{font-family: 'Roboto Condensed', sans-serif; font-size:3em; margin:0; text-transform: uppercase;}
h2{font-family: 'Roboto Condensed', sans-serif; font-size:3em;font-weight:bold; text-transform:uppercase;}
h3{font-size:2.1em;font-weight:600; }
h4{font-size:1.3em;font-weight: 600;}
h6{font-size:1.5em;}
/* .content-width li{font-size:1.6em;} */
.content-width li, .flex li, .flex-content li{font-size: initial; line-height: 1.6em; margin-bottom: 4px!important;}
@media(max-width:750px){
	h1{font-size:2em;}
	h2{font-size:1.75em;}
	h3{font-size:1.5em;}

}

/* HEADER */
/* Structure */
.masthead{color:white; position: relative; z-index:10000; transition: .1s linear;}
.masthead.small-nav{background-color: #373636; transition: background-color .5s linear;}
.masthead.scrolled{background: #373636; box-shadow: 0 3px 10px #222;}


@keyframes headertop{
	0%{top:-100px; opacity: 0;}
	100%{top:0; opacity: 1;}
}
.inner-masthead{flex-wrap:nowrap;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
@media(min-width:1500px){
	.inner-masthead{max-width:1500px;margin:auto;}
}
@media(max-width:1000px){
	.masthead .flex{flex-direction:initial;}
	.inner-masthead{background-color: #272727; padding:0 25px;}
}
/* Logo */
.masthead .logo{width: 300px;height: auto;padding:1em 0;max-width: 100%;}
@media(max-width:1100px) and (min-width:1001px){
	.masthead .logo{width:200px;}
}
@media all and (max-width:1000px){
	.masthead .logo{width:250px;}
}
/* Fixed header */
@media(min-width:1001px){
	body.admin-bar .masthead.active{top:32px;}
	body:not(.admin-bar) .masthead{top:0;}
	.masthead{position:fixed;left:0;width:100%;z-index:200; padding:0 50px;}
}


/* Top menu */
#menu-secondary-menu{margin: 0;padding: 0;}
.menu-secondary-menu-container{width:100%;text-align:right;}
.menu-secondary-menu-container li{display:inline-block;margin:0;padding:0 5px;border-right:2px solid white;line-height: .6em;}
.menu-secondary-menu-container li:last-child{border-right:0;}
.menu-secondary-menu-container li a{padding:2px 5px;color:white;font-size: .7em;text-transform:uppercase;}
.menu-secondary-menu-container li a:hover{color:#87b8e1;}
/* Main menu */
#menu-main{margin:0;}
/* Nav */
.mobile-nav, .mobile-nav-input{display:none;}
.mobile-nav{cursor:pointer;font-size:2em;padding:0 10px;}
.main-nav li{list-style:none;display:inline-block;padding: .25em;font-size: 15px;position:relative;margin: 0 1px;transition:border .25s;}
.main-nav li > a{color:white;font-weight:800;padding:.25em;text-decoration:none;}
.main-menu > li > a{text-transform:uppercase;font-size: .9em;}
.main-menu > li > a:hover{color:#87B7E1;}

.main-nav li > ul{display:none;}
@media(min-width:1001px) and (max-width:1200px){
	.main-menu > li > a{font-size: .9em;}
}
@media(min-width:1001px){
	#menu-primary .sub-menu li a{font-size:15px;}
	#menu-primary > li:hover > a, #menu-primary > .current_page_parent, #menu-primary > .current-menu-item{border-bottom:2px solid #87b8e1;}
	.main-nav .sub-menu .current_page_item > a, .main-nav .sub-menu .current_page_parent > a{text-decoration:underline !important;color:#87b8e1 !important;}
	.main-nav .sub-menu a:hover, .main-nav .current_page_ancestor{color:#87b8e1;}
	.main-nav .menu-item-has-children:after{content: "▾";}
	.main-nav .menu-item-has-children:hover > ul{display:block;position:absolute;top:104%;left:0;background:#252525;width: 300px;}
	.main-nav .main-menu > li.current_page_item:after{content:''; height:2px; width:100%; position: absolute; bottom:-5px; left:0; right:0; background-color: #fff;}
	/* Nav - phone number */
	.main-nav .menu-item-has-children li{width:100%;}
	.main-nav .menu-item-has-children > .sub-menu{padding:15px;z-index:2;}
}

@media all and (max-width:1050px){
	.main-menu > li > a{font-size:.8em;}
}

@media(max-width:1000px){
	.mobile-nav{display:inline-block;}
	.mobile-nav-input:not(:checked) ~ .main-nav{display:none;}
	.mobile-nav-input:not(:checked) ~ .mobile-nav:after{content:"=";}
	.mobile-nav-input:checked ~ .mobile-nav:after{content:"✕";font-size:0.7em;}
	.mobile-nav-input:checked ~ .main-nav{position:absolute; background: #272727; width: 100%; left: 0; z-index:500;}
	body.admin-bar .main-nav{top:95px;}
	body:not(.admin-bar) .main-nav{top:94px;}
	.main-nav li{display:block;padding-top:10px;padding-bottom:10px; padding-left:25px;}
	.main-nav li.current_page_item a{color:#87b8e1;}
	.main-nav .menu-item-has-children > a:after{content:"▾";margin-left:5px;padding:0 5px;}
	.main-nav .menu-item-has-children ul{background:#252525;margin-top:10px;}
	.main-nav .menu-item-has-children:hover ul, .main-nav .menu-item-has-children:active ul, .main-nav .menu-item-has-children:focus ul{display:block;}
	.main-menu{padding:0;}

}
@media(max-width:750px){
	.menu-secondary-menu-container{position:absolute;padding:5px 0;left:0;background: #141414;text-align: center;bottom:100%;font-size:0.55em;}
	.inner-masthead > *:nth-child(1){max-width: calc(75% - 65px);}
	.inner-masthead > *:nth-child(2){order: 1;}
	.inner-masthead{justify-content: space-between;flex-wrap: wrap;position:relative; }
	.inner-masthead .logo{max-height:75px;width:auto;max-width:100%; padding:5px 0 !important;}
	body.admin-bar .main-nav{top:168px;}
	body:not(.admin-bar) .main-nav{top:122px;}
	.mobile-nav{position: absolute;top: 13px;}
	.main-nav{position:static !important;}
	.main-nav li{padding-left:0;}
}


/* PAGE GLOBALS */
.content-width{max-width:1425px;margin:auto;width:100%; padding:50px;}
@media all and (max-width:1000px){
	.content-width{padding:25px;}
}

.button, .gform_footer input{background-color: rgba(135, 184, 225, 1);text-transform: uppercase;margin: auto !important;padding: 15px 40px;display: inline-block;color:white !important;text-decoration:none;cursor:pointer;border:solid 2px rgba(135, 184, 225, 1);border-radius:10px;font-size: 1.2em;font-weight:400; position:relative; transition: border-radius .25s linear; animation: slightPluse 6s infinite;}
@keyframes slightPluse{
	0%{border-radius:10px;}
	40%{border-radius:10px;}
	45%{border-radius:0px;}
	65%{border-radius:10px;}
	100%{border-radius:10px;}
}

.button:hover{border-radius:0px; border:solid 2px rgba(135, 184, 225, .85); background-color:rgba(135, 184, 225, .85); transition: all .25s linear;}
	/*white outline*/
	.button.white.outline{border-color:white; color:white; background-color: transparent;}
	.button.white.outline:hover{background-color: rgba(255,255,255,.15);}


/*INTERNAL PAGES*/
.internal-accent-phrase{color: #87b8e1; font-weight: bold; font-size: 1.3em;}


/*banner, like-home*/
.home.banner, .internal.banner{color:white;
	background: rgb(55,54,55);
background: -webkit-linear-gradient(rgba(55,54,55,1) 0%, rgba(80,81,81,1) 75%, rgba(55,54,55,1) 100%);
background: -o-linear-gradient(rgba(55,54,55,1) 0%, rgba(80,81,81,1) 75%, rgba(55,54,55,1) 100%);
background: linear-gradient(rgba(55,54,55,1) 0%, rgba(80,81,81,1) 75%, rgba(55,54,55,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373637', endColorstr='#373637',GradientType=0 );}
.home.banner, .internal.banner.likeHome{ position: relative; overflow:hidden; }

.home.banner .content-width, .internal.banner.likeHome .content-width{padding-bottom:0; padding-top:100px; align-items: flex-end; position: relative;}
	.internal.banner.likeHome .content-width{align-items: center;}
.home.banner .content-width img, .internal.banner.likeHome .content-width img{display: block;position: relative; left:-100px; }
.home.banner h3, .internal.banner.likeHome h3{font-weight:400;font-size:2.5em; text-transform: uppercase; padding-top:150px;}
	.internal.banner.likeHome h3{padding-top:0;}
.home.banner h2, .internal.banner.likeHome h2{font-weight:400; font-size:5.5em; text-transform: uppercase; }
	 .internal.banner.likeHome h2{ padding-bottom:0;}
.home.banner .button-wapper{padding-top:50px; padding-bottom:250px; opacity:1; position: relative; top:0px;}
	.internal.banner.likeHome .button-wapper{padding-top:25px; padding-bottom:150px; position: relative;}
	.home.banner .button-wapper a:nth-child(1){margin:0 5px 5px 0 !important;} 
	.home.banner .button-wapper a:nth-child(2){margin-left:0 0 5px 5px !important;}
	/*== animations ==*/
	.home.banner.active .button-wapper{opacity:1; top:0px; transition: all .25s linear 1.75s;}

.home.banner .content-wrapper, .internal.banner.likeHome .content-wrapper{width:66.66%; position: relative; z-index:100; text-align:left;}
.home.banner .image-wrapper, .internal.banner.likeHome .image-wrapper{width:33.33%; position: relative; z-index:10; padding-left:25px; padding-top:25px; z-index:100;}
	/*background shapes*/
/* 	.home.banner .content-width:after{content:''; height:425px; width:250px; background-color:#373636; position: absolute; top:-500px; left:20%;} */
	.home.banner .content-width:after{content:''; height:425px; width:250px; background-color:#373636; position: absolute; top: 0px; left:20%;}
	.banner:after{content:''; height:350px; width:125px; background-color:rgba(55, 54, 54, .75); position: absolute; bottom:0; right:0px; z-index:10;}
	.banner:before{content:''; height:100px; width:350px; background-color:rgba(55, 54, 54, .75); position: absolute; bottom:0; left:0px;}
		/*=== animations ===*/
		.banner.active .content-width:after{top:0; /*animation: fromBoxTop 1.5s linear; */}
			@keyframes fromBoxTop{
				0%{top:-500px;}
				25%{top:-500px;}
				100%{top:0;}
			}

	@media all and (min-width:1001px){
		/*=== animations ===*/		
		.banner.active:after{right:0; /*animation: fromRight 1.5s linear;*/}
			@keyframes fromRight{
				0%{right:-250px;}
				35%{right:-250px;}
				100%{right:0;}
			}
		.banner.active:before{left:0px; bottom:0; /*animation: fromLeft 2s linear;*/}
			@keyframes fromLeft{
				0%{left:-500px;}
				45%{left:-500px;}
				100%{left:0;}
			}			
	}
	@media all and (max-width:1000px){
		.home.banner .content-width img, .internal.banner.likeHome .content-width img{left:0;}
	}
	/*social*/
	.banner .social{position: absolute; bottom: 150px; right: -70px; display: inline-block; padding: 0; transform: rotate(-90deg); font-weight:400; z-index:100; text-transform:uppercase; font-size: 18px; line-height: normal; text-transform: uppercase; opacity:1;}
		/*==animation==*/
		.banner.active .social{opacity:1; transition: .5s linear 1.5s;}
	.banner .social p{padding:0;}
	.banner .social a{color:white;}
	.banner .social a:hover{color:#87b8e1;}
	/*call us*/
	.banner .call-us{position: absolute; z-index: 100; left: 25px; opacity:1; bottom: 25px; font-size: 25px; line-height: normal; color: white; font-weight: 400; text-transform: uppercase;}
		/*==animation==*/
		.banner.active .call-us{opacity:1; transition:all .5s linear 1.75s;}
	/*callus hidden*/
	.call-us-hidden{position: absolute; top:115; background-color: black; padding:15px 25px;transition: top .5s linear; opacity:0;}
	.call-us-hidden.sticky{opacity:1; transition: opacity .5s linear; z-index:1;}

@media all and (max-width:1200px){
	.home.banner h3{padding-top:100px;}
	.home.banner h2, .internal.banner.likeHome h2{font-size:4.5em;}
	.home.banner .button-wapper, .internal.banner.likeHome .button-wapper{padding-bottom:150px;}
}
@media all and (max-width:1100px){
	.home.banner h2, .internal.banner.likeHome h2{font-size: 4em;}
	.home.banner h3{padding-top:75px;}
	.home.banner .button-wapper, .internal.banner.likeHome .button-wapper{padding-bottom:150px; padding-top:25px;}
}

@media all and (max-width:1000px){
	.home.banner .content-width, .internal.banner.likeHome .content-width{padding:0px; align-items: flex-end;}
	.banner .call-us, .banner .social{display: none;}
	.home.banner .content-wrapper, .internal.banner.likeHome .content-wrapper{padding-left:25px;}
	.home.banner h3{padding-top:25px;}
	.home.banner .button-wapper, .internal.banner.likeHome .button-wapper{padding-bottom:125px;}
}

@media all and (max-width:860px){
	.home.banner .image-wrapper, .internal.banner.likeHome .image-wrapper{position: absolute; right: 25px; z-index: 0; top:0; width:300px; z-index:50;}
	.home.banner h3{padding-top:50px;}
	.internal.banner.likeHome .content-width{padding-top:50px;}
	.home.banner .button-wapper{padding-bottom:50px;}
	.internal.banner.likeHome .button-wapper{padding-bottom:0; margin-bottom:50px;}
	.home.banner .button-wapper .button, .internal.banner.likeHome .button-wapper .button{font-size:.8em; padding:10px 15px;}
}
@media all and (max-width:660px){
	.home.banner h3, .internal.banner.likeHome h3{font-size:30px;}
		.internal.banner.likeHome h3 br{display: none;}
	.home.banner h2, .internal.banner.likeHome h2{font-size:3em;}
	.internal.banner.likeHome h2{padding-top:0px;}
	.home.banner .image-wrapper, .internal.banner.likeHome .image-wrapper{right:0;}
}
@media all and (max-width:480px){
	.home.banner .image-wrapper, .internal.banner.likeHome .image-wrapper{right:-60px;}
}

/*blog banner*/
.blog.banner{position: relative; background-size: cover; background-position: center;}
.blog.banner:before{content:''; position: absolute; height:100%; width:100%; background-color: rgba(255,255,255,.5);}
.blog.banner .content-width{position: relative;}
.blog.banner .content-width h1{padding:250px 0 0px 0;}

@media all and (max-width:1000px){
	.blog.banner .content-width h1{padding:150px 0 0px 0;}	
}
@media all and (max-width:480px){
	.blog.banner .content-width h1{padding:50px 0 0px 0;}	
}

/*internal banner*/
.internal.banner{text-align:center; color:white; position: relative; background-position: center top; background-size: cover; background-repeat: no-repeat; overflow: hidden; }
.internal.banner:not(.likeHome) h2, 
.internal.banner:not(.likeHome) h1{padding-top:175px; font-size:4em; padding-bottom:75px;}
.internal.banner:not(.likeHome) .button-wapper{margin-bottom:150px;}
@media all and (min-width:1001px){
	/*== animation ==*/
	.internal.banner .button-wapper{position: relative; top:-100px; opacity: 0;}
	

	.internal.banner.active .button-wapper{position: relative; top:0px; opacity: 1; animation: movetoptwo 1.75s linear;}
	@keyframes movetoptwo{
		0%{top:-50px; opacity: 0;}
		75%{top:-50px; opacity: 0;}
		100%{top:0; opacity: 1;}
	}
}
@media all and (max-width:1000px){
.internal.banner:not(.likeHome) h2,
.internal.banner:not(.likeHome) h1{padding-top:50px; font-size:3em; padding-bottom:25px;}	
	.internal.banner:not(.likeHome) .button-wapper{margin-bottom:50px;}
}