/*
 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;}
body.activator, body.activator .masthead{opacity:0;}
body.active, body.active .masthead{opacity:1; transition: all .5s linear;}
/* lazy loading flow fixes */
img[src=""]{visibility: hidden;}
img[data-url]:before{content: '';display: block;padding-top: 56.25%;}

/* GLOBAL RESETS */
p, p ul, p ol, p li{padding-bottom: 15px;}
body,p, p ul, p ol, p li{margin:0;line-height:1.4; font-family: proxima-nova, 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 li{position:relative;list-style:none;margin-bottom:7px;}
.entry-content ul li:before{content:"";width:7px;height:7px;border-radius:50%;background:#c20c36;position: absolute;top: 50%;left: -25px;transform: translate(0,-50%);}
.close-icon { width: 20px;height: 20px;display: inline-block;position: absolute;right: -20px;top: -20px;z-index: 10;}
.close-icon:before, .close-icon:after {position: absolute;left: 15px;content: ' ';height: 20px;width: 3px;background-color: #fff;}
.close-icon:before {transform: rotate(45deg);}
.close-icon:after {transform: rotate(-45deg);}
section {overflow: hidden}
/* 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:#c20c36; text-decoration: none;}

/* GLOBAL FONTS */
/* Font families */
h1{font-family: 'Oswald', sans-serif;}
h1,h2, h3, h4,h5,h6{margin:0; font-family: proxima-nova, sans-serif;}
.head-phone span:nth-child(1), .head-phone span:nth-child(2){font-family:'Oswald', sans-serif;}
/* Font sizes */
h1{font-size:4em;}
h2{font-size:2.5em; text-transform: uppercase; line-height: normal; font-weight:800; padding-bottom:10px;}
h2 span{color:#c20c36;}
h3{font-size:2.1em;font-weight:bold;}
h4{font-size:1.3em;font-weight: 800; text-transform: uppercase; padding-bottom:10px; padding-top:25px;}
/* .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:1000px){
	h1{font-size:2em;}
	h2{font-size:1.75em;}
	h3{font-size:1.5em;}
	h4{font-size:1.3em;}
}

/* HEADER */
/* Structure */
.masthead{background:rgba(255,255,255,.9);color:#1e1e1e;}
.inner-masthead{flex-wrap:wrap;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; padding-left:50px; position: relative;}
.inner-masthead .decoration{position: absolute;top:0;left:0; max-height: 100%; width: auto; transform: scaleX(-1) scaleY(-1);}
@media(min-width:1500px){
	.inner-masthead{max-width:1500px;margin:auto;}
}
@media(max-width:1000px){
	.masthead .flex{flex-direction:initial;}
}
@media(max-width:750px){
	.inner-masthead{justify-content: space-between;flex-wrap: wrap;position:relative; padding-left:25px;}
	body {font-size: 14px}
}
/* Logo */
.masthead .logo{height: auto;padding:0;max-width: 100%;}
.logo-wrapper{width:150px;}
@media(max-width:500px){
	.masthead .logo{padding:10px;}
}
/* Fixed header */
@media(min-width:1001px){
	body.admin-bar .masthead{top:32px;}
	body:not(.admin-bar) .masthead{top:0;}
	.masthead{position:fixed;left:0;width:100%;z-index:999999;}
}
.head-phone{position:relative; padding:20px; width:220px;}
.head-phone span{display:block;white-space: nowrap;z-index:1;}
.head-phone span:nth-child(2){color:#fff; font-size:1.6em;font-weight:700;line-height:1.37em; position: relative;z-index:10; display: block; padding-right:25px; margin-top:-5px;}
.head-phone span:nth-child(1){color:#fff;font-size:.635em;font-weight:bold; position: relative;z-index:10; display: block; padding-right:25px; letter-spacing: 5px;font-weight: 300; text-transform: uppercase;}
.head-phone:before{content:''; height:100%; width:calc(100% - 25px); background-color:#c20c36; position: absolute; top:0px; right:-1px; transition: all .25s linear;}
.head-phone:hover:before{right:46px; background-color: #1b1b1b; transition: all .25s linear;}
.head-phone:after{content:''; background-color:#1b1b1b; height:100%; width:100%; position: absolute; top:0px; right:10px; transform: skew(-15deg); transition: all .25s linear;}
.head-phone:hover:after{background-color: #c20c36; transform: skew(15deg); transition: all .25s linear;}

@media all and (max-width:1100px){
	.head-phone{width:170px;}
	.head-phone span:nth-child(2){font-size:20px;}
}
@media all and (max-width:1000px){
	.head-phone:after{right:13px;}
	.head-phone:before{right:0;}
}
@media(max-width:450px){
	.head-phone{font-size:.8em;padding:10px; width:125px;}
	.head-phone span:nth-child(2){font-size:14px;}
	.head-phone span:nth-child(1){font-size:12px;    padding-bottom: 5px;}
}
/* 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:#c20c36;}
/* Main menu */
#menu-main{margin:0;}
/* Nav */
.nav-wrapper{width:calc(100% - 370px);}
.mobile-nav, .mobile-nav-input{display:none;}
.mobile-nav{cursor:pointer;font-size:1.5em;padding:0 10px;}
.main-nav{width:100%; padding-left:25px;}
.main-nav li{list-style:none;display:inline-block;padding: .25em;font-size: 13px;position:relative;margin: 0 1px;transition:border .25s;}
.main-nav li > a{color:#1b1b1b;font-weight:800;padding:.25em;text-decoration:none;}
.main-menu{display: flex; align-items: center; justify-content: space-evenly; flex-wrap: wrap; padding:0 50px 0 0;}
.main-menu > li > a{text-transform:uppercase;font-size: .9em;}
.main-nav li > a:hover, .main-nav li.current_page_item > a, .main-nav li.current_page_ancestor > a, .main-nav li.current_page_parent > a{color:#c20c36;}
.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 #c20c36;}
	.main-nav .sub-menu .current_page_item > a, .main-nav .sub-menu .current_page_parent > a{text-decoration:underline !important;color:#c20c36 !important;}
	.main-nav .sub-menu a:hover, .main-nav .current_page_ancestor{color:#c20c36;}
	.main-nav .menu-item-has-children:after{content: "▾"; color:#c20c36;}
	.main-nav .menu-item-has-children:hover > ul{display:block;position:absolute;top:104%;left:0;background:rgba(255,255,255,1);width: 300px;}
	/* Nav - phone number */
	.menu-phone-number{z-index:1;}
	.menu-phone-number:after{content: "";border: 2px solid #c20c36;height: 100%;width: 99%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;}
	.main-nav .menu-item-has-children li{width:100%;}
	.main-nav .menu-item-has-children > .sub-menu{padding:15px;z-index:2;}
}
@media(max-width:1100px){
	.inner-masthead{padding-left:25px;}
	.nav-wrapper{width:calc(100% - 320px);}
}
@media(max-width:1000px){
	.main-menu{flex-direction: column; align-items: flex-start; justify-content: flex-start;}
	.main-nav li{width:100%; margin:0 ; padding:20px;}
	.main-nav li a{color:white;}
	.mobile-nav{display: block; align-items: center; justify-content: center; height: 100%; top: 20px; padding-left: 35px;}
	.mobile-nav-input:not(:checked) ~ .main-nav{display:none;}
	.mobile-nav-input:checked ~ .main-nav{position:absolute;background: #1B1B1B;width: 100%;left: 0;z-index:99999;}
	.bar1, .bar2, .bar3 {width: 30px;height: 4px;background-color: #333;margin: 5px 0;transition: .4s;border-radius: 15px;}
	body.admin-bar .main-nav{top:76px;}
	body:not(.admin-bar) .main-nav{top:84px;}
	.main-nav li{display:block;padding-top:10px;padding-bottom:10px; margin:0 !important;}
	.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; padding:10px 0;}
	.main-nav .menu-item-has-children ul li{padding:5px 20px;}
	.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;}
	.menu-phone-number{text-align:center;}
	.menu-phone-number a{background: #c20c36;padding: 4px 20px !important;display: inline-block;}
}
@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(50% - 65px);}
	.inner-masthead .logo{max-height:90px;width:auto;max-width:100%;}
	body.admin-bar .main-nav{top:75px;}
	body:not(.admin-bar) .main-nav{top:84px;}
	.mobile-nav{position: absolute;}
}
@media(max-width:480px){
	.inner-masthead,.mobile-nav{padding-left:0;}
	.inner-masthead .logo{max-height: 48px;}
	.inner-masthead .mobile-nav{position: relative;left: -30px;top: -3px;}
}
@media(max-width:450px){
	body:not(.admin-bar) .main-nav{top:54px;}
}

/*Forms*/
.gform_fields {list-style: none; padding-left: 0;}
.gform_wrapper .gfield_required {color: #790000;margin-left: 4px;}
.gfield_label {font-weight: 700}
.gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {display: none!important;position: absolute!important;left: -9000px;}
#gform_fields_1 input {height: 26px;}
#gform_fields_1 .gfield_description.validation_message, .instruction.validation_message {display: none;}
#gform_fields_1 .gfield.gfield_error input {border: solid 1px #790000;}


/* PAGE GLOBALS */
img {max-width: 100%; height: auto}
.content-width{max-width:1425px;margin:auto;width:100%; padding:50px 80px;}
.search-results .hentry {padding: 15px 0;border-bottom: 1px solid #CCC;margin-bottom: 10px;}

@media(max-width:1000px){
	.content-width{padding:25px;}
}
.section-padding{padding:5% 0;}
.button:not(.outline), .gform_footer input{background-color: transparent;text-transform: uppercase;margin: auto !important;padding: 12px 50px;display: inline-block;color:white !important;text-decoration:none;cursor:pointer;border:0;border-radius:0;font-size: 1em;font-weight:700;letter-spacing:1px;position:relative;transition:border-radius .25s;}
.button:not(.outline):hover{transition: all .1s linear .5s;-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);}
.button:not(.outline):before{content:''; height:100%; width:100%; position: absolute; top:0; left:0; background-color: #c20c36; transition: all .25s linear;}
.button:not(.outline) span{position: relative; z-index:10;}
.button:not(.outline):hover span{color:#c20c36; transition: all .1s linear .5s;}
.button:not(.outline):hover:before{background-color: #fff; color:#c20c36; transform: scale(1) skew(-15deg); transform-origin:center; animation: buttonPop 1s linear; }
@keyframes buttonPop{
	0%{transform: scale(1) skew(0deg);background-color: #c20c36; color:#fff;}
	30%{transform: scale(.8) skew(-15deg);}
	40%{transform: scale(1) skew(-15deg);}
	49%{background-color: #c20c36; color:#fff;}
	50%{transform: scale(1.1) skew(-15deg); background-color: #fff; color:#c20c36;}
	60%{transform: scale(1) skew(-15deg);}
	70%{transform: scale(1.05) skew(-15deg);}
	80%{transform: scale(1) skew(-15deg);}
	100%{transform: scale(1) skew(-15deg);background-color: #fff; color:#c20c36;}
}
/*button outline*/
.button.outline{border:solid 1px #c20c36; padding:10px 45px; color:white; font-weight:700; text-transform: uppercase; font-size:14px; transform: skew(0); transition:all .25s linear;}
.button.outline:hover{transform: skew(-15deg); transition:all .25s linear;}

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


