/*
Theme Name: FW Murphy Theme
Theme URI: https://www.fwmurphy.com/
Description: Theme made for FW Murphy website
Author: Barnes
Author URI: https://www.barn3s.com
Version: 1

font: https://fonts.google.com/specimen/Montserrat?selection.family=Montserrat:400,400i,500,500i,700,700i
*/

* { margin: 0; padding: 0; }
body { 
	font:18px 'Montserrat', sans-serif; 
	font-weight: 500; 
	color: #5e6871; 
	background-color: white;
}

@media (max-width:1400px) {
	body { font-size:16px }
}

/*-----------------------------------*/
/*            STRUCTURAL             */
/*-----------------------------------*/
section {
	width: 90%;
	margin: 0 auto;
	max-width: 1600px;
	position: relative;
}
section.smaller { max-width: 1400px; }
section.small { max-width: 1300px; }
section.content { max-width: 1000px; }
section.content.thin { max-width: 700px; }

#page { position: relative; }

.top-triangle { position: relative; }
	.top-triangle:after {
		content: "";
		height: 70px; 
		width: 100%;  
		display: block; 
		top: 0; 
		left: 0; 
		background-image: url("images/top-tri.svg?v=2"); 
		background-position: top center; 
		background-size: 1000px auto; 
		background-repeat: no-repeat; 
		position: absolute; 
	}
@media (max-width:1000px) {
	.top-triangle:after { background-size: auto 100%; }
}

.bottom-triangle-neg {
	height: 70px;
	width: 100%;
	position: absolute;
	display: block;
	bottom: -1px;
	left: 0;
	background: url("images/tri-neg.svg?v=3") center bottom no-repeat;
	background-size: 1000px auto;
	overflow:hidden;
}
.bottom-triangle-neg.short { height: 25px; }
.bottom-triangle-neg.grey { background-image: url("images/tri-neg-grey.svg"); }
.bottom-triangle-neg:after,
.bottom-triangle-neg:before {
	display: block;
	content: "";
	background-color: #fff;
	position: absolute;
	height: 66px;
	width: 50%;
	bottom: 0;
}
.bottom-triangle-neg:after { right: 50%; margin-right: 499px; }
.bottom-triangle-neg:before { left: 50%; margin-left: 499px; }
.bottom-triangle-neg.grey:after,
.bottom-triangle-neg.grey:before { background-color: #edefef; }

.table { display: table; }
.table-cell { display: table-cell; }
.vert-mid { vertical-align: middle; }

/*-----------------------------------*/
/*           TYPOGRAPHICAL           */
/*-----------------------------------*/
h1, h2, h3 { font-weight: normal; margin: 0 0 25px 0; line-height:1.5; }
h1 { color: #ee2e24; font-size: 240%; margin-bottom: 50px; }
h2 { color: #ee2e24; font-size: 180%; margin-bottom: 30px; }
h3 { color: #ee2e24; font-size: 180%; margin-bottom: 20px; }
h4 { color: #ee2e24; font-size: 180%; margin-bottom: 20px; }

p { margin: 0 0 25px 0; line-height: 1.4; }
ul, ol { margin: 0 0 25px 0; line-height: 1.4; }
hr { 
	background-color: #adaeaf; 
	height: 2px; 
	border: none;
	margin-bottom: 2rem; 
}

.main-section a { text-decoration: underline; color: #EE2E24; }
.main-section ul { list-style: disc; margin-left: 2rem; }
	.main-section ul li { margin-bottom: 0.5rem; }
	.main-section ul li > ul { margin-top: 0.5rem; margin-bottom: 0px; }
.main-section ol { list-style: decimal; margin-left: 2rem; }
	.main-section ol li { margin-bottom: 0.5rem; }
	.main-section ol li > ol { margin-top: 0.5rem; margin-bottom: 0px; }
.main-section img { 
	display: block;
	max-width: 100%; 
	height: auto;
}
.main-section table { margin-bottom: 2rem; }
	.main-section table, .main-section th, .main-section td {
		border: 1px solid #adaeaf;
		border-collapse: collapse;
	}
	.main-section th, .main-section td { padding: 10px; vertical-align: middle; }

.circle-arrow { width:50px; height:50px; display:block; padding:10px; }
.circle-arrow a { 
	width: 50px; 
	height: 50px; 
	display: block; 
	background-image: url("images/circle-arrow.png"); 
	background-image: url("images/circle-arrow.svg"); 
	background-position: center; 
	background-size: contain; 
	background-repeat: no-repeat;
}
.circle-arrow.shadow { background: rgb(0,0,0); background: radial-gradient(circle, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0) 75%); }

.arrow { 
	display: block; 
	position: relative; 
	text-decoration: none; 
	padding-right: 40px; 
	transform: scale(1);
}
.arrow:after {
	content: ""; 
	display: block; 
	height: 22px; 
	width: 40px; 
	top: 50%; 
	margin-top: -11px; 
	position: absolute; 
	right: 0; 
	background: url("images/yellow-arrow.svg") center right no-repeat; 
	background-size: auto 100%; 
}

@media (max-width:1200px) {
	h1 { font-size: 200%; margin-bottom: 40px; }
	h2 { font-size: 150%; margin-bottom: 20px; }
}
/* ========================================================
	Default Wordpress Image Styles
======================================================== */
.alignright { float: right; margin: 0 0 1em 1em; }
.alignleft { float: left; margin: 0 1em 1em 0; }
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption { max-width: 100%; }
.wp-caption-text {
	font-size: small;
	font-style: italic;
	padding: 5px;
}
/*-----------------------------------*/
/*               FORMS               */
/*-----------------------------------*/
#form input[type="text"],
#form input[type="email"],
#form textarea,
.searchform input {
	width: calc(100% - 20px);
	padding: 7px 10px 7px;
	border: none;
	margin-bottom: 0px;
	background-color: #dadada;
	font-size: 14px;
}

#form { margin-top: -20px; }
#form a { 
	color: #99cc33;
	text-decoration: none;
	
	font-size: 18px;
}
#form form { margin-top: 30px; }
#form li { margin-bottom: 10px; }
#form label { display: none; }
#form input[type="submit"] {
	margin: 10px 0 0;
	background: transparent url(images/white-arrow.png) center right no-repeat;
	border: none;
	padding: 10px 35px 10px 15px;
	color: #fff;
	font-size: 16px;
	float: right;
}

.searchform { width: 220px; margin-bottom: 7px; position: relative; }
footer .searchform {
	position: relative;
	width: 100%;
	margin-bottom: 40px;
	color: #fff;
	max-width: 500px;
}
.searchform .s {
	width: calc(100% - 80px); 
	float: left; 
	background-color: rgba(255,255,255,0.5); 
	color: #000;
	font-weight: bold;
}
::placeholder, .searchform :-ms-input-placeholder { color: #fff; opacity: 1; }
.searchform .searchsubmit {
	width: 52px;
	height: 31px;
	float: right;
	color: transparent;
	background-color: rgba(255,255,255,0.5);
	background-image: url("images/yellow-arrow.svg");
	background-size: auto 20px;
	background-position: center; 
	background-repeat: no-repeat;
}

.translate-container { color: #fff; margin-bottom: 40px; }
#google_translate_element { width: 220px; position: relative; float: right; }
.goog-te-gadget, 
.goog-logo-link, 
.goog-logo-link:link, 
.goog-logo-link:visited, 
.goog-logo-link:hover, 
.goog-logo-link:active {
	color: #dedede !important;
}
#google_translate_element select,
.mobile-select select {
	background: transparent;
	border: none;
	width: 100%;
	padding: 10px 10px 8px;
	background-color: rgba(255,255,255,0.5);
	color: #fff;
	border-radius: 0;
	display: block;
	-webkit-appearance: none;
	margin-bottom: 10px;
}
.goog-te-gadget .goog-te-combo { margin-top: 0px !important; }
#google_translate_element:after,
#google_translate_element:before,
.mobile-select:after,
.mobile-select:before {
	width: 0px;
	height: 0px;
	display: block;
	content: '';
	position: absolute;
}
#google_translate_element:after,
.mobile-select:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #f7bd1c;
	top: 18px;
	right: 10px;
}
#google_translate_element:before,
.mobile-select:before  {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #f7bd1c;
	top: 4px;
	right: 10px;
}
/*-----------------------------------*/
/*             FULL MENU             */
/*-----------------------------------*/
#full-menu {
	display: none;
	background-color: rgba(95,102,110,0.9);
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000000;
}
#full-menu .table { display: table; height: 100%; width: 100%;}
#full-menu .table-cell {display:table-cell; height:100%; width:calc(100% - 80px); padding:0 40px; vertical-align:middle; position:relative; padding-top:15px;}
#full-menu #hamburger {top:15px; right:15px; position:absolute;}
#full-menu #hamburger span {background:#000;}

.mobile-menu {padding-top:0; width:100%; overflow:hidden; position:relative; top:auto; left:auto;}
.mobile-menu ul {margin:0;}
.mobile-menu ul li { min-height:0 !important; position:relative; float:none; height:100%; width:90% !important; top:auto; left:auto;}
.mobile-menu ul li.over a,
.mobile-menu ul li.current_page_item a,
.mobile-menu ul li.current_page_ancestor a {background: none;}
.mobile-menu ul.menu li a {text-align:left; display:block; text-decoration: none; color:#fff; font-weight:700; font-size:100%; width:100%; padding:15px 0 2px 0;}
.mobile-menu ul.menu > li > a:hover:before,
.mobile-menu ul.menu > li.current_page_item > a:before,
.mobile-menu ul.menu > li.current_page_ancestor > a:before {border-top:none;}

.mobile-menu ul ul {margin-left:30px; display:none;}

#hamburger { display:none; }
/*-----------------------------------*/
/*               HEADER              */
/*-----------------------------------*/
.main-nav-search {max-width:1600px; width:95%;}
.nav .logo {width:300px; float:left; padding:23px 0; height:auto;}
.nav .logo img {width:100%; height:auto;}
.nav .main-menu {margin-right:45px; float:right; padding-top:40px;}
.nav .main-menu ul {
	display: flex;
	align-items: center;
	text-align:right; 
	margin-bottom:0;
}
.nav .main-menu ul ul {display:none;}
.nav .main-menu li {display:inline-block;}
.nav .main-menu li:first-child a {margin-left:0;}
.nav .main-menu li:last-child a {margin-right:0;}
.nav .main-menu a {font-weight:700; cursor:pointer; text-decoration:none; display:block; color:#fff; padding:5px 5px 0px; font-size:16px; margin:0 15px;}
.nav .main-menu a:hover,
.nav .main-menu li.current-page-ancestor a,
.nav .main-menu li.current-menu-item a {color:#f7bd20; position:relative;}
.nav .main-menu a:hover:after,
.nav .main-menu li.current-page-ancestor a:after,
.nav .main-menu li.current-menu-item a:after {
	content:""; 
	position:absolute;
	bottom:-15px;
	left:50%;
	margin-left:-7px;
	width: 0; 
    height: 0; 
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid white;
}
.nav .search-icon {
	padding: 35px 40px;
	height: 30px;
	float: right;
	cursor: pointer;
}
.nav .search-icon img {height:100%; width:auto;}

.nav .main-menu .green-icon > a {
	display: flex;
	align-items: center;
}
	.green-icon > a:before {
		content:'';
		display: block;
		width: 25px;
		height: 25px;
		margin-right: 5px;
		background: url('images/icons/GreenLeaf.svg') center no-repeat;
	}

.main-nav-search .search {padding:20px 50px; background-color:rgba(238,46,36,0.8); width:calc(100% - 100px); display:none; position:absolute; top: 100%; left:0; z-index:1000;}
.main-nav-search .searchform {width:100%; margin:0;}
.main-nav-search .searchform input {background-color:#d3d3d3;}

.the-submenu {background-color:rgba(238,46,36,0.8); display:none; z-index:1000; position: absolute; width: 100%;}
.the-submenu .inner {padding:20px 0 10px;}
.the-submenu .submenu {display:none;}
.the-submenu ul { text-align: center; margin: 0; }
.the-submenu li {display:inline-block; padding:0 10px 10px;}
.the-submenu li:first-child {padding-left:0;}
.the-submenu li:last-child {padding-right:0;}
.the-submenu a {color:#fff !important; text-decoration:none; font-size:14px;}
.the-submenu li.current-menu-item a,
.the-submenu li.current-page-ancestor a,
.the-submenu a:hover {color:#000;}

header {position:fixed; width:100%; z-index:1000;
	-webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    transition: background-color 0.5s;
}
.front-nav {
	padding-bottom: 50px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.header-front-container { background:linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 40px, rgba(0,0,0,0) 190px); position:relative; padding-top:150px; }
.front .header-front-container {padding-top:0;}

header.page .header-front-container { padding: 0; background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 20px, rgba(0,0,0,0) 130px); }
header.page .header-front-container .front-nav { position: relative; background: url("images/headerbg.png") center bottom no-repeat; }

.header-title h1, .header-title .edit-link a {color:#fff; text-align:center; display:block; text-decoration: none;}
.breadcrumb {color:#fff; padding-bottom:20px; font-size:14px; max-width:1600px;}
.breadcrumb a {text-decoration:none; color:#fff !important; font-size:14px;}

header.small {background-color:#000;}
header.small .nav .logo {padding:5px 0;}
header.small .nav .main-menu {padding-top:20px;}
header.small .nav .search-icon {padding-top:20px; padding-bottom:0;}

@media (max-width:1700px) {
	.nav .main-menu {margin-right:25px;}
	.nav .main-menu a {margin:0 21px;}
}

@media (max-width:1580px) {
	.the-submenu li {padding:0 10px 10px;}
	.the-submenu a {font-size:12px;}
}

@media (max-width:1550px) {
	.nav .logo {width:250px; padding-right:30px}
	.nav .main-menu {padding-top:35px;}
	.nav .main-menu a {margin:0 20px; font-size: 14px;}
	.nav .search-icon {padding:29px 35px;}
}

@media (max-width:1340px) {
	.nav .logo {padding-top:18px; padding-left:25px;}
	.nav .search-icon {padding:25px 20px;}
	.nav .main-menu {margin-right:25px; padding-top:30px;}
	.nav .main-menu a {margin:0 7px;}

	.the-submenu li {padding:0 5px 10px;}
	.the-submenu a {font-size:12px;}
}

@media (max-width:1250px) {
	.the-submenu a {font-size: 10px;}
}

@media (max-width:1115px) {
	.nav .main-menu a {margin:0 5px; font-size:13px;}
}

/*-----------------------------------*/
/*                FRONT              */
/*-----------------------------------*/
#page.front {background-color:white;}

#front-banners {position:relative;}
#front-banner-container {height:550px; position:relative; z-index:800;}
.front-banner {display:none; height:100%; position:absolute; top:0; left:0; width:100%; z-index:800;}
.front-banner.active {display:block;}
.front-banner a {text-decoration:none; color:#fff; display:block; height:100%; width:100%; position:relative;}
.front-banner a:after {height:50px; width:50px; content:""; display:block; background:url("images/circle-arrow.svg") center no-repeat; background-size:contain; position:absolute; bottom:0; right:0;}
.front-banner .banner-content {color:#fff; float:left; width:650px; height:100%; }
.banner-content h2,
.banner-content h3,
.banner-content h4 {font-size:370%; color:#fff; line-height:1.2;}
.banner-content h3 {font-size:290%;}
.banner-content h4 {font-size:250%;}
.banner-content p {padding-right:10%; line-height:1.7;}
.banner-content .table-cell {padding-bottom:50px;}
.banner-content .table-cell > * {margin-left:100px;}
.front-banner .banner-image {background-repeat:no-repeat; background-size:contain; background-position:top center; width:calc(100% - 650px); float:right; margin-top:-30px; height:120%;}
#banner-buttons {text-align:left; position:absolute; bottom:0; left:0; margin:0; z-index:1000;}
#banner-buttons li {display:inline-block; height:15px; width:15px; border-radius:50%; border:solid 4px #f7bd1c; position:relative; margin-right:20px; cursor:pointer;}
#banner-buttons li.active {background-color:#fff;}
#banner-buttons li:after {content:""; display:block; border-top:dashed 1px #fff; width:20px; height:0; position:absolute; right:-26px; top:50%;}
#banner-buttons li:last-child:after {display:none;}

#videos video {width:100%; display: block; transition: all 0.5s ease;}
#videos .video {position:relative; display:none; background: url('/wp-content/uploads/2023/09/FWM-Small-Globe-Home-Page.png') center no-repeat; background-size: cover;}
#videos .video.active {display:block; }
#videos .video .content {color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); /*opacity: 0;*/ transition: all 0.5s ease; max-width:890px;}
#videos .video .content > * {color:#fff;}
#videos .video .content h2 {margin-bottom:0; line-height:1.5em; text-transform:uppercase; text-align: center;}
#videos .video .content h2 strong {font-size:5vw; color:#ee2e24;}
/*#videos .video .content h2 strong span {font-size:5vw;}*/
#videos .video .content h1 {color:#ee2e24; text-align: center; line-height: 1.3em; margin-top:50px; font-weight:bolder;}

/*#videos .video .content.active {opacity: 1;}*/
#videos .video .content h2 {font-size:3vw; transition: all 0.5s ease;}
#videos .video .content h2 strong {font-size:5vw; transition: all 0.5s ease;}
#videos .video .content h1 {font-size:1vw; transition: all 0.5s ease;}
#videos .video .content.active h2 {font-size:1.2vw;}
#videos .video .content.active h2 strong {font-size:1.7vw;}
#videos .video .content.active h1 {font-size:3vw;}


#videos #video-products {
	position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all 0.5s ease;
    width: 90%;
    height: 68%;
    gap: 15px;
}
#videos #video-products a {
	display:block;
	width: 260px;
	position: absolute;
	text-decoration: none;
}
@media (max-width:1240px) {
	#videos .video .content {
		max-width:450px;
	}

	#videos #video-products {
		width:85%;
	}

	#videos #video-products a,
	#videos #video-products .titles p {
		width: 200px;
	}

	#videos .video .content h1 {
		font-size:2.5vw;
		margin-top:20px;
	}
}
@media (max-width:800px) {
	/*#videos .video .content h2 {
		font-size:18px;
	}
	#videos .video .content h2 strong,
	#videos .video .content h2 strong span {
		font-size:25px;
	}

	#videos .video .content h1 {
		font-size:28px;
	}*/

	#videos .video .content h2 {font-size:25px;}
	#videos .video .content h2 strong {font-size:45px;}
	#videos .video .content h1 {font-size:14px;}
	#videos .video .content.active h2 {font-size:16px;}
	#videos .video .content.active h2 strong {font-size:20px;}
	#videos .video .content.active h1 {font-size:28px;}

	#videos .video .content h1 br {display:none;}
}
#videos #video-products p {
	color:white;
	text-align: center;
	font-size:14px;
}
#videos #video-products .titles p {
	font-weight:bold;
	font-size:20px;
	position: absolute;
	top:-55px;
	width: 260px;
	text-align: center;
	border-bottom:solid thin #fff;
	padding-bottom:8px;
}
#videos #video-products .titles p:nth-child(1) {left:0;}
#videos #video-products .titles p:nth-child(2) {right:0;}
#videos #video-products .products a:nth-child(1) {top:0; left:0;}
#videos #video-products .products a:nth-child(2) {top:50%; transform:translateY(-50%); left:0;}
#videos #video-products .products a:nth-child(3) {bottom:0; left:0;}
#videos #video-products .products a:nth-child(4) {top:0; right:0;}
#videos #video-products .products a:nth-child(5) {top:50%; transform:translateY(-50%); right:0;}
#videos #video-products .products a:nth-child(6) {bottom:0; right:0;}
#videos #video-products img {
	width:65%;
	margin: 0 auto;
	display:block;
}
@media (max-width:1350px) {
	#videos #video-products a {
		width: 160px;
	}
	#videos #video-products .titles p {
		width:160px;
	}
}
@media (max-width:950px) {
	#videos #video-products a,
	#videos #video-products .titles p {
		width:100px;
	}
	#videos #video-products p {
		font-size:12px;
	}
}
@media (max-width:1240px) {
	#videos #video-products .titles p {
		font-size:14px;
	}
}
@media (min-width:769px) {
	#videos #video-products.active {opacity: 1;}
}

#front-main {padding:150px 0 150px; background:#fdfcf7 url("images/murphy-watermark.jpg?v=2") center no-repeat; background-size:auto 100%;}
#front-main h1 {text-align:center;}

#front-tag {padding-bottom:150px; background-size:cover; background-position:center; background-repeat:no-repeat;}
#front-tag section {background-color:rgba(0,0,0,0.75); padding:150px 0 00px;}
#front-tag h2 {color:#fff; text-align:center;}
#front-tag .circle-arrow {margin:60px auto 0;}

#front-buttons {margin:15px 0; background-color:#fff;}
#front-buttons ul {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; margin:0;}
#front-buttons li {background:url("images/button-bg.jpg") center no-repeat; background-size:cover; padding:20px;}
#front-buttons a.arrow {padding:0 0 0 50px; color:#fff;}
#front-buttons a.arrow:after {right:50px; height:28px; margin-top:-14px; /*top:-3px;*/}

#front-callouts {background-position:center; background-size:cover; padding:120px 0; text-align:center; overflow:hidden;}
#front-callouts li {margin:0 120px; display:inline-block; text-align:left;}
#front-callouts li:first-child {margin-left:0;}
#front-callouts li:last-child {margin-right:0;}
#front-callouts li .table-cell {height:85px;}
#front-callouts li a {text-decoration:none; color:#fff; font-size:150%; padding:0 60px 0 140px; background-repeat:no-repeat; background-position:center left; background-size:contain;}
#front-callouts li a:after {height:30px; top:50%; transform:translateY(-50%); margin-top:0; }

@media (max-width:1350px) {
	#front-banner-container {height:500px;}
	.front-banner .banner-image {margin-top:0px;}
	.banner-content .table-cell > * {margin-left:50px;}
}

@media (max-width:1200px) {
	.front-banner .banner-content {width:500px;}
	.banner-content h2 {font-size:275%;}
	.banner-content h3 {font-size:225%;}
	.banner-content h4 {font-size:200%;}
	.banner-content p {font-size:100%; padding-right:0;}
	.front-banner .banner-image {width:calc(100% - 550px);}
	.banner-content .table-cell > * {margin-left:0;}
	
	#front-main {padding:100px 0;}
	
	#front-buttons a.arrow {padding:0 0 0 20px;}
	#front-buttons a.arrow:after {right:20px;}
	
	#front-callouts li {margin:0 50px;}
}

/*-----------------------------------*/
/*               CONTENT             */
/*-----------------------------------*/
/* #page {background:linear-gradient(180deg, rgba(214,218,219,1) 0%, rgba(214,218,219,1) 25px, rgba(214,218,219,0) 250px);} */

.page-title {text-align:center; margin-bottom:50px;}

#lower-buttons { background-color:#fff; padding: 75px 0 50px; text-align: center; }
#lower-buttons ul {margin:0;}
#lower-buttons li {padding:0 30px; margin-bottom:30px; display:inline-block; text-align:left; border-right:solid thin #717c83;}
#lower-buttons li:first-child {border-left:solid thin #717c83;}
#lower-buttons li .table-cell {height:45px;}
#lower-buttons li a {text-decoration:none; display:block; color:#000; font-size:80%; padding:0 80px 0 70px; background-repeat:no-repeat; background-position:center left; background-size:contain; -webkit-column-break-inside: avoid;}
#lower-buttons li a:after {top:50%; right:12px; transform:translateY(-50%); border:solid thin #717c83; padding:15px; background-size:12px; background-position:center; width:0px; height:0; margin-top:0;}

@media (max-width:1500px) {
	#lower-buttons li .table-cell {height:35px;}
	#lower-buttons li a {font-size:70%; padding:0 65px 0 60px;}
	#lower-buttons li a:after {padding:10px; background-size:8px;}
}

@media (max-width:1000px) {
	#lower-buttons ul {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
	#lower-buttons li {width:90%; padding:5px 10px; border-radius:5px; border:solid thin #717c83;}
	#lower-buttons li br {display:none;}
}

.lower-dots {background:url("images/white-dots.jpg") top center no-repeat; height:40px; width:100%;}
/* ========================================================
	Post Archive Styles
======================================================== */
.archive-pager {
	display: flex;
	justify-content: center;
	padding: 2rem 0rem;
}
.archive-pager a { 
	transition: 200ms all ease-in-out;
	text-decoration: none; 
	color:#000;
}
.archive-pager .page-numbers {
	display: block;
	padding: 0.625rem 1.25rem; /* 10px 20px */
	margin: 0 0.5rem;
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.25);
}
.archive-pager .page-numbers.current { color:#f7bd20; }
.archive-pager a.page-numbers:hover {
	background-color:#efeff0;
}
/* ========================================================
	Product Content Type
======================================================== */
/* Product Archive Styles */
.archive #page section.main-section,
#page section.main-section.product-grid { 
	position: relative; 
	display: flex; 
	align-items: flex-start;
	justify-content: center;
	margin-top: 2rem;
}
.product-sub-categories {
	flex-basis:20%;
	padding-top: 30px;
	color:#000;
	text-transform: capitalize;
	font-size: 16px;
	position: -webkit-sticky;
  	position: sticky;
  	top: 94px;
}
	.product-sub-categories hr {max-width: 200px; }
	.product-sub-categories ul { 
		list-style: none; 
		margin-top: 10px;
		margin-left: 0px; 
	}
	.product-sub-categories ul li { margin-bottom:10px; }
	.product-sub-categories ul li a { text-decoration: none; color: #000; }
	.product-sub-categories ul li a:before {
		content:'\003e';
		position:static;
		margin-right:5px;
	}
.product-posts { width: 100%; }
.product-posts-grid {
	display: grid;
	
	grid-auto-rows: 1fr;
  	grid-column-gap: 5px;
  	grid-row-gap: 5px;
}
@media (min-width:769px) {
	.product-posts-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.product-grid.two-column .product-posts-grid {
	max-width:850px;
	margin: 0 auto;
}
.product-grid.one-column .product-posts-grid {
	max-width:450px;
	margin: 0 auto;
}

@media (min-width:600px) {
	.product-grid.four-column .product-posts-grid,
	.product-grid.three-column .product-posts-grid,
	.product-grid.two-column .product-posts-grid,
	.product-grid.one-column .product-posts-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}
@media (min-width:900px) {
	.product-grid.four-column .product-posts-grid,
	.product-grid.three-column .product-posts-grid,
	.product-grid.two-column .product-posts-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width:1200px) {
	.product-grid.four-column .product-posts-grid,
	.product-grid.three-column .product-posts-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (min-width:1500px) {
	.product-grid.four-column .product-posts-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}
.product-posts-grid .product { /*background-color:#efeff0;*/ border:solid thin #999999; }
.product-posts-grid .product > a {
	display: block;
	box-sizing: border-box;
	text-decoration: none;
}
.product-posts-grid .product h2 {
	text-align: center;
	font-size: 20px; 
	padding: 10px 0px; 
	margin: 0px;
	color:#3d4142;
	font-weight: 700;
	background-color: #fff;
    /*background-color:#efeff0;*/
}
.product-image-container { padding: 20px; }
.product-image { 
	display:block; 
	width: 100%;
	height: auto; 
}
.archive aside { 
	box-sizing: border-box; 
	flex-basis: 35%;
	position: -webkit-sticky;
  	position: sticky;
  	top: 94px;
}
.archive aside img {
	padding: 20px 0px;
	display: block;
	margin-left: 12px;
	width: 100%;
	height: auto;
}
/* Product Single Styles */
.single-product section.main-section { 
	position: relative; 
	display: flex; 
	align-items: flex-start;
	justify-content: center;
	margin-top: 2rem;
}
.single-product .main-section .product { flex-basis: 50%; }
.single-product .main-section aside { 
	flex-basis: 35%; 
	box-sizing: border-box; 
	margin: 0 0 2rem 2rem;
}
.single-product .product-image-container { /*background-color:#efeff0;*/ }
.tabbed-info .tab-menu {
	display: flex;
	list-style: none;
	margin: 0;
}
.tabbed-info { margin-bottom: 2rem; }
.tabbed-info .tab-menu li { 
	margin-right: 0.5rem;
	padding: 0.5rem 1rem;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	border: 1px solid transparent;
	background-color:#fff;
	border-color:#adaeaf #adaeaf #adaeaf;
	display: block;
	font-weight: bold;
	margin-bottom: -1px;
	cursor: pointer;
}
.tabbed-info .tab-menu li.active { border-color:#adaeaf #adaeaf #fff; }
.tabbed-info .tab-content {
	border: 1px solid #adaeaf;
	border-top-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	padding: 2rem;
}
.tabbed-info .tab-content .tab-pane { display: none;}
.tabbed-info .tab-content .tab-pane.active { display: block; }
/*-----------------------------------*/
/*              PARTIALS             */
/*-----------------------------------*/
.content-block {padding:100px 0 150px;}

.page-simple {position:relative;}
.page-simple .title {text-align:center; margin-bottom:50px;}
.page-simple .title > * {margin:0;}
.page-simple.bottom-border {padding-bottom:150px;}
.page-simple.bottom-border:after {content:""; position:absolute; bottom:20px; left:0; background:url("images/bottom-border.jpg") center no-repeat; background-size:contain; height:40px; width:100%;}
.page-simple.no-padding-bottom {padding-bottom:0;}

.buttons-content { display: inline-block; }
.buttons-content .inner { padding: 20px; border-radius: 10px; border: solid thin #717c83;}
.buttons-content ul {
	display: grid;
	grid-auto-rows: 1fr;
  	grid-column-gap: 5px;
  	grid-row-gap: 5px;
	list-style: none;
	margin: 0;
}
@media (min-width:769px) {
	.buttons-content ul.columns-two { grid-template-columns: repeat(2, 1fr); }
	.buttons-content ul.columns-three { grid-template-columns: repeat(3, 1fr); }
	.buttons-content ul.columns-four { grid-template-columns: repeat(4, 1fr); }
	.buttons-content ul.columns-five { grid-template-columns: repeat(5, 1fr); }
}
	
	.buttons-content ul li { background-color: #717c83; padding: 20px 17px; margin-bottom: 0; }
.buttons-content a {
	display: flex;
	align-items: center;
	height: 100%;
	color: #fff; 
	font-weight: bold;
	text-decoration: none;
}
.buttons-content a #yellow-arrow-icon {
	width: 20px;
	height: auto;
	margin-left: auto;
	padding-left: 20px;
}
/* List Product Categories Info Graphic */
#list_product_categories_info_graphic { max-width: 960px; margin: 0 auto; }
#list_product_categories_info_graphic .slides { position: relative; }
#list_product_categories_info_graphic .slides img { display: block; }
#list_product_categories_info_graphic .slides img#main-product-infographic-bg { width: 100%; height: auto; }
#list_product_categories_info_graphic .category-slide {
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: all 300ms ease-in-out;
}
#list_product_categories_info_graphic .category-slide.active { opacity: 1; }
#list_product_categories_info_graphic .buttons-content { display: block; margin-top: 5px; }
#list_product_categories_info_graphic .buttons-content ul li { padding: 0.5rem 1rem; }

/* Strategic Account Managers Map */
#stragetic-account-managers-map { display: flex; align-items:flex-start; margin:50px 0 150px; }
#svg-map-holder {width:75%;}
.international-map #svg-map-holder {width:100%;}
#stragetic-account-managers-map svg { width: 100%; }
#stragetic-account-managers-map .region { cursor: pointer; }
#stragetic-account-managers-map .region:hover .state, 
#stragetic-account-managers-map .region.hover-in .state, 
#stragetic-account-managers-map .region.active .state,
#stragetic-account-managers-map.better .region:hover, 
#stragetic-account-managers-map.better .region.hover-in, 
#stragetic-account-managers-map.better .region.active { opacity: 1; }
#stragetic-account-managers-map .state,
#stragetic-account-managers-map.better .region { transition: all 300ms ease-in-out; opacity: 0.50; }
	#stragetic-account-managers-map .state-orange { fill: #f3a43f; }
	#stragetic-account-managers-map .state-yellow { fill: #f1ec75; }
	#stragetic-account-managers-map .state-green { fill: #88b697; }
	#stragetic-account-managers-map .state-grey { fill: #a1aab3; }
	#stragetic-account-managers-map .state-purple { fill: #be97dc; }
	#stragetic-account-managers-map .region-text,
	#stragetic-account-managers-map.better text,
	#stragetic-account-managers-map.better text tspan { font-size: 100px; font-family: 'Montserrat', sans-serif; font-weight: 700; }
#stragetic-account-managers-map #accordion { margin-left: auto; width: 20%; }
	#stragetic-account-managers-map #accordion .orange-region .accordion-title { background-color:#f3a43f; }
	#stragetic-account-managers-map #accordion .purple-region .accordion-title { background-color: #be97dc; }
	#stragetic-account-managers-map #accordion .grey-region .accordion-title { background-color: #a1aab3; }
	#stragetic-account-managers-map #accordion .yellow-region .accordion-title { background-color: #f1ec75; }
	#stragetic-account-managers-map #accordion .green-region .accordion-title { background-color: #88b697; }
	#stragetic-account-managers-map #accordion .accordion-title {
		padding: 0.5rem 1rem;
		color: #000;
		cursor: pointer;
		font-weight: bold;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#stragetic-account-managers-map #accordion .accordion-title:after {
		content: '';
		width: 25px;
		height: 25px;
		display: block;
		background: url('images/black-arrow-down.svg') center center no-repeat;
		background-size: contain;
	}
	#stragetic-account-managers-map #accordion .accordion-body { display: none; padding: 1rem 0 0; }
	#stragetic-account-managers-map #accordion .accordion-body p { margin-bottom: 1rem; }

	.map-helper {display:none;}

/* Missing Module */
.missing-module {
	background-color:#F6921E;
	color:#fff;
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align:center;
}
	.missing-module .caution-icon { width:150px; height:auto; display:block; }

@media (max-width:1000px) {
	.content-block {padding:75px 0 100px;}
	
	.page-simple.bottom-border {padding-bottom:100px;}
	.page-simple.bottom-border:after {bottom:5px;}
	
	.buttons-content ul.columns-four {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
	.buttons-content a {font-size:12px;}
}

@media (max-width:800px) {
	.buttons-content ul.columns-three,
	.buttons-content ul.columns-four {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
}

@media (max-width:500px) {
	.buttons-content ul.columns-two,
	.buttons-content ul.columns-three,
	.buttons-content ul.columns-four {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
}

/*-----------------------------------*/
/*               FOOTER              */
/*-----------------------------------*/
footer { 
	padding: 75px 0;
	background: url("images/footer.jpg") center no-repeat;
	background-size: cover;
	font-size: 85%;
} 
footer .left { float: left; width: calc(100% - 400px); padding-top: 10px; }
footer .right { float: right; width: 300px; text-align: right; }

footer .footer-left { width: 75%; float: left; }
footer .footer-left ul.menu > li {
	width: 31%;
	margin-right: 2%; 
	float: left;
	line-height: 1.4;
}
footer .footer-left ul.menu > li:first-child { width: 25%; }
footer .footer-left ul.menu > li:nth-child(2) { width: 35%; }
footer .left ul.menu > li a {
	color:#fff;
	text-decoration:none;
	display:block;
	margin-bottom:5px;
}
footer .left ul.menu > li > a,
footer .footer-right ul.menu li.menu-item-has-children > a { color: #f7bd20; font-weight: bold; margin-bottom: 35px; }
footer .footer-right ul.menu li.menu-item-has-children,
footer .footer-right ul.menu li.menu-item-109 { margin-bottom: 60px; }
footer .footer-right ul.menu li a { margin-bottom: 10px; }
footer .footer-right { width: 25%; float: left; }

footer .logo {
	width: 80%; 
	display: inline-block; 
	margin-bottom: 15px;
	max-width: 500px;
}
footer .dover-logo {margin-bottom: 60px; display: inline-block; }
footer .logo a { width: 100%; }

footer .social { margin-bottom: 60px; }
footer .social li {
	list-style: none;
	width: 35px;
	margin-left: 7px;
	display: inline-block; 
}
footer .social li img { width: 100%; }

footer .copyright { color: #fff; font-size: 80%; margin-bottom: 5px; }

footer .footer-minor .menu li { display: inline-block; margin: 0 5px 5px; position: relative; }
footer .footer-minor .menu li:last-child { margin-right: 0; }
footer .footer-minor .menu li:after { 
	content: "";
	height: 80%;
	width: 1px;
	background-color: #fff;
	position: absolute;
	left: -8px;
	top: 4px;
	display: block;
}
footer .footer-minor .menu li:first-child:after { display: none; }
footer .footer-minor .menu li a { color: #fff; font-size: 80%; text-decoration: none; }

@media (max-width:1200px) {
	footer .left { width: calc(100% - 350px); }
	footer .footer-left { width: 100%; float: none; margin-bottom: 30px; }
	footer .footer-right { width: 100%; float: none; }
	
	footer .footer-right ul.menu > li { width: 31%; margin-right: 2%; float: left; }
}



.search-post {padding-bottom:20px; margin-bottom:20px; border-bottom:solid thin #5e6871;}

@media (min-width:680px) {
	.home-logos {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		gap:40px;
	}
}
.home-logos img {
	width:100%;
	height:auto;
	margin-bottom:50px;
}
@media (max-width:1300px) {
	.home-logos {
		flex-wrap:wrap;
		margin-bottom:50px;
	}
	.home-logos img {
		margin-bottom:0;
	}
}
@media (min-width:1025px) {
	.home-logos img {
		width:auto;
		height:59px;
	}
	.home-logos li:nth-child(3) img {
		height:88px;
	}
}
@media (max-width:950px) {
	.home-logos {
		
		margin-left:auto;
		margin-right:auto;
	}
}
@media (max-width:681px) {
	.home-logos {
		text-align:center;
	}
	.home-logos img {
		width:70%;
		display: inline;
		margin:25px 0;
	}
}

.green-title {
	display:inline-block;
	vertical-align: top;
	height:100%;
	min-height:40px;
	width:40px;
	background: url('images/icons/GreenLeaf.svg') center no-repeat;
	background-size: contain;
}

section.main-section.smaller {
	max-width:900px;
}
section.main-section.smallest {
	max-width:450px;
}
section.main-section.smallest .product-posts-grid {
	display:block;
}

.event-calendar-display .calendar-event {
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:solid thin #d1d1d1;
}



body.elementor-page div.elementor section {
	width:100%;
	max-width: none;
}

.the-submenu .submenu-0 li a {
	color:white;
}

@media (max-width:768px) {
	#wpadminbar {
		top:-46px;
	}

	#videos .video.active {
		display:flex;
		justify-content: center;
		overflow: hidden;
	}

	#videos .video video {
		height:450px;
		width:auto;
	}

	#videos .video .content {
		top: 50%;
		width:100%;
	}
	

	#videos #video-products {
		gap:5px;
		top:70%;
		width:100%;
	}

	.single-product section.main-section { 
		flex-direction: column-reverse;
	}

	.product-sub-categories {
		position: relative;
		top:auto;
	}

	.single-product .main-section aside {
		width:100%;
		margin: 0 0 30px;
	}

	#stragetic-account-managers-map {
		margin-bottom:75px;
	}

	#stragetic-account-managers-map #accordian {
		margin-top:75px;
	}
}

sup {
	vertical-align: top;
	font-size:12px;
}

.elementor ol {
	list-style:decimal;
	margin-left:20px;
}
.elementor ul {
	list-style:disc;
	margin-left:20px;
}

body.page-id-4280 header {
	display: none !important;
}

#b3-home-popup {
    display: block; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    z-index: 9999; 
	opacity: 0;
}

#b3-home-popup img {
    width: 100%;
    height: auto; 
    display: block; 
}