/* @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 ------------------------------------------------------ */

.text-white, .text-white h1, .text-white h2, .text-white h3, .text-white h4, 
.text-white h5, .text-white h6 {
  color: #fff !important; 
}

.text-dark, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, 
.text-dark h5, .text-dark h6 {
  color: #2b2b2b !important; 
}


/* Header/Navigation ------------------------------------------------------ */
.header__container--left .header__wrapper--bottom {
  justify-content: space-between;
  max-width: 100% !important;
  background: #0b5284;
  padding-right: 15px;
}

.header__bottom {
  padding: 10px 20px !important;
}

a.header__logo-link {
  display: flex;
  width: 100%;
}

nav.header__menu.header__menu--mobile.header__menu--show {
  background: #0b5284;
}

.header__menu-item--open {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-color: #fff;
  text-decoration-thickness: 3px;
}

.header__menu-item--depth-1 {
  padding: 1rem !important;
}


/* Module Overrides ------------------------------------------------------ */

/* Section Header Module */
.page-header__wrapper {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.page-header__container {
  padding: 80px 15px;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  z-index: 1 !important;
  position: relative;
}
.page-header__wrapper.page-header__overlay::before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  height: 100%;
}

.page-header__overlap {
  max-width: 700px;
  padding: 40px;
  background: #fff;
  box-shadow: 0 8px 30px rgb(0 0 0 / 15%);
}


a:hover{
  text-decoration:none;
}


/* Responsive grid */

.row_fluid {
  width: 100%;
}

.row_fluid:before, .row_fluid:after {
  display: table;
  content: '';
}

.row_fluid:after {
  clear: both;
}

.row_fluid [class*='span'] {
  display: block;
  float: left;
  width: 100%;
  min-height: 1px;
  margin-left: 2.127659574%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.row_fluid [class*='span']:first-child {
  margin-left: 0;
}

.row_fluid .span12 {
  width: 99.99999998999999%;
}

.row_fluid .span11 {
  width: 91.489361693%;
}

.row_fluid .span10 {
  width: 82.97872339599999%;
}

.row_fluid .span9 {
  width: 74.468085099%;
}

.row_fluid .span8 {
  width: 65.95744680199999%;
}

.row_fluid .span7 {
  width: 57.446808505%;
}

.row_fluid .span6 {
  width: 48.93617020799999%;
}

.row_fluid .span5 {
  width: 40.425531911%;
}

.row_fluid .span4 {
  width: 31.914893614%;
}

.row_fluid .span3 {
  width: 23.404255317%;
}

.row_fluid .span2 {
  width: 14.89361702%;
}

.row_fluid .span1 {
  width: 6.382978723%;
}

.container-fluid:before, .container-fluid:after {
  display: table;
  content: '';
}

.container-fluid:after {
  clear: both;
}

@media (max-width: 767px) {
  .row_fluid {
    width: 100%;
  }

  .row_fluid [class*='span'] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .row_fluid {
    width: 100%;
  }

  .row_fluid:before, .row_fluid:after {
    display: table;
    content: '';
  }

  .row_fluid:after {
    clear: both;
  }

  .row_fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.762430939%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row_fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row_fluid .span12 {
    width: 99.999999993%;
  }

  .row_fluid .span11 {
    width: 91.436464082%;
  }

  .row_fluid .span10 {
    width: 82.87292817100001%;
  }

  .row_fluid .span9 {
    width: 74.30939226%;
  }

  .row_fluid .span8 {
    width: 65.74585634900001%;
  }

  .row_fluid .span7 {
    width: 57.182320438000005%;
  }

  .row_fluid .span6 {
    width: 48.618784527%;
  }

  .row_fluid .span5 {
    width: 40.055248616%;
  }

  .row_fluid .span4 {
    width: 31.491712705%;
  }

  .row_fluid .span3 {
    width: 22.928176794%;
  }

  .row_fluid .span2 {
    width: 14.364640883%;
  }

  .row_fluid .span1 {
    width: 5.801104972%;
  }
}

@media (min-width: 1280px) {
  .row_fluid {
    width: 100%;
  }

  .row_fluid:before, .row_fluid:after {
    display: table;
    content: '';
  }

  .row_fluid:after {
    clear: both;
  }

  .row_fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.564102564%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row_fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row_fluid .span12 {
    width: 100%;
  }

  .row_fluid .span11 {
    width: 91.45299145300001%;
  }

  .row_fluid .span10 {
    width: 82.905982906%;
  }

  .row_fluid .span9 {
    width: 74.358974359%;
  }

  .row_fluid .span8 {
    width: 65.81196581200001%;
  }

  .row_fluid .span7 {
    width: 57.264957265%;
  }

  .row_fluid .span6 {
    width: 48.717948718%;
  }

  .row_fluid .span5 {
    width: 40.170940171000005%;
  }

  .row_fluid .span4 {
    width: 31.623931624%;
  }

  .row_fluid .span3 {
    width: 23.076923077%;
  }

  .row_fluid .span2 {
    width: 14.529914530000001%;
  }

  .row_fluid .span1 {
    width: 5.982905983%;
  }
}






/*======================================================
Two Column Adjust
========================================================*/
body .container-fluid .row-fluid .two-col-adjust>span{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;-
  webkit-box-align:stretch;
  -moz-box-align:stretch;
  -webkit-align-items:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  flex-wrap:wrap;
  -wevkit-flex-wrap:wrap;
  flex-direction:row;
  -webkit-flex-direction:row;
  margin-right:-2.5%;
}
body .row-fluid .two-col-adjust span>.hs-cos-wrapper{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  flex-basis:46%;
  -webkit-flex-basis:46%;
  float:left;
  margin-right:4%;
  margin-top:40px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
}
@media(max-width:767px){
  body .row-fluid .two-col-adjust span>.hs-cos-wrapper{
    display:block;
    width:100%;
    margin:0;
    margin-top:20px;
    max-width:379px;
    width:100%;
    margin:35px auto 0;
    float:none
  }
  body .container-fluid .row-fluid .two-col-adjust>span{
    display:block;
    margin-right:0;
  }
}
/*==================================================
Three Col Adjust 
==================================================*/
body .container-fluid .row-fluid .three-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -3.2%;
}
body .row-fluid .three-col-adjust span>.hs-cos-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 29.96%;
  -webkit-flex-basis: 29.96%;
  float: left;
  margin-right: 3.2%;
  margin-top: 2.43%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position:relative;
  flex-direction: column;
  -webkit-flex-direction: column;
}
@media (max-width:767px){
  body .container-fluid .row-fluid .three-col-adjust>span {
    display: block;
    margin-right: 0;
  }
  body .row-fluid .three-col-adjust span>.hs-cos-wrapper {
    display: block;
    width: 100%;
    margin: 0;
    margin-top: 20px;
    max-width: 379px;
    width: 100%;
    margin: 30px auto 0;
    float: none;
  }   
}
/*==================================================
Four Col Adjust 
==================================================*/
body .container-fluid .row-fluid .four-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -2.565%;
}
body .row-fluid .four-col-adjust span>.hs-cos-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 22.5%;
  -webkit-flex-basis: 22.5%;
  float: left;
  margin-right: 2.5%;
  margin-top: 2.43%;
  box-sizing:border-box;
  position:relative;
}
@media (max-width:767px){
  body .container-fluid .row-fluid .four-col-adjust>span {
    display: block;
    margin-right: 0;
  }
  body .row-fluid .four-col-adjust span>.hs-cos-wrapper {
    display: block;
    flex-basis: 100%;
    width:100%;
    -webkit-flex-basis: 100%;
    margin:0;
    margin-top: 20px;
  }   
}
/*==================================================
Five Col Adjust
==================================================*/
body .container-fluid .row-fluid .five-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -2.565%;
}
body .row-fluid .five-col-adjust span>.hs-cos-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 17.5%;
  -webkit-flex-basis: 17.5%;
  float: left;
  margin-right: 2.5%;
  margin-top: 2.43%;
  box-sizing:border-box;
  position:relative;
}
@media (max-width:767px){
  body .container-fluid .row-fluid .five-col-adjust>span {
    display: block;
    margin-right: 0;
  }
  body .row-fluid .five-col-adjust span>.hs-cos-wrapper {
    display: block;
    flex-basis: 100%;
    width:100%;
    -webkit-flex-basis: 100%;
    margin:0;
    margin-top: 30px;
  }
}
/*==================================================
Six Col Adjust
==================================================*/
body .container-fluid .row-fluid .six-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -2.565%;
}
body .row-fluid .six-col-adjust span>.hs-cos-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 14%;
  -webkit-flex-basis: 14%;
  float: left;
  margin-right: 2.5%;
  margin-top: 2.43%;
  box-sizing:border-box;
  position:relative;
}
@media (max-width:767px){
  body .container-fluid .row-fluid .six-col-adjust>span {
    display: block;
    margin-right: 0;
  }
  body .row-fluid .six-col-adjust span>.hs-cos-wrapper {
    display: block;
    flex-basis: 100%;
    width:100%;
    -webkit-flex-basis: 100%;
    margin:0;
    margin-top: 30px;
  }
  body .row-fluid .three-col-adjust span>.hs-cos-wrapper{
    max-width:100%;
  }
}

@media(min-width:768px) and (max-width:1024px){
  body .row-fluid .four-col-adjust span>.hs-cos-wrapper {
    -webkit-flex-basis: 45.96%;
    flex-basis: 45.96%;
    margin-right: 2.5%;
    margin-top: 2.43%;
  }
  body .row-fluid .three-col-adjust span>.hs-cos-wrapper{
    -webkit-flex-basis: 45.96%;
    flex-basis: 45.96%;
  }
  body .container-fluid .row-fluid .three-col-adjust>span,body .container-fluid .row-fluid .four-col-adjust>span{
    margin-right: -5.2%;
  }
}


@media(min-width:1025px){
  .dr_flex-cards--4-col .dr_flex-cards__card{
    margin-right:1.5rem;
  }
  .dr_flex-cards--4-col .dr_flex-cards__card {
    width: calc(24.3% - 1rem);
  }
}


a.cta_button{
  border: 3px solid #0f75bc;
  padding-top: 12px;
  padding-right: 30px;
  padding-bottom: 12px;
  padding-left: 30px;
  font-family: Raleway, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  background-color: rgba(15, 117, 188, 1.0);
  border-radius: 5px;
  color: #ffffff;
  fill: #ffffff;
  font-size: 18px;
  text-transform: none;
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  text-align: center;
  white-space: normal
}

a.cta_button:hover,
a.cta_button:focus,
a.cta_button:active{
  border: 3px solid #0f75bc;
  font-family: Raleway, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  background-color: rgba(3, 3, 3, 0.0);
  color: #0f75bc;
  fill: #0f75bc;
}


a.cta_button:active {
  border: 3px solid #0f75bc;
  font-family: Raleway, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  background-color: rgba(83, 83, 83, 0);
  border-color: #5fc5ff;
  color: #0f75bc;
  fill: #0f75bc;
}

/* Secondary button */

.button--secondary  a.cta_button{
  border: 3px solid #0f75bc;
  font-family: Raleway, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.0);
  border-radius: 5px;
  color: #0f75bc;
  fill: #0f75bc;
  text-transform: none;
}

.button--secondary a.cta_button:hover,
.button--secondary a.cta_button:focus,
.button--secondary a.cta_button:active {
  border: 3px solid #0f75bc;
  font-family: Raleway, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  background-color: rgba(15, 117, 188, 1.0);
  color: #ffffff;
  fill: #ffffff;
}

.button--secondary a.cta_button:active {
  font-family: Raleway, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  background-color: rgba(95, 197, 255, 100);
  border: 3px solid #0f75bc;
  border-color: #5fc5ff;
  color: #ffffff;
  fill: #ffffff;
}

/* Brutalist button */

.button--brutalist a.cta_button{   
  border: 2px solid #0f75bc;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  background-color: rgba(15, 117, 188, 1.0);
  border-radius: 6px;
  color: #FFFFFF;
  fill: #FFFFFF;
  text-transform: none;
  box-shadow: 6px 6px 0px rgba(45, 45, 45, 1.0);
}

.button--brutalist a.cta_button:hover,
.button--brutalist a.cta_button:focus,
.button--brutalist a.cta_button:active {        
  border: 2px solid #0b5284;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  background-color: rgba(11, 82, 132, 1.0);
  color: #FFFFFF;
  fill: #FFFFFF;
  top: -4px;
  left: -4px;
  box-shadow: 10px 10px 0px rgba(45, 45, 45, 1.0);
  transition: all .3s ease;
}

.brutalist-white {
  border: 2px solid #ffffff !important;
  background-color: rgba(255, 255, 255, 1.0)!important;
  color: #0f75bc !important;
}



/* Highlight button */

.button--highlight a.cta_button {
  border: 3px solid #FFFFFF;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.0);
  border-radius: 5px;
  color: #0f75bc;
  fill: #0f75bc;
  text-transform: none;

}

.button--highlight a.cta_button:hover,
.button--highlight a.cta_button:focus,
.button--highlight a.cta_button:active {
  border: 3px solid #FFFFFF;
  font-family: Raleway, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  background-color: rgba(15, 117, 188, 0.0);
  color: #FFFFFF;
  fill: #FFFFFF;
}

.button--highlight a.cta_button:active {
  font-family: Raleway, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  background-color: rgba(95, 197, 255, 0);
  border: 3px solid #FFFFFF;
  border-color: #ffffff;
  color: #FFFFFF;
  fill: #FFFFFF;
}

/* Simple button */

.button--simple a.cta_button{
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  color: #0f75bc;
  fill: #0f75bc;
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  position: relative;
}

.button--simple a.cta_button:hover,
.button--simple a.cta_button:focus {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: underline;
  color: #0b5284;
  fill: #0b5284;
}

.button--simple a.cta_button:active {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: underline;
  color: #5ba2d4;
  fill: #5ba2d4;
}


.button--brutalist a.cta_button {
  bottom: 0;
  left: 0;
  position: relative;
  right: 0;
  top: 0;
}


.button--small a.cta_button{
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: 20px;
}

.button--large a.cta_button{
  padding-top: 16px;
  padding-right: 36px;
  padding-bottom: 16px;
  padding-left: 36px;
  font-size: 20px;
}



/* BLOG  */

.blog-listing__post-title-link:active,
.blog-listing__post-title-link:hover {
  color: #0b5284; 
}