/*
 Theme Name:   ALW UnderStrap Child
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       BowStern
 Author URI:   http://www.bowstern.com
 Template:     understrap
 Version:      0.1
 
*/

#n2-ss-2, 
#n2-ss-2 .n2-ss-slider-wrapper, 
#n2-ss-2 .n2-ss-slide {
    height: 100vh !important;
    max-height: none !important;
}

@media (max-width: 767px) {
	

}


body {
	overflow-x:hidden;
}

* {
  font-family: "Archivo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size:16px;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.big-body p.small-body {
  font-family: "Archivo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size:16px;
  line-height: 24px;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

body {
	background:#ededed;
      margin: 0;
      font-family: sans-serif;
      scroll-behavior: smooth;
}

:where(.is-layout-grid) {
    gap: 2rem;
    display: flex;
        align-items: center;
    margin-top: 2rem; margin-bottom: 2rem;
}


/* .alignwide {
        margin-left  : -80px;
        margin-right : -80px;
    } */
.alignfull {
        margin-left  : calc( -100vw / 2 + 100% / 2 );
        margin-right : calc( -100vw / 2 + 100% / 2 );
        max-width    : 100vw;
    }
    
.wp-block-columns {
        margin-top: 2rem;
        margin-bottom: 2rem;
}


h1 { font-weight: 500; color: #fff; }

h2, h3, h4 { font-weight: 400; }

p { font-weight:400; }

#pagebanner {
        z-index: 999;
        height: 100vh;
        background-size: cover;
        background-repeat: none;
        background-position: 50% 50%;
        padding-top: 70vh;
}
@media (max-width: 767px) {
	#pagebanner {  height: 70vh; padding-top: 60vh; }
}



#pagebanner-process {
        z-index: 999;
        background-color: #42535a;
        padding: 15vh 0;
}

#pagebanner-process h1 { font-family: "Archivo Narrow", sans-serif;  font-size: 1rem;  }

#pagebanner-process p {
	font-size: 2.8rem;
	line-height: 3.5rem;
	font-weight: 300;
	font-family: "Merriweather", serif;
	color: #fff;
}
@media (max-width: 767px) {
	#pagebanner-process p { font-size:1.8rem; line-height: 2.6rem; }
}

.btn-grey .wp-block-button__link {
  background:#8ba2ab;
  background:#5d7781;
  color:white;
  padding:0 40px 0 10px;
  font-size:16px;
  text-transform: uppercase;
  border-radius:0;
  position: relative;
  font-family: "Archivo Narrow", sans-serif;
}

.btn-grey .wp-block-button__link::after {
	content:"";
	padding-top: 4px;
	width: 30px;
	height: 17px;
	background: url(/wp-content/themes/alw/img/small-white-arrow.png) 100% 100% no-repeat;
	display: inline-block;
	position: absolute;
	top: 3px;
}

.btn-grey .wp-block-button__link:hover {
  background:#5d7781;
  background:#8ba2ab;
  }

.big-body h2 {
	font-size:1.2rem;
	font-weight: bold;
	font-family: "Archivo Narrow", sans-serif!important;
}

.big-body p {
	font-size:2.8rem;
	line-height: 3.5rem;
	font-weight: 300;
	font-family: "Merriweather", serif;
}
@media (max-width: 767px) {
	.big-body p { font-size:1.8rem; line-height: 2.6rem; }
}

.big-body .md {
  font-size:24px;
	line-height: 2rem;
}

.big-body .sm {
  font-size:18px;
	line-height: 1.7rem;
}

.med-body h2 {

}

.med-body p {
	font-size:2.8rem;
  line-height: 3.5rem;
	font-weight: 300;
	font-family: "Merriweather", serif;
}
@media (max-width: 767px) {
	.med-body p { font-size:1.8rem; line-height: 2.6rem; }
	.med-body .cover p { font-size:1.8rem; line-height: 1.8rem; }
}

.med-body a {
	font-size:1rem;
	color:#E05A21;
	text-transform: uppercase;
}

.med-body em {
	font-size:2.8rem;
  line-height: 3.5rem;
	font-weight:300;
	font-family: "Merriweather", serif;
}
@media (max-width: 767px) {
	.med-body em { font-size:1.8rem; line-height: 2.6rem; }
}

.cover p {
  color:white;
}

.med-body .sub-title {
  font-weight:700;
}

.cover-img {
  height:500px;
}





#wrapper-navbar {
        background: rgba(59, 49, 37, 0.5);
		background: linear-gradient(0deg,rgba(59, 49, 37, 0) 0%, rgba(59, 49, 37, 0.3) 100%);
        position: fixed;
        width: 100%;
        z-index: 999;
}

#main-nav svg {
        width: 110px !important;
        padding: 10px 0 10px 0px;
        margin: 0 10px;
}

.st0 {
        fill: #fff !important;
      }

.scrolled #main-nav .st0 {
	fill: #515150 !important;
	}

.page-template-projects #main-nav .st0 {
	fill: #515150 !important;
	}
	
.page-template-contact #main-nav .st0 {
	fill: #515150 !important;
	}

#main-nav li {
        font-weight: 700;
/*        overflow: hidden;*/
        font-size: 1.2rem;
        margin-left: 1.5rem;
        margin-right: 1.5rem;
        font-size: 1rem;
}

#main-nav li:hover {
}

/*#main-nav li a {
        color:white;
        font-weight:700;
}*/

.scrolled #main-nav li a {
        color:black;
        font-weight:700;
}



#main-nav li.contact {
        background: white;
}

#main-nav li.contact:hover {
        background: #E05A21;
        color:white !important;
}

#main-nav li.contact a {
        color: #A9A7A3;
        padding:10px 24px 0;
}
#main-nav li.contact a:hover {
        color: #ffffff;
}

.scrolled #main-nav li.contact {
        background: #747576;
}
.scrolled #main-nav li.contact:hover {
        background: #E05A21;
        color:white;
}

.scrolled #main-nav li.contact a {
        color: #fff;
}


/*
#main-nav li a:after {
        content: '';
        display: block;
        margin: 0;
        border: 1px solid transparent;
}

#main-nav li a:hover:after {
        content: '';
        display: block;
        margin: 0;
        border: 1px solid white;
}
#main-nav li.contact a:hover:after {
        content: '';
        display: block;
        margin: 0;
        border: 1px solid #E05A21;
}

.scrolled #main-nav li a:hover:after {
        content: '';
        display: block;
        margin: 0;
        border: 1px solid #747576;
}

.scrolled #main-nav li.contact a:hover:after {
        content: '';
        display: block;
        margin: 0;
        border: 1px solid #E05A21;
}*/

.dropdown-menu {
        background:rgba(55,55,55,0.6);
        border:0;
        border-radius: 0px;

}

.dropdown-menu li {
        margin-left:0 !important;
        margin-right:0 !important;
        text-shadow: 0px 0px 7px rgba(0,0,0,0.3);
}

.dropdown-menu a {
        font-size:17px;
}

.dropdown-item:active {
        background-color: #e9ecef;
}

.dropdown-menu li a:hover {
        color:orange;
        text-decoration: none;
        background:transparent;
}

.scrolled .dropdown-menu {
        background:white;
}

.scrolled .dropdown-menu li { text-shadow:none; }

.scrolled .dropdown-menu li a:hover {
        background:white;
}

#main-nav li.home { display: none; }

.scrolled .navbar-dark {
  --bs-navbar-color: rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.75);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.25);
  --bs-navbar-active-color: #000;
  --bs-navbar-brand-color: #000;
  --bs-navbar-brand-hover-color: #000;
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media (max-width: 767px) {

	#main-nav li.home { display: block; }
	#main-nav li { padding-left: 10px; }
	#main-nav li.contact a { padding:5px 0 0 10px; }
	.dropdown-menu { background: #fff; margin-left: 0;  }
	.dropdown-menu li { text-shadow: none; border-left: 1px solid #eee; padding-left: 0; }
	.dropdown-menu li a { padding-left: 0; }
	#main-nav li a:hover:after { border: 1px solid #747576;}
	.offcanvas { background-image: url(/wp-content/uploads/2025/05/alw-offcanvas.svg); background-position: 60px 90%; background-repeat: no-repeat; background-size: 100px; }
}

@media (min-width: 767px) {
	.dropdown:hover > .dropdown-menu { display: block; margin-top: 0; }
}



#cta {
        background-image: url(/wp-content/uploads/2025/04/cta-background.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin: 3rem 0 0;
        padding: 10rem 0;
}

#cta h2 a {
        background: #737474;
        opacity: 0.6;
        padding: 1rem 2rem;
        color: #fafafa;
        font-weight: 600;
        text-decoration: none;
        font-size: 1.4rem;
}

#cta h2 a:hover {
        background: #E05A21;
        opacity:1;
}

.wp-block-table tr, .wp-block-table td { border: none; }
.wp-block-table tr td { text-transform: uppercase; width: 40%; padding-left: 0; }
.wp-block-table tr td:nth-child(2) { text-transform: none; width: 60%; }

.nospaceparas p { margin-bottom: 0; }
.nospaceparas a { color: #E05A21;}

#pagebanner h1 {
        text-transform: uppercase;
        font-weight:600;
        font-size: 4rem;
        text-shadow: 0px 0px 7px rgba(0,0,0,0.3);
}


.caf-meta-content {
        display: none;
}

.caf-post-layout3 {
        box-shadow: none;
}

.caf-filter-container .active {
        color:white !important;
}

.tableCasestudy td { font-weight: 600; }
.tableCasestudy td:nth-child(2) { font-weight:  400; }


@media (max-width: 991px) {

	.offcanvas-body #main-menu li a { color:#A9A7A3;}
	.offcanvas-body #main-menu li.contact { padding:0;}
}

@media (max-width: 768px) {
	.alignfull { padding: 0 2rem;}
}





#primary h1 { color: #212529; margin-top: 2rem }
#primary { font-weight: 400; }

h2.merriweather {
  font-family: "Merriweather", serif;
  font-weight: bold;
  font-size: 1rem;
  }

h2.intro {
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
    text-transform: none;
   font-size:  2.8rem;
   line-height: 3.5rem;
}
@media (max-width: 767px) {
	h2.intro { font-size:1.8rem; line-height: 2.6rem; }
}

h1.wee { font-family: "Archivo Narrow", sans-serif; font-size: 16px; font-weight: 700; }


.viewallrecognition a { color: #000; font-style: italic; }

#awardModal .modal-content { background: #ebedee; padding: 0 1.5rem 0.5rem; }
#awardModal h3 { margin-top: 0; font-family: "Archivo", sans-serif; font-weight: bold; }
#awardModal strong { margin-top: 5px; clear: both; display: block; }
#awardModal dt { font-weight: normal; clear: left; width: 60%; float: left; margin: 0; }
#awardModal dd { margin-left: 65%; margin-bottom: 0; }
#awardModal a { display: block; color: #212529; text-decoration: none; }
#awardModal a:hover { color: #E05A21;  }
#awardModal .btn-close { top: 20px; right: 20px; }

#awardtable b { display: block; padding-top: 15px; }
#awardtable td:first-child { padding-right: 15px; }

.med-body .see-the-link { 
  position: relative; 
  }
.med-body .see-the-link a { 
	line-height: 110%; 
	font-family: "Archivo Narrow", sans-serif!important;
	font-weight: 500;
	display: block; 
	width: 270px;
	padding-right: 110px;
	padding-left: 20px;
  	overflow-wrap: break-word; 
  	color: #212529; 
  	text-decoration: none; 
  	background: url(/wp-content/themes/alw/img/small-black-arrow.png) 170px 50% no-repeat;
	
  }
.med-body .see-the-link a:hover { color: #E05A21;
  	background: url(/wp-content/themes/alw/img/small-orange-arrow.png) 170px 50% no-repeat;  }

/*
.med-body .see-the-link a::after {
	content:"";
	width: 70px;
	height: 20px;
	display: inline-block;
	position: absolute;
	top: 3px;
	}
.med-body .see-the-link a:hover::after {
background: url(/wp-content/themes/alw/img/small-orange-arrow.png) 100% 100% no-repeat;
	
	}
*/	
	
#section1, #section2, #section4 { padding-top: 100px; }	



.video-background-container {
      position: fixed; /* Or absolute, depending on your layout */
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh; /* Ensures the container fills the viewport height */
      overflow: hidden; /* Hides any overflowing parts of the video */
      z-index: -1; /* Places the video behind other content */
    }

    .video-background-container iframe {
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      transform: translate(-50%, -50%); /* Centers the video */
      object-fit: cover; /* Ensures the video covers the entire container, cropping if necessary */
    }
    
    
	
	
/* HOMEPAGE IN_PAGE NAVBAR SCROLL STYLES
============================================== */

.scrollnav { opacity: 0!important; transition: transform .8s ease-out; }
.scrollnav.navscrolled { opacity: 1!important; }

.scrollnav.noscroll { opacity: 1!important; }
	
	
	
.testimonial-title { background: #fff; border-radius: 5px; padding-bottom: 5px;  }
.testimonial-slider-container .arrow { height: 16px; width: 16px; background: transparent; }
.testimonial-slider-container .swiper-button-prev { top: 41px; left: 15px }
.testimonial-slider-container .swiper-button-prev:after { font-size: 16px; }
.testimonial-slider-container .swiper-button-next { top: 41px; left: 46.6%; }
.testimonial-slider-container .swiper-button-next:after { font-size: 16px; }

.secondary .wp-block-button__link { background: transparent; border: 1px solid #212529!important; color: #212529; font-weight: 400; border-radius: 0!important; text-transform: uppercase; font-size: 1.1rem; }
.secondary { padding-bottom: 2rem; }
.secondary .wp-block-button__link:hover { border: 1px solid #E05A21!important; color: #E05A21; }

em { font-style: italic; font-weight: 400; }
strong { font-weight: 700; }

#primary li { font-weight: 400; }
ol.mission { padding-left: 1rem; margin-left: 0; }

@media (max-width: 768px) {
.wp-block-columns.is-layout-flex.values { gap: 0; }
}

.offcanvas-person { width: 90%!important; padding: 3rem; }

.person { margin-bottom: 2rem; }
.person h3 { font-family: "Archivo Narrow", sans-serif; font-size: 1.1rem; font-weight: 700; line-height: 1.2rem; margin: 1rem 0 0.2rem 0; text-transform: uppercase; }
.person h4 { font-family: "Archivo Narrow", sans-serif; font-size: 0.9rem; line-height: 1rem; margin: 0.2rem 0; }
.person h5 { font-family: "Archivo Narrow", sans-serif; font-size: 0.9rem; }

.person a { display: block; color: #000; text-decoration: none; }
.person a:hover { color: #E05A21; }

.bio { margin-bottom: 3rem; }
.bio h3 { font-size: 1.3rem; font-weight: 700; line-height: 1.4rem; margin: 0rem 0 0.2rem 0; }
.bio h4 { font-size: 1rem; line-height: 1.1rem; margin: 0.2rem 0; }
.bio h5 { font-size: 1rem; }

#pagebanner { background-color: #fafafa; }

@media (max-width: 768px) {
#pagebanner { height: 70vh;}
#cta { padding: 4rem 0; }
}
.character { height: 500px; background-size: 1000px; background-repeat: norepeat; background-position: 50% 50%; }
.char-alt { background-size: 100%; height: 400px; }

@media (max-width: 768px) {
.character { height: 300px; background-size: 700px; }
.bio h3 { margin-top: 1rem; }
.char-alt { background-size: 300px; height: 400px; }
}

/* bio pages */

.thebio { padding-top: 15vh; }

.mainbio h2 { font-family: "Archivo Narrow", sans-serif; font-size: 14px; font-weight: 700; }
.mainbio h1 { font-family: "Archivo Narrow", sans-serif; color: #000; text-transform: uppercase; margin-bottom: 0;}
.mainbio h3 { font-family: "Archivo Narrow", sans-serif; font-size: 14px; font-weight: 400; }

.contactbio a { color: #000; text-decoration: underline; }

#featureprojects h2 { font-family: "Archivo Narrow", sans-serif; font-size: 16px; font-weight: 700; text-transform: none; }
#featureprojects img { margin-bottom: 0.5rem; }
#featureprojects a { display: block; color: #000; text-decoration: none; text-transform: uppercase; }
#featureprojects a:hover { color: #E05A21; }
#featureprojects strong { font-family: "Archivo Narrow", sans-serif;  }

#projectlist dt { float: left; width: 50%; }
#projectlist dd { margin-left: 55%; }
#projectlist p { line-height: 1.6rem; }
#projectlist a { font-weight: bold; color: #000; text-decoration: none; text-transform: none; }
#projectlist a:hover { color: #E05A21; }
#projectlist span, #projectlist span a { font-weight: 300!important; }

#bioModal h5 { font-size: 1rem; margin-top: 2rem; font-weight: 600; }

#bioModal .modal-header,
#bioModal .modal-footer { border: none; }
#bioModal ul { list-style: none; margin: 0; padding: 0; }
#bioModal ul a { display: block; color: #000; text-decoration: none; text-transform: none; }
#bioModal ul a:hover { color: #E05A21; }
#bioModal .btn-close { top: 20px; right: 20px; }
.modal-content { background: #ebedee; padding: 0 1.5rem 0.5rem; }


.caf-filter-layout { display: none; }
.caf-meta-content-cats ul { display: none!important; }

#wrapper-footer-full {
         padding-left: 30px; padding-right: 30px;
         background: transparent;
         padding: 50px 30px 0 30px;
}

#wrapper-footer-full .wp-block-columns { padding: 0!important; margin: 0; }

#wrapper-footer-full .wp-block-column {  }

#block-9 { margin: 0; padding: 0; }

#steel { 
background: url(/wp-content/themes/alw/img/steel-foot.jpg) 50% 50% no-repeat; 
background-size: cover; 
color: #fff; 
border-image: fill 1 linear-gradient(hsl(0 0% 0% / 0.4),hsl(0 0% 0% / 0.4)); 
}

.footlogo figure { float: left;
         }
.footlogo img {
		width: 140px !important;
        padding: 0 20px 0 0;
}

.footlogo p { font-size: 16px; line-height: 19px; }

#copyright { padding-left: 30px; padding-right: 30px; padding-top: 15px; padding-bottom:20px; height: auto; }
#copyright p { font-size: 13px; color: #fff!important; font-weight: 300; }
#copyright a { color: #fff; font-size: 13px; }


@media (max-width: 767.98px) {
 
  #copyright p a[href="/privacy-policy"] {
    display: block;        /* drops the whole link onto its own line */
    white-space: nowrap;   /* keeps "Privacy Policy" together, never split */
    margin-top: 6px;       /* small gap above it */
  }
}

.st1 {
	fill: #747576 !important;
	}
	
.social { text-align: right; }

.social svg { width: 30px!important; margin-left: 15px; margin-top: 24px;}
#icon-twitter-icon-path,
#icon-facebook-icon-path,
#icon-instagram-icon-path,
#icon-linkedin-icon-path { fill: #fff !important; }
.social a:hover #icon-twitter-icon-path,
.social a:hover #icon-facebook-icon-path,
.social a:hover #icon-instagram-icon-path,
.social a:hover #icon-linkedin-icon-path { fill:#E05A21!important; }
.social a {
        font-weight: 400 !important;
        color:#E05A21;
        text-decoration: none; 
}
.social a:hover { text-decoration: underline; }

.social .widget_nav_menu { height: 21px;  }
.social ul { margin: 0; padding: 0; height: 21px; display: flex; justify-content: flex-end }
.social li { list-style: none; padding: 0 0 0 10px; }
.social li a { font-size: 16px!important; color: #fff; position: relative; padding-bottom: 4px; }
.social li a:hover { text-decoration: none; }

/* Fade in */
.social li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
  transform: scale(0);
  transform-origin: center;
}

.social li a:hover::after,
.social li a:focus::after {
  opacity: 1;
  transform: translate3d(0, 2px, 0);
  transform: scale(1);
}

.license { font-size: 90%; font-weight: 400; margin-top: 5px; }

.footbtn .wp-block-button__link { /* background: rgba(255,255,255,0.6); */ background: transparent; border-radius: 5px; font-weight: 700; height: auto;font-size: 18px!important;  color: #fff; padding: 10px 40px !important; text-transform: uppercase; font-family: "Archivo Narrow", sans-serif; }
.footbtn .wp-block-button__link:hover { background: rgba(255,255,255,0.9); color: #8ea2ab; }

@media (max-width: 991px) {

   .footer-brand svg { width: 200px !important; }
}

@media (max-width: 768px) {

/* .footlogo { position: absolute; padding-top:140px;  } */
.footlogo { position: absolute;  }
.footlogo img { width: 60px !important; padding: 0 10px 100px 0!important; }
.footlogo p { font-size: 12px; }
.footlogo p a { color: #fff;font-size: 12px; }
.contactFoot { background: url(/wp-content/themes/alw/img/alw25.svg) 0% 10px no-repeat; background-size: 150px; }
.social .widget_nav_menu { height: auto; margin-top: -80px; }
#steel .wp-block-buttons { padding-right: 100px; } 
#copyright p { font-size: 10px !important; text-align: center;; }

#section1, #section2, #section4  { padding-top: 0; }
#wrapper-footer-full, #copyright  { padding-left: 10px; padding-right: 10px; }
}

/* put a slight overlay on top of banner images so nav is more legible */
#pagebanner { border-image: fill 1 linear-gradient(hsl(0 0% 0% / 0.4),hsl(0 0% 0% / 0),hsl(0 0% 0% / 0)); 
}



/* for the individual bio page nav */
.single-person #main-nav .st0 {
	fill: #747576 !important;
	}

.single-person #main-nav li a {
        color:black;
        font-weight:700;
}

.single-person #main-nav li.contact {
        background: #747576;
}
.single-person #main-nav li.contact:hover {
        background: #E05A21;
        color:white;
}

.single-person #main-nav li.contact a {
        color: #fff;
}

.single-person .dropdown-menu {
        background:white;
}

.single-person .dropdown-menu li { text-shadow:none; }

.single-person .dropdown-menu li a:hover {
        background:white;
}

.single-person .navbar-dark {
  --bs-navbar-color: rgba(0, 0, 0, 0.55)!important;
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.75)!important;
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.25)!important;
  --bs-navbar-active-color: #000!important;
  --bs-navbar-brand-color: #000!important;
  --bs-E05b22-hover-color: #000!important;
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1)!important;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
}

.single-person .scrollme {
  	/* From https://css.glass */
	background: rgba(255, 255, 255, 0.85);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
  transition: all 0.5s;
}

.single-person .scrollme ul.navbar-nav {
  margin: 20px;
  padding: 0px;
  width: 200px;

}

.single-person .scrollme ul.navbar-nav li {
  list-style: none;
  position: relative;
  display: inline;
}

.single-person .scrollme ul.navbar-nav li a {
  color:black;
  text-decoration: none;
}

.single-person .scrollme ul.navbar-nav li a:hover {
  color:black;

}

.single-person .scrollme ul.navbar-nav li:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0px;
  height: 2px;
  background: black;
  transition: all 0.45s;
}

.single-person .scrollme ul.navbar-nav li:hover:after {
  width: 100%;
  left: 0;
}

.single-person .scrollme ul.navbar-nav li a:hover {
  text-decoration: none;
}


/* Project pages */

#pagebanner {
        z-index: 999;
        height: 80vh;
        background-size: cover;
        background-repeat: none;
        background-position: 50% 50%;
        padding-top: 70vh;
}
.page-template-fullwidthpage-project .wrapper { margin-top: 0; padding-top: 0; }

h1.proptitle { color: #000;  text-transform: uppercase; font-weight: 700; margin: 1.3rem 0; font-family: "Archivo Narrow", sans-serif; }

.propintro h2 { text-transform: uppercase; font-weight: 700; font-size: 1.5rem; font-family: "Archivo Narrow", sans-serif; }
.propintro p { font-family: "Archivo", sans-serif;font-weight: 400; }

.propdetail h5 { text-transform: uppercase; font-family:"Archivo Narrow", sans-serif; font-size: 1rem; margin: 0; font-weight: 700; }
.propdetail p { font-family: "Archivo", sans-serif; margin-bottom: 1.3rem; font-weight: 400; line-height: 20px; }
.propdetail p.more { margin-top: -18px; }

#full-width-page-wrapper a { color: #E05A21; text-decoration: none; }
#full-width-page-wrapper a:hover { text-decoration: underline; }

.propdetail p.more em { font-family: "Archivo", sans-serif; font-style: italic!important; }

.propdetail ul.post-categories { list-style: none; margin: 0 0 1.3rem 0; padding: 0; }
.propdetail ul.post-categories li { font-family: "Archivo", sans-serif; display: inline;  margin: 0; padding: 0;}

h2.proppoptitle { font-family: "Archivo", sans-serif; font-weight: 700; font-size: 2rem; margin-bottom: 2rem; }

#propModal .modal-header,
#propModal .modal-footer { border: none; }
#propModal h5 { font-weight: 700; }


blockquote p { font-family: "Merriweather", serif; font-weight: 300; font-size: 1.2rem; line-height: 1.7rem; }
.blockquote-footer::before, .wp-block-quote cite::before {
    content: "";
}
.blockquote-footer, .wp-block-quote cite { color: #000; }

.project-process .wp-block-cover__background  { background: #354248 !important; }
.project-process h6 { font-family: "Archivo Narrow", sans-serif; font-size: 18px!important; text-transform: uppercase; font-weight: 700; }
.project-process h4 { font-family: "Archivo Narrow", sans-serif; font-size: 28px!important; font-weight: 700; margin-bottom: 2rem; }
.project-process p { font-family: "Archivo", sans-serif; }
.project-process blockquote p { font-family: "Merriweather", serif; margin-bottom: 2rem; }
.project-process .wp-block-button__link { font-family: "Archivo Narrow", sans-serif; margin-top: 2rem; background: #fff; border-radius: 0px; font-weight: 700; text-transform: uppercase; padding: 0 10px; color: #5d7781 !important;  /* font-family:"Archivo Narrow", sans-serif; */ }
.project-process .wp-block-button__link:hover { background: #8ea2ab; color: #fff!important; text-decoration: none!important; }
.project-process .wp-block-button__link::after {
  content: '\276F'; /* Unicode for right arrow */
  margin-left: 20px; /* Adjust spacing */
}
.roundedborder span {
        height: 100%;
        width: 3px;
        background-color: #fff;
        border-radius: 99px;
        margin: 0 0 0 40px;
        display: block;
    }
    
#projectnav { position: relative; bottom: 0; margin: 4rem 0; padding: 0; background: transparent; }
ul#projectnav li { padding: 10px 60px; background: #fff; }
ul#projectnav li:nth-child(1) { padding: 10px 20px 10px 20px; border-radius: 8px 0 0 8px; }
ul#projectnav li:nth-child(2) { padding: 10px 20px 10px 20px; border-left: 1px solid #354248; border-right: 1px solid #354248; }
ul#projectnav li:nth-child(3) { padding: 10px 20px 10px 20px; border-radius: 0 8px 8px 0;  }
ul#projectnav li a { font-family: "Archivo Narrow", sans-serif; color: #000; text-decoration: none; font-weight: bold; }
ul#projectnav li a:hover { color: #E05A21; }
ul#projectnav li:nth-child(1) a::before {
  content: '\276E'; /* Unicode for right arrow */
  margin-right: 20px; /* Adjust spacing */
}
ul#projectnav li:nth-child(3) a::after {
  content: '\276F'; /* Unicode for right arrow */
  margin-left: 20px; /* Adjust spacing */
}


@media (max-width: 768px) {
.alwaysfull {    padding: 0!important; }


  ul#projectnav {
    flex-wrap: nowrap;   /* stop the third button dropping to a new line */
    padding: 0 10px;     /* keep the pill off the screen edges */
    max-width: 100%;
  }
  ul#projectnav li {
    padding: 10px 12px !important;  /* trim the wide 20px side padding */
    white-space: nowrap;            /* keep each label on one line */
  }
  ul#projectnav li a {
    font-size: 13px;                /* scale text down from 16px */
  }
  /* tighten the arrow spacing so nothing overflows */
  ul#projectnav li:nth-child(1) a::before { margin-right: 8px; }
  ul#projectnav li:nth-child(3) a::after  { margin-left: 8px; }


  .page-template-process .page-grid { grid-template-columns: repeat(2, 1fr); /* Exactly 4 per row */ }


}

.page-template-process #full-width-page-wrapper { padding-top: 0; }
.page-template-process #full-width-page-wrapper p { font-family: "Merriweather", serif; }
.btn-close { top: 12px!important; right: 12px!important; background-size: 10px; }
.modal-header,
.modal-footer { border: none; }

.page-template-projects .page-card { aspect-ratio: auto; 
  margin-bottom: 10px; }

.page-template-projects .thumbnail { height: auto;  } 
.page-template-process .thumbnail { height: auto!important;  }

#featureprojects .thumbnail { height: 250px; overflow: hidden; }





#projectbanner { height: 100px; }

#serviceFilter, #typeFilter { display: none; }

.filter-selects-process {
  position: absolute;
  left: 40%;
  width: 200px;
  margin: 0 auto; 
  display: flex;
  justify-content: center;
  padding: 0.75em 1em 1.5em; /* extra bottom space to accommodate dropdown */
  z-index: 999;
  gap: 1em;
}

a.target { display: block; position: relative; }
.glass-target { width: 50px; position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); z-index: 10; visibility: hidden;  }
a.target:hover .glass-target { visibility: visible; animation: pulse 0.5s ease-in-out 1 normal; top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);  }
@keyframes pulse {
  0% { opacity: 0;  }
  100% { opacity: 1;  }
}

/* Grid of page cards */
.page-template-process .page-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* Exactly 4 per row */
  gap: 1em;
  padding: 1em;
  margin-bottom: 120px;
}



.page-template-process .page-card {
  aspect-ratio: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  text-align: center;
}










/* NAVBAR STYLES
============================================== */

#wrapper-navbar {
	background:transparent;
}

#wrapper-navbar a {
	color:white;
	font-family: "Archivo Narrow", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;

}

ul.navbar-nav {
  margin: 10px;
  padding: 0px;
  width: 200px;

}

ul.navbar-nav li {
  list-style: none;
  position: relative;
  display: inline;
}

ul.navbar-nav li a {
  color:black;
  text-decoration: none;
}

ul.navbar-nav li a:hover {
  color:white;

}

ul.navbar-nav li:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0px;
  height: 2px;
  background: white;
  transition: all 0.45s;
}

.page-template-projects ul.navbar-nav li:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0px;
  height: 2px;
  background: white;
  transition: all 0.45s;
}

ul.navbar-nav li:hover:after {
  width: 100%;
  left: 0;
}

ul.navbar-nav li.active:after {
  width: 100%;
  left: 0;
}

ul.navbar-nav li a:hover {
  text-decoration: none;
}

.offcanvas.offcanvas-end {
  width:100vw !important;
}

#main-nav .search-icon {
  width:20px !important;
  height:auto;
}

.navbar-toggler-icon {
  background-image:url('img/add_24dp_000000_FILL0_wght400_GRAD0_opsz24.svg');
}

.btn-close {
  position: absolute;
  top:40px;
  right:35px;
}

.page-template-projects .is-menu path.search-icon-path {
  fill:#000000;
}


/* NAVBAR SCROLL STYLES
============================================== */



.scrollme {
  transition: all 0.5s;
}

.scrollme.scrolled {
  	/* From https://css.glass */
	background: rgba(255, 255, 255, 0.30) !important;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
	backdrop-filter: blur(7px) !important;
	-webkit-backdrop-filter: blur(7px) !important;
  transition: all 0.5s !important;
}


.scrollme.scrolled ul.navbar-nav {
  
  padding: 0px;
  width: 200px;

}

.scrollme.scrolled ul.navbar-nav li {
  list-style: none;
  position: relative;
  display: inline;
}

.scrollme.scrolled ul.navbar-nav li a,
.page-template-projects ul.navbar-nav li a {
  color:black !important;
  text-decoration: none;
}

.scrollme.scrolled ul.navbar-nav li a:hover {
  color:black;

}

.scrollme.scrolled ul.navbar-nav li:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0px;
  height: 2px;
  background: white;
  transition: all 0.45s;
}

.scrollme.scrolled ul.navbar-nav li:hover:after {
  width: 100%;
  left: 0;
}

.scrollme.scrolled ul.navbar-nav li.active:after {
  width: 100%;
  left: 0;
}

.scrollme.scrolled ul.navbar-nav li a:hover {
  text-decoration: none;
}

.scrollme.scrolled .is-menu path.search-icon-path {
  fill:#000000;
}

/* HOME PAGE ANCHOR BUTTONS
============================================== */

.home hr {
  height:10px;
  background:white;
  opacity:1;
  border-top:0;
}

.nav {
  position: fixed;
  bottom: 125px; /* Offset from bottom */
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10px;
  z-index: 25;
  
}

.nav button {
  
  padding: 10px 40px;
  border: none;
  margin:0 1px;
  background: rgba(255, 255, 255, 0.45);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(4.9px);
  -webkit-backdrop-filter: blur(4.9px);
  cursor: pointer;
  font-weight: bold;
  border-radius: 4px;
  transition: background 0.3s;
}

.nav button.active {
  background:white;
  color: black;
}

.section {
  
  box-sizing: border-box;
}


/* PROJECT PAGE BUTTONS 
============================================== */

.select > option {
    text-align: left;
}

select {
  field-sizing: content !important;
}

.filter-selects {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 125px;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 1em;
  padding: 0.75em 1em 1.5em;
  z-index: 999;
  transition: transform 0.8s ease-out;
}

/* We'll move it up with transform instead */
.filter-selects.is-above-footer {
  transform: translateY(-220px); /* footer height */
}


/* When footer is visible */
.filter-selects.is-above-footer {
  position: absolute;
  bottom: 220px; /* adjust based on footer height */
}

/* Wrap each select with label vertically */
.select-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

/* Make select appear to open upward */
.select-wrapper select {
  font-size: 16px;
  padding: 10px 40px;
  font-family: "Archivo Narrow", sans-serif;
  background: #fff;
  min-width: 200px;
  font-weight: bold;
  text-align: center;
  color: #000;
  background: rgba(255, 255, 255, 0.45);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(4.9px);
    -webkit-backdrop-filter: blur(4.9px);
   outline: none;
  /*direction: rtl; /* trick to flip dropdown upward in some browsers */*/
}

/* Reset direction inside */
.select-wrapper option {
  direction: ltr;
}


.filter-select {
  width: 100%;
  padding: 10px 40px;
  font-size: 16px;
  border-radius: 10px;
  border: 0px solid #fff;
  background: rgba(255, 255, 255, 0.75);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(4.9px);
  -webkit-backdrop-filter: blur(4.9px);
  appearance: none;
  text-align: center;
  text-align-last: center;
}

.select-icon {
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.25em;
  pointer-events: none;
}


.filter-select {
  min-width: 200px;
  animation: slideUp 0.3s ease-in-out;
}

.filter-select option {
text-align: left;
direction: ltr;
}


@keyframes slideUp {
  from { transform: translateY(10px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}



/* Grid of page cards */
.page-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Exactly 3 per row */
  gap: 1em;
  padding: 1em;
  margin-bottom: 120px;
}


.page-card {
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  text-align: center;
}

.page-card .thumbnail { height: 180px; overflow: hidden; background: #dadada; }

@media (min-width: 1399.98px) {.page-card .thumbnail { height: 250px; } }
@media (min-width: 1199.98px) {.page-card .thumbnail { height: 220px; } }
@media (max-width: 992px) { .page-card .thumbnail { height: 200px; } }
@media (max-width: 768px) { .page-card .thumbnail { height: 150px; } }
@media (max-width: 575.98px) { .page-card .thumbnail { height: 100%; } }


.page-card .thumbnail img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;;
}

.page-card .title {
  padding: 0.5em;
  font-weight: bold;
  text-align: left;
  color:black;
  font-family: "Archivo Narrow", sans-serif;
}

.page-card a:hover {
  text-decoration: none !important;
}


/* Make the link fill the card */
.card-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

/* Title styling */
.card-link .title {
  padding: 0.5em;
  font-weight: bold;
  transition: color 0.2s ease;
  text-transform: uppercase;
}

/* Hover on card triggers #E05A21 title */
.card-link:hover .title {
  color: #E05A21;
}


/* Optional: pointer cursor on thumbnail too */
.page-card .thumbnail {
  cursor: pointer;
}


@media (max-width: 992px) {
  .page-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 per row on tablets */
  }
}

@media (max-width: 600px) {
  .page-grid {
    grid-template-columns: 1fr; /* 1 per row on phones */
  }
}



/* HOME PAGE TESTIMONIALS
*/



.testimonial-slider-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 40px 20px;
}

.swiper {
  position: relative;
}

.swiper-slide {
  display: flex;
  align-items: stretch;
  gap: 30px;
}

.testimonial-slide {
  display: flex;
  width: 100%;
  gap: 30px;
}

.testimonial-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  /*justify-content: space-between;*/
}

.testimonial-header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.testimonial-title {
  flex: 1;
  text-align: center;
  font-size: 1.5rem;
  margin: 0;
}

.testimonial-title a {
  text-decoration: none;
  color: #000;
}

.testimonial-title a:hover {
  text-decoration: underline;
}

.testimonial-text {
  margin-top: 1rem;
  font-size: 1rem;
}

.testimonial-text p {
  font-family: "Merriweather", serif;
  font-size: 1.2rem;
}

.testimonial-text p.archivo {
  font-size: 1rem;
}

.testimonial-image {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonial-image img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  
}

/* Arrows styling */
.arrow {
  cursor: pointer;
  width: 32px;
  height: 32px;
  background-color: #eee;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #333;
}

.arrow:hover {
  background-color: #ddd;
}

.container-flex {
  display: flex; /* Enables Flexbox layout */
  flex-wrap: wrap; /* Allows columns to wrap to the next line */
}

.column-flex {
  flex: 1; /* Allows columns to grow and shrink proportionally */
  padding: 10px; /* Add desired padding */
  /* You can add specific widths for desktop, e.g., flex-basis: 50%; */
}

/* Media query for mobile stacking */
@media (max-width: 768px) { /* Adjust breakpoint as needed */
  .column-flex {
    flex-basis: 100%; /* Makes columns take full width on mobile */
  }
}


@media (max-width: 575.98px) {
  .social li a {
    font-size:14px !important;
  }

  .nav {
    bottom: 50px; 
    font-size:12px;
  }

  .nav button {
    padding:10px 20px;
  }

  .social ul {
    display: inline;
    
  }

 

}

@media (max-width: 767.98px) {
  .testimonial-slider-container .swiper-button-next {
    left:auto;
    right:12px;
  }
}

@media (max-width: 991.98px) {

  .offcanvas {
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  transition: all 0.5s;
    }

  .offcanvas-body {
    display: flex !important;
  }

  .offcanvas-body #main-menu {
    align-items: center !important;
    justify-content: center;
  }

  .offcanvas-body #main-menu li {
    font-size:2.5rem !important;
  }

  .offcanvas-body #main-menu li a {
    color:black !important;
  }

  .offcanvas-backdrop {
    position: relative;
  }

  .is-menu path.search-icon-path {
    fill:black !important;
  }

  #main-nav .search-icon {
    width:75px !important;
  }

  #secondary-menu {
    list-style-type: none;
    margin:0 auto;
    padding-left:0;
    padding-bottom:50px;
  }

  #secondary-menu li {
    display: inline-block;
    padding-left:0;
  }

  #secondary-menu li a {
    color:black !important;
    text-decoration: none;
  }

  #social-menu {
    list-style-type: none;
    margin:0 auto;
    padding-left:0;
    margin-bottom: 25px;
  }

   .scrollme.scrolled #social-menu {
    list-style-type: none;
    margin:0 auto;
    padding-left:0;
    margin-bottom: 125px;
  }

  #social-menu li {
    display: inline-block;
    padding-left:0;
    margin-left:1rem;
    margin-right:1rem;
  }


}



@media (min-width: 992px) {
  #main-menu {
    justify-content: flex-end;
  }

  #secondary-menu {
    display: none;
  }

  #social-menu {
    display: none;
  }
}

@media (max-width: 1199.98px) {

}

@media (max-width: 1399.98px) {

}


.pgcsimplygalleryblock-slider-content { padding: 0!important; }


.archivo { font-family: "Archivo", sans-serif!important; }
.archivonarrow { font-family: "Archivo Narrow", sans-serif!important; }
.merriweather { font-family: "Merriweather", serif!important; }
.boldfont { font-weight: bold!important; }

#principals { padding: 5rem 0; background:#dedede; }
#principals h3 { 
    font-size: 1.2rem;
    font-weight: bold;
    font-family: "Archivo Narrow", sans-serif !important;
    }
#principals a { color: #E05A21; color: #A24406; }

#resume { padding: 5rem 0; }
#resume h3 { 
    font-size: 1.2rem;
    font-weight: bold;
    font-family: "Archivo Narrow", sans-serif !important;
    }
#resume a { color: #E05A21; color: #A24406; }

#contactimage { 
        margin-right : calc( -100vw / 2 + 100% / 2 );
        }
        
.contactus a { color: #E05A21; }
#journey { 
    font-size: 1.2rem;
    font-weight: bold;
    color: rgba(33, 37, 41);
    text-transform: uppercase;
    font-family: "Archivo Narrow", sans-serif !important;
    }
.contactus .wp-block-columns { margin: 0; }

@media (max-width: 767.98px) {
.contactus { padding: 200px 10% 2rem 10%; }
}




/* ---- isotope ---- */

.filters {
  position: absolute;
  left: 40%;
  width: 200px;
  margin: 0 auto; 
  display: flex;
  justify-content: center;
  padding: 0.75em 1em 1.5em; /* extra bottom space to accommodate dropdown */
  z-index: 999;
  gap: 1em;
}


.grid {
 width: 100%;
 margin-top: 100px;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}


/* fluid 4 columns */
.grid-sizer,
.grid-item { width: 23%; }
.gutter-sizer { width: 2%; }
/* grid-item */

.grid-item {
  float: left;
  margin-bottom: 15px;
  margin-right: 2%;
  overflow: hidden;
}
 

.grid-item-horizontal { width: 23%;  }
.grid-item-vertical { width: 23%; }

.grid-item .thumbnail {
  overflow: hidden;
  }

.grid-item .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


@media (max-width: 991.98px) {


}

@media (max-width: 767.98px) {

.grid-sizer,
.grid-item { width: 48%; }

.grid-item-horizontal { width: 48%;  }
.grid-item-vertical {  width: 48%; }

}

/* search page */

.searchme { padding-top: 15vh; }

.searchme #content article { clear: both;  padding: 0; margin: 0 0 4rem 0; }

.searchme #content article h2.entry-title a,
.searchme #content article h2.entry-title { font-size: 1.2rem!important; line-height: 1.2rem!important; margin: 0 0 10px 0; padding: 0; font-weight: 600; color: #000; text-decoration: none; }
.searchme #content article h2 a:hover { text-decoration: underline; }
.searchme .understrap-read-more-link { color: #000; text-decoration: none; }
.searchme .understrap-read-more-link:hover { color: #E05A21; text-decoration: underline; }

.page-link { color: #000; }
.page-link:focus,.page-link:hover { color: #E05A21; }
.active>.page-link, .page-link.active { background: #000; border: #222; }

.searchthumb { width: 200px; height: 175px; float: left; margin: 0 15px 10px 0; }

@media (max-width: 767.98px) {
.searchthumb { width: 100%; height: 275px; float: none; margin: 0 0px 15px 0; }
}

/* for the search page nav */
.search-results #main-nav .st0 {
	fill: #747576 !important;
	}

.search-results #main-nav li a {
        color:black;
        font-weight:700;
}

.search-results #main-nav li.contact {
        background: #747576;
}
.search-results #main-nav li.contact:hover {
        background: #E05A21;
        color:white;
}

.search-results #main-nav li.contact a {
        color: #fff;
}

.search-results .dropdown-menu {
        background:white;
}

.search-results .dropdown-menu li { text-shadow:none; }

.search-results .dropdown-menu li a:hover {
        background:white;
}

.search-results .navbar-dark {
  --bs-navbar-color: rgba(0, 0, 0, 0.55)!important;
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.75)!important;
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.25)!important;
  --bs-navbar-active-color: #000!important;
  --bs-navbar-brand-color: #000!important;
  --bs-E05b22-hover-color: #000!important;
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1)!important;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
}

.search-results .scrollme {
  	/* From https://css.glass */
	background: rgba(255, 255, 255, 0.85);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
  transition: all 0.5s;
}

.search-results .scrollme ul.navbar-nav {
  margin: 20px;
  padding: 0px;
  width: 200px;

}

.search-results .scrollme ul.navbar-nav li {
  list-style: none;
  position: relative;
  display: inline;
}

.search-results .scrollme ul.navbar-nav li a {
  color:black;
  text-decoration: none;
}

.search-results .scrollme ul.navbar-nav li a:hover {
  color:black;

}

.search-results .scrollme ul.navbar-nav li:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0px;
  height: 2px;
  background: white;
  transition: all 0.45s;
}

.search-results .scrollme ul.navbar-nav li:hover:after {
  width: 100%;
  left: 0;
}

.search-results .scrollme ul.navbar-nav li a:hover {
  text-decoration: none;
}