/*
Theme Name: Apache Stainless Theme
Theme URI: http://www.ggcomm.com/
Author: Goldstein Group Communications
Author URI: http://www.ggcomm.com/
Description: Website Design by the Goldstein Web Team
Version: 1.0
*/

/* this came with the theme */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
section{
  position: relative;
}


@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../blanktheme/includes/fonts/Montserrat-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../blanktheme/includes/fonts/Montserrat-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../blanktheme/includes/fonts/Montserrat-Italic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../blanktheme/includes/fonts/Montserrat-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url('../blanktheme/includes/fonts/Play-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 700;
  src: url('../blanktheme/includes/fonts/Play-Bold.ttf') format('truetype');
}

/* Global Variables */

:root{ 
    --primarycolor: #005eb8; /* apache blue */
    --secondarycolor: #ff9e1b; /* vessels gold */
    --tertiarycolor: #ff9e1b; /* vessels gold */
    --primarycolormepaco: #ad1f23; /*mepaco red */
    --white: #fff;
    --black: #000;
    --lightgray: #f7f7f7; /* for backgrounds */
    --50percentlightgray: #bbbbbb24; /* shadow on resource library tiles */
    --midgray: #bbbbbb;
    --darkgray: #231f20; /* for text */ 
    --text: #231f20;
    --generalfont: 'Montserrat', sans-serif;
    --btnradius: 20px;
    --borderradius: 10px; 
    --playfont: 'Play', sans-serif;
}

/* Basic Settings */
.textprimary {color:var(--primarycolor);}
.textsecondary {color:var(--secondarycolor);}
.texttertiary {color:var(--tertiarycolor);}
.textprimarymepaco {color:var(--primarycolormepaco);}
.textsecondarymepaco {color:var(--secondarycolormepaco);}
.texttertiarymepaco {color:var(--tertiarycolormepaco);}

.mepaco {
  --primarycolor: #ad1f23; /* mepaco red */
  --secondarycolor: #776e64; /* mepaco brown */
  --tertiarycolor: #776e64; /* mepaco brown */
}

.textwhite {color:var(--white);}
.textblack {color:var(--black);}
.textlightgray {color:var(--lightgray);}
.textmidgray {color:var(--midgray);}
.textdarkgray {color:var(--darkgray);}

.bgprimary {background-color:var(--primarycolor);}
.bgsecondary {background-color:var(--secondarycolor);}
.bgtertiary {background-color:var(--tertiarycolor);}
.bgprimarymepaco {background-color:var(--primarycolormepaco);}
.bgsecondarymepaco {background-color:var(--secondarycolormepaco);}
.bgtertiarymepaco {background-color:var(--tertiarycolormepaco);}

.bglightgray {background-color:var(--lightgray);}
.bgmidgray {background-color:var(--midgray);}
.bgdarkgray {background-color:var(--darkgray);}
.bgblack {background-color:var(--black);}
.bgwhite {background-color:var(--white);}
.bgtext {background-color:var(--text);}


body, html, p {
  font-family: var(--generalfont);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 20px;
}
body{
  overflow-x: hidden;
}
p {
    margin-bottom:20px;
}
b, strong {
  font-weight: 700;
}
.smalltext {
  font-size:.9em;
}
hr {
  opacity: 1!important;
}
h1, .h1 {
  font-family: var( --playfont);
  font-weight: bold;
  font-size: 54px;
  line-height: 1.3;
  text-decoration: none;
  color: var(--text);
  margin: 0px 0px 30px 0px;
}
h2 {
  font-family: var( --playfont);
  font-weight: bold;
  font-size: 24px;
  line-height: 1.1;
  text-decoration: none;
  color: var(--text);
  margin: 0px 0px 30px 0px;
}
h3 {
  font-family: var( --generalfont);
  font-weight: bold;
  font-size: 18px;
  line-height: 1.1;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text);
  margin: 0px 0px 30px 0px;
}
h3.blue {
  font-family: var( --generalfont);
  font-weight: bold;
  font-size: 18px;
  line-height: 1.1;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--primarycolor);
  margin: 0px 0px 30px 0px;
}
h4 {
  font-family: var( --generalfont);
  font-weight: bold;
  font-size: 18px;
  line-height: 1.1;
  text-decoration: none;
  color: var(--text);
  margin: 0px 0px 30px 0px;
}
a,
a[href^="tel"] {
  color: var(--primarycolor);
  text-decoration: none;
  transition: color .15s;
}
a:hover,
a[href^="tel"]:hover {
  color: var(--secondarycolor);
}
ol {
    margin-left: 20px;
}
img{
  max-width: 100%;
  height: auto;
}
/* Bullets */
.marquee-homepage-block .innercontent ul,
.two-col-txt-img-content ul,
.one-col-text-block ul,
.company-grid ul {
  list-style:none;
}
.marquee-homepage-block .innercontent ul li {
    margin: 0 0 0 20px;
}
.two-col-txt-img-content ul li,
.one-col-text-block ul li,
.company-grid ul li,
.two-col-txt-img-content ol li,
.one-col-text-block ol li,
.company-grid ol li {
    margin: 0 0 20px 20px;
}
.marquee-homepage-block .innercontent ul li:before,
.two-col-txt-img-content ul li:before,
.one-col-text-block ul li:before,
.company-grid ul li:before {
    content: "\f058";
    font-family: "Font Awesome 7 Pro";
    font-weight: 900;
    color: var(--primarycolor);
    font-size: 0.75em;
    margin: 0 6.5px 0 -20px;
    vertical-align: bottom;
}
/* Bullets second layer */
.two-col-txt-img-content ul li ul li,
.one-col-text-block ul li ul li,
.company-grid ul li ul li {
    margin: 0 0 0 20px;
}
.two-col-txt-img-content ul li ul li:before,
.one-col-text-block ul li ul li:before,
.company-grid ul li ul li:before {
    content: "\e122";
    font-family: "Font Awesome 7 Pro";
    font-weight: 900;
    color: var(--text);
    font-size: 0.75em;
    margin: 0 6.5px 0 -20px;
    vertical-align: bottom;
}



/* Misc Settings */
.home .hideonhome {
  display: none;
}
.clearfix{ clear: both;}
.aligncenter{ display: block;margin: auto;}
.alignleft{ display: block;float: left;}
.alignright{ display: block;float: right;}
.text-center{text-align:center;}
.hahs-left {
  width: 48%;
  float: left;
}
.hahs-right {
  width: 48%;
  float: right;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .hahs-left, .hahs-right {
    width: 100%;
    float: left;
    text-align: left;
  }
}
.animate_this{
  opacity: 0;
}
.single-videos .one-column-layout-wrapper,
.page-template-template-ebooks .one-column-layout-wrapper  {
  margin-left: inherit;
  margin-right: inherit;
}
/* remove background image in mobile */
@media only screen and (max-width: 767px) {
	.one-column-wrapper {background-image:none!important;}
}
.showondesktop768, .showondesktop991 {}
.showonmobile768, .showonmobile991 {display: none;}
@media only screen and (max-width: 768px) {
  .showondesktop768 {display: none;}
  .showonmobile768 {display: block;}
}
@media only screen and (max-width: 991px) {
  .showondesktop991 {display: none;}
  .showonmobile991 {display: block;}
}
/* Responsive YT embeds */
.youtube-responsive {
  display: flex;
  justify-content: center;
  margin-bottom:30px;
}
.youtube-responsive iframe {
  aspect-ratio: 16 / 9;
  width: 100% !important;
}

/*Block Padding and Margin */
.pad-0{
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.pad-top-0{
  padding-top: 0rem;
}
.pad-bot-0{
  padding-bottom: 0rem;
}
.pad-1{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.pad-top-1{
  padding-top: 1rem;
}
.pad-bot-1{
  padding-bottom: 1rem;
}
.pad-2{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pad-top-2{
  padding-top: 2rem;
}
.pad-bot-2{
  padding-bottom: 2rem;
}
.pad-3{
  padding-top: 3rem;
  padding-bottom: 4rem;
}
.pad-top-3{
  padding-top: 3rem;
}
.pad-bot-3{
  padding-bottom: 4rem;
}
.pad-4{
  padding-top: 5rem;
  padding-bottom: 6rem;
}
.pad-top-4{
  padding-top: 5rem;
}
.pad-bot-4{
  padding-bottom: 6rem;
}
.mar-0{
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.mar-1{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.mar-2{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.mar-3{
  margin-top: 3rem;
  margin-bottom: 4rem;
}
.mar-4{
  margin-top: 5rem;
  margin-bottom: 6rem;
}
.thin{
  font-weight: 400;
}
/* Gravity Forms */
.gform_heading {
  display:none;
}
.gfield_required {
  color:#ffadad!important;
}
.gform_wrapper.gravity-theme .gfield_label {
  font-size:.9em!important;
  margin-bottom:0!important;
}
.gform_wrapper.gravity-theme .ginput_complex label {
  font-size:.8em!important;
}
.gform_wrapper input, .gform_wrapper textarea, .ginput_container_select select {
  border:none;
  border-bottom:1px solid var(--primarycolor);
  background-color:var(--lightgray);
}
.gform_wrapper input[type=submit] {
  margin:0;
  padding:5px 40px;
  border-radius:var(--btnradius);
  font-weight:700;
  color: #fff;
  background-color: var(--tertiarycolor);
  border: 1px solid var(--tertiarycolor);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.gform_wrapper input[type=submit]:hover {
  background-color: var(--primarycolor);
  border: 1px solid #fff;
}
.ginput_container_select:before {
  display:none;
}
.gform_wrapper select {
  background-image:
    linear-gradient(45deg, transparent 50%, var(--tertiarycolor) 50%),
    linear-gradient(135deg, var(--tertiarycolor) 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

.gform_wrapper select:focus {
  background-image:
    linear-gradient(45deg, var(--primarycolor) 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, var(--primarycolor) 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: var(--primarycolor);
  outline: 0;
}
.gform_wrapper select {
 /* for Firefox */
 -moz-appearance: none;
 /* for Safari, Chrome, Opera */
 -webkit-appearance: none;
}
.gform_wrapper select::-ms-expand {
 /* for IE10 */
 display: none;
}

/* Buttons */
.btn{
  border-radius: 0;
  font-size: .9em;
  font-weight: 700;
  padding: 10px 35px;
  text-align: center;
}
.btn-primary {
  border: 1px solid var(--primarycolor);
  border-color: var(--primarycolor);
  background: var(--primarycolor);
  color: var(--white) !important;
  text-decoration: none !important;
}
.btn-primary:hover{
  border: 1px solid var(--primarycolor);
  border-color: var(--primarycolor);
  background: var(--white);
  color: var(--primarycolor) !important;
  text-decoration: none !important;
}
.btn-mepacoprimary {
  border: 1px solid var(--primarycolormepaco);
  border-color: var(--primarycolormepaco);
  background: var(--primarycolormepaco);
  color: var(--white) !important;
  text-decoration: none !important;
}
.btn-mepacoprimary:hover{
  border: 1px solid var(--primarycolormepaco);
  border-color: var(--primarycolormepaco);
  background: var(--white);
  color: var(--primarycolormepaco) !important;
  text-decoration: none !important;
}
.btn-secondary {
  border: 1px solid var(--secondarycolor);
  border-color: var(--secondarycolor);
  background: var(--secondarycolor);
  color: var(--white) !important;
  text-decoration: none !important;
}
.btn-secondary:hover{
  border: 1px solid var(--secondarycolor);
  border-color: var(--secondarycolor);
  background: var(--white);
  color: var(--secondarycolor) !important;
  text-decoration: none !important;
}
.btn-tertiary {
  border: 1px solid var(--tertiarycolor);
  border-color: var(--tertiarycolor);
  background: var(--tertiarycolor);
  color: var(--white) !important;
  text-decoration: none !important;
}
.btn-tertiary:hover{
  border: 1px solid var(--tertiarycolor);
  border-color: var(--tertiarycolor);
  background: var(--white);
  color: var(--tertiarycolor) !important;
  text-decoration: none !important;
}
.btn-lightgray{
  border: 1px solid var(--lightgray);
  border-color: var(--lightgray);
  background: var(--lightgray);
  color: var(--primarycolor) !important;
  text-decoration: none !important;
}
.btn-lightgray:hover{
  border: 1px solid var(--lightgray);
  border-color: var(--lightgray);
  background: var(--primarycolor) !important;
  color: var(--lightgray) !important;
  text-decoration: none !important;
}
.btn-white{
  border: 1px solid var(--primarycolor);
  border-color: var(--primarycolor);
  background: #fff;
  color: var(--primarycolor) !important;
  text-decoration: none !important;
}
.btn-white:hover{
  border: 1px solid var(--primarycolor);
  border-color: var(--primarycolor);
  background: var(--primarycolor) !important;
  color: #fff !important;
  text-decoration: none !important;
}
.btn-sm {
 font-size: .7em;
}
.btn-sm:hover {
}
.btn-menu {
  border: 1px solid var(--primarycolor);
  background-color: var(--primarycolor);
  border-radius: 0;
  color: #fff !important;
  text-decoration: none !important;
  margin-top:14px;
}
.btn-menu a {
  padding: 5px 15px;
  color: #fff !important;
  margin: 0;
}
.btn-menu:hover{
  border: 1px solid var(--primarycolor);
  color: var(--primarycolor);
  background-color: #fff;
  text-decoration: none !important;
}
.btn-menu:hover a {
  color: var(--primarycolor) !important;
}
/* .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
background-color: inherit!important;
border-color: inherit!important;
} */

table {
  width:100%;
  border-bottom: 1px solid var(--primarycolor);
}
tr {
  background-color: var(--white);
}
tr:nth-child(odd) {
  background-color: var(--lightgray);
}
td {
  padding:5px;
}
th {
  padding: 5px;
  color: var(--white)!important;
  font-weight: bold;
  background-color: var(--primarycolor);
} 

/* V4 tiles */
.V4tile {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
.V4tile .tileinner {
  border: 1px solid var(--midgray);
  margin: 10px;
  padding: 10px;
} 
.V4tile .image {
  padding: 0px;
  background-size: cover;
  background-position: center;
  max-width: 100%;
  width: 100%;
  height: 200px;
}
.V4tile .content {
  padding: 10px 0;
}
.V4tile h4, .V4tile h5 {
  font-size: 12px;
  font-weight: normal;
  color: var(--darkgray);
  margin-bottom: 5px;
}
.V4tile h4 { 
  color: var(--midgray);
}
.V4tile h3 {
  margin: 0 0 20px;
  text-transform: none;
  color: var(--text);
}
.V4tile h3 a {
  color: var(--text);
}
.V4tile .listtopics:after {
  content: ", ";
}
.V4tile .listtopics:last-child:after {
    content: '';
}
.V4tile .tiledate {
  margin: 0; 
  font-size: .75em;
  color: var(--midgray);
}
.V4tile .tilesummary {
  font-size: 16px;
 color: var(--darkgray);
}
.V4tile .tilereadmore {
  color: var(--primarycolor);
  font-weight: bold;
  font-size: 14px;
}

.V4tile .video-container:after{
  content: "\f144";
  font-family: "Font Awesome 7 Pro";
  font-weight: 500;
  font-size: 64px;
  position: absolute;
  top: 120px;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  pointer-events: none;
  text-shadow: 0 0 6px var(--darkgray);
}


/* Header */
#header {
  z-index: 999;
  position: relative;
}
.custom-logo-link img {
  width: 150px;
  height: auto;
  margin-left: 12px;
}
.ShowDesktopNav {
  display: inherit;
}
.ShowMobileNav {
  display: none;
}
.fixthespacing {
  position: relative;
  top: 13px;
  padding-right: 20px !important;
}
.breadcrumbs {
  background: var(--lightgray);
}
.breadcrumbs #crumbs {
  font-size: 14px;
}
/* Sticky */
#StickyHeader{
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
}
.addmargintothebody {
  margin-top: 120px;
}


/* Top Menu */
#menu-secondary-header {
  list-style: none;
  display: flex;
}
#menu-secondary-header {
  list-style: none;
  display: flex;
}
#menu-secondary-header li a {
  font-size: 12px;
  margin-right: 30px;
}
#menu-secondary-header li a:hover {
  text-shadow: .5px 0 0 var(--primarycolor);
  color:var(--primarycolor);
}
#menu-secondary-header li:last-child a {
  text-shadow: .5px 0 0 var(--primarycolor);
  margin-right: 0;
}
#menu-secondary-header li:hover .sub-menu {
  display: block;
}
#menu-secondary-header li ul {
  list-style: none;
  background: var(--lightgray);
  position: absolute;
  z-index: 9;
}
#menu-secondary-header li ul li a{
  padding: 5px 30px 10px 15px;
  margin-right: 0!important;
  text-shadow: none!important;
  font-weight: normal;
  display: block;
}
#menu-secondary-header li ul li a:hover{
  text-shadow: .5px 0 0 var(--primarycolor)!important;
}



/* Main Menu */
nav {
  color:var(--text);
}
nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
}
nav li {
  border-right: 1px solid var(--midgray);
}
nav li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--text);
  text-align: center;
  padding: 5px 15px;
  text-decoration: none;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: .5px;
  transition: color 0s;
  height: 55px;
  align-items: center;
  line-height: 14px;
}
@media screen and (max-width: 1210px){
  nav li a{
    padding: 5px 6px;
  }
}
nav li a:hover,
nav li a:active, 
nav li:hover a, 
nav li:active a,
nav .current_page_item a,
nav .current_page_parent a {
  color: var(--white);
  text-shadow: .5px 0 0 var(--white);
  background: var(--primarycolor);
}
nav li.menu-item-has-children a:hover:after,
nav li.menu-item-has-children.current_page_ancestor a:after {
  content:"\f0d8";
  font-family: "Font Awesome 7 Sharp";
  font-size: 15px;
  font-weight: 900;
  position: absolute;
  bottom: -6px;
  }
nav .sub-menu li a:hover:after,
nav .current_page_ancestor .sub-menu li a:after {
  content:"";
}
nav .sub-menu li.menu-item-has-children-second a:hover:after,
xnav .sub-menu li.menu-item-has-children-second a:after {
  content:"\f0d8";
  font-family: "Font Awesome 7 Sharp";
  font-size: 15px;
  font-weight: 900;
  position: absolute;
  bottom: -6px;
}
xnav .sub-menu li.menu-item-has-children-second .sub-menu li a:hover:after,
nav .sub-menu li.menu-item-has-children-second .sub-menu li a:after {
  content:"";
}


@media only screen and (max-width: 1400px) {
  nav li a {
    font-size: 11px;
  }
}
@media only screen and (max-width: 1250px) {
.navbar {font-size:.85em;}
}
@media only screen and (max-width: 1150px) {
  .custom-logo-link img {
    max-width: 150px;
  }
}

/* Second level */
.sub-menu {
  display: none;
}
.sub-menu li{
  border-right: none;
}
.mt-60 {
  margin-top: 64px;
}
.brandtoplevel.current-menu-item .sub-menu,
.brandtoplevel.current_page_ancestor .sub-menu,
.brandtoplevel.current-page-parent .sub-menu {
  display: block;
  position: fixed;
  width: 100%;
  left: 0;
  background: var(--primarycolor);
  overflow: visible;
  text-shadow: .5px 0 0 var(--white);
  color: var(--white)!important; 
  height: 65px;
}
.brandtoplevel.current-menu-item .sub-menu a,
.brandtoplevel.current_page_ancestor .sub-menu a,
.brandtoplevel.current-page-parent .sub-menu a {
  height: 65px;
}
nav .brandtoplevel li a {
  color: var(--white)!important; 
}
.brandtoplevel.current-menu-item .sub-menu li,
.brandtoplevel.current_page_ancestor .sub-menu li,
.brandtoplevel.current-page-parent .sub-menu li {
  display: block;
  float: left;
  position: relative;
}

/* Sub Page level */
.brandtoplevel .brandlogo img {
  height: 22px;
  top: 3px;
  position: relative;
  margin: 0 10px;
}
.brandtoplevel.current-menu-item .sub-menu li .sub-menu,
.brandtoplevel.current_page_ancestor .sub-menu li .sub-menu,
.brandtoplevel.current-page-parent .sub-menu li .sub-menu {
  display: none;
}
.brandtoplevel.current-menu-item:hover .sub-menu li .sub-menu,
.brandtoplevel.current_page_ancestor:hover .sub-menu li .sub-menu,
.brandtoplevel.current-page-parent:hover .sub-menu li .sub-menu {
  display: none;
}
.brandtoplevel.current-menu-item:hover .sub-menu li:hover .sub-menu,
.brandtoplevel.current_page_ancestor:hover .sub-menu li:hover .sub-menu,
.brandtoplevel.current-page-parent:hover .sub-menu li:hover .sub-menu {
  display: flex;
  width: 200px;
  flex-direction: column;
  position: absolute;
  background: var(--primarycolor);
}
.brandtoplevel.current-menu-item:hover .sub-menu li:hover .sub-menu li ,
.brandtoplevel.current_page_ancestor:hover .sub-menu li:hover .sub-menu li ,
.brandtoplevel.current-page-parent:hover .sub-menu li:hover .sub-menu li {
  width: 200px;
  background: var(--primarycolor);
}
.brandtoplevel.current-menu-item:hover .sub-menu li:hover .sub-menu li a,
.brandtoplevel.current_page_ancestor:hover .sub-menu li:hover .sub-menu li a,
.brandtoplevel.current-page-parent:hover .sub-menu li:hover .sub-menu li a {
  padding: 10px 20px;
  width: 100%;
  background: var(--primarycolor);
  text-align: left;
  height: auto;
  text-shadow: none;
  display: block;
}
.brandtoplevel.current-menu-item:hover .sub-menu li:hover .sub-menu li a:hover ,
.brandtoplevel.current_page_ancestor:hover .sub-menu li:hover .sub-menu li a:hover ,
.brandtoplevel.current-page-parent:hover .sub-menu li:hover .sub-menu li a:hover {
  text-shadow: .5px 0 0 var(--white);
}

/* Dropdown for Resources */
.resourcedropdown .sub-menu {
  display: none;
}
.resourcedropdown:hover .sub-menu {
  display: block;
  text-align: left;
  position: absolute;
  background: var(--primarycolor);
  width: 150px;
  box-shadow: 0px 1px 0px #ffffff, -1px 1px 0px #ffffff, 1px 1px 0px #ffffff;
  border-top: none;
}
.resourcedropdown:hover .sub-menu a {
  height: auto;
  padding: 10px;
}
nav .resourcedropdown .sub-menu li a:hover:after,
.resourcedropdown:active a:after,
.resourcedropdown:hover a:after,
.resourcedropdown a:after,
.resourcedropdown a:hover:after  {
  content:"\f0d8";
  color: var(--white);
  font-family: "Font Awesome 7 Sharp";
  font-size: 15px;
  font-weight: 900;
  position: absolute;
  bottom: -6px;
}
.resourcedropdown li a:after {
  content:""!important;
}
.resourcedropdown li a {
text-align: left;
    display: block;
}


/* Dropdown for Landing Page*/
#menu-landing-page-menu-mepaco a{
  color: var(--white);
}
#menu-landing-page-menu-mepaco .sub-menu {
  display: none;
}
#menu-landing-page-menu-mepaco li:hover a{
  background-color: var(--primarycolormepaco);
}
#menu-landing-page-menu-mepaco .sub-menu *{
  background-color: var(--primarycolormepaco) !important;
}
#menu-landing-page-menu-mepaco li:hover, #menu-landing-page-menu-mepaco li a:hover{
  background-color: var(--primarycolormepaco);
}
#menu-landing-page-menu-mepaco li:hover > .sub-menu {
  display: block;
  text-align: left;
  position: absolute;
  background: var(--primarycolormepaco);
  width: 150px;
  box-shadow: 0px 1px 0px #ffffff, -1px 1px 0px #ffffff, 1px 1px 0px #ffffff;
  border-top: none;
}
#menu-landing-page-menu-mepaco:hover .sub-menu a {
  height: auto;
  padding: 10px;
}
nav #menu-landing-page-menu-mepaco .sub-menu li a:hover:after,
#menu-landing-page-menu-mepaco:active a:after,
#menu-landing-page-menu-mepaco:hover a:after,
#menu-landing-page-menu-mepaco a:after,
#menu-landing-page-menu-mepaco a:hover:after  {
  content:"\f0d8";
  color: var(--white);
  font-family: "Font Awesome 7 Sharp";
  font-size: 15px;
  font-weight: 900;
  position: absolute;
  bottom: -6px;
}
#menu-landing-page-menu-mepaco li a:after {
  content:""!important;
}
#menu-landing-page-menu-mepaco li a {
  text-align: left;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
}


/* Mobile Menu */
@media only screen and (max-width: 991px) {
  .ShowDesktopNav {
    display: none;
  }
  .ShowMobileNav {
    display: inherit;
  }
  .keeptoggleinplace {
    width: 50%;
  }
  .keeptoggleonright {
    justify-content: end !important;
  }
  .fixthespacing {
    top: 0;
  }
  .btn-menu {
    margin-left:0;
  }
  #navbarTogglerinheader ul {
    list-style: none;
  }
  #navbarTogglerinheader li a {
    color: var(--text);
    font-weight: bold;
    padding: 5px 10px;
    display: block;
  }
  #navbarTogglerinheader li a:hover {
    color: var(--primarycolor);
  }
  #navbarTogglerinheader .SHOWSUBMENU {
    background-color: var(--primarycolor);
    flex-direction: column;
    border-bottom: 25px solid var(--midgray);
  }
  .submenuarrow {
    float: right;
    margin-top: -25px;
  }
  /* level two */
  #navbarTogglerinheader li ul li a {
    color: var(--white);
    padding: 5px 20px;
  }
  #navbarTogglerinheader li ul li.brandlogo a {
    color: var(--white);
    padding: 5px 10px;
  }
  #navbarTogglerinheader li ul li a:hover {
    color: var(--lightgray);
  }
  #navbarTogglerinheader li ul li .submenuarrow {
    margin-right: 7px;
    color: var(--white);
  }
  #navbarTogglerinheader ul li .SHOWSUBMENU {
    padding: 10px 0;
  }  
  #navbarTogglerinheader .SHOWSUBMENUsecond {
    background-color: var(--lightgray);
    margin: 0 10px;
    border-bottom: 25px solid var(--midgray);
  }
  #navbarTogglerinheader .SHOWSUBMENUsecond li a {
    color: var(--primarycolor);
  }
  #navbarTogglerinheader .SHOWSUBMENUsecond li a:hover {
    color: var(--primarycolor);
  }
  #menu-main-nav {
    overflow-y: scroll;
    max-height: calc(100vh - 250px);
  }
}

/* Search Icon */
#searchpopup .modal-dialog {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
#searchpopup .modal-dialog .btn-close {
  color:#fff;
  background: none;
  opacity: 1;
  font-size: 20px;
}
#searchpopup .modal-content {
  border-radius: 50px;
}
.search-inmodal .modal-body {
  text-align: right;
}
.search-inmodal form {
  display: flex!important;
  border: none;
  font-family: var(--generalfont);
  margin-bottom: 0!important;
}
.search-inmodal label {
  width: 80%!important;
  border: 1px solid var(--darkgray)!important;
  border-right: 0;
  border-radius: 20px 0 0 20px;
}
.search-inmodal input[type="search"] {
    border: 0;
    width: 100%;
}
.search-inmodal form input[type="submit"] {
  width: 20%;
  display: block!important;
  border: 1px solid var(--darkgray)!important;
  border-left: 0;
  background-color: var(--darkgray)!important;
  font-size: 15px;
  color: #fff;
  border-radius: 0 20px 20px 0;
  padding: 6px;
}

.search-inmodal form input[type="search"] {
  border: 1px solid var(--darkgray)!important;
  padding: 5px 5px 5px 15px!important;
  font-family: var(--generalfont) !important;
  border-radius: 20px 0 0 20px;
  border-right: 0;
  border-width: 0;
  font-size: 15px;
}
.search-inmodal form input[type="search"]:focus, 
.search-inmodal form input[type="search"]:focus-visible, 
.search-inmodal form input[type="search"]:active {
  outline: 0;
}
.fa-search:before {
  color:var(--text);
}
.search-wrap button {
  width: fit-content;
  border: none;
  display: inline-block;
  background-color: #00000000;
  padding:0;
}
.search-wrap button i {
display: none;
}
.search-wrap form {
  display: initial;
  border: none;
  font-family: var(--generalfont);
}

.search-wrap button:focus form input[type="search"], 
.search-wrap button:active form input[type="search"], 
.search-wrap button form:focus input[type="search"], 
.search-wrap button form:active input[type="search"], 
.search-wrap button form input[type="search"]:focus, 
.search-wrap button form input[type="search"]:active {
  width: 200px;
  visibility: inherit;
}
.search-wrap  input[type="submit"] {
  display: none !important;
}
.search-wrap form input[type="search"]:focus {
outline:none;
}







/* Search Results */
.search .half-and-half-split {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.searchresults img {width: 100%;height: auto;}
.searchresults .searchitem {border-bottom:1px solid var(--midgray);}
.searchresults .searchitem:nth-last-child() {border-bottom:none;}
.pagination .nav-links {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 0 0 30px;
}
.pagination .nav-links .page-numbers {
  padding: 3px 7px;
  margin:3px;
  border: 1px solid;
}
.pagination .nav-links .dots {
  padding: 3px 7px;
  margin:3px;
  border: 0px solid;
}
.search-results .searchitem img{
  max-width: 225px;
}


/* Blog Listing */
.single-post iframe[src*="vimeo"]{
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.single-post .content-container ul{
  list-style-type: none;
}
.single-post .content-container ul li{
  margin: 0 0 0 20px;
}
.single-post .content-container ul li:before{
  content: "\f058";
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  color: var(--primarycolor);
  font-size: 0.75em;
  margin: 0 6.5px 0 -20px;
  vertical-align: bottom;
}
.blogsubpopup {
  position: absolute;
  right: 20px;
}
.blog .h1, .single .h1, .category .h1, .author .h1 {
  font-size: 32px;
  margin: 10px 0;
  display: block;
  color: var(--white);
}

/* listing page */
.blog-tile-container {
}

.blog-tile-image {
  height: 250px;
  background-size: cover;
  background-position: center;
}
.blog-tile-readmore {
  font-family: var( --generalfont);
  color: var(--primarycolor) !important;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}
.blog-tile-readmore a {
  color: var(--primarycolor)!important;
  padding-bottom: 3px;
  border-bottom: 2px solid var(--primarycolor);
}
.blog-tile-title {
  font-weight: bold;
}
.blog-topics-row {
  display: flex;
}
.blog-topics-row ul li {
  display: inline-block;
  margin: 0 10px;
}
.blog-topics-dropdown ul li {
  display: block;
  padding:10px;
}
.blog-alltopics-dropdown {
  border:1px solid var(--midgray);
  font-size: inherit;
  font-weight: inherit;
  color: var(--midgray);
}

/* post page */
.single-post .featuredimageholder {
  position: relative;
  text-align: center;
}
.single-post .featuredimageholder .border-ohboy {
  background: var(--lightgray);
  border-top: 10px solid var(--primarycolor);
}
.single-post .featuredimageholder img {
  display: block;
  margin: auto;
}
.single-post .featuredimageholder .insetbrandlogo {
  top: 0;
  padding: 15px 80px 15px 20px;
}
.single-post .featuredimageholder .insetbrandlogo img {
  max-height: 30px;
  width: auto;
}
.single-post .content-container h1 {
  color: var(--text);
  font-size: 30px;
}
.single-post .content-container h2 {
  font-size: 24px;
}
.single-post .content-container h3 {
  font-size: 20px;  
}
.blog-featured-image {
  width: 100%;
  height: auto;
  max-height: 400px;
  text-align: center;
}
.blog-sidebar h4 {
  margin-bottom: 10px;
  color: var(--text);
  font-size: 20px;
}
.blog-sidebar {
  padding-left: 50px;
}
.blog-sidebar-spacer {
  margin-bottom: 30px;
  background-color: var(--lightgray);
  padding: 30px;
}
.blog-sidebar ul {
  list-style:none;
}
.blog-sidebar ul li {
  padding: 5px 0;
  margin:0 0 5px;
}
.blog-meta-style {
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-top:1px solid var(--midgray);
  border-bottom:1px solid var(--midgray);
}
.blog-meta-style ul{
  font-weight: normal!important;
}
.posted-in .post-categories {
  display: contents;
}
.posted-in .post-categories li {
  margin:0;
  display: inline-block;
}
.posted-in .post-categories li:after {
    content: ',';
    margin-right:3px;
}
.posted-in .post-categories li:last-child:after {
    content: '';
    margin-right: 0;
}
.share-icon {
  font-size: 18px;
  margin: 3px;
  color: var(--primarycolor);
 }

.wp-caption-text {
    font-style: italic;
    border: 1px solid var(--midgray);
    padding: 5px 15px;
    margin-bottom: 30px;
    text-align:center;
}
/* blog authors */
#author-info {display:block;}
#author-info h3 {margin: 30px 0 10px 0;border-top: 1px solid var(--midgray);padding-top: 30px;}
#author-info #author-avatar {float:left;width:fit-content;}
#author-info #author-avatar img {margin-right:30px}
.author #author-info h3 {display:none;}
@media only screen and (max-width: 600px) {
#author-info #author-avatar img {margin-right:20px; width:100px;height:auto;}
#author-info #author-description svg {color:var(--primarycolor);}
}

@media only screen and (max-width: 768px) {
  .blog-sidebar {padding-left:calc(var(--bs-gutter-x) * .5);padding-top: 45px;border-top: 1px solid;margin-top: 25px;}
}

/* Footer */
footer .trianglebg {
  background-image: url('/wp-content/uploads/triangleBG-color-to-gray-footer.png');
  background-position: top right;
  background-repeat: no-repeat;
  background-size: auto;
}
footer .legallinks {
  border-right:1px solid var(--text);
  border-left:1px solid var(--text);
  margin-bottom: 5px;
  margin-left: -1px;
}
@media only screen and (min-width: 991px) {
  footer .legallinks:last-child {border-right:none;}
  footer .legallinks:first-child {border-left:none;}
}
@media only screen and (max-width: 990px) {
  footer .legallinks:last-child {border-right:none;border-left:none;width: 100%;text-align: center;}
}

footer .legallinks a {
  color:var(--text);
}
.footer .logo-row img, 
footer .logo-row img {
  height: 30px;
  width: auto;
}
@media only screen and (max-width: 1340px) {
.footer .logo-row img, footer .logo-row img {height: 25px;}
}
@media only screen and (max-width: 1125px) {
.footer .logo-row img, footer .logo-row img {height: 20px;}
}
@media only screen and (max-width: 991px) {
.footer .logo-row img, footer .logo-row img {height: 25px;}
}
footer .custom-logo-link img {
  max-width: 200px;
  width:100%;
  height: auto;
  filter: brightness(0) invert(1);
}
footer li {
  list-style-type: none;
  margin: 0 0 10px 0;
}
footer i {
  font-size: 20px;
  padding: 0 20px 10px 0;
}
footer .footersocialicons {
  display: flex;
}
footer .footercolumn {
}
@media only screen and (max-width: 768px) {
footer .footercolumn {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--lightgray);
}
footer .footercolumn:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
}


/* Printing */
@media print {
#ss360-search-console {
display:none;
}
table, img, svg {
break-inside: avoid;
}
img {
max-width: 100% !important;
}
body, p, a, h1, h2, h3, h4, h5, h6 {
color:#000!important;
background:#fff!important;
}	
body, article, main, .main-inner-wrap {
width: 100%;
margin: 0;
padding: 0;
display:block;
position:relative;
}
a {
font-weight: bolder;
text-decoration: none;
}
a[href^=http]:after {
content:" <" attr(href) "> ";
}
article a[href^="#"]:after {
content: "";
}
header, footer, nav, aside, form, video, audio {
display: none;
}
}
@page {
size: 8.5in 12in;
margin: 0cm;
}

/*Equipment Single Page styles */
#equipment .top-part .col-md-6{
  padding: 0 2em;
}
#equipment .top-part .business-logo{
  width: 275px; 
  height: auto;
  margin-bottom: 30px;
}
#equipment .top-part .product-title{
  color: var(--text);
  margin-bottom: 25px;
  font-size: 32px;
}
#equipment .top-part .short-description{
  margin-bottom: 15px;
}
#equipment .top-part .btn{
  margin-bottom: 30px;
}
#equipment ul{
  list-style-type: none;
  margin-left: 20px;
  margin-bottom: 25px;
}
#equipment li{
  margin-bottom: 15px;
}
#equipment li::before {
  content: "\f058";
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  color: var(--primarycolor);
  font-size: 0.75em;
  margin: 0 6.5px 0 -20px;
  vertical-align: bottom;
}
#equipment .content-areas .content-area li::before{
  margin: 0 6.5px 0 0px;
}
#equipment.mepaco li::before {
  color: var(--primarycolormepaco);
}
#equipment .brochure{
margin-top: 2em;
font-size: 15px;
font-weight: 500;
}
#equipment .brochure a{
color: var(--lightblue)
}
#equipment .brochure a i{
margin-right: 0.5em;
}
#equipment .bottom-part{
  border-bottom: 1px solid var(--midgray);
}
#equipment .bottom-part .gallery-wrapper {
display: flex;
align-items: center;
position: relative;
max-width: 600px;
margin-bottom: 3em; 
}
#equipment #product-thumbnail{
  margin-bottom: 2em;
}
#equipment .bottom-part .arrow {
background-color: transparent;
border: none;
font-size: 1.5rem;
cursor: pointer;
z-index: 2;
color: var(--darkgray);
}
#lightbox-content .lightboximg{
  max-height: 800px;
}
#equipment .bottom-part .gallery-container {
overflow: hidden;
width: 100%;
}
#equipment .bottom-part .gallery {
display: flex;
transition: transform 0.3s ease;
}

#equipment .bottom-part .gallery .img {
width: calc(100% / 3);
height: 100px;
object-fit: cover;
flex-shrink: 0;
padding: 0 8px;
position: relative;
border: 1px solid var(--lightgray);
margin: 1px;
overflow: hidden;
}
#equipment .vid-thumb::after {
  content: "\f144"; 
  font-family: "Font Awesome 7 Pro";
  font-weight: 500; 
  font-size: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  pointer-events: none;
}
#equipment .lightbox-trigger{
  cursor: pointer;
}
#equipment #myTab{
border-bottom: 1px solid var(--midgray);
}
#equipment #myTab .nav-item{
margin: 0 0 10px 20px;
}
#equipment #myTab .nav-item .nav-link{
border: 1px solid var(--midgray);
color: var(--darkgray);
font-weight: bold;
font-size: 16px;
}
#equipment #myTab .nav-item .nav-link.active, #equipment #myTab .nav-item .nav-link:hover{
  background-color: var(--primarycolor);
  color: white;
  border: 1px solid var(--primarycolor);
}
#equipment #myTabContent{
padding-top: 30px;
}

#equipment table{
border-bottom: none;
margin-bottom: 1em;
}
#equipment table thead th{
background-color: var(--darkgray);
}
#equipment .product-content{
  padding-top: 2em;
}
#equipment .product-content .content-areas{
  padding-right: 2em;
}
#equipment .product-content .content-area{
  padding-top: 1em;
}
#equipment .product-content .content-area figure.alignleft, #equipment .product-content .content-area img.alignleft{
  width: 200px;
  margin-right: 10px;
}
#equipment .product-content .content-area figure.alignleft figcaption{
  border: none;
}
#equipment .links{
  background-color: #f7f7f7;
  padding: 2em;
  margin-bottom: 2em;
}
#equipment .links h3{
  color: var(--text);
  font-size: 18px;
}
#equipment .links .downloads{
  margin-bottom: 40px;
}
#equipment .links .downloads i{
  color: var(--primarycolor);
  margin-right: 0.35em;
}
#equipment.mepaco .links .downloads i{
  color: var(--primarycolormepaco);
}
@media screen and (max-width: 990px){
  #equipment .rfq-block{
      flex-direction: column;
      width: auto;
  }
  #equipment .rfq-block p{
      margin-bottom: 10px;
  }
}
@media screen and (max-width: 500px){
  #equipment .top-part .sidelist{
      align-items: flex-start;
      flex-direction: column;
  }
  #equipment .rfq-block select{
      font-size: 0.65em;
  }
}
.modal-backdrop.show{
  z-index: 1;
}
@media screen and (max-width: 767px){
  footer .small-col{
    flex-direction:  column;
  }
}