/*
Theme Name: www.oakleyequipment.com
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/

/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

a {
	color: grey;
	text-decoration: none;
}

.CTA>img:first-of-type {
	height: 170px;
	object-fit: contain;
}

html,
body {
	height: 100%;
	width: 100%;
}

.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}

.wp-custom-header {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
}

.wp-custom-header iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Class for Google Map widget */
.google_map {
	width: 100%;
	min-height: 58vh;
}

.navbar-default {
	background-color: transparent !important;
	border-color: transparent !important;
}

.navbar {
	min-height: auto !important;
	margin-bottom: 0 !important;
}

.navigation-top {
	width: 100%;
}

.menu li {
	width: auto !important;
	padding-right: 6%;
	display: inline-block;
}

.menu li:last-child {
	padding-right: 0 !important;
}

.menu li>a {
	color: #000;
	font-size: 1.5em;
}

.dropdown-menu {
	background-color: rgba(0, 0, 0, 0.7);
	color: orange;
	border-radius: 0px;
}

.navbar-default .navbar-nav>li>a {
	color: #000;
	font-size: 18px;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #e68a24;
}

.dropdown-menu:not(.head-list)>li>a {
	color: #000;
	font-size: 16px;
	font-weight: 400;
}

.dropdown-menu:not(.head-list)>li>a:hover {
	background-color: #e68a24;
	transition: linear 0.2s;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#wp-admin-bar-new-content-default {
	display: none;
}

/* UNIFORM STYLES */
.width-70 {
	width: 70%;
	margin: 0 auto;
}

.width-80 {
	width: 80%;
	margin: 0 auto;
}

.width-90 {
	width: 90%;
	margin: 0 auto;
}

.none {
	display: none;
}

.padding25,
#padding25 {
	padding: 25px 0;
}

.padding50,
#padding50 {
	padding: 50px 0;
}

h1,
h2,
h3,
h4,
h5 {
	letter-spacing: 1px;
	font-family: 'Oswald', sans-serif;
	line-height: inherit
}

body,
p,
a {
	font-family: 'Oswald', sans-serif;
	letter-spacing: .25px;
}

p {
	font-weight: 400;
	font-size: 16px;
}

.bold-link {
	font-weight: 800 !important;
}

/* LANDING PAGE */
.covid-banner {
	background: #000;
	text-align: center;
	border-top: 1px solid #fff;
	padding: 7px 0;
}

.covid-banner p {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	letter-spacing: 1px;
	font-size: 16px;
	font-family: 'Oswald', sans-serif;
}

.covid-banner .fa {
	color: #e40000;
	margin: 0 15px;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
}

.covid-banner a {
	color: #e40000;
	padding: 0 15px;
	font-size: 18px;
	font-weight: 700;
	transition: .3s ease;
	display: inline-block;
	vertical-align: middle;
}

.covid-banner a:hover {
	color: #fff;
	margin: 0 15px;
	font-size: 18px;
	font-weight: 700
}

.landheader {
	background: #252525;
	text-align: center;
	margin: 0 auto;
	padding: 5px 0;
}

.landheader img {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	display: block;
	text-align: center;
}

.landing-bg {
	background: url(images/baglanding4.jpg);
	background-size: cover;
	background-position: center center;
	padding: 8% 0 12% 0;
}

.flex-stretch {
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

.sitethirds {
	width: 31%;
	margin: 0 1%;
	background: rgba(0, 0, 0, .8);
	text-align: center;
	box-shadow: 0px 2px 4px 0px #000;
	color: #fff;
	letter-spacing: 1px;
	height: 285px;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
	font-family: 'Oswald', sans-serif;
}

.sitethirds img {
	max-width: 260px !important;
	width: 100% !important;
	display: block;
	margin: 1em auto !important;
}

.sitethirds a {
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
}

#landtitle {
	background: #e40000;
	padding: 20px 0;
	font-size: 25px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	font-weight: 900;
	border-top-left-radius: 25px;
	font-family: 'Oswald', sans-serif;
}

button#landbtn {
	background: #fff;
	color: #e40000;
	font-weight: 900;
	display: block;
	font-size: 25px;
	width: 80%;
	margin: 30px auto -30px auto;
	padding: 30px 0;
	text-transform: uppercase;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-family: 'Oswald', sans-serif;
	text-decoration: none;
}

button#landbtn:hover {
	background: #e40000;
	color: #fff;
	transition: background-color 300ms ease, background-color 300ms ease, all 300ms ease
}

.landfooter {
	background: #252525;
	text-align: center;
	margin: 0 auto;
	padding: 2em 0;
}

.landfooter p {
	color: #969696;
	font-size: 17px;
	font-weight: 400;
	font-family: 'Oswald', sans-serif;
}

.landfooter a {
	color: #969696;
	font-size: 17px;
	font-weight: 400;
	font-family: 'Oswald', sans-serif;
}

.landfooter a:hover {
	color: #fff;
}

/* SITE HEADER */
.header {
	background: #252525;
}

.header-flex {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 95%;
	margin: 0 auto;
}

.logo {
	width: 25%;
}

.logo img {
	max-width: 300px !important;
	width: 100%;
	text-align: left !important;
	padding: 5px 0;
}

.header-right {
	width: 75%;
	text-align: right;
	padding: 10px 0;
}

.header-top {
	width: 100%;
	padding: 10px 0;
}

.header-contact {
	width: 300px;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
}

.header-contact a {
	color: #FFD62F;
	font-family: 'Oswald', sans-serif;
	font-size: 22px !important
}

.loc-toggle {
	display: inline-block;
	vertical-align: middle;
	width: 650px;
}

.loc1 {
	width: 30%;
	margin: .5%;
	display: inline-block;
	vertical-align: middle;
	background: #000;
	color: #fff;
	padding: 5px 0;
	text-align: center !important;
	transition: .3s ease;
	min-width: 200px;
}

.loc1:hover {
	background: #171717
}

.loc1 img {
	max-width: 100px !important;
	width: 90% !important;
	margin: 0 auto;
}

.loc1 a {
	font-size: 12px;
	font-family: 'Oswald', sans-serif;
	text-align: center !important;
	color: #fff
}

.desktopnone {
	display: none !important;
}

/* HOME PAGE TEMPLATES */
.ql-sect {
	width: 100%;
	display: block;
}

.ql-sect .col-lg-3 {
	/* width: 19%; */
}

.ql-sect .post-container-oakley-inventory {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.cta {
	text-align: center;
	margin: 1% auto;
}

.cta img {
	display: block;
	text-align: center;
	margin: 0 auto;
}

.cta img.arrowup {
	margin-top: -10px;
}

.cta h3 {
	font-weight: 700;
	font-size: 22px;
	text-transform: uppercase;
	margin-top: 0px;
	color: #000 !important;
	padding-top: 5px;
}

a.cta h3 {
	color: #000;
}

.flex-center#border-top {
	border-top: 1px solid #ddd;
	margin-top: 3%;
}

.flex-center {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.brands-left {
	background: #E40C13;
	width: 30%;
	padding: 22px 0;
	text-align: center;
}

.brands-left h2 {
	font-size: 22px;
	font-weight: 800;
	color: #fff;
}

.brands-right {
	width: 70%;
}

.loc-bg {
	background: url(images/forestry-bg-bottom.jpg);
	background-size: cover;
	background-position: center center;
	padding: 3% 0;
}

.loc-left {
	width: 45%;
	display: inline-block;
	vertical-align: middle;
}

.loc-left h3 {
	font-size: 20px;
	color: #fff;
	width: 96%;
	margin: 0 auto;
}

.loc-left p {
	font-family: 'Oswald', sans-serif;
	color: #fff;
	width: 96%;
	margin: 0 auto;
}

.loc-left p a {
	color: #fff;
}

.loc-right {
	width: 53%;
	display: inline-block;
	vertical-align: middle;
}

.ft-video-left {
	display: inline-block;
	vertical-align: middle;
	width: 40%;
	text-align: right;
}

.ft-video-left h2 {
	font-size: 40px;
	font-weight: 800;
	color: #E50C14;
	text-align: right;
}

.ft-video-left .blk-btn {
	float: right;
	margin-top: 3%;
	padding: 10px 40px;
}

.blk-btn {
	background: #333;
	padding: 10px 25px;
	text-align: center;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	transition: .2s ease;
}

.blk-btn:hover {
	background: #E50C14;
}

.video-right {
	display: inline-block;
	vertical-align: middle;
	width: 57%;
	margin-left: 2%;
}

.borderleft {
	border-left: 2px solid #fff;
}

.gray-bg {
	background: #252525;
	display: inline-block;
	width: 100%;
}

#metademaiscoisa {
	float: left;
	width: 48%;
	display: block;
	text-align: center;
	margin: 35px 1%;
	opacity: 1;
}

#metademaiscoisa div {
	border-radius: 25px;
}

#metademaiscoisa:hover {
	opacity: 0.7;
	transition: background-color 300ms ease, background-color 300ms ease, all 300ms ease
}

.titulowrap {
	padding: 20px 0;
	font-family: 'Oswald', sans-serif;
	display: block;
	margin: 0 auto;
	text-align: center;
	transition: .3s ease;
}

.titulowrap a {
	color: #f90b21;
	text-decoration: none !important
}

.titulowrap p {
	color: #fff;
	width: 90%;
	margin: 0 auto;
}

.titulowrap h1 {
	color: #ffd614;
	font-size: 25px;
	text-transform: uppercase;
	margin: 0 !important;
}

.titulowrap img {
	padding: 10px 0;
}

h1 span {
	color: #f90b21;
}

p span {
	font-weight: 900
}

.sml-border {
	background: #000;
	height: 10px;
	width: 100px;
	margin: 10px 0;
}

.red-btn {
	background: #f90b21;
	transition: .3s ease;
	color: #fff;
	padding: 10px 25px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 35px;
	border-radius: 0;
	display: inline-block;
	vertical-align: middle;
}

.red-btn:hover {
	background: #252525;
}


/* CUSTOM PAGE TEMPLATE */
.custom-pg h1 {
	font-weight: 900;
	color: #f90b21;
	font-size: 40px;
}

.custom-pg h2 {
	font-weight: 700;
	color: #212121;
	font-size: 25px;
}

.finance-opt img {
	max-height: 90px;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0;
}

.loc-bottom {
	width: 33%;
	margin: 1% 1%;
}

.loc-bottom h3 {
	color: #fff;
	font-weight: 900;
	font-size: 22px;
}

.loc-bottom p,
.loc-bottom a {
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Oswald', sans-serif;
}

.contactForm .btn-success,
.btn-success:focus {
	background: #000 !important;
	border: 1px solid #000 !important;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
}

.brand-wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
}

.brand-wrapper p {
	text-align: center;
	color: #f90b21;
	text-transform: uppercase;
	margin-top: 1em;
	margin-bottom: 0;
	letter-spacing: 1px;
}

.brand-wrapper img {
	width: 100%;
	height: auto;
	max-width: 200px;
	padding: 1em;
	height: 180px;
	object-fit: contain;
}

.btn-wrapper {
	width: 100%;
}

.btn-wrapper a.cta-btn button {
	border: none;
	width: 100%;
	padding: .65em;
	text-align: center;
	color: #000;
	background: #FFD62F;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.btn-wrapper a.cta-btn2 button {
	border: none;
	width: 100%;
	padding: .65em;
	text-align: center;
	color: #fff;
	background: #333;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.btn-wrapper a.cta-btn button:hover,
.btn-wrapper a.cta-btn2 button:hover {
	transition: .3s ease-in-out all;
	background: #f90b21;
	color: #fff;
}

/* FOOTER */
.footerbg {
	background: #252525;
	display: inline-block;
	width: 100%;
	text-align: center;
}


/*-----------------------MEDIA QUERIES-----------------------*/


/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1500px) {
	.logo {
		width: 20%;
	}

	.header-right {
		width: 80%;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1300px) {

	.width-70,
	.width-80 {
		width: 90%
	}

	.ql-sect .col-lg-3 {
		width: 24% !important;
	}
}

@media only screen and (max-width : 1050px) {
	.desktopnone {
		display: block !important;
	}

	.flex-stretch {
		flex-wrap: wrap;
	}

	.loc-bottom {
		width: 100%;
	}

	.ql-sect .col-lg-3 {
		width: 32% !important;
	}

	.flex-center {
		display: block;
	}

	.brands-left {
		width: 100%;
		display: inline-block;
	}

	.brands-right {
		width: 90%;
		padding: 0 5%;
		display: inline-block;
		background: #fff;
		text-align: center
	}

	.brands-right img {
		text-align: center;
		float: none !important
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.header-flex {
		display: block;
	}

	.logo {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	.header-right {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		padding: 0 0;
	}

	.loc-left {
		width: 100%;
		margin: 0 auto;
	}

	.loc-right {
		width: 100%;
		margin: 0 auto;
	}

	.ft-video-left,
	.video-right {
		width: 100%;
	}

	.ft-video-left {
		text-align: center;
		margin: 0 auto
	}

	.flex-stretch {
		display: block;
	}

	.sitethirds {
		width: 100%;
		margin: 1% auto;
		height: auto;
		padding-bottom: 1%;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.header-contact {
		text-align: center;
		margin-top: -10px;
	}

	.ql-sect .col-lg-3 {
		width: 49% !important;
	}

	.brands-left h2 {
		font-size: 20px;
	}

	#metademaiscoisa {
		width: 100%;
		margin: 5px 0;
	}

	.loc-toggle {
		display: none
	}

	.header-top {
		padding: 0;
	}


}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {}