/* site styles
----------------------------------*/

body {
  color: #213F99;
  font-family: 'Open Sans', sans-serif;
}

h3 {
  font-size: 1.3rem;
  font-weight: 600;
}

body.privacy h3 {
   margin-top: 2.5rem;
}

header {
  border-top: 20px solid #213F99;
}

#wrap-services {
  
}

.featurebox {
  background-color: #213F99;
  color: #FFFFFF;
}

.featurebox a {
  color: #FFFFFF;
}
.featurebox a:focus,
.featurebox a:hover,
.featurebox a:active {
  color: #FFFFFF;
}

/*--------------------------------*/



/* bootstrap overrides
----------------------------------*/
a {
  color: #213F99;
}
a:focus,
a:hover,
a:active {
  color: #6AABDD;
}

/*--------------------------------*/


/* bootstrap utilities
----------------------------------*/

/* break out of bootstrap container to run full width - apply to a div inside a .container */
.break-out {
  color: #FFFFFF;
  
  width: 100vw;
  position: relative;
  background-color: #213F99;
  left: calc(-1 * (100vw - 100%) / 2);
  color: rgba(0,0,0,.6);
}

/*--------------------------------*/



/* bootstrap extensions
----------------------------------*/

/* extend set of display-* classes */
.display-5 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-6 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-7 {
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-8 {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.2;
}

/* add semi bold font weight */
.font-weight-semi-bold {
	font-weight: 400 !important;
}

/* additional margin and padding classes */
.mt-6,
.my-6 {
  padding-top: 5rem !important;
}

.mr-6,
.mx-6 {
  padding-right: 5rem !important;
}

.mb-6,
.my-6 {
  padding-bottom: 5rem !important;
}

.ml-6,
.mx-6 {
  padding-left: 5rem !important;
}

.mt-7,
.my-7 {
  padding-top: 7.5rem !important;
}

.mr-7,
.mx-7 {
  padding-right: 7.5rem !important;
}

.mb-7,
.my-7 {
  padding-bottom: 7.5rem !important;
}

.ml-7,
.mx-7 {
  padding-left: 7.5rem !important;
}




.pt-6,
.py-6 {
  padding-top: 5rem !important;
}

.pr-6,
.px-6 {
  padding-right: 5rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 5rem !important;
}

.pl-6,
.px-6 {
  padding-left: 5rem !important;
}

.pt-7,
.py-7 {
  padding-top: 7.5rem !important;
}

.pr-7,
.px-7 {
  padding-right: 7.5rem !important;
}

.pb-7,
.py-7 {
  padding-bottom: 7.5rem !important;
}

.pl-7,
.px-7 {
  padding-left: 7.5rem !important;
}

/* repeat for md breakpoint */
@media (min-width: 768px) {
    .mt-md-6,
    .my-md-6 {
      padding-top: 5rem !important;
    }

    .mr-md-6,
    .px-md-6 {
      padding-right: 5rem !important;
    }

    .mb-md-6,
    .my-md-6 {
      padding-bottom: 5rem !important;
    }

    .ml-md-6,
    .mx-md-6 {
      padding-left: 5rem !important;
    }

    .mt-md-7,
    .my-md-7 {
      padding-top: 5rem !important;
    }

    .mr-md-7,
    .mx-md-7 {
      padding-right: 5rem !important;
    }

    .mb-md-7,
    .my-md-7 {
      padding-bottom: 5rem !important;
    }

    .ml-md-7,
    .mx-md-7 {
      padding-left: 5rem !important;
    }


    .pt-md-6,
    .py-md-6 {
      padding-top: 5rem !important;
    }

    .pr-md-6,
    .px-md-6 {
      padding-right: 5rem !important;
    }

    .pb-md-6,
    .py-md-6 {
      padding-bottom: 5rem !important;
    }

    .pl-md-6,
    .px-md-6 {
      padding-left: 5rem !important;
    }

    .pt-md-7,
    .py-md-7 {
      padding-top: 5rem !important;
    }

    .pr-md-7,
    .px-md-7 {
      padding-right: 5rem !important;
    }

    .pb-md-7,
    .my-md-7 {
      padding-bottom: 5rem !important;
    }

    .pl-md-7,
    .px-md-7 {
      padding-left: 5rem !important;
    }
}

/*--------------------------------*/