@charset "UTF-8";
/*!

*/

/*
=====================================================

Style elements that will appear in the front end only

=====================================================
*/ 
@import "style-common.css";


/*
@font-face {
    font-family: "Mont SemiBold";
    src: url("https://db.onlinewebfonts.com/t/303ff8c2975f30a5d6de8572b6b3fd15.eot");
    src: url("https://db.onlinewebfonts.com/t/303ff8c2975f30a5d6de8572b6b3fd15.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/303ff8c2975f30a5d6de8572b6b3fd15.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/303ff8c2975f30a5d6de8572b6b3fd15.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/303ff8c2975f30a5d6de8572b6b3fd15.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/303ff8c2975f30a5d6de8572b6b3fd15.svg#Mont SemiBold")format("svg");
} 
*/

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');



:root {
  --harty-navy: #041e42;
  --harty-lighter-navy: #08397e;
  --harty-beige: #f5ebd7;
}


html {

}

body {
  color: var(--harty-navy);
}


.max-width-300 {
  max-width: 300px;
}
.max-width-390 {
  max-width: 390px;
}
.max-width-480 {
  max-width: 480px;
}
.max-width-500 {
  max-width: 500px;
}
.max-width-700 {
  max-width: 700px;
}
.max-width-800 {
  max-width: 800px;
}
.max-width-1100 {
  max-width: 1100px;
}

.margin-lr-auto {
  margin-left: auto;
  margin-right: auto;
}

.line-height-24 {
  line-height: 24px;
}
.line-height-25 {
  line-height: 25px;
}
.line-height-26 {
  line-height: 26px;
}
.line-height-35 {
  line-height: 35px;
}
.line-height-38 {
  line-height: 38px;
}
.line-height-42 {
  line-height: 42px;
}
.line-height-46 {
  line-height: 46px;
}
.line-height-55 {
  line-height: 55px;
}


.font-weight-500 {
  font-weight: 500;
}
.font-weight-600 {
  font-weight: 600;
}


.padding-top-9 {
  padding-top: 9px;
}


.mobile-font-32 {
  /* See media query */
}


.worksans-regular {
  font-family: "Work Sans", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


.text-decoration-none, .text-decoration-none a {
  text-decoration: none;
}

header {
  font-family: "Work Sans", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  z-index: 999;
}
header #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item {
  font-weight: 600;
}


footer {
  background-color: var(--harty-navy);
  color: #ffffff;
  padding-top: 80px;
  padding-bottom: 10px;  
}
footer h3 {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  margin-block-start: 0em;
  font-size: 17px;
}
footer h3 a {
  color: #ffffff;
  text-decoration: none;
}
footer ul li, footer ul li a {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-size: 13px;
  line-height: 17px;
  font-style: normal;  
  color: #fbf6f0 !important;
}
footer #copyright-line {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal; 
  font-size: 12px;
  color: #fbf6f0 !important;  
}
footer #copyright-line {
  margin-top: 0px;
}
footer .footer-address {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-size: 13px;
  line-height: 24px;
  font-style: normal;
  color: #fbf6f0 !important;
}


#home-hero {
  min-height: 800px;
}
#services-hero, #markets-hero {
  min-height: 560px;
  display: flex;
  text-align: middle;
  align-items: center;
  justify-content: center;  
}
#home-hero p, #home-hero-text, #services-hero h2, #markets-hero h2 {
  text-shadow: 2px 2px 5px #041e42;
  /*text-shadow: 2px 4px 5px #000000;*/
  font-weight: 600;
}
#services-hero h2 {
  font-weight: 500 !important;
  line-height: 55px !important;
  padding-top: 55px;
}
#markets-hero h2 {
  font-weight: 500 !important;
  line-height: 55px !important;
  max-width: 800px;
}
#home-hero p {
  line-height: 55px;
  padding-top: 90px; /* move down by 1 line */
}



.bio-padding-left-80 {
  padding-left: 80px;
}
.bio-margin-left-80 {
  margin-left: 80px;
}



.hide-slide-up {
  display: none;
}
#slide-text {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 2.5s ease-out, transform 2.5s ease-out;
}
#slide-text.show {
  opacity: 1;
  transform: translateY(0);
}


.bio-photo-mobile {
  display: none;
}
.bio-photo-desktop {
  display: block;
}

.our-story-cols {
  margin-bottom: 0px;
}



/* Contact form */
#contact-banner {
  min-height: 245px;
}
#contact-banner h2 {
  padding-top: 60px;
}
#contact-form {
  max-width: 825px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#wpforms-form-534 {
  font-family: "Work Sans", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
#wpforms-form-534 ::placeholder {
  font-family: "Work Sans", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

  color: var(--harty-navy);
  opacity: 1;
}
#wpforms-form-534 select:not([multiple])>option {
  background-color: #faf4ea;
}
#wpforms-form-534 textarea {
  resize: none;
}
#wpforms-form-534 .wpforms-field {
  padding-top: 15px;
  padding-bottom: 7px !important;
}
#wpforms-form-534 #wpforms-submit-534 {
  margin-top: 20px;
  padding-left: 37px;
  padding-right: 37px;  
}

div.wpforms-container-full .wpforms-confirmation-container-full {
  background: #afc26d;
  border: none;
}
/* End contact forms */


.columns-gap-3em {
  column-gap: 3em;
}

#footer-design-by-blink a {
  color: #ffffff;
  text-decoration: none;
}



#market-group, #services-group, #services-group-beige, #market-group-beige {
  padding-left: 0.1em;
  padding-right: 0.1em;
}











@media only screen and (min-width: 769px) {
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .mega-menu-item-36 a {
      /*padding-right: 30px !important;*/
    }
}


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

  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .wp-block-columns {
   /* padding-left: 10px;
    padding-right: 10px;*/
  }
  footer .wp-block-columns {
    padding-left: 0px;
    padding-right: 0px;
  }

  .pad-lr-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  header {
      height: 70px !important;
      background-color: #041e42 !important;
      padding-top: 10px !important;
  }
  #header-columns #left {
    flex-basis: 60% !important;
    /*text-align: center;*/
    padding-left: 10px;
  }
  #header-columns #right {
    flex-basis: 40% !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link,
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item {
      color: #ffffff !important;
  }
  #header-logo-light {
      display: block !important;
      padding-top: 5px;
  }
  #header-logo-dark {
      display: none !important;
  }



  #footer-menu-cols .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 50% !important;
    }

  #footer-menu-cols .wp-block-column:nth-child(1){
    order: 1;
  }
  #footer-menu-cols .wp-block-column:nth-child(4){
    order: 2;
  } 
  #footer-menu-cols .wp-block-column:nth-child(2){
    order: 3;
  }   
  #footer-menu-cols .wp-block-column:nth-child(3){
    order: 4;
  } 

  footer {
    padding-left: 10px;
    padding-right: 10px;
  }
  footer #copyright-line .wp-block-group {
    text-align: left !important;
  }
  footer #copyright-line .has-text-align-right  {
    text-align: left !important;
  }
  #footer-design-by-blink {
    color: #ffffff;
    flex-direction: column;
    text-align: left;
    align-items: start;
  }


  .spacer-mobile-0 {
    height: 0px !important;
  }
  .spacer-mobile-10 {
    height: 10px !important;
  }  
  .spacer-mobile-15 {
    height: 15px !important;
  }  
  .spacer-mobile-20 {
    height: 20px !important;
  }
  .spacer-mobile-30 {
    height: 30px !important;
  }  
  .spacer-mobile-32 {
    height: 32px !important;
  }    
  .spacer-mobile-38 {
    height: 38px !important;
  }   
  .spacer-mobile-42 {
    height: 42px !important;
  }    

  .columns-gap-3em {
    column-gap: 2em;
  }


  .mobile-font-30 {
    /* See media query */
    font-size: 29px !important;
    line-height: 36px !important;
  }   
  .mobile-font-33 {
    /* See media query */
    font-size: 33px !important;
    line-height: 41px !important;
  } 
  .mobile-font-32 {
    /* See media query */
    font-size: 32px !important;
    line-height: 38px !important;
  }   



  .bio-padding-left-80 {
    padding-left: 0px !important;
  }
  .bio-margin-left-80 {
    margin-left: 0px !important;
  } 
  .bio-photo-mobile {
    display: block;
  }
  .bio-photo-desktop {
    display: none;
  }


  .our-story-cols {
    gap: 0px;
    margin-bottom: 0px;
  }

  #markets-hero h2 {
    font-size: 40px !important;
    line-height: 45px !important;
  }  

  .mobile-font-32 {
    font-size: 32px !important;
    line-height: 38px !important;
  }  
}



@media only screen and (max-width: 768px){
  .bio-padding-left-80 {
    padding-left: 40px;
  }
  .bio-margin-left-80 {
    margin-left: 40px;
  }

  #mega-menu-wrap-max_mega_menu_1 {
    padding-top: 5px;
  }
  #mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-menu-badge, #mega-menu-wrap-max_mega_menu_1 button.mega-close, #mega-menu-wrap-max_mega_menu_1 button.mega-toggle-standard {
    min-width: 100%;  /* Force mobile full width */
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open + #mega-menu-max_mega_menu_1 {
    padding-top: 50px; /* Move menu items down */
  }

  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle ~ button.mega-close:before {
    padding-top: 20px;
    font-size: 35px;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open ~ button.mega-close {
    left: 90%;
  }
}



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