/* Global Mobile Breakpoints */
/* Global Colors -- These are used in DB Mega Menu so am saving here so that menu doesn't throw errors */
/* Site Specific Colors */
/*dkgreen*/
/*mdgreen*/
/*graygreen*/
/* mintgreen */
/*dkgray */
/* ltgray */
/*dkpurple*/
/*lime*/
/*Ferries Colors */
/* Font Size Bases */
/* B (18px)	68.66px */
/* A (16px)	61.04px */
/* B (18px)	54.93px */
/* A (16px)	48.83px */
/* B (18px)	43.95px */
/* A (16px)	39.06px */
/* B (18px)	35.16px */
/* A (16px)	31.25px */
/* B (18px)	28.13px */
/* A (16px)	25.00px */
/* B (18px)	22.50px */
/* A (16px)	20.00px */
/* B (18px)	18.00px */
/* A (16px)	16.00px */
/* B (18px)	14.40px */
/* A (16px)	12.80px */
/* B (18px)	11.52px */
/* A (16px)	10.00px */
/* B (18px)	9.22px */
/* A (16px)	8.19px */
/* B (18px)	7.37px */
/* A (16px)	6.55px */
/* B (18px)	5.90px */
/* A (16px)	5.24px */
/* B (18px)	4.72px */
/* A (16px)	4.19px */
html body section#block-views-block-tabbed-slideshow-block-1 {
  margin: 0 auto;
  max-width: 1260px;
}
html body section#block-views-block-tabbed-slideshow-block-1 h2.block-title {
  z-index: 100;
  color: #fff;
  margin: 15px 0 15px 0;
}
@media screen and (max-width: 600px) {
  html body section#block-views-block-tabbed-slideshow-block-1 h2.block-title {
    font-size: 2.5rem;
  }
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs {
  width: auto;
  margin-right: 15px;
  border: none;
}
@media screen and (max-width: 991px) {
  html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs li {
  background: #97d700;
  width: 88px;
  border-radius: 4px;
  padding: 7px 4px;
  margin-bottom: 4px;
  transition: all 0.5s ease;
  min-height: 55px;
}
@media screen and (max-width: 1024px) {
  html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs li {
    margin-right: 10px;
    min-height: 86px;
  }
}
@media screen and (max-width: 600px) {
  html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs li {
    width: 140px;
    min-height: 74px;
  }
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs li a {
  border: none;
  background-color: transparent;
  box-shadow: none;
  font-size: 1.152rem;
  color: #005151;
  margin: auto;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  padding: 5px;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs li a:before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  margin: 0 auto;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs li.active,
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs li:hover {
  background: #fff;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs li.active:before,
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs li:hover:before {
  content: "\f0c8";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: 1.8em;
  position: absolute;
  left: 112px;
  margin-top: 11px;
  display: inline-block;
  transform: rotate(45deg);
  color: #fff;
}
@media screen and (max-width: 1024px) {
  html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs li.active:before,
  html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs li:hover:before {
    display: none;
  }
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs li#tab-slide-0 a:before {
  background-image: url(/themes/drupalbase_custom/assets/images/car.svg);
  width: 23.25px;
  height: 20.67px;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs li#tab-slide-1 a:before {
  background-image: url(/themes/drupalbase_custom/assets/images/ferry.svg);
  width: 30px;
  height: 30.67px;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs li#tab-slide-2 a:before {
  background-image: url(/themes/drupalbase_custom/assets/images/aircraft.svg);
  width: 33.25px;
  height: 29.67px;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs li#tab-slide-3 a:before {
  background-image: url(/themes/drupalbase_custom/assets/images/train.svg);
  width: 21.25px;
  height: 29.67px;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs li#tab-slide-4 a:before {
  background-image: url(/themes/drupalbase_custom/assets/images/bike.svg);
  width: 33.25px;
  height: 29.67px;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left ul.nav-tabs li#tab-slide-5 a:before {
  background-image: url(/themes/drupalbase_custom/assets/images/bus.svg);
  width: 23.25px;
  height: 29.67px;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content {
  border: none;
  padding: 0;
  overflow: visible;
}
@media screen and (max-width: 991px) {
  html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol {
    display: block;
  }
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col {
  background: #fff;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 20px 25px 20px 25px;
  height: 100%;
}
@media screen and (max-width: 991px) {
  html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col {
    height: auto;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 0;
  }
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col h3.no-margin-bottom {
  margin-top: 0;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col h4 {
  font-size: 1.28rem;
  margin: 0;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col #block-externalsearchhomeroadssearchformblock,
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col #block-externalsearchhomeferriessearchformblock {
  /*margin-top: 50px;*/
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col #block-externalsearchhomeroadssearchformblock h3,
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col #block-externalsearchhomeferriessearchformblock h3 {
  font-size: 1.6rem;
  margin-bottom: 0;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col #block-externalsearchhomeroadssearchformblock p,
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col #block-externalsearchhomeferriessearchformblock p {
  font-size: 1.44rem;
  line-height: 1.8rem;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col #block-externalsearchhomeroadssearchformblock#dropdownMenu1,
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col #block-externalsearchhomeferriessearchformblock#dropdownMenu1 {
  width: 100%;
  background-color: #fff;
}
@media screen and (max-width: 991px) {
  html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col #block-externalsearchhomeroadssearchformblock,
  html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col #block-externalsearchhomeferriessearchformblock {
    margin-top: 0;
  }
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col form .form-control {
  width: 100%;
  margin-bottom: 16px;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col form button {
  z-index: 1;
}
@media screen and (max-width: 991px) {
  html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col .secondary-text {
    max-height: 250px;
  }
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col .secondary-text h3 {
  font-size: 1.6rem;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col .secondary-text .btn-primary,
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col .secondary-text .btn-default {
  z-index: 1;
  min-width: 115px;
  /*margin-top: 13px;*/
  margin-left: 20px;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col .secondary-text img {
  max-height: 128px;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col #block-externalsearchhomeroadssearchformblock .map-link .btn-primary {
  margin-top: 10px;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .left-col #block-externalsearchhomeroadssearchformblock .road-list .btn-primary {
  margin-top: 4px;
}
html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .right-col {
  background-color: #F4F4F5;
  padding: 3px 20px 20px 20px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
@media screen and (max-width: 991px) {
  html body section#block-views-block-tabbed-slideshow-block-1 .tabs-left .tab-content .tab-pane .layout--twocol .right-col {
    height: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 6px;
  }
}
html body .region.region-banner {
  padding: 0 10px 60px 10px;
  background-size: cover !important;
}
