<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=person" />

@font-face {
  font-family: 'PolySans Wide' !important;
  src: url('https://info.crawfordinvestment.com/hubfs/Branding/Typography/PolySans-NeutralWideItalic.woff') format('woff') !important;
  font-weight: 400 !important;
  font-style: italic !important;}  

/***********TYPOGRAPHY***********/
.display span{
  color: #B9D0C1 !important;
  font-style: italic !important;}

/************VIDEO************/
.vid-dropshadow{
  box-shadow: 0 32px 80px rgba(16, 16, 16, 0.2), 0 12px 32px rgba(16, 16, 16, 0.12) !important;}


/***********BUTTONS***********/
.btn{
  text-transform:uppercase !important;
  font-weight:600 !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;}

.text-only .btn{
  padding: 0px !important;
  background: transparent !important;}


/***********HEADER***********/

.header__section--main{
  padding-top: 8px !important;
  padding-bottom: 8px !important;}

.nav__item, .nav__link{
  text-transform: uppercase !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  font-size: 11.5px !important;}

.nav__list--level1 > li > a::before{
  height:1px !important;}

.nav__link {
  padding-bottom: .3rem !important;}

.header--sticky-inactive .nav--light .nav__list--level1>li>a:before,
.header--overlap .nav--light .nav__list--level1>li>a:before{
  background: #fff !important;}

.header--sticky-active .nav--light .nav__list--level1>li>a:before{
  background: #153B37 !important;}  
  
.nav__mega-item h6{
  font-size: 16px !important;
  text-transform: none !important;
  font-weight: 400 !important;}

.nav__mega-item-sep-hr{
  margin: 6px 0px !important;}

.nav__mega-item-regular-text {
  padding-inline: 0px !important;}

.nav__mega-item-regular-contents{
  padding: 8px 0px !important;}

.nav__mega-column{
  margin-bottom: 0px !important;}

.nav--light .nav__mega-item-regular-link:hover,
.nav--light .nav__list--flyout li:hover>a {
  background: transparent !important;
  color: #2C8075 !important;}

.nav--light .nav__mega-item-regular-link:hover .important-text{
  color: #2C8075 !important;}

.nav--light .nav__mega-active-link:not(.nav__mega-column--disable-active-styling .nav__mega-active-link){
  background: transparent !important;}

.header--lp-1 .header__center{
  padding-bottom: 1rem;
    padding-top: 1rem;
  position: relative;}
  
/***********FOOTER***********/
.col-nav__title{
  font-family: 'PolySans Wide', sans-serif !important;
  font-size: 1rem !important;}

.hs-social-follow__link:first-child{
  padding-left:0px !important;}

/************SECTION INTRO OVERLINE************/

/*LEFT OVERLINE - LIGHT*/
.left-overline .section-intro__overline::before {
  content: '';
  width: 40px;
  height: 1px;
  background: #B9D0C1;
  opacity: 0.5;}

.left-overline .section-intro__overline {
  font-size: 11px !important;
  font-weight: 600;
  letter-spacing: 0.3em !important;
  text-transform: uppercase;
  color: #B9D0C1;
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom:20px;}

/*LEFT OVERLINE - DARK*/
.left-overline-dark .section-intro__overline::before {
  content: '';
  width: 40px;
  height: 1px;
  background: #56A297;
  opacity: 0.5;}  

.left-overline-dark .section-intro__overline {
  font-size: 11px !important;
  font-weight: 600;
  letter-spacing: 0.3em !important;
  text-transform: uppercase;
  color: #56A297;
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom:20px;}

/*CENTER OVERLINE - LIGHT*/
.center-overline .section-intro__overline  {
  font-size: 11px !important;
  font-weight: 600;
  letter-spacing: 0.3em !important;
  text-transform: uppercase;
  color: #56A297;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content:center;
  margin-bottom:20px;}
 
/*CENTER OVERLINE - LIGHT*/ 
.center-overline-light .section-intro__overline  {
  font-size: 11px !important;
  font-weight: 600;
  letter-spacing: 0.3em !important;
  text-transform: uppercase;
  color: #B9D0C1;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content:center;
  margin-bottom:20px;} 


/***********CONTENT CARDS***********/
.green-cards .content-card{
  background: #b9d0c1 !important;}

.green-cards .btn--light.btn--outline {
  border: none !important;
  background: #153B37 !important;
  color: #fff !important;}

.icon__glyph{
  font-family: 'PolySans Wide', sans-serif !important;}


/**********QUICK FEATURES MODULE**********/
.quickfeat__title{
  margin-bottom:5px !important;}


/**********COUNTERS**********/
.counter-value{
  font-family: 'PolySans Wide', sans-serif !important;
  font-weight:300 !important;}
  
.counter .main-box h6{
  margin-bottom: 0px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #B9D0C1 !important;}  

.counter_section .count h4 {
  font-weight:300 !important;
  font-family: 'PolySans Wide' !important;}

.counter_section{
  background: transparent !important;}

.counter_section .counters .counter .main-box{
  background: transparent !important;}

.counters .counter .main-box{
  box-shadow: none !important;}

.counter_section .row{
  align-items: stretch !important;}

.counters .col-md-6:not(:last-child),
.counters .col-md-4:not(:last-child){
  border-right: 1px solid #B9D0C160;}

@media (max-width: 991px) {
.counters .col-md-6:not(:last-child),
.counters .col-md-4:not(:last-child){
  border:0px !important;}}


/**********BLOG CARDS**********/
.blog-card__img{
  max-height:256px !important;}

.blog-card__tags {
  position: absolute !important;
  top: 20px !important;
  letter-spacing: 0.1em !important;}

.blog-card__tags .badge--accent{
  background: #153B37 !important;
  color: #B9D0C1 !important;}  
  
.badge--lowercase{
  text-transform: uppercase !important;
  font-weight:600 !important;
  font-size: 10px !important;}

.badge--medium{
  padding: 6px 14px !important;}

.blog-card__img img {
  height: 100% !important;
  object-position: center !important;
  object-fit: cover !important;}

.blog-card__title {
  line-height: 1.1em !important;
  font-weight: 500 !important;
  font-size: 21px !important;}

.blog-card--dark .blog-card__content{
  background: #153b37 !important;}

.blog-card__body {
  flex-direction: column-reverse !important;
  justify-content: flex-end !important;
  gap: 20px !important;}

.blog-card--with-summary .blog-card__info {
  border-top: 0px !important;
  padding-top: 0px !important;}

.blog-card__info {
  margin-top: 0px !important;}

.blog-card__date{
  font-size: 13px !important;}


/**********FORMS**********/
.hs-form-field>label {
  color: #153b37 !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  font-size: 0.76rem !important;}


.form--box::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #153B37, #56A297, #B9D0C1) !important;}

.hs-button{
  text-transform:uppercase !important;
  font-weight:600 !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;}


/*****CRAWFORD CARES*****/
.cc-partner{
  background: #fff !important;}

.cc-partner img {
  max-height: 125px !important;
  object-fit: contain !important;
  padding: 20px;
  height: 125px !important;}


/*****INVESTMENT STRATEGY DETAIL TEMPLATE*****/
.strategy-badge{
  display: inline-flex;
  align-items: center;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-bottom: 20px;
/*   padding: 8px 18px;
  background: rgba(121, 185, 175, 0.08); */
/*   border: 1px solid rgba(121, 185, 175, 0.15);
  border-radius: 2px; */
}
.strategy-badge .txt--dark{
  color: #79B9AF !important;}


/******HERO SECTIONS ON MOBILE******/
@media (max-width: 776px) {
.minh-half {
  min-height: 5vh !important;}
}


/***********CHANNEL SWITCHER TOP BAR***********/
.header__top-bar {
  background: #56A297;
}

.header__top-bar-inner {
  max-width: 1248px;
  padding: 7px 24px;
  margin: 0 auto;
}