/*

Theme Name: AV Outfitters
Author: Paul Nalewajk
Author URI: http://www.wwwebtek.com
Version: 1.0.0
Template: pro

*/


/* FONTS

font-family: "montserrat", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "montserrat", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "montserrat", sans-serif;
font-weight: 700;
font-style: normal

*/

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YJG5WQYX3X">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-YJG5WQYX3X');
</script>

@import url(https://use.typekit.net/vzz4vis.css);


:root {
	--color-prime: #b51c31; /* red */
	--color-second: #f3f3f4; /* light gray */
	--color-tert: #222b30; /*  almost black  */
}


html, body {
	/* font-family: "museo-sans",sans-serif !important; */
}

body {
    text-rendering: optimizeLegibility;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition:opacity 1s
}

a, a:hover {
    -webkit-transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
    transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease
}

 /* #Fonts
================================================== */

body, .x-anchor-button {
	font-family: "montserrat", sans-serif !important;
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "montserrat", sans-serif;
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "montserrat", sans-serif;
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "montserrat", sans-serif;
	font-weight: 700;
	font-style: normal
}

h1, h2, h3, h4, h5, h6 { 
	font-family: "montserrat", sans-serif !important;
	font-weight: 600;
	font-style: normal;
	letter-spacing:.01em !important;
	line-height:1.3em !important; 
}
h1.upper, h2.upper, h3.upper, h4.upper, h5.upper, h6.upper { 
	font-family: "montserrat", sans-serif !important;
	font-weight: 700 !important;
	letter-spacing:.2em !important;
}

.white, 
.white h1, 
.white h2, 
.white h3, 
.white h4, 
.white h5, 
.white h6, 
.white p,
.white .phone-mobile, .white .x-text {
		color:#fff !important;
}

.white a { color: rgba(255, 255, 255, .9) !important; }
.white a:hover { color: rgba(255, 255, 255, .5) !important; }

.x-text { line-height:2.3em !important; }

.red h1, 
.red h2, 
.red h3, 
.red h4, 
.red h5, 
.red h6, 
.red p,
.red,
.red .phone-mobile, .red .x-text {
	color:var(--color-prime) !important;
}

.gold { color:#f6ba07; }

.black, .black a {
	color:var(--color-tert);
	text-decoration:none !important;
}
.black:hover, .black a:hover { color:var(--color-prime) !important; }

 /* #Header
================================================== */


.logo { max-width:350px; }

.top-nav > :before {
	color:#fff;
	display: inline-block;
	font-weight: 900;
	vertical-align: middle;
}
.top-nav > :nth-child(n+2):before {
	font-family: "FontAwesomePro";
	content: "\7c";
	margin-top:2em;
	/* border-left: 1px solid #ffffff; */
}


 /* #Hero
================================================== */
.x-slider-container { margin-top:0px;border:0px solid #ff0000 !important; }


.hero-sub {
	min-height: 500px;
}
.hero-sub-no-bg {
	min-height: 500px;
}

.hero-headline, .hero-headline-in {
	font-family: "montserrat", sans-serif !important;
	font-weight:700;
	color:#ffffff;
	font-size:3rem !important;
	line-height:3.5rem !important;
/*
	font-size:3.5rem !important;
	line-height:4rem !important;
*/
	text-shadow: 3px 3px 5px #000000;
}
@media (max-width: 1024px) {
	.hero-headline {
		top:3em;
		left:2em;
		font-size:1.4rem !important;
		line-height:1.5rem !important;
	}
	.hero-headline-in {
		font-size:1.4rem !important;
		line-height:1.5rem !important;
	}
}

.hero {
	height: 60vh;
	animation: fadeIn 3s;
	-webkit-animation: fadeIn 3s;
	-moz-animation: fadeIn 3s;
	-o-animation: fadeIn 3s;
	-ms-animation: fadeIn 3s;
}

.hero-row {
	/*
		margin-top: 52.9vh !important;
		margin-bottom: 0px;
	*/
	position:absolute;
	bottom:0px;
	width:100%
}
@media (max-width: 1024px) {
	.hero-row {
		/* margin-top: 54.5vh !important; */
	}
}

	@media (max-width: 760px) {
		.hero { height: 22vh; } /* was 19vh */
		.x-bg-layer-lower-image { background-size: contain; }
		/* .hero-row { margin-top: 13.5vh !important; } */
	}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}


/* #Footer
================================================== */

footer a { color:#fff; }
footer a:hover { color: rgba(255, 255, 255, 0.5); }

footer .x-text { line-height:1.5em !important; }


.social { font-size:.5em !important; }


.address span:before {
  content: "";
  display: inline-block;
  height: 13px;
  vertical-align: middle;
  margin:-0.2em 1em 0em 1em;
  border-left: 1px solid #ffffff;
}


footer ul {
	list-style:none;
	display: inline-block;
	margin:0em;
}
footer ul ul {
	margin-left:1.2em;
}

.footer-cat {
	font-family: "montserrat", sans-serif !important;
	color:#fff;
	text-transform:uppercase;
	font-weight: 700;
	/* white-space: nowrap; */
}

@media (max-width: 1024px) {
	.footer-cat { white-space: inherit; }
}



/* #Forms
 ================================================== */

.wpcf7 span.wpcf7-form-control-wrap { width: 100%; }

.wpcf7-not-valid-tip { position: absolute !important; left: -40px !important; top: 0 !important; width: 44px !important; height: 35px !important; padding: 0 !important; background: var(--wpr-bg-db49ef16-b4dd-41e8-b39c-d8a8c8d7c60c) !important; overflow: hidden; text-indent: -9999px !important; padding: 0; border: none !important; }
.wpcf7-validation-errors { border: 0; display: none !important;text-shadow: 0 0 0 #000000 !important; }
.wpcf7-mail-sent-ok { border: none !important; margin: 25px 0 0 0 !important; padding: 7px 10px !important; background: #7DCC68 !important; color: #fff; font-size: 14px; text-align: center; }

.wpcf7-captchar { margin-bottom: 0; }

span.wpcf7-form-control-wrap { position: relative !important; display: inline-block; margin-bottom: 2px; }
span.wpcf7-form-control-wrap .wpcf7-text,
span.wpcf7-form-control-wrap .wpcf7-textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; }

.wpcf7-submit { margin-bottom: 0; }



input[type="radio"], input[type="checkbox"] {
    margin: 0.425em 0.425em;
    margin-top: 1px \9;
    line-height: normal;
    cursor: pointer;
}



.form-check label { margin-top:.4em !important; }
.wpcf7-radio, .wpcf7-checkbox { font-size:.9em !important;
 }

.wpcf7-list-item {  }


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-weight: 400;
    color: #222b30;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    font-weight: 400;
    color: #222b30;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-weight: 400;
    color: #222b30;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    font-weight: 400;
    color: #222b30;
}

label { margin-top:20px;height:1px; }

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}



.x-btn, .btn-primary, .entry-content input[type="submit"] {
	font-family: "montserrat", sans-serif !important;
	font-weight: 600;
	display: initial !important;
	font-size: 1.2rem !important;
	letter-spacing:.07em !important;
	padding: 0.813em 2em 0.813em !important;
	border-radius:0px !important;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75) !important;
    text-decoration:none !important;
    text-transform:uppercase !important;
    white-space:none;
}
.x-btn:after, .button:after, .btn-primary:after, .more-link:after, .entry-content input[type="submit"]:after {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	bottom: -5px;
	right: -5px;
	border: 1px #da2834 solid;
}


a.button {
    font-weight: 600 !important;
    font-size: 1rem !important;
    color:#fff !important;
    letter-spacing:.3em !important;
    text-decoration:none !important;
    text-transform:uppercase !important;
    background-color:#b51c31 !important;
    border-radius:0px !important;
    border:1px solid #b51c31 !important;
    text-transform:uppercase;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75) !important;
}
a.button:hover {
    color:#b51c31 !important;
    background-color:#ffffff !important;
}


.small-red-line {
    font-weight: 600 !important;
    font-size: .8rem !important;
    letter-spacing:.3em !important;
    text-decoration:none !important;
    text-transform:uppercase !important;
    border:1px solid #b51c31 !important;
    border-radius:0px !important;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75) !important;
}
.small-red-line:hover {
    color:#fff !important;
    background-color:#b51c31 !important;
}


.x-btn-global.white {
	color:#a70237 !important;
	border: 2px solid #fff !important;
	background-color:#ffffff !important;
	text-decoration:none;
}
.x-btn-global.white:hover {
	color:#fff !important;
	border: 2px solid #fff !important;
	background-color:#a70237 !important;
}

 /* #Misc
================================================== */

.box-shadow {
	background-color:#fff;
	box-shadow: 2px 1px 5px 2px rgba(0, 0, 0, 0.54);
}

.gradient { background:linear-gradient(rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 100%) !important; }

.x-quote-cite {
	font-size:.9em !important;
	text-transform:none !important;
	letter-spacing:0em !important;
}

.serving { padding:5em 4em 4em 4em; }
	@media (max-width: 450px) {
		.serving { padding:1em 1em 1em 1em; }
	}
	
	
.entry-wrap {
    padding: 0px;
    border-radius: 0px;
    box-shadow: 0 0em 0em 0 rgba(0, 0, 0, 0.135);
    background-color: transparent;
}

.entry-content a {
    text-decoration:underline;
}


.nowrap { white-space:nowrap; }
@media (max-width: 420px) {
	.nowrapmobile { white-space:nowrap; }
}

a.x-image img, li.product-category a {
     transition: opacity 0.5s ease-in-out;
}
a.x-image img:hover, li.product-category a:hover {
    opacity:.65 !important;
    transition: opacity 0.5s ease-in-out;
}


.upper { text-transform:uppercase; }

.normal { line-height:normal !important; }

.tel a { margin-right:0.7em; }
.tel a:hover { color: rgba(255, 255, 255, 0.5); }


.p-meta { display:none;
    /* font-family: "museo-sans",sans-serif !important; */
}
.p-meta > span:after {
    content: "";
    padding:0 .5em 0 .45em
}

.p-meta span:nth-child(n+3) { display:none; }

.x-div a { text-decoration:none !important; }

.image-box-bg { min-height: 30vh; }

a.more {
	text-transform:uppercase;
	text-decoration:none;
}

.brand-lists {
	text-align:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	flex-flow:row wrap;
	justify-content:flex-start;
	align-items:center;
	align-content:flex-end;
	margin-left:1em;
}
.brand-lists .items {
	text-align:center;
	width:19%;
	margin-bottom:1.2em;
}
.brand-lists .items img { 
	width:60% !important;
}

.brand-lists .items a, 
.woocommerce-pagination a, 
.entry-header a, 
.woocommerce-tabs a
	{ text-decoration:none; }
	
	@media only screen and (max-width:480px) {
		.vendor-lists { }
		.vendor-lists .items { font-size:0px;width:30%; }
	}


.accredited {
	border-right:1px solid #000000 !important;
	border-left:1px solid #000000 !important;
}

@media (max-width: 420px) {
	.accredited {
		border-right:0px solid #000000 !important;
		border-left:0px solid #000000 !important;
		border-top:1px solid #000000 !important;
		border-bottom:1px solid #000000 !important;
	}
}

.mini-links a { color:#222b30;text-decoration:none; }
.mini-links a:hover { color:#b51c31; }

.map { max-height:500px; }