* { 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 }
}   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(//www.fwmurphy.com/wp-content/themes/fwmurphy/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(//www.fwmurphy.com/wp-content/themes/fwmurphy/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(//www.fwmurphy.com/wp-content/themes/fwmurphy/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; }   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(//www.fwmurphy.com/wp-content/themes/fwmurphy/images/circle-arrow.png); 
background-image: url(//www.fwmurphy.com/wp-content/themes/fwmurphy/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(//www.fwmurphy.com/wp-content/themes/fwmurphy/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; }
} .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;
}   #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(//www.fwmurphy.com/wp-content/themes/fwmurphy/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(//www.fwmurphy.com/wp-content/themes/fwmurphy/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 {
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; }   .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(//www.fwmurphy.com/wp-content/themes/fwmurphy/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(//www.fwmurphy.com/wp-content/themes/fwmurphy/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;}
}   #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(//www.fwmurphy.com/wp-content/themes/fwmurphy/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(//www.fwmurphy.com/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%); 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 h1 {color:#ee2e24; text-align: center; line-height: 1.3em; margin-top:50px; font-weight:bolder;} #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: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(//www.fwmurphy.com/wp-content/themes/fwmurphy/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(//www.fwmurphy.com/wp-content/themes/fwmurphy/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; }
#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;}
}    .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(//www.fwmurphy.com/wp-content/themes/fwmurphy/images/white-dots.jpg) top center no-repeat; height:40px; width:100%;} .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; 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;
}  .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 { 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; }
.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;
} .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 { }
.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; }   .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(//www.fwmurphy.com/wp-content/themes/fwmurphy/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 { 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; } #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(//www.fwmurphy.com/wp-content/themes/fwmurphy/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 {
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 { 
padding: 75px 0;
background: url(//www.fwmurphy.com/wp-content/themes/fwmurphy/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(//www.fwmurphy.com/wp-content/themes/fwmurphy/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; 
}