/*
 *	Bootstrap breakpoints
 *
 *	XS = 0;
 *	SM = 576px;
 *	MD = 768px;
 *	LG = 992px;
 *	XL = 1200px;
 *
 */
/*
*	Bootstrap padding amounts
*
*	1 = 0.25rem;
*	2 = 0.5rem;
*	3 = 1rem;
*	4 = 1.5rem;
*	5 = 3rem;
*
*/
/* **************************************************** */
/* SASS Variables ************************************* */
/* **************************************************** */
/****** base sets ********/
p {
  font-family: Raleway, sans-serif; }

h1, h2, h4 {
  font-family: BreeSerif, sans-serif; }

.large {
  font-size: 4rem !important; }
  @media screen and (max-width: 768px) {
    .large {
      font-size: 2rem !important; } }

.med {
  font-size: 2.5rem !important; }
  @media screen and (max-width: 768px) {
    .med {
      font-size: 1.5rem !important; } }

.small {
  font-size: 1.5rem !important; }
  @media screen and (max-width: 768px) {
    .small {
      font-size: 1rem !important; } }

.breadcrumb {
  background-color: rgba(0, 0, 0, 0.05);
  padding: .5rem 1rem; }
  .breadcrumb a {
    color: #c2cad1;
    font-size: .75rem; }

.breadcrumb-item::before {
  color: #c2cad1 !important; }
.breadcrumb-item + .active {
  color: #c2cad1; }

/******* Defaults********/
img, iframe, video {
  max-width: 100%; }

a {
  cursor: pointer;
  color: none; }

a:hover {
  text-decoration: none; }

#content {
  background-color: white; }

#content p {
  color: #555; }

/*** Sizing ******/
.big-wrap {
  max-width: 1400px; }

.wrap {
  width: 1200px; }

.secondary-bg-color {
  background-color: #4D80C2;
  color: white; }

/******* ******** ********/
/****** Navigation *******/
/******* ******** ********/
/******* ******** ********/
/****** Small-screen Navigation Setup 1 *******/
/******* ******** ********/
#small-navigation-container-1 {
  background-color: white;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.33);
  position: relative;
  /* Box shadow doesn't show without a z-index */
  z-index: 1; }

#small-navigation-container-1 > .pullout-menu-backdrop {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.33);
  z-index: 10; }

#small-navigation-container-1 > .pullout-menu-backdrop {
  overflow: hidden;
  /* So there are no scroll bars when animating the child div into view */ }

#small-navigation-container-1 > .pullout-menu-backdrop > div {
  z-index: 11;
  box-shadow: 0 0 5px 3px black;
  background-color: white;
  width: 50%;
  max-width: 240px;
  transition: margin-right 150ms;
  /* If you change this timeframe, go to the JS file that handles the menu and also change the setTimeout interval for when it closes. */
  margin-right: -250px;
  /* We will animate this to 0 when they open the menu */ }

#small-navigation-container-1 > .pullout-menu-backdrop > div > .menu-heading {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  padding: 0.75em 0.35em;
  border-bottom: 1px solid black; }

#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links > div > a {
  display: block;
  font-size: 1em;
  font-weight: bold;
  padding: 0.6em 0.75em;
  color: black; }

#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links > div a:hover {
  background-color: #7FC1D8;
  color: white; }

#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links > div > div a {
  display: block;
  font-size: 0.88em;
  font-weight: lighter;
  padding: 0.6em 0.75em;
  color: black; }

#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links div:not(:last-child) > a {
  border-bottom: 1px dotted silver; }

#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links .tap-dropdown {
  display: none; }

#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links .tap-dropdown > div > a {
  padding-left: 1.85em;
  /* Indent sub-menus */ }

#small-navigation-container-1 > .pullout-menu-backdrop > div > .navigation-links .tap-dropdown > div > div a {
  padding-left: 2.85em;
  /* Indent deeper sub-menus */ }

/******* ******** ********/
/****** Large-screen Navigation Setup 1 *******/
/******* ******** ********/
#large-navigation-container-1 {
  background-color: white;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.33);
  position: relative;
  /* Box shadow doesn't show without a z-index */
  z-index: 1; }

#large-navigation-container-1 > .d-flex {
  height: 100%; }

#large-navigation-container-1 .navigation-links > div > div {
  transition: all 450ms;
  display: inline-block;
  text-align: center;
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

#large-navigation-container-1 .navigation-links > div > div > a {
  display: inline-block;
  text-align: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }

#large-navigation-container-1 .navigation-links > div > div:hover {
  background-color: #7FC1D8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

#large-navigation-container-1 .navigation-links > div > div:hover > a {
  transition: color 150ms;
  text-decoration: none;
  color: white; }

#large-navigation-container-1 .navigation-links > div > div > .dropdown,
#large-navigation-container-1 .navigation-links > div > div > .dropdown > div > .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  display: none;
  z-index: 2; }

#large-navigation-container-1 .navigation-links > div > div > .dropdown > div > .dropdown {
  left: 100%;
  top: 0;
  z-index: 3; }

/* Affects all divs in any dropdown */
#large-navigation-container-1 .dropdown > div {
  position: relative; }

#large-navigation-container-1 .navigation-links > div > div .dropdown > div {
  background-color: #7FC1D8;
  text-align: left; }

#large-navigation-container-1 .navigation-links > div > div .dropdown > div a {
  display: block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

#large-navigation-container-1 .navigation-links > div > div .dropdown > div > a {
  color: white; }

#large-navigation-container-1 .navigation-links > div > div .dropdown > div:hover {
  transition: background-color 150ms;
  background-color: #58aecc; }

#large-navigation-container-1 .navigation-links > div > div .dropdown > div > a:hover {
  text-decoration: none; }

#large-navigation-container-1 .navigation-links > div > div .dropdown > div:not(:last-child) {
  border-bottom: 1px dashed gray; }

/* LG and below */
@media screen and (max-width: 1200px) {
  #large-navigation-container-1 .navigation-links > div > div > a {
    padding-left: 0.5rem;
    padding-right: 0.5rem; } }
/* MD and below */
@media screen and (max-width: 991px) {
  #large-navigation-container-1 .navigation-links > div > div {
    padding-left: 1rem;
    padding-right: 1rem; } }
/******* ******** ********/
/****** Large-screen Navigation Setup 2 *******/
/******* ******** ********/
#large-navigation-container-2 .navigation-links [class^=col] {
  padding-left: unset;
  padding-right: unset; }

#large-navigation-container-2 {
  background-color: white;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.33);
  position: relative;
  /* Box shadow doesn't show without a z-index */
  z-index: 1; }

#large-navigation-container-2 > div:nth-child(2) {
  background-color: #7FC1D8; }

#large-navigation-container-2 .navigation-links > div > div {
  transition: all 450ms;
  display: inline-block;
  text-align: center;
  position: relative; }

#large-navigation-container-2 .navigation-links > div > div > a {
  display: block;
  text-align: center;
  color: white;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-weight: bold;
  letter-spacing: 1px; }

#large-navigation-container-2 .navigation-links > div > div:hover {
  background-color: #58aecc;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

#large-navigation-container-2 .navigation-links > div > div:hover > a {
  transition: color 150ms;
  text-decoration: none;
  color: white; }

#large-navigation-container-2 .navigation-links > div > div > .dropdown,
#large-navigation-container-2 .navigation-links > div > div > .dropdown > div > .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  visibility: hidden;
  z-index: 2; }

#large-navigation-container-2 .navigation-links > div > div > .dropdown > div > .dropdown {
  left: 100%;
  top: 0;
  z-index: 3; }

/* Affects all divs in any dropdown */
#large-navigation-container-2 .dropdown > div {
  position: relative; }

#large-navigation-container-2 .navigation-links > div > div .dropdown > div {
  background-color: #275693;
  text-align: left; }

#large-navigation-container-2 .navigation-links > div > div .dropdown > div a {
  display: block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

#large-navigation-container-2 .navigation-links > div > div .dropdown > div > a {
  color: white; }

#large-navigation-container-2 .navigation-links > div > div .dropdown > div:hover {
  transition: background-color 150ms;
  background-color: #58aecc; }

#large-navigation-container-2 .navigation-links > div > div .dropdown > div > a:hover {
  text-decoration: none; }

#large-navigation-container-2 .navigation-links > div > div .dropdown > div:not(:last-child) {
  border-bottom: 1px dashed #232323; }

/* Only XL */
@media screen and (min-width: 1200px) {
  .navigation-links a {
    font-size: 0.8em; } }
/******* ******** ********/
/******* ******** ********/
/******* ******** ********/
/******* ******** ********/
/******* Footers ********/
/******* ******** ********/
/* *** FOOTER-1 *** */
footer.fb-ftr-1 {
  background: #bbe5f4;
  color: #275693; }

footer.fb-ftr-1 h4 {
  color: #275693; }

footer.fb-ftr-1 a {
  color: #275693; }

.fb-ftr-1 .quick-links a {
  display: block; }

.fb-ftr-1 .service-areas a {
  border-right: solid #275693 1px;
  padding-right: 6px; }

.fb-ftr-1 .service-areas a:last-child {
  border-right: none;
  padding-right: 0; }

.fb-ftr-1 .contact p {
  padding: 0;
  margin: 0; }

/******* ******** ********/
/***** Legacy Code *******/
/******* ******** ********/
.float-img-right, .float-right {
  float: right; }

.float-img-left, .float-left {
  float: left; }

.carousel-item > div {
  height: 650px;
  background-size: cover;
  background-position: center center; }

/* MD and below */
@media screen and (max-width: 991px) {
  .carousel-item > div {
    height: 300px;
    background-size: cover;
    background-position: center center; } }
#accordion .card-header button {
  white-space: normal;
  text-align: left; }

/******* ******** ********/
/***** Custom Elements ***/
/******* ******** ********/
/* @import 'him' /* For Header in Menu Uncomment this Import */
/* @import 'wix-9k' /* For Wix 9k uncomment this import */
/***** Import Template CSS *****/
/******* OVERLAY BOX *************/
.overlay-container {
  position: relative; }

.overlay-bg-image {
  display: block;
  width: 100%;
  height: auto; }

.overlay {
  background-color: rgba(41, 171, 255, 0.7);
  position: absolute;
  transition: .35s ease; }
  .overlay.from-left {
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%; }
  .overlay.from-right {
    left: 100%;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%; }
  .overlay.overlay.from-top {
    left: 0;
    right: 0;
    bottom: 100%;
    width: 100%;
    height: 0; }
  .overlay.overlay.from-bottom {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0; }

.overlay-container:hover > .from-left {
  width: 100%; }

.overlay-container:hover > .from-right {
  width: 100%;
  left: 0; }

.overlay-container:hover > .from-top {
  height: 100%;
  bottom: 0; }

.overlay-container:hover > .from-bottom {
  height: 100%; }

.overlay-text {
  display: block; }

.overlay-text > span {
  display: none;
  white-space: nowrap;
  overflow: hidden; }

.overlay-text > a {
  display: none;
  white-space: nowrap;
  overflow: hidden; }

.overlay-container:hover .overlay-text > a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute; }

.overlay-container:hover .overlay-text > span {
  display: block;
  color: white;
  font-size: 1.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

/**** Basic formats for good layouts *****/
.goldylox {
  font-size: 2rem;
  color: #275693;
  font-weight: 900;
  line-height: 1.75rem;
  font-family: BreeSerif, sans-serif; }

.lilbear {
  font-size: 1.5em;
  color: #275693;
  font-weight: 900;
  line-height: 1em; }
  @media screen and (max-width: 768px) {
    .lilbear {
      font-size: 1rem; } }

.btn-form {
  background: #275693;
  color: #7FC1D8; }
  .btn-form span {
    color: #7FC1D8;
    font-family: BreeSerif, sans-serif;
    font-size: 1.5rem; }

.btn-form:hover {
  background: #58aecc; }
  .btn-form:hover span {
    color: #275693 !important; }

.btn-sidebar {
  width: 80%;
  margin-left: 10%;
  box-sizing: border-box;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  margin-bottom: 5px; }
  .btn-sidebar a {
    color: #275693;
    font-family: BreeSerif, sans-serif;
    font-size: 1.5em;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  @media screen and (max-width: 768px) {
    .btn-sidebar {
      width: 90%;
      margin-left: 5%; } }

.btn-sidebar:hover {
  background: #58aecc;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease; }
  .btn-sidebar:hover a {
    color: white;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }

.btn-info {
  background-color: #275693;
  border: none; }
  .btn-info:hover {
    background-color: #7FC1D8; }

#heroCarousel h5 {
  font-size: 2.5rem;
  text-shadow: 1px 1px 5px #000000; }
  @media screen and (max-width: 768px) {
    #heroCarousel h5 {
      font-size: 1.5rem; } }

.sidebar {
  background: rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box; }

.servbox {
  background: ghostwhite; }
  .servbox h2 {
    width: 100%;
    text-align: center;
    color: #7FC1D8;
    background: #275693;
    box-sizing: border-box;
    font-family: BreeSerif, sans-serif;
    margin-bottom: 0;
    border-bottom: 3px solid #7FC1D8; }

.seconds {
  color: #275693; }

.thirds {
  color: #4D80C2; }

/* **************************************************** */
/* Custom SCSS For This Particular Layout ************* */
/* CSS Buttons **************************************** */
.buttonRequest, .btn-sidebar {
  background: #275693;
  border-radius: 5px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 0px;
  font-size: 1.5rem;
  font-weight: bolder; }

.buttonRequest, .buttonRequest a, .btn-info, .btn-info a, .btn-sidebar, .btn-sidebar a {
  color: #FFFFFF !important; }

.buttonRequest:hover, .btn-sidebar:hover {
  background: #7FC1D8;
  border: 0px; }

.buttonSecondary {
  background: #7FC1D8;
  border-radius: 5px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #eeeeee; }

.buttonSecondary, .buttonSecondary a {
  color: #FFFFFF !important; }

.buttonSecondary:hover {
  background: #F5F5F5;
  border: 1px solid #333333; }

.buttonSecondary:hover, .buttonSecondary a:hover {
  color: #333333 !important; }

/* Header Boxes *************************************** */
.threeBox {
  text-transform: none;
  color: #FFFFFF !important; }

/* Secondary BG Color ********************************* */
.secondary-bg-color {
  background: #525D67;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444; }

.secondary-bg-color > h2 {
  color: #FFFFFF !important; }

/* **************************************************** */

/*# sourceMappingURL=footbridge-additions.css.map */