/* Avumile custom styles
   ------------------------------------------------------------------ */

   .postid-141 .et_pb_section.et_pb_section_3_tb_body.pad-top-96.pad-bot-96.et_section_regular {
    display: none;
   }

  @font-face {
    font-family: 'inter-reg';
    src: url('/wp-content/themes/avumile-divi-child/assets/fonts/Inter_24pt-Regular.ttf');
  }

  @font-face {
    font-family: 'inter-medium';
    src: url('/wp-content/themes/avumile-divi-child/assets/fonts/Inter_24pt-Medium.ttf');
  }
  
  @font-face {
    font-family: 'inter-semi-bold';
    src: url('/wp-content/themes/avumile-divi-child/assets/fonts/Inter_24pt-SemiBold.ttf');
  }

  @font-face {
    font-family: 'inter-bold';
    src: url('/wp-content/themes/avumile-divi-child/assets/fonts/Inter_24pt-Bold.ttf');
  }

  body {
    font-family: 'inter-reg';
    color: #171717;
  }

  .pad-top-96 {
    padding-top: 96px;
  }
  
  .pad-bot-96 {
    padding-bottom: 96px;
  }
  

  .pa-header {
    padding: 30px 30px;
    transition: 400ms;
    margin-top: 80px;
  }

  .pa-header.pa-fixed-header {
    padding: 15px 15px;
    transition: 400ms;
    margin-top: 40px;
  }

/*set the transition for the spacing shrinking action*/
.pa-header .et_pb_row {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*set the background color of the fixed header when scrolling*/
.pa-fixed-header .et_pb_row {
	padding: 0px 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*set the transition for the logo shrinking action*/
.pa-header .et_pb_menu__logo img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*change the logo size when the header shrinks*/
.pa-fixed-header .et_pb_menu__logo img {
	max-width: 80%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*set the transition for the font size shrinking action*/
.pa-header .et_pb_menu ul li a {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*change the menu font size when the header shrinks*/
.pa-fixed-header .et_pb_menu ul li a {
	font-size: 16px!important;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.custom-menu-row {
  display: flex  ;
  justify-content: space-between;
  align-items: center;
}

.custom-menu-row .et_pb_menu__logo-wrap {
  max-width: 350px !important;
}



/* .custom-menu-row .et_pb_column_1_4 {
  width: 200px !important;
} */

/* .custom-menu-row .et_pb_column {
  margin-right: 0px !important;
} */

.home-hero-slider .et_pb_slide {
  /* filter: grayscale(100%); */
}

.et_pb_menu .et_pb_menu__wrap {
  justify-content: flex-end;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
  font-size: 20px !important;
  color: #020618 !important;
}

/* .menu-search-top {
  max-width: 200px;
} */

.menu-search-top form.et_pb_searchform{
  position: relative;

}

.menu-search-top form.et_pb_searchform:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 20px;
 background: url('/wp-content/uploads/2025/11/search-icon.png');
 background-repeat: no-repeat;
 background-size: contain;
 width: 18px;
 height: 18px;
}

.menu-search-top .et_pb_search.et_pb_bg_layout_dark input.et_pb_s {
  color: #fff;
  border: 0px solid #fff;
  padding: 0px 30px 0px 50px !important;
}

.nav li ul {
  border-top: 3px solid #D28945 !important;
  width: 300px !important;
}

.et-menu li li a {
  padding: 6px 20px;
  width: 100%;
}

.et_mobile_menu li a, 
.nav li li a {
  font-size: 18px;
}

.et_mobile_menu li a:hover, .nav ul li a:hover {
  background-color: transparent;
  opacity: 1;
  color: #D28945;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {

}

.custom-menu-row .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
  padding: 0px 15px;
  height: 40px;
  border-bottom: 2px solid transparent;
  transition: 400ms;
}

.custom-menu-row .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:hover {
  border-bottom: 2px solid #D28945;
  padding-bottom: 10px;
}

.et_mobile_menu {
  border-top: 3px solid #D28945;
}

.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before, 
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button, 
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button, 
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
  color: #D28945 !important;
}

.home-hero-slider .et_pb_fullwidth_slider_0 .et_pb_slide>.et_pb_container {
  max-width: 50%;
  margin-left: 0px;
}

.mobile_menu_bar:before {
  content: "a";
  font-size: 50px;
}

ul.sub-menu,
ul#mobile_menu1 {
  list-style-type: none;
}

.custom-menu-row .et_pb_menu .et-menu>li {
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 10px;
}
.et_mobile_menu li a,
.et-menu a {
  color: #0F172B !important;
}

.home-hero-slider h2 {
  font-size: 72px !important;
  font-family: 'inter-bold';
  padding-bottom: 40px;
}

.home-hero-slider  .et_pb_slide_description {
  padding: 80px 0px;
}

.home-hero-slider  .et_pb_slide_description p {
  font-size: 20px;
  padding-bottom: 40px;
}


/* Use either selector that matches your setup */
/* A) If .orange-button is on a wrapper/section (common in Divi sliders) */
.et_pb_section.orange-button .et_pb_more_button,
/* B) Or if .orange-button is directly on the button wrapper */
.orange-button .et_pb_button{
  position: relative;
  overflow: hidden;                 /* clip to rounded corners */
  border-radius: 10px;              /* helps the front look rounded */
  color: #fff !important;
  background:
    /* Top: a true CIRCLE slightly inset from the left */
    radial-gradient(circle at 6% 50%, #0F172B 0 64%, transparent 50%) left center / 0% 120% no-repeat,
    /* Bottom: original orange */
    #D38945;
  border: 2px solid #D38945;
  padding: 20px 20px !important;
  font-size: 20px;
  transition:
    background-size 1.2s cubic-bezier(.2,.8,.2,1),
    border-color .35s ease;
  will-change: background-size;
}

/* Hover/focus: circle expands evenly (keeps it circular) */
.et_pb_section.orange-button .et_pb_more_button:hover,
.et_pb_section.orange-button .et_pb_more_button:focus-visible,
.orange-button .et_pb_button:hover,
.orange-button .et_pb_button:focus-visible{
  background-size: 240% 240%, auto;  /* bigger to ensure full cover */
  border-color: #fff;
  transition:
  background-size .25s ease-out,   /* quicker when leaving hover */
  border-color .2s ease;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .et_pb_section.orange-button .et_pb_more_button,
  .orange-button .et_pb_button{
    transition: none !important;
  }
}


/* Greyscale ONLY the slide background (not text/buttons) */
.home-hero-slider .et_pb_slider .et_pb_slide {
  position: relative;
  overflow: hidden; /* keeps the pseudo layer clipped */
}

.home-hero-slider .et_pb_slider .et_pb_slide::before {
  content: "";
  position: absolute;
  inset: 0;
  /* copy whatever background the slide has */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;
  filter: grayscale(100%);
  z-index: 0;            /* sit behind content */
  pointer-events: none;  /* don't block clicks */
}

/* ensure slide content sits above the greyscale layer */
.home-hero-slider .et_pb_slider .et_pb_slide > * {
  position: relative;
  z-index: 1;
}

/* Optional: if the slide uses Divi's parallax image element */
.home-hero-slider .et_pb_slider .et_pb_slide .et_parallax_bg {
  filter: grayscale(100%);
}

/* Optional: if the slide uses a background video */
.home-hero-slider .et_pb_slider .et_pb_slide .et_pb_section_video_bg video {
  filter: grayscale(100%);
}

/* Put dots under the text area and line them up left */
.home-hero-slider .et-pb-controllers{
  margin-top: 22px;
  display: flex;
  gap: 18px;
  align-items: center;
}

/* Make them pill-shaped bars like the mock */
.home-hero-slider .et-pb-controllers a{
  width: 55px;
  height: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,.33);
  box-shadow: none;
  text-indent: -9999px; /* hide digits 1/2 */
  overflow: hidden;
}

/* Active state (orange) */
.home-hero-slider .et-pb-controllers a.et-pb-active-control{
  background: #D38945;
}

/* Improve hit area on small screens */
@media (max-width: 767px){
  .home-hero-slider .et-pb-controllers a{
    width: 36px;
    height: 6px;
  }
}

/* Remove original bottom spacing from the slider since dots move */
.home-hero-slider .et_pb_slider .et-pb-controllers{
  position: static;  /* keep flow under description */
  bottom: auto;
  left: auto;
  right: auto;
}

.et-pb-arrow-next, .et-pb-arrow-prev {
  font-size: 65px;
  background-color: #D28945;
  border-radius: 999px;
}

.et-pb-arrow-prev:before {
  left: -3px;
  position: relative;
}

.footer-copyright {
  padding-bottom: 30px !important;
  padding-top: 120px !important;
}

.footer-flex-overflow {
  position: absolute;
  width: 100%;
  top: -245px;
  z-index: 99;
}

.page-id-404 .footer-flex-overflow {
  position: relative;
  width: 100%;
  top: -0;
  z-index: 99;
}

.page-id-404 .footer-copyright {
  padding-bottom: 30px !important;
  padding-top: 30px !important;
}

.footer-flex-overflow .et_pb_column {
  display: flex;
  justify-content: space-between;
  column-gap: 30px;
  row-gap: 30px;
  border-radius: 8px !important;
}


.footer-flexbox-logo {
  max-width: 345px;
}

.footer-flexbox-quicklinks {
  max-width: 100px;
}

.footer-flexbox-business-hours {
  max-width: 140px;
}

.footer-flexbox-visit-us {
  max-width: 120px;
}

.footer-flexbox-contact-us {
  max-width: 225px;
}
.footer-flexbox-follow-us {
  max-width: 140px;
}

.footer-flexbox-contact-us a {

}

.footer-flexbox-contact-us a,
.footer-flexbox-visit-us a,
.footer-flexbox-quicklinks a {
  font-size: 16px;
  line-height: normal;
}

.footer-flexbox-follow-us h3,
.footer-flexbox-contact-us h3,
.footer-flexbox-visit-us h3,
.footer-flexbox-business-hours h3,
.footer-flexbox-quicklinks h3 {
  font-family: 'inter-medium';
  font-size: 18px;
  padding-bottom: 16px;
}

.footer-flexbox-follow-us p,
.footer-flexbox-contact-us p,
.footer-flexbox-visit-us p,
.footer-flexbox-business-hours p,
.footer-flexbox-quicklinks p {
  font-size: 16px;
  line-height: normal;
}

/* Container becomes a wrapping flex row */
.footer-flexbox-follow-us .et_pb_text_inner{
  display: flex;
  flex-wrap: wrap;
  align-items: center;           /* vertically center the icons */
  gap: 10px;                     /* space between icons */
}

/* Keep the H3 on its own row at the top */
.footer-flexbox-follow-us h3{
  flex: 0 0 100%;                /* full width line */
  margin: 0 0 8px;               /* tidy spacing */
}

/* Make each icon block a tidy flex item */
.footer-flexbox-follow-us p{
  margin: 0;                     /* remove default <p> margins */
  display: inline-flex;          /* so the icon aligns nicely */
}

.footer-flexbox-follow-us p:not(.has-background):last-of-type {
  padding-bottom: 1em;
}

.footer-copyright,
.footer-copyright a {
  color: #162456;
  font-size: 18px;
}

/* Wrap the modules, let them break onto new lines */
.footer-flex-overflow .et_pb_column {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  border-radius: 8px !important;
}

/* Give each block a flexible base; they’ll wrap as needed */
.footer-flex-overflow .et_pb_column > .et_pb_module {
  flex: 1 1 180px;              /* grow, shrink, min column width */
  max-width: 320px;             /* stop any one block from getting too wide */
}

/* Let the logo breathe a bit more on desktop */
.footer-flexbox-logo { flex: 1 1 260px; max-width: 420px; }
.footer-flexbox-logo img { max-width: 100%; height: auto; }

/* Tablet: tighten */
@media (max-width: 980px){
  .footer-flex-overflow .et_pb_column > .et_pb_module { flex: 1 1 220px; }
}

/* Phone: single column (or two if space allows) */
@media (max-width: 780px){

  .footer-flex-overflow .et_pb_column {
    gap: 0px;
    flex-direction: column !important;
    align-items: center;
}
.footer-flex-overflow .et_pb_column > .et_pb_module {
  flex: none !important;
}
  .footer-flex-overflow .et_pb_column > .et_pb_module {
    flex: 1 1 100% !important;
    max-width: none !important;
    width: 100%;
}

  .footer-flexbox-logo, 
  .footer-flexbox-quicklinks, 
  .footer-flexbox-business-hours,
  .footer-flexbox-visit-us,
  .footer-flexbox-contact-us, 
  .footer-flexbox-follow-us {
    max-width: 100%;
    
  }
}

/* Same scalable type as Grid option */
.footer-flexbox-follow-us h3,
.footer-flexbox-contact-us h3,
.footer-flexbox-visit-us h3,
.footer-flexbox-business-hours h3,
.footer-flexbox-quicklinks h3 {
  font-family: 'inter-medium';
  font-size: clamp(16px, 1.6vw, 18px);
  padding-bottom: 16px;
}
.footer-flexbox-follow-us p,
.footer-flexbox-contact-us p,
.footer-flexbox-visit-us p,
.footer-flexbox-business-hours p,
.footer-flexbox-quicklinks p {
  font-size: clamp(14px, 1.4vw, 16px);
  line-height: 1.4;
}

/* Social row tidy */
.footer-flexbox-follow-us .et_pb_text_inner{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.footer-flexbox-follow-us h3{ flex:0 0 100%; margin:0 0 8px; }
.footer-flexbox-follow-us p{ margin:0; display:inline-flex; }



.grayscale .et_pb_image_wrap  {
  filter: grayscale(100%);
}

.image-full-square img {
  min-height: 750px;
  object-fit: cover;
  border-radius: 8px;
}

.flex-rows {
  display: flex;
  align-items: center;
}

.blue-section-header h2 {
  font-family: 'inter-bold';
  font-size: 42px;
  color: #0F172B;
  padding-bottom: 30px;
}
/* High-specificity target for links inside a Text module with .blue-button */
.et_pb_text.blue-button .et_pb_text_inner p > a,
.et_pb_text.blue-button .et_pb_text_inner a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  padding: 15px 30px;
  line-height: 1.1;
  text-decoration: none !important;
  cursor: pointer;

  /* Base look */
  color: #fff !important;

  /* Use explicit background-* so Divi can't override with shorthands */
  background-color: #0F172B !important;                  /* base/navy */
  background:
    /* Top: a true CIRCLE slightly inset from the left */
    radial-gradient(circle at 0% 50%, #D38945 0 64%, transparent 50%) left center / 0% 120% no-repeat,
    /* Bottom: original orange */
    #0F172B;
  background-position: left center !important;
  background-repeat: no-repeat !important;
  background-size: 0% 100% !important;                    /* start tiny */
  
  transition: background-size 1.2s cubic-bezier(.2,.8,.2,1), color .35s ease, border-color .35s ease;
  will-change: background-size;
}



/* Hover / focus: grow the circle (slow-in), keep text white */
.et_pb_text.blue-button .et_pb_text_inner p > a:hover,
.et_pb_text.blue-button .et_pb_text_inner p > a:focus-visible,
.et_pb_text.blue-button .et_pb_text_inner a:hover,
.et_pb_text.blue-button .et_pb_text_inner a:focus-visible {
  background-size: 260% 260% !important;                /* big to fully cover */
  color: #fff !important;

  /* Fast-out when leaving hover */
  transition: background-size .25s ease-out, color .2s ease, border-color .2s ease;
}

/* Optional: keep orange border, or change to white if you prefer */
.et_pb_text.blue-button .et_pb_text_inner a:hover,
.et_pb_text.blue-button .et_pb_text_inner a:focus-visible{
  border-color: #D38945 !important;  /* change to #fff !important if you want */
}

/* Accessible focus ring */
.et_pb_text.blue-button .et_pb_text_inner a:focus-visible {
  outline: 2px solid #D38945;
  outline-offset: 2px;
}


.image-overlays {
  position: relative;
}

.image-overlays:before {
  content: '';
  position: absolute;
  width: 180px;
  height: 180px;
  top: -5%;
  left: -12%;
  background: url('/wp-content/uploads/2025/10/AVUMILE-CIVIL-AND-BUILDING-AVUMILE-CIVIL-AND-BUILDING.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 9;
}
.image-overlays:after {
  content: '';
  position: absolute;
  width: 575px;
  height: 180px;
  bottom: -7%;
  right: -2%;
  background: url('/wp-content/uploads/2025/10/Logo-Text.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 9;
}

.white-inner-header h2 {
  font-family: 'inter-bold';
  color: #fff !important;
  font-size: 72px;
  text-align: center;
  padding-bottom: 30px;
}

.page-footer .et_pb_text_inner p{
  color: #D4D4D4;
  font-size: 20px;
  text-align: center;
  line-height: 30px;
}

/* ============================
   Orange Hover Button Styling
   ============================ */
   .orange-hover-button .et_pb_text_inner a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border-radius: 10px;
    color: #0F172B !important;
    font-size: 20px;
    background:
      radial-gradient(circle at 6% 50%, #D38945 0 64%, transparent 50%) left center / 0% 120% no-repeat,
      #F8FAFC;
    padding: 15px 20px;
    text-decoration: none;
    transition:
      background-size 1.2s cubic-bezier(.2,.8,.2,1),
      border-color .35s ease,
      color .35s ease;
    will-change: background-size;
    margin-top: 20px;
  }
  
  /* Hover/focus: orange expands and text turns white */
  .orange-hover-button .et_pb_text_inner a:hover,
  .orange-hover-button .et_pb_text_inner a:focus-visible {
    background-size: 240% 240%, auto;
    color: #fff !important;
    border-color: #fff;
    transition:
      background-size .25s ease-out,
      border-color .2s ease,
      color .2s ease;
  }
  
  /* Reduced motion accessibility */
  @media (prefers-reduced-motion: reduce) {
    .orange-hover-button .et_pb_text_inner a {
      transition: none !important;
    }
  }

  /* ============================
   Banner Hover Button Styling
   ============================ */
.banner-hover-button .et_pb_text_inner a {
  position: relative;
  overflow: hidden;
  display: inline-block;
  border-radius: 10px;
  font-size: 20px;
  text-decoration: none;
  padding: 5px 20px;
  color: #fff !important;

  /* Base: solid orange with a dark circle ready to expand */
  background:
    radial-gradient(circle at 6% 50%, #0F172B 0 64%, transparent 50%) left center / 0% 120% no-repeat,
    #D38945;
  border: 2px solid #D38945;

  transition:
    background-size 1.2s cubic-bezier(.2,.8,.2,1),
    border-color .35s ease,
    color .35s ease;
  will-change: background-size;
  margin-top: 20px; /* keep if you want the same spacing as your orange button */
}

/* Hover/focus: dark sweep covers the button */
.banner-hover-button .et_pb_text_inner a:hover,
.banner-hover-button .et_pb_text_inner a:focus-visible {
  background-size: 240% 240%, auto;
  /* background becomes visually #0F172B as the circle expands */
  border-color: #0F172B;
  color: #fff !important;
  transition:
    background-size .25s ease-out,
    border-color .2s ease,
    color .2s ease;
    border: 2px solid #fff;
}

/* Reduced motion accessibility */
@media (prefers-reduced-motion: reduce) {
  .banner-hover-button .et_pb_text_inner a {
    transition: none !important;
  }
}

  

/* Grayscale ONLY the background-image of the hero section */
.inner-page-hero {
  position: relative; /* create stacking context */
  padding-top: 410px;
  padding-bottom: 150px;
}

.inner-page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  /* copy whatever background (image/position/size) the section has */
  background: inherit;
  background-attachment: inherit;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  z-index: 0;
  pointer-events: none; /* keep links clickable */
}

/* keep the real content above the filtered background layer */
.inner-page-hero > * {
  position: relative;
  z-index: 1;
}


.inner-page-hero-content-row {

}

.inner-page-hero-title h1 {
  font-family: 'inter-semi-bold';
  font-size: 36px;
  color: #D38945 !important;
  padding-bottom: 0px;
}

.inner-page-hero-content h2 {
  font-family: 'inter-bold';
  font-size: 72px;
  color: #fff !important;
  line-height: 125%;
}

.inner-page-hero-content p {
  color: #fff !important;
}

.trade-inner-intro h2 {
  font-family: 'inter-bold';
  font-size: 48px !important;
  color: #171717;
  padding-bottom: 42px;
  line-height: 60px;
}

.trade-inner-intro p {
  font-size: 20px;
}

.accordion-row-flex {

}

.accordion-content-column {

}

.accordion-side-image-column {

}

.trade-footer {

}




/* Grayscale background image only (Divi section) */
.page-footer-blocks {
  position: relative; /* create stacking context for the overlay */
  overflow: hidden;   /* keep the overlay clipped to the section */
  padding-top: 96px;
  padding-bottom: 20%;
}

.page-footer-blocks::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  /* Reuse the section's background image */
  background: inherit;
  background-repeat: inherit;
  background-position: inherit;
  background-size: inherit;
  background-attachment: inherit;

  /* Make it grayscale */
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

/* Ensure the section's children sit above the overlay */
.page-footer-blocks > * {
  position: relative;
  z-index: 1;
}

.about-us-image-intro {

}

.about-us-image-intro img {
  position: relative;
  filter: grayscale(1);
  border-radius: 8px;
  object-fit: cover;
  object-position: center;
}

.about-us-image-intro .et_pb_image_wrap {
  position: relative;
}

.about-us-image-intro .et_pb_image_wrap:after {
  content: '';
  position: absolute;
  width: 100px;
  height: 100px;
  bottom: -15%;
  right: 12%;
  background: url(/wp-content/uploads/2025/10/AVUMILE-CIVIL-AND-BUILDING-AVUMILE-CIVIL-AND-BUILDING.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 9;
}

.about-us-blurp {

}

.about-us-blurp .et_pb_main_blurb_image {
  margin-bottom:0px;
}

.about-us-blurp .et_pb_main_blurb_image img {

}

.about-us-blurp .et_pb_module_header {
  font-family: 'inter-bold';
  color: #fff;
  font-size: 30px;
}

.about-us-blurp .et_pb_blurb_description {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
}


/* =========================
   AVUMILE TIMELINE (flex version)
   ========================= */

   .history-timeline-wrapper {
    background: #fff;
    color: #0F172B;
    font-family: inherit;
    position: relative;
  }
  
  .history-timeline-inner {
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    row-gap: 0;
    flex-direction: column;
  }

  .history-timeline-inner:after {
    content: '';
    position: absolute;
    width: 800px;
    height: 800px;
    top: 0;
    right: 0;
    background: url('/wp-content/uploads/2025/10/time-line-water-mark.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 9;
  }
  
  /* vertical center line */
  .history-timeline-line {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background: #0F172B;
    opacity: 0.3;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 1;
  }
  
  /* each item is half width */
  .history-timeline-item {
    position: relative;
    width: 50%;
    color: #0F172B;
    font-size: 0.9rem;
    line-height: 1.45;
    z-index: 2; /* above the line */
    display: flex;
    flex-direction: column;
  }
  
  /* odd items (0,2,4 in zero index) = left side */
  .history-timeline-item--left {
    padding-right: 93px;          /* breathing room from center line */
    margin-right: auto;            /* push it toward the middle */
    text-align: left;
    align-items: flex-start;
  }
  
  /* even items (1,3,5) = right side */
  .history-timeline-item--right {
    padding-left: 93px;
    margin-left: auto;
    text-align: left;
    align-items: flex-start;
  }
  
  /* limit the readable text width inside each half */
  .history-timeline-card {
    width: 100%;
  }
  
  /* title */
  .history-timeline-title {
    font-size: 30px;
    color: #0F172B;
    font-family: 'inter-bold';
    padding-bottom: 26px;
}
  
  /* body text */
  .history-timeline-content {
    font-size: 18px;
    line-height: 30px;
    color: #0F172B;
    margin-bottom: 26px;
}
  
  /* image block */
  .history-timeline-media {
    border-radius: 6px;
    overflow: hidden;
    background: #0F172B;
    max-width: 100%;
  }
  
  .history-timeline-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
    object-fit: cover;
    filter: grayscale(100%);
    max-height: 300px;
  }
  
  /* the orange tick marker */
  .history-timeline-item--left .history-timeline-marker {
    position: absolute;
    top: 0;
    right: 0%;
    transform: translateX(50%);
    width: 12px;
    height: 80px;
    background-color: #D38945;
    border-radius: 2px;
    z-index: 3;
}

.history-timeline-item--right .history-timeline-marker {
  position: absolute;
  top: 0;
  left: 0%;
  transform: translateX(-50%);
  width: 12px;
  height: 80px;
  background-color: #D38945;
  border-radius: 2px;
  z-index: 3;
}
  
  /* =========================
     RESPONSIVE
     ========================= */
  
  @media (max-width: 900px) {
  
    .history-timeline-inner {
      flex-direction: column;
    }
  
    /* single column on mobile */
    .history-timeline-item {
      width: 100%;
      max-width: 100%;
      padding-left: 2.5rem;
      padding-right: 0;
      margin-left: 0;
      margin-right: 0;
    }
  
    .history-timeline-item--left,
    .history-timeline-item--right {
      padding-left: 2.5rem;
      padding-right: 0;
      align-items: flex-start;
    }
  
    /* move middle line to left like traditional timeline */
    .history-timeline-line {
      left: 16px;
      transform: none;
    }
  
    /* move marker to that same line */
    .history-timeline-marker {
      left: 16px;
      transform: translateX(-50%);
    }
  
    .history-timeline-card {
      max-width: 100%;
    }

    .history-timeline-item--left, .history-timeline-item--right {
      padding-left: 0;
      padding-right: 0;
      align-items: flex-start;
      margin-bottom: 40px;
  }
  .history-timeline-line,
  .history-timeline-item--left .history-timeline-marker,
  .history-timeline-item--right .history-timeline-marker {
    display: none;
  }


  
  }
  

  .team-profile-row {

  }


  .team-gradient-overlay {

  }

  /* Team image: bottom-half gradient overlay */
.team-gradient-overlay .et_pb_main_blurb_image {
  position: relative;
}

.team-gradient-overlay .et_pb_main_blurb_image .et_pb_image_wrap {
  position: relative;
  display: block;
  overflow: hidden;            /* keeps the overlay clipped to the image */
}

/* The actual overlay */
.team-gradient-overlay .et_pb_main_blurb_image .et_pb_image_wrap::after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;           
  pointer-events: none;
  z-index: 1;
  background:linear-gradient(
    to top,
    rgba(2, 6, 24, 1)   0%,
    rgba(2, 6, 24, .55) 40%,
    rgba(2, 6, 24, 0)  100%
  );
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

/* Keep overlay above image */
.team-gradient-overlay .et_pb_main_blurb_image { position: relative; }
.team-gradient-overlay .et_pb_main_blurb_image img { 
  position: relative; 
  z-index: 0;   
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.team-gradient-overlay .et_pb_module_header {
  font-size: 30px;
  color: #fff;
  font-family: 'inter-bold';
}

.team-gradient-overlay .et_pb_blurb_description {
  font-size: 18px;
  color: #fff;
}

.team-gradient-overlay .et_pb_blurb_container {
  position: absolute;
  width: 100%;
  bottom: 80px;
  z-index: 99;
  padding: 40px;
}


#gform_fields_1 input.text, input.title, 
#gform_fields_1 input[type=email], 
#gform_fields_1 input[type=password], 
#gform_fields_1 input[type=tel], 
#gform_fields_1 input[type=text], 
#gform_fields_1 select {
  font-family: 'inter-medium';
  background-color: #fff;
  border: 1px solid #D4D4D4;
  padding: 2px 20px;
  height: 55px;
  color: #0F172B;
  border-radius: 8px;
}

#gform_fields_1 select {
  font-family: 'inter-medium';
  padding: 8px 20px;  
}

#gform_fields_1 textarea {
  font-family: 'inter-medium';
  background-color: #fff;
  border: 1px solid #D4D4D4; 
  color: #000000;
  padding: 20px 20px;
  border-radius: 8px;
}

.gform-theme--foundation #gform_fields_1.gform_fields {
  row-gap: 20px !important;
}

#gform_fields_1 .gf_placeholder {
  color: #000 !important; 
}

/* Gravity Form #1 placeholder color */
#gform_fields_1 ::placeholder {
  color: #000 !important;
  opacity: 1; /* ensure full opacity across browsers */
}

/* For older browsers (optional fallbacks) */
#gform_fields_1 :-ms-input-placeholder {
  color: #000 !important;
}
#gform_fields_1 ::-ms-input-placeholder {
  color: #000 !important;
}



input#gform_submit_button_1 {
    position: relative;
    overflow: hidden;                 /* clip to rounded corners */
    border-radius: 10px;              /* helps the front look rounded */
    color: #fff !important;
    background:
      /* Top: a true CIRCLE slightly inset from the left */
      radial-gradient(circle at 6% 50%, #0F172B 0 64%, transparent 50%) left center / 0% 120% no-repeat,
      /* Bottom: original orange */
      #D38945;
    border: 2px solid #D38945;
    padding: 20px 20px !important;
    font-size: 20px;
    transition:
      background-size 1.2s cubic-bezier(.2,.8,.2,1),
      border-color .35s ease;
    will-change: background-size;
}

@media (max-width: 1488px) {
  .footer-copyright {
    padding-top: 245px !important;
}
}

@media (max-width: 1440px) {
  .pa-header {
    margin-top: 20px;
}

.inner-page-hero-content h2,
.white-inner-header h2,
.home-hero-slider h2 {
  font-size: 68px !important;
}

.et_pb_slider:hover .et-pb-arrow-prev {
  left: 10px;
}

.et_pb_slider:hover .et-pb-arrow-next {
  right: 10px; 
}

}

@media (max-width: 1330px) {
  .page-footer-blocks {
    padding-bottom: 25%;
}
}


@media (max-width: 1196px) {

  .pa-header {
    margin-top: 0px;
}

.menu-search-top {
  display: none;
  width: 0px;
}
.et_pb_column.et_pb_column_3_4.et_pb_column_0_tb_header.et_pb_css_mix_blend_mode_passthrough.et_pb_column--with-menu {
  width: 100%;
}

/* .pa-header {
  padding-bottom: 30px;
} */

.custom-menu-row .et_pb_menu__logo-wrap {
  max-width: 320px !important;
}

.home-hero-slider .et_pb_slide_description {
  padding-top: 150px;
}

.image-overlays:after {
  width: 80%;
}

.et-pb-arrow-next, .et-pb-arrow-prev {
  font-size: 40px;
}

}

@media (max-width: 1156px) { /* Adjust 1024px to your desired breakpoint */
  .et_mobile_nav_menu {
    display: block !important;
  }
  .et_pb_menu .et_pb_menu__menu {
    display: none;
}
}

@media (max-width: 1022px) {
  .footer-copyright {
    padding-top: 290px !important;
}

.page-footer-blocks {
  padding-bottom: 30%;
}
}

@media (max-width: 922px) {
  .footer-flex-overflow {
    position: relative;
    width: 100%;
    top: 0;
    z-index: 99;
    margin-top: 96px;
}

.footer-copyright {
  padding-top: 30px !important;
}

.page-footer-blocks {
  padding-bottom: 96px;
}

.inner-page-hero-content h2,
.white-inner-header h2, 
.home-hero-slider h2 {
  font-size: 56px !important;
}

}

@media (max-width: 800px) {
  .home-hero-slider .et_pb_fullwidth_slider_0 .et_pb_slide>.et_pb_container {
    max-width: 100%;
}

.flex-rows {
  flex-direction: column;
}

.image-overlays:before {
  right: -12%;
  left: auto;
}

.av-hiw-grid {
  display: flex;  
  flex-direction: column;
}

}


@media (max-width: 500px) {
.et-pb-arrow-next, .et-pb-arrow-prev {
  font-size: 20px;
  background: transparent;
}
}

.postid-140 .inner-page-hero-title {
  position: relative;
}

.postid-140 .inner-page-hero-title:before {
  content: 'Under Development';
  position: relative;
  font-size: 20px;
  font-family: 'inter-semi-bold';
  background: #D38945;
  padding:10px 10px 10px 10px;
  top: -30px;
  left:0px;
  border-radius: 8px;
}

.search-results h2.entry-title {
  font-family: 'inter-semi-bold';
  font-size: 36px;
  color: #D38945 !important;
  padding-bottom: 30px;
}

.search-results-button .et_pb_post {

}

.search-page-bar.et_pb_search input.et_pb_s {
color: #FFF !important;
}

.search-page-bar form.et_pb_searchform {
  position: relative;
  padding: 5px 30px 5px 40px !important;
}

.search-page-bar form.et_pb_searchform:before {
  content: '';
  position: absolute;
  top: 20px;
  left: 20px;
  background: url(/wp-content/uploads/2025/11/search-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
}