body {font-family:"Open Sans", Helvetica, Arial, sans-serif; font-size: 0.85rem;}
h1 {font-family:"Open Sans", Helvetica, Arial, sans-serif; color:#333333; font-size:1.9rem; font-weight:bold;}
h2 {font-family:"Open Sans", Helvetica, Arial, sans-serif; color:#333333; font-size:1.7rem; font-weight:bold;}
h3 {font-family:"Open Sans", Helvetica, Arial, sans-serif; color:#333333; font-size:1.5rem;}
p {line-height: 1.5rem;}

label {font-size:0.8rem;}

.headerTop {border-top: solid 5px #00293C;}
.headerTel {font-family:"Open Sans", "ralewaylight", Helvetica, sans-serif; color:#007CB0; font-size:2.8rem; font-weight: bold;}
.logo {padding: 1rem 0 0.5rem 0;}
.navigation {background-color: #007CB0;margin-top: 1.6rem;}


.bgGrey {background:#D7D7D7; /*box-shadow: 0px 0px 8px 0px #666;*/ margin-top:-1rem;}
.bgPaleGrey {background:#F3F3F3; margin-bottom:1rem;}
.bgSectionBlue {background:#5A8BBC; color: #FFF;}
.bgSectionGrey {background:#8C969D; color: #FFF;}
.hpHeading {font-family:"Open Sans", Helvetica, Arial, sans-serif; color:#00283B; font-size:1.3rem;}

.pad05Rem {padding:0.5rem 0;}
.pad1Rem {padding:1rem 0;}
.pad2Rem {padding:2rem 0;}
.padTop4rem {padding-top:4rem;}
.marginBot2Rem {margin-bottom: 2rem;}
.marginBot3Rem {margin-bottom: 3rem;}

/* a:link, a:visited {color:#333333;} */
/*.menu {margin:1.2rem 0 0 0;}*/
.menu .active > a {background:rgba(255, 255, 255, 0.7); color:#333333;}
.menu .is-active > a {background:#EFEFEF; color:#FFFFFF;}
.menu>li>a { font-family:'Open Sans', 'ralewaylight', Arial, sans-serif; color:#FFFFFF; padding:1rem; letter-spacing:0.05rem; font-size:0.8rem;}
.menu>li>a:hover, .menu>li>a:active  {background-color:rgba(255, 255, 255, 0.2); text-decoration:none;}

.dropdown.menu>li>a {padding:1.3rem 1rem;}
.dropdown.menu>li>a:hover {background-color:rgba(43, 43, 46, 1);}
.dropdown.menu>li.is-active>a {background-color:rgba(43, 43, 46, 1); color:#FFFFFF;}
.dropdown.menu .is-active > a {background-color:rgba(255, 255, 255, 0.8); color:#FFFFFF;}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-color:#FFFFFF transparent transparent;}
.is-dropdown-submenu {background-color:#2B2D2E; border:none; z-index: 12; min-width: 300px;}
.drilldown .is-drilldown-submenu {background:#2B2D2E; border:none;}
.drilldown a {background-color:#2B2D2E;}
.drilldown .is-drilldown-submenu-parent>a::after {border-color:transparent transparent transparent #FFFFFF;}
.drilldown .js-drilldown-back>a::before {border-color:transparent #FFFFFF transparent transparent;}


.accordion-menu .is-accordion-submenu a {color:#333333;}
.accordion-menu .is-accordion-submenu a:hover {color:#FE0000; background:#EFEFEF; }
.accordion-title {padding:1.25rem; font-weight:bold; text-align:center; color:#333333;}
.accordion-title {font-size:1.1rem;}
.accordion-item a:link {color:#333333;}

.tabs-title {float:none !important;	display:inline-block;}
.tabs {	text-align:center;}

/* Overlay positioning and size */
.off-canvas{background:#2B2B2E;}
/*.position-left {width:30vw;}*/

.sectionHeading {font-size: 1.2rem; color: #FFFFFF;}
.sectionButton {background: #8C969D; padding:0.7rem 1rem; border: solid 1px #FFFFFF;}
.sectionButton a:link, .sectionButton a:visited {color: #FFFFFF; font-weight: normal;}


.bannerImage {background-repeat:no-repeat; background-position: center center; background-size: cover; min-height: 35vh;}

.quoteContainer {background: #EEEEEE; border: solid 1px #8C969D; padding: 1rem 2rem;}
.containerLink {background: #555555; padding: 1rem 0; color: #fff;}
.containerLink a {color: #fff;}

.is-stuck h1 {font-size:1.3rem; color:#FFFFFF; font-weight:normal;}
/*.is-stuck {padding:0.7rem 0; 
	border-bottom:solid 1px #999;
	box-shadow: 0 0 3.125rem rgba(0, 0, 0, 0.18);
	background-color:#2c3840;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
*/

.swiper-button-next {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23cc0000'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-prev {background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23CC0000'%2F%3E%3C%2Fsvg%3E");}

/* Set the size of the div element that contains the map */
#map {
  height: 300px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}

.tabs-title>a {font-size: 1rem;}

.newsEntry {padding: 1rem 0;}
.newsSummary {background: #F3F3F3; padding-top: 2rem; margin-top: 2rem;}
.newsSummary h2 {font-family:"Open Sans", Helvetica, Arial, sans-serif; color:#333333; font-size:1.1rem; font-weight:bold;}

.galleryGrid {transition: all .2s ease-in-out; padding:0; margin-bottom: 1.5rem;}
.galleryGrid:hover {transform: scale(1.15);}

.MonkeyCheck {display:none;}

.timeline .timeline-item::after, .timeline .timeline-item::before {
  clear: both;  content: '';  display: block;  width: 100%;
}

.timeline {
  margin: 30px auto;  padding: 0 10px;  position: relative;  transition: all 0.25s ease-in;  width: 100%;
}

.timeline::before {
  background: #007CB0;  content: '';  height: 100%;  left: 50%;  position: absolute;  top: 0;  width: 3px;
}

.timeline::after {
  clear: both;  content: '';  display: table;  width: 100%;
}

.timeline a {
  color: #007CB0;  font-weight: bold;  transition: all 0.25s ease-in;
}

.timeline a:hover {
  box-shadow: 0 1px 0px 0px #007CB0;  transition: all 0.25s ease-in;
}

.timeline .timeline-item {
  margin-bottom: 50px;  position: relative;
}

.timeline .timeline-item .timeline-icon {
  background: #007CB0;  border-radius: 50%;  height: 100px;  left: 50%;  margin-left: -50px;  overflow: hidden;  position: absolute;  top: 0;  width: 100px;
}

.timeline .timeline-item .timeline-icon img,
.timeline .timeline-item .timeline-icon svg {
  /*left: 14px;  top: 11px; */ position: relative;
}

.timeline .timeline-item .timeline-icon svg {
  top: 14px;
}

.timeline .timeline-item .timeline-content {
  padding: 20px;
  text-align: right;  transition: all 0.25s ease-in;  width: 45%;  background: transparent;
}

.timeline .timeline-item .timeline-content p {
  color: #007CB0;
}

.timeline .timeline-item .timeline-content p {
  font-size: 16px;  line-height: 1.4;  margin-bottom: 0;
}

.timeline .timeline-item .timeline-content .timeline-content-date {
  font-size: 16px;  font-weight: bold;  margin-bottom: 0;
}

.timeline .timeline-item .timeline-content .timeline-content-month {
  font-size: 0.875rem;  text-transform: uppercase;  font-weight: 400;
}

.timeline .timeline-item .timeline-content.right {
  float: right;  text-align: left;
}




.footer {border-top:solid 5px #00293C;background:#8C969D; padding:2rem 0; color:#FFF;}
.footerBox {border: solid 1px #E6E6E6; color: #FFF; padding: 1rem;}
.footerTextLarge {font-size: 1.5rem;}
.footer a:link, .footer a:visited {color: #FFFFFF;}

@media screen and (max-width: 39.9375em) {
	/* MOBILES */
	h1 {font-family:"Open Sans", Helvetica, Arial, sans-serif; color:#333333; font-size:1.6rem; font-weight:bold; }
	h2 {font-family:"Open Sans", Helvetica, Arial, sans-serif; color:#333333; font-size:1.4rem; font-weight:bold;}
	h3 {font-family:"Open Sans", Helvetica, Arial, sans-serif; color:#333333; font-size:1.3rem;}
  .hpHeading {font-size:1rem;}
  .pad2Rem {padding:1rem 0;}
  .padTop4rem {padding-top:2rem;}
  .footerBox {margin-bottom: 1rem;}
  .orbit-image {height: 200px;}
  .timeline {
    margin: 30px;    padding: 0;    width: 90%;
  }
  .timeline::before {
    left: 0;
  }
  .timeline .timeline-item .timeline-content {
    float: right;    text-align: left;    width: 90%;
  }
  .timeline .timeline-item .timeline-content::before, .timeline .timeline-item .timeline-content.right::before {
    border-left: 0;    border-right: 7px solid #007CB0;    left: 10%;    margin-left: -6px;
  }
  .timeline .timeline-item .timeline-icon {
    left: 0;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  /* TABLETS */
.position-right {width:50vw;}
.is-stuck h1 {font-size:0.9rem; font-weight:normal;}
.is-stuck .button {margin:0; padding:0.6em 0.7em;}
.quoteContainer {padding: 1rem;}
.footerBox {padding: 0.5rem;}
.footerTextLarge {font-size: 1rem;}
}

@media print, screen and (min-width: 64em) {
  /* LARGE SCREENS */
  .bannerImage {min-height: 35vh;}
}