/**
 * #.#  2026 Page Builder Override Styles
  * This file is used to override styles for the 2026 page builder template.
*/

/* =============================
  # Core
============================= */

.admin-bar .mobile-overflow {margin-top:32px}
.admin-bar .site-header {top:32px}
.admin-bar .hidden-height{height: 63px;}
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {width:100%; max-width: 100% !important; padding-left: 40px; padding-right: 40px; }




.css-section-header {
	font-family: var(--header);
	font-size: 58px;
	line-height: 106%;
	color: var(--dark-green);
	letter-spacing: -4%;
	margin: 0;
	font-weight: 600;
}

/* Custom arrows */
.custom-slick-arrows {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}

.css-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 61px;
	height: 61px;
	border: 0px solid var(--dark-green);
	border-radius: 50%;
	color: var(--dark-green);
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
	background-color: rgb(233, 236, 233);
}

.css-arrow:hover {
	background: var(--dark-green);
	color: var(--white);
}


/* ──  Accreditations Block ───────────────────────────────────────── */

/* Accreditations Block */
.new-home-accreditations-block {
    padding: 60px 0px 80px;
    background-color:var(--light-grey);
    margin-top:-1px
}

.accreds-inner {
    display: flex;
    justify-content: center;
}

.accreds-track {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 15px;
}

.accred-item {
    flex: 0 0 170px;
    width: 170px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accred-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    mix-blend-mode: multiply;
}

/* Slider styles — applied via JS on small screens */
@media (max-width: 767px) {
    .accreds-inner {
        display: block;
    }

    .accreds-track {
        /* Slick overrides */
        display: block;
    }

    .accreds-track .accred-item {
        margin: 0 auto;
    }
}


/* ── View all link ───────────────────────────────────────── */

.css-view-all {
	font-family: var(--header);
	font-size: 19px;
	line-height: 106%;
	text-transform: lowercase;
	color: var(--dark-green);
	text-decoration: none;
	border-bottom: 1px solid var(--dark-green);
	padding-bottom: 1px;
	transition: all 0.2s ease;
  font-weight:400;
}

.css-view-all:hover {
	color:var(--teal);
  border-bottom: 1px solid var(--teal);
}

/* =============================
  # Header
============================= */

header {background-color:var(--white);padding: 35px 0px;position:fixed;z-index:1000;height:95px; width:100%; top:0; left:0; right:0; transition: transform 0.3s ease;}
header.header-hide {transform: translateY(-100%);}
.hidden-height {height:95px;}
.header-menu-logo {max-width: 216px;margin:auto}
.header-search,
.home .header-search {
  float: right;
  margin-top: 0px;
  background-image: url(../img/2026-search-icon.svg);
  width: 23px;
  height: 23px;
}
/* Hamburger icon */
.hamburder {margin-top:4px}
.hamburger-lines {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 26px;
    cursor: pointer;
    margin-top: 5px;
}

.hamburger-lines .top-bun,
.hamburger-lines .meat,
.hamburger-lines .bottom-bun {
    display: block;
    width: 26px;
    height: 2px;
    background-color: var(--dark-green);
    border-radius: 2px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform-origin: center;
}

/* Active — cross state */
.hamburger.active .hamburger-lines .top-bun {
    transform: translateY(6px) rotate(45deg);
}

.hamburger.active .hamburger-lines .meat {
    opacity: 0;
    transform: scaleX(0);
}

.hamburger.active .hamburger-lines .bottom-bun {
    transform: translateY(-6px) rotate(-45deg);
}

.new-slide-in-nav{width:100%;background-color:rgba(0, 0, 0, 0.6);position:fixed;top:95px;left:0;height:calc(100svh - 95px);z-index:10;opacity:0;pointer-events:none;transition:opacity 0.3s ease}
.new-slide-in-nav.active {opacity:1;pointer-events:auto}
.fixed-top.nav-top{}
.background-for-nav {position:absolute;background-color:var(--light-grey);position:absolute;top:0px;left:0;height:100svh;z-index:9; width:40%;max-width:980px}



.new-slide-in-nav .mega-menu.stick-me {
  top: 150px;
  left: 40px
}
.new-slide-in-nav .main-header-menu li a {
  color: var(--dark-green);
  font-family: var(--header);
  font-size: 15px;
  line-height: 28px;
letter-spacing:-2%;
font-weight:500
}
.new-slide-in-nav .main-header-menu li a:hover, .new-slide-in-nav .main-header-menu li:hover,
.new-slide-in-nav .main-header-menu li.active a {
  color: var(--teal);
}

.new-slide-in-nav .pull-out-menu {background-color:var(--light-grey);top: 95px;}
.new-slide-in-nav .small-pull-menu,
.new-slide-in-nav .large-pull-menu {max-width: 100%;min-width:980px}
.new-slide-in-nav .pull-out-menu-style ul li a {
  font-family: var(--fancy-light);
  font-size: 15px;
  line-height: 28px;
  letter-spacing:-2%;
  color: var(--mid-grey);
}
.new-slide-in-nav .pull-out-menu-style ul li a:hover {color: var(--dark-green);}
.home .new-slide-in-nav .menu-main-menu-container {margin-left: 0%;  }
.large-pull-menu h2 {
  padding-bottom: 20px;
  font-family: var(--header);
  font-size: 15px;
  line-height: 28px;
  letter-spacing:-2%;
  color: var(--dark-green);
  font-weight:500;
}
.new-slide-in-nav .pull-out-menu.pull-out-wwd.large-pull-menu {top: 95px;}
.new-slide-in-nav .pull-out-menu.pull-out-join.small-pull-menu {top: 10px;}
.new-slide-in-nav .pull-out-menu-style {right:auto;left:300px}


/* =============================
  # Footer
============================= */

footer {background-color:var(--dark-green);padding:60px 0px 30px 0px;font-family: var(--header)}
.footer-address {}
.footer-address p, .footer-address p a {color:var(--white); font-size: 15px; line-height: 20px; letter-spacing:-3%;font-weight:500;font-family: var(--header);}
.footer-address p a {border-bottom: 1px solid transparent; padding-bottom: 2px; transition: all 0.3s ease;}
.footer-address p a:hover {border-bottom: 1px solid var(--white); color:var(--white); transition: all 0.3s ease;}
.footer-address p a.footer-phone {margin-top: 20px; display: inline-block;}
.footer-address p a.footer-email {margin-top: 0px; display: inline-block;color:var(--teal)}
.footer-address p a.footer-email:hover {color:var(--teal);border-bottom: 1px solid var(--teal);}
.footer-address .bold-header {font-family: var(--header);}
.footer-menu {margin-top:-5px}
.footer-menu li {display:block;}
.footer-menu li a {display:inline-block;border-bottom: 1px solid transparent; padding-bottom: 0px; transition: all 0.3s ease;color:var(--white); font-size: 15px; line-height: 30px; letter-spacing:-3%;font-weight:500}
.footer-menu li a:hover {color:var(--teal);border-bottom: 1px solid var(--teal);}
.footer-menu li.bold-header a {color:var(--white);font-size: 15px; line-height: 30px; letter-spacing:-3%;font-weight:500;pointer-events: none;  cursor: default;font-weight: 400;font-family: var(--header)}
footer .socials li a {font-size: 15px;}
footer .socials li a {color: var(--dark-green);background-color:var(--white);border-radius: 50%;width: 30px;height:30px;display:flex;align-items: center;justify-content: center;}
footer .socials li a:hover {color: var(--white);background-color:var(--teal);transition: all 0.3s ease;}
.sub-footer{background-color:var(--dark-green);padding:10px 0px 80px 0px;}
.sub-footer .footer-logo {max-width:270px}







/* =============================
  # Responsive
============================= */


@media only screen and (min-width: 1200px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {width:100%!important; max-width: 100% !important; padding-left: 40px; padding-right: 40px; }
}
@media only screen and (min-width: 1201px) {
  .pull-out-about .pull-out-menu-style {
    top: 80px;
  }
  .pull-out-wwd .pull-out-menu-style {
    top: 80px;
  }
}
/* ── Slider drag cursors ─────────────────────────────────── */

.case-stories-slider,
.people-slider,
.events-slider {
	cursor: grab;
}

.case-stories-slider.is-dragging,
.people-slider.is-dragging,
.events-slider.is-dragging {
	cursor: grabbing;
	user-select: none;
}



@media only screen and (max-width: 992px) {
  footer .text-end {text-align: left  !important;}
  .footer-social {margin: 30px 0px 20px -20px;}
}

@media only screen and (max-width: 768px) {
  .new-home-accreditations-block .slick-dots {display:none!important}
  footer .socials {text-align: left;  }
}
.hamburger.nav-toggle {
  width: auto;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  left: 0px;
  top: 0px;
}
.nav-menu-mobile-new.active {
  top: 95px;
}
.mobile-pull-out-menu {
  top: 95px;
}