h1,h2,h3,h4,h5,h6, p, li {font-family: 'Montserrat', sans-serif;}
h1, h2, h3 {color: #839cbb}
p, li {font-size: 18px;}
a {color: #839cbb}
.spec-left {float:left}
.spec-right {float:right;}

/* Header Styles */
#navBar {display :block !important;}
.navbar-nav {margin-right: 0em !important; float:right;}
.dropdown-toggle::after {display: none;}
.dropdown-menu {right: 0px; left: inherit;}
.navbar {-webkit-transition: background-color 500ms; transition: background-color 500ms}
.navbar.darkHeader #left-logo{width: 168px;}
.navbar.darkHeader #right-logo{width: 232px;}
.navbar.darkHeader {background-color: rgba(80,120,162,1);}
#left-logo {width: 217px; -webkit-transition: width 500ms; transition: width 500ms; border-right: 1px solid #FFF; }
/* #left-footer-logo {border-right: 1px solid #FFF; padding-right:7px;} */
#right-logo {width: 301px; -webkit-transition: width 500ms; transition: width 500ms}

/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: rgba(255,255,255,1); /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  z-index: 9999 !important;
  border-right: 1px solid #666;
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a#login {
	width: 90%;
	display:block;
	margin:1em auto 0em auto;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#sidenav_toggle {display: none;}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}
@media only screen and (max-width: 767px) { #mobile-phone, #sidenav_toggle {display:block} #sidenav_toggle {position:absolute; top:0; right:0;} #sitemap {margin-top:2em;} #footer-logo, #left-footer-logo, #right-footer-logo {margin:0em auto; display:block;} #left-logo { border-right: 0px solid #FFF; display:block; margin:0em auto;}
#right-logo { display:block; margin:0em auto;} .navbar-brand.img-fluid{width:100%;} .fwm {width:100%;} #sidenav_toggle img {float:right;} .navbar-brand{margin-right: 0em !important;} .navbar-brand.img-fluid {padding:0em !important;} #left-logo, #right-logo, #left-footer-logo, #right-footer-logo {width: auto; height: 50px;}}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* Front Page */
#frontpage-header {background-image: url('../img/front-page-header.jpg'); background-size: cover; background-repeat: no-repeat; background-position: bottom center; width: 100%; height:800px; }
#frontpage-intro {padding:3em 0em;}
#frontpage-intro h1 {color: #839cbb;}
#frontpage-intro p, #frontpage-intro ul li {color: #666; font-size: 18px;}
#delivery-dates {background-color: #898989;}
#delivery-dates h3{color: #FFF;}
#footer {background-color: #5678a2; padding:2em 0em;}

#sitemap {list-style: none;}
#sitemap li {padding:0.5em 0em; border-top: 1px solid #FFF;}
#sitemap a {color: #FFF; padding:1em 0em;}

.bullets {display:table; margin:0em auto;}

.date {margin:1.5em 0em;}

.btn.blue {color: #FFF !important; background-color: #96beef; border:1px solid #96beef; border-radius:0px;}
.btn.trans {color: #FFF !important; background-color: transparent; border:1px solid #FFF; border-radius:0px;}

.no-gutters {
  margin-right: 0px;
  margin-left: 0;

  > .col, > [class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
  }
}

.remove-all-margin-padding{
margin:0 ! important;
padding:0 ! important;
}

#delivery-dates {color: #FFF; padding:1em;}

#slide {width:100%; height:100%;}


.carousel-control-next, .carousel-control-prev { opacity: 0.7}

.carousel-indicators .active {background-color: #FFF;}
.carousel-indicators li {background-color: #96beef;}

.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {width: 40px; height: 40px;}


@media only screen and (max-width: 1600px) {
#frontpage-header {background-image: url('../img/front-page-header.jpg'); background-size: cover; background-repeat: no-repeat; background-position: bottom center; width: 100%; height:700px; }
}

@media only screen and (max-width: 1440px) {
#frontpage-header {background-image: url('../img/front-page-header.jpg'); background-size: cover; background-repeat: no-repeat; background-position: bottom center; width: 100%; height:600px; }
}

@media only screen and (max-width: 1366px) {
#frontpage-header {background-image: url('../img/front-page-header.jpg'); background-size: cover; background-repeat: no-repeat; background-position: bottom center; width: 100%; height:500px; }
}

@media only screen and (max-width: 767px) {
	#navBar {display:none !important;}
	#logo{width: 400px;}
	
	h1 {font-size: 24px;}
	#render h3 {margin-bottom:1em !important;}
	.mobile-margin-bottom  {margin-bottom:2em;}
	
}


/* Site 1 Styles */
body.site-1 .navbar, body.contact .navbar{background-color: rgba(80,120,162,1)}
body.site-1, body.contact {padding-top:7em;}
body.site-1 #delivery-dates h3{margin-bottom:1em; font-weight: 700;}
#render {padding-top:5em;}
#render h3 {margin-bottom:2em;}
body.site-1 #delivery-dates {margin-top:3em; padding:3em 0em;}
.spec-left {font-weight: 500;}
.spec-right: {font-weight: 300;}
#map {display:block; margin:0em auto;}


/* contact us */
body.contact h1{color: #839cbb}