body{padding: 126px 0 0; color: var(--primary)}




.masthead {padding: 20px 30px}

.menu-header li > a{color: var(--primary); font-weight:400 !important; position: relative; font-size:1rem}
.menu-header .sub-menu{box-shadow:inherit !important; background-color: transparent; box-sizing: border-box; top:46px !important; left:-20px !important}
.menu-header li{position: relative}
.menu-header > li > .sub-menu > li{padding: 0 12px; background: #fff; box-sizing: border-box}
.menu-header > li > .sub-menu > li > a{display:block; font-weight:400; color:var(--primary); position:relative; border-bottom:1px solid var(--grey); padding-right: 26px}
.menu-header > li > .sub-menu > li:last-of-type{border-bottom-left-radius:15px; border-bottom-right-radius:15px}
.menu-header .sub-menu > li:last-of-type a{border:0}


.menu-header .sub-menu a::after {
  display: inline-block;
  content: "\f105"; /* Unicode for fa-angle-right */
  font-family: "Font Awesome 6 Free"; /* Make sure FA 6 is loaded */
  font-weight: 900; /* Required for solid style */
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  color: #000; /* change color as needed */
  font-size: 14px; /* adjust size as needed */
}

#mobnav {
    position: fixed;
    background-color: #fff;
    height: calc(100vh - 360px);
    overflow: auto;
    bottom: inherit;
	top:75px; 
    right: calc(100vw * -1);
    width: 100vw;
    z-index: 10;
    transition: all 300ms ease;
    font-size: 18px;
    color: var(--primary);
	border-bottom-left-radius:30px; 
	border-bottom-right-radius:30px;
}
#mobnav li > a{color: var(--primary) !important}


.menu-header .current_page_item > a{font-weight:700 !important}
.menu-header > li.current-menu-item > a{font-weight:700 !important}

.contact-bar{background-color: var(--secondary); color: var(--primary); padding: 8px 30px}
.contact-bar a{color: var(--primary)}

.sub-footer-bcarm{background-color: var(--secondary); padding: 25px 30px}
.sub-footer-flex{column-gap: 30px; width:100%; max-width:var(--content-width); margin: 0 auto}
.sub-footer-flex a{color: var(--primary)}
.sub-footer-flex a:hover{color: var(--primary); opacity: 0.7}
.sub-footer-flex > div{color: var(--primary)}
.sub-footer-flex > div:first-of-type{max-width:230px}
.sub-footer-flex > div:nth-of-type(2){max-width:230px; text-align: center}

.footer-flex > div{width:100%}
.footer-flex > div:last-of-type{position: relative}
.footer-flex > div:last-of-type .footer-socials-bcarm{position: absolute; right:0; bottom: 0%; transform: translateY(-50%)}

.contact-bar-flex {align-items: center}

#mobnavbutton {transform: translate(0, 0)}
#login-button{background: var(--primary); padding: 6px 15px 8px; display: block; color: #fff; border-radius:100px}
.login-button{display:none}

#menu-footer-menu{column-count: 2; column-gap: 60px}
.menu-footer a{font-weight:400}
.menu-footer a:hover{color: var(--secondary)}

.clear-indent-block-wrap h2{color:var(--links)}

.button{border-radius:20px; background-color: var(--secondary); color: var(--primary); text-transform: none; box-shadow: none}
.button:hover{background-color: var(--primary) !important; color: #ffffff !important}

.acf-ctagrid-block h2{font-size:1.4rem; margin: 15px 0}
.acf-ctagrid-block .cta-content{min-height: inherit}



.acf-fourcolgrid-block h3{font-size:1.2rem; margin: 0 0 30px}

.filter-bar > div:first-of-type{font-size:1rem; font-weight:500}
.filter-button{
    background-color: var(--grey);
    border:0;
	color:var(--primary);
	font-size:0.9rem
}

#solutions-output h2{color: var(--primary)}



.acf-threecolgrid-block .imgpos-cover img{border-top-right-radius: 15px}

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

}
@media only screen and (max-width: 1040px) {
	body{padding-top: 76px !important}
	.menu-header{display: none}
	#mobnavbutton{display: block}
}
@media only screen and (max-width: 900px) {
	.footer-flex{flex-direction: column}
	.footer-flex > div{max-width: 100%}
	#menu-footer-menu{max-width: 500px}
	.footer-socials-bcarm{justify-content: center}
	.footer-flex > div:last-of-type{text-align: center; max-width:100%}
	.footer-flex > div:last-of-type .footer-socials-bcarm{position: relative; right:inherit; bottom: inherit; transform: none}
}
@media only screen and (max-width: 800px) {
	#mobnavbutton{display: block}
}
@media only screen and (max-width: 700px) {

}
@media only screen and (max-width: 600px) {
	#menu-footer-menu{column-count: 1}
	.contact-bar{display:none}
}
@media only screen and (max-width: 500px) {
    
}