/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/* Typography */
@font-face { font-family: 'Lora'; src: url(//6216216.fs1.hubspotusercontent-na1.net/hubfs/6216216/raw_assets/public/OnPath-Testing-theme/fonts/Lara/Lora-VariableFont_wght.ttf) format('truetype');}
@font-face { font-family: 'Outfit'; src: url(//6216216.fs1.hubspotusercontent-na1.net/hubfs/6216216/raw_assets/public/OnPath-Testing-theme/fonts/Outfit/Outfit-VariableFont_wght.ttf) format('truetype');}

.op24__h1, h1 { 
  font-family: Lora;
  font-size: 52px;
  font-weight: 400;
  line-height: 64px;
  text-align: left;
  color:#05080A;
  font-family: Lora;
}

.op24__h2, h2 { 
  font-family: Lora;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  text-align: left;
  color: #05080A;
}

.op24__h3, h3 { 
  font-family: Lora;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  color: #05080A;
} 

.op24__h4, h4, h3.op24__mock-h4 {
  font-family: Lora;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  color: #05080A;
}

.op24__title-tag {
  font-family: Outfit;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.24em;
  text-align: left;
  color: #43515A;
}

a, p, li {
  font-family: Outfit;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

h5 {
  font-family: Outfit;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  text-align: left;
  color: #1B2B35;
}
h6 {
  font-family: Outfit;
  font-size: 21px;
  font-weight: 600;
  line-height: 32px;
  text-align: left;
  color: #1B2B35;

}
.op24__subtitle {
  font-family: Outfit;
  font-size: 21px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  color: #1B2B35;
}
.op24-red-highlight {
  color: #DA2112
}

@media only screen and (max-width: 994px) {
  .op24__h1, h1 { 
    font-size: 40px;
    line-height: 48px;
  }

  .op24__h2, h2 { 
    font-size: 32px;
    line-height: 40px;
  }

  .op24__h3, h3 { 
    font-size: 24px;
    line-height: 32px;
  } 

  .op24__h4, h4, h3.op24__mock-h4 {
    font-size: 21px;
    line-height: 32px;
  }

  .op24__title-tag {
    font-size: 12px;
    line-height: 24px; /* 200% */
    letter-spacing: 2.88px;
  }

  a, p, li {
    font-size: 18px;
    line-height: 28px;
  }

  h5 {
    font-size: 24px;
    line-height: 32px;
  }
  h6 {
   font-size: 21px;
    line-height: 28px;
  }
/*   .op24__subtitle {
    font-size: 40px;
    line-height: 48px;
  }  */
}
/* -------------  General Overrides ----------- */
@media (min-width: 992px) {
  .span4 {
    max-width: 100%;
  }
}

/* Navigation Bar */
.Nav--primary {
   box-shadow: none;
}
.Nav--primary .NavMenuLink {
  font-family: Outfit;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.Nav--primary .NavMenuLink span {
  background-color: #05080a;
  color: white;
  font-family: Outfit;
  font-size: 14px;
  text-align: center;
  font-weight: 300;
  padding: 0px 24px;
  border-radius: 40px;
  text-transform: uppercase;
  border: 1px solid #05080a;
}
.Nav--primary .NavMenuLink span:hover {
  background: #43515A;
  border: 1px solid #43515A;
  color: white;
}
.NavPanel {
  margin-top: -10px;
}
/* Buttons */
.op24__button, .hs-button, form.hs-form .hs-button{
  background-color: #05080a;
  color: white;
  font-family: Outfit;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 12px 24px;
  border-radius: 40px;
  text-transform: uppercase;
}
.op24__button:hover, .hs-button:hover, form.hs-form .hs-button:hover{
  background: #43515A;
  transform: translateX(4px);
  transition: transform 0.6s ease-in-out;
}
/* Content Padding  */
#main-content.op24-main-content {
    padding: 144px 0 0;
}
@media only screen and (max-width: 994px) {
/*   top navigation is 80px if you add 32px then you get 112px */
  #main-content.op24-main-content {
    padding: 112px 0 0;
  }
}

/* Rows */
.dnd-row {
  padding-top: 0px;
  padding-bottom: 0px;
}
@media only screen and (max-width: 994px) {
  .dnd-row {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.SectionTitle {
  padding-top: 32px;
  padding-bottom: 32px;
}
.op24-heading {
  margin-top: 32px;
  margin-bottom: 32px;
}
/* Text Sections */

.op24-center-aligned-text {
  text-align: center; 
  max-width: 980px; 
  margin-left: auto; 
  margin-right: auto;
  padding: 16px;
}

/* Forms  */
form.hs-form input.hs-input {
  font-family: Outfit;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

form.hs-form .hs-form-field label{
  font-family: Outfit;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

form.hs-form select.hs-input{
  font-family: Outfit;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

form.hs-form textarea.hs-input{
  font-family: Outfit;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

form.hs-form .inputs-list:not(.hs-error-msgs) {
  background-color: transparent;
}
/* op24-social-proof */

h3.op24-social-proof__heading { 
  font-family: Outfit;
  font-weight: 500;
}

/* Card overrides */

.Card span {
  font-family: Outfit;
}
.Card {
  background-color: white;
}
/* In Cards H3 have H4 styling */
.Card h3 {
  font-family: Lora;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  padding-left: 32px;
  padding-right: 16px;
}
.Card__text .flow p, .Card__text .flow h1, .Card__text .flow h2, .Card__text .flow h3, .Card__text .flow h4, .Card__text .flow span {
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
}
.Card--linked.Card--default .Card__cta a {
    justify-content: center;
}
.Card a {
  color: #DA2112;
  font-family: Outfit;
  font-size: 18px;
  font-weight: 500;
  line-height: 22.68px;
  text-align: left;
  padding-left: 16px;
  padding-right: 16px;
}
.Card--linked.Card--default {
    grid-gap: 32px;
}
.Card__cta a:after, .Card__cta.read-more:after {
  background-image: url("//6216216.fs1.hubspotusercontent-na1.net/hubfs/6216216/raw_assets/public/OnPath-Testing-theme/images/arrow-right-red.svg") !important;
}
/* Footer Overrides  */
footer .Card a {
  color: white;
}
@media only screen and (min-width: 995px) {
  .Footer .Card__text .flow span,  .Footer .Card__text .flow H4, .Footer .Card__text .flow p, .Footer .Card__text .flow div{
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
  }
  .Footer .Card__text .flow a{
     text-align: left;
  }
  .Footer .Button {
    margin-top: 32px;
  }
  .FooterSecondary .Footer__row {
    margin-top: -24px;
  }
}
footer .Card {
  background-color: transparent;
  color: white;
  box-shadow: none;
}
footer .Card--shadow .Card__text, .Card--shadow-rounded .Card__text {
   padding: 0px;
   box-shadow: none;
}
.Footer__intro *{
  color: white;
}
footer .Card a {
  background-color: white;
  color: #063250;
  font-family: Outfit;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 12px 24px;
  border-radius: 40px;
  text-transform: uppercase;
}
@media only screen and (max-width: 994px) {
  .Footer__logo img {
    margin-left: auto;
    margin-right: auto;
  }
  .Footer-Menu-Wrapper, .Footer-Social-Wrapper {
    padding: 32px 56px 16px 56px;
  }
  .Footer__legal {
    padding: 32px 64px;
  }
  .Footer__col-first {
    max-width: 994px;
  }
  .Footer__col-first .Card__text .hs_cos_wrapper_widget.hs_cos_wrapper_type_cta, .Footer__col-first .Card__text .hs-cta-wrapper {
    padding-left:0px;
    padding-right: 0px;
  }
  .Footer__col-first .Button {
    text-align: center;
  }
}
.wrapper {
    max-width: 1312px !important;
    overflow: hidden;
}
.Footer__intro h4{
      line-height: 32px !important;
}
.Footer__intro p{
      line-height: 24px !important;
}
.Footer__menu ul {
    list-style: none;
    padding: 0;
    line-height: 24px !important;
}
h3.Footer__bottom-heading {
    line-height: 40px !important;
}
/* Logo Items overrides  */
.LogoItems {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.LogoItems::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.LogoItems {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  flex-wrap: nowrap;
}

/* Cards override */

#OP24-cards-services .Card{
  background-color: transparent;
}

/* Home Page Override: */
.hs-content-id-170724535680 .row-number-5.dnd-row, .hs-content-id-171177018174 .row-number-5.dnd-row{
  padding: 3rem 0px 3rem 0px;
}
/* Home Page STAGE Override */
.hs-content-id-172660944453 .row-number-5.dnd-row, .hs-content-id-172660944453 .row-number-5.dnd-row{
  padding: 3rem 0px 3rem 0px;
}
@media only screen and (min-width: 995px) {
    .hs-content-id-172660944453 #hs_cos_wrapper_module_17189101662444 .TwoColumnBanner__image {
      padding: 0 8px;
  }
}

/* Services page Override */
.hs-content-id-171177018174 .row-number-8 .span12 {
  padding-right: 0px;
}
.hs-content-id-171177018174 .row-number-12, .hs-content-id-171177018174 .row-number-14,.hs-content-id-171177018174 .row-number-15, .hs-content-id-171177018174 .row-number-14 {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.hs-content-id-171177018174 .row-number-14,.hs-content-id-171177018174 .row-number-15, .hs-content-id-171177018174 .row-number-14 {
  padding-top: 16px;
}
.hs-content-id-171177018174 .row-number-8 .span12 .OP24-RichText h3{
  text-align: right;
}
@media only screen and (max-width: 994px) { 
  .hs-content-id-171177018174 .row-number-8 .span12 {
    padding-right: 16px;
    padding-left: 0px;
  }
  .hs-content-id-171177018174 .row-number-8 .span12 .OP24-RichText h3{
    text-align: left;
  }
  .hs-content-id-171177018174 .row-number-19 .CardRow .row {
    grid-gap: 0px 16px;
   
  }
  .hs-content-id-171177018174 .row-number-19 .CardRow .row .col--3 {
     padding-left: 32px;
  }
}

/* Services Page STAGE Override */
.hs-content-id-172660944456 .row-number-5.dnd-row{
  padding: 0px 0px 32px 0px;
}

/* Services page STAGE Override */
.hs-content-id-172660944456 .row-number-8 .span12 {
  padding-right: 0px;
}

.hs-content-id-172660944456 .row-number-12,
.hs-content-id-172660944456 .row-number-14,
.hs-content-id-172660944456 .row-number-15,
.hs-content-id-172660944456 .row-number-14 {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.hs-content-id-172660944456 .row-number-14,
.hs-content-id-172660944456 .row-number-15,
.hs-content-id-172660944456 .row-number-14 {
  padding-top: 16px;
}

.hs-content-id-172660944456 .row-number-8 .span12 .OP24-RichText h3 {
  text-align: right;
}

@media only screen and (max-width: 994px) {
  .hs-content-id-172660944456 .row-number-8 .span12 {
    padding-right: 16px;
    padding-left: 0px;
  }

  .hs-content-id-172660944456 .row-number-8 .span12 .OP24-RichText h3 {
    text-align: left;
  }

  .hs-content-id-172660944456 .row-number-19 .CardRow .row {
    grid-gap: 0px 16px;

  }

  .hs-content-id-172660944456 .row-number-19 .CardRow .row .col--3 {
    padding-left: 32px;
  }
  .blogtext_onpath{
    margin: 0px 16px !important;
  }
 .blogtext_onpath h2{
   color: #05080a !important;
    font-family: Lora !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
      margin-top: 5px !important;
  }
  
  .blogtext_onpath p{
    font-family: Outfit !important;
    color: #262626 !important;
    margin: 1em 0 0 !important;
    font-size: 18px  !important;
    font-weight: 400 !important;
    line-height: 24px !important;
  }