:root {
	--grey: #677181;
	--mobnav: #525252;
	--yellow: #FFDC0B;
}


/* Footer */

.footer-flex{display:flex; justify-content: space-between; align-content: stretch; grid-gap: 30px; margin: 0 auto; max-width: var(--content-width)}

#mobnavbutton {transform: translate(10px, -2px)}
#mobnavbutton.active{transform: translate(20px, -2px)}

.menu-header .current_page_item a::after{  display: block;
  width: 100%;
  height: 3px;
  background-color: var(--underline);
  margin: 10px auto 0;
}
.menu-header > li > a::after{
  content: ""; 
  display: block; 
  width: 0;
  height: 3px;
  background-color: var(--underline);
  margin: 10px auto 0;
  transition: all 300ms ease-in-out
}
.menu-header > li > a:hover::after{  display: block;
  width: 100%;
  height: 3px;
  background-color: var(--underline);
  margin: 10px auto 0;
}

.contact-bar-mobile{color: #fff; padding-left: 10px; padding-right: 10px}
.contact-bar-mobile-flex a{color: #fff}
.contact-bar-mobile-flex i{color: #fff}
.contact-bar-mobile-flex{justify-content: space-between}
.contact-bar-mobile-flex > div{font-size:0.8rem}

#mobnav{top:103px}

.acf-h1withtext-block h1{font-size: 2.6rem}

.hero-block-photo {
    background-color: rgb(0,0,0,0.9);
    aspect-ratio: 16/3;
}

.hsManagementSystemApplet h3{color: #fff !important}
.hsManagementSystemApplet p{color: #fff !important}

.recent-insights-flex .sash{background-color: var(--primary) !important; color: #fff !important}

.threecolgrid-content .button-lime{background-color: var(--links)}

.cta-strip-inner{text-align: right}
.cta-strip-inner .button{padding: 0; box-shadow: none; background-color: transparent !important}
.cta-strip-inner .button:hover{transform: scale(1) !important; box-shadow: none !important; opacity: 0.7}
.cta-strip-inner .fa-caret-right{display: none}

.threecolgrid-content .button-lime{padding: 0; background-color: transparent; box-shadow:none; color: var(--primary)}

.threecolgrid-content p{text-align: left}
.threecolgrid-content > div{text-align: left}
.threecolgrid-content h3{font-size: 28px; text-align: left}

@media only screen and (max-width: 1600px) {

}
@media only screen and (max-width: 1200px) {

}
@media only screen and (max-width: 1130px) {
	
}
@media only screen and (max-width: 900px) {

}
@media only screen and (max-width: 800px) {
	
}
@media only screen and (max-width: 700px) {
	
}
@media only screen and (max-width: 600px) {
	
}
@media only screen and (max-width: 500px) {

}