/*============= RESET STYLE =============
FONTS:
Body: font-family: 'Open Sans', sans-serif;
Nav: font-family: 'Alegreya Sans', sans-serif;
*/

/*-- iPhone X Remove Gutters
Ignore W3C Validation error for this style. --*/
html {
   padding: env(safe-area-inset);
}

/*-- Body Resets --*/
body {
   background: #F1F6F8;
   font-family: 'Roboto', sans-serif;
   font-size: 1.15rem;
   color: #524C56;
}

/*-- Optional: Add Extra Bootstrap Column Padding --*/
[class*="col-"] {
   padding: 1rem;
 }

/*-- Remove Blue Browser Outline Around Buttons in Chrome --*/
a:focus,
button:focus {
  outline: 0 !important;
  -webkit-appearance: none;
  box-shadow: none !important;
}

/*-- Pointer Cursor On Links & Buttons --*/
a, .btn, button {
   cursor: pointer!important;
}

/*-- Max-width Container For Elements
other than navbar, carousel, banner & footer --*/
.wrapper {
	max-width: 1220px;
   margin: 0 auto;
   padding: 0 .5rem;
   overflow: hidden;
}

/*-- Headings --*/
h1 {
   font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-size: 2.4rem;
	text-transform: uppercase;
	letter-spacing: .1rem;
   padding: .6rem 0;
   font-weight: 600;
}
h2, h3 {
   font-family: 'Open Sans', sans-serif;
	text-align: center;
   text-transform: uppercase;
   font-weight: 700;
}
h4 {
   font-family: 'Open Sans', sans-serif;
   font-weight: 700;
   line-height: 2.1rem;
}
h5 {
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   line-height: 2.3rem;
}
/*-- Make Paragraph 'lead' Class Text Larger--*/
p.lead {
   font-size: 1.1rem;
}

/*-- Remove Link Color/Underline from Phone #s --*/
a {
   color: #524C56;
}
a:hover {
   color: #524C56;
   text-decoration: none;
}

/*-- Buttons --*/
.btn {
   font-weight: 700;
   text-transform: uppercase;
   border-width: medium;
   padding: .7rem 1.2rem;
   margin: .5rem;
   transition: all .3s ease;
   border-radius: 1.2rem;
 }
.btn-blue {
   border-color: #6991AC;
   background-color: #6991AC;
   color: white;
 }
.btn-blue:hover,
.btn-blue:focus  {
   border-color: #496578;
   background-color: #496578;
   color: white;
}

/*-- Center All Images & Set Max Width --*/
img {
   display: block;
	margin: 0 auto;
   max-width: 100%;
}

/*============= NAVIGATION =============*/

.navbar {
   padding: 0;
   background-color: #6991AC;
   padding: .5rem 0 .8rem;
   font-family: 'Alegreya Sans', sans-serif;
   font-weight: 700;
}
.navbarlogoname {
   font-family:'August-Light';
   font-size: 2.5rem;
   color:white;
   
   }
.navbarlogoname2 {
font-family:'August-Light';
font-size: 2.5rem;
color: #F2D024;

}
.navbarphone {
   font-family:'Alegreya Sans', sans-serif;
   font-size: 1.25rem;
   color: white;
   padding: 1.5rem  
   }
.navbar .container {
   max-width: 1100px;
}
.navbar-brand img {
   height: 5rem;
  
}
.svg-inline--fa.fa-bars {
   color: #FFF;
   font-size: 2.2rem;
}
.navbar-nav li {
   padding-right: .5rem;
}
.navbar-nav .nav-link {
   font-size: 1.5rem;
   padding-top: 0rem;
   color: #F5F5F5;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
   color: #F2D024!important;
}
.nav-item {
   padding: 1rem .8rem .5rem .8rem;
}

.click-here{
   color: white;
}

/*--- Drop-down Menu --*/
.dropdown-menu, .dropdown-item {
   font-size: 1.2rem;
   font-weight: 700!important;
   background-color: #6991AC;
   border: 0;
   color: #F5F5F5;
   text-align: center;
   padding: 0;
}
.dropdown-menu {
   background-color: #6991AC;
   margin-top: 0!important;
   border-radius: 0;
   z-index: 1000;
}
.dropdown-menu:hover, .dropdown-item:hover,
.dropdown-menu:focus, .dropdown-item:focus,
.dropdown-toggle:active, .dropdown-toggle:focus {
   color: #FFF!important;
   background-color: #6991AC;
}
.dropdown-item {
   padding: .3rem 0!important;
}
.dropdown-item:hover {
   text-decoration: underline;
}
.dropdown-submenu > .dropdown-menu {
   width: 100%;
   z-index: 1000;
}
li.nav-item.dropdown.show ul {
   background-color: #6991AC;
   margin-top: .3rem!important;
}
.dropdown.show ul li.dropdown-submenu ul {
   background-color: #6991AC;
   margin-top: 0!important; 
}

/*============= CAROUSEL IMAGE SLIDER =============*/

.carousel {
   background-color: #6991AC;
}
.carousel-inner {
   max-height: 38rem!important;
   /*box-shadow: 0px 10px 10px 1px rgba(0,0,0,0.15);*/
}
.carousel-inner img {
   max-width: 1200px;
   width: 100%;
}

/*-- Change Carousel Transition Speed --*/
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
   display: block;
   transition: -webkit-transform 1.2s ease;
   transition: transform 1.2s ease;
   transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}

/*-- Carousel Previous & Next Buttons --*/
.carousel-control-prev,
.carousel-control-next {
   width: 8%;
   cursor: pointer!important;
}
.carousel-control-next {
   padding-right: 3.2rem!important;
}
.carousel-control-prev .svg-inline--fa,
.carousel-control-next .svg-inline--fa {
   position: absolute;
   font-size: 2.8rem!important;
   padding: .2rem .6rem;
   color: #FFF;
   /*background-color: #FFF;*/
   opacity: .5;
   transition: all .5s ease;
}
.carousel-control-prev .svg-inline--fa:hover,
.carousel-control-next .svg-inline--fa:hover {
   color: #FFF;
   /*background-color: #FFF;*/
   /*box-shadow: 0 0 10px rgba(0, 0, 0, .15);*/
   opacity: 1;
   cursor: pointer;
   transition: all .5s ease;
}

/*-- Make Carousel Prev/Next Buttons Visible On Hover --*/
.carousel .carousel-control-prev,
.carousel .carousel-control-next {
   visibility: hidden;
   opacity: 0;
   transition: visibility 0s linear 1000s, opacity 1000ms;
}
.carousel:hover .carousel-control-prev,
.carousel:hover .carousel-control-next {
   visibility: visible !important;
   opacity: 1;
   transition: visibility 0s linear 0s, opacity 1000ms;
}

/*============= PAGES STYLE =============*/

/*-- Footer --*/
ul.social {
   display: table;
   list-style-type: none;
   margin: 0 auto;
   padding: 2rem 0;
}
ul.social li {
   display: inline;
   padding: 0 4rem;
}
.social .svg-inline--fa {
   color: #C3D7DF;
   font-size: 4rem;
   transition: all 0.5s ease 0s;
}
.social .svg-inline--fa:hover {
   color: #F5F5F5;
}

/*-- Socket Copyright --*/
.socket {
   border-top: .05rem solid #AADCD2;
	background-color: #544B59;
   color: #F5F5F5;
}
.socket a {
   color: #F5F5F5;
}

/*-- Top Scroll Button --*/
.scroll-container {
   width: 2.2rem;
   float: right;
}
.top-scroll svg.svg-inline--fa {
   font-size: 1.6rem!important;
   height: 2.2rem;
   width: 2.5rem;
   color: white;
   background-color: #6991AC;
   box-shadow: 0 0 .5rem rgba(0, 0, 0, .05);
   transition: all .5s ease;
 }
 a.top-scroll {
   bottom: 1.2rem;
   position: fixed;
   opacity: .3;
   z-index: 1000;
   display: none;
 }
 a.top-scroll:hover {
   opacity: .9;
   transition: all .5s ease;
 }

/*-- Breadcrumbs (all pages other than home page) --*/
.bread-banner {
	width: 100%;
	height: 3.5rem;
   background-color: #A2B1C1;
   color: #F5F5F5;
   padding-top: .1rem;
}

/*-- Pages Title --*/
h3.title {
   font-size: 2rem;
   text-transform: none;
   text-align: left;
}

/*-- Blue Border Under Pages Title --*/
hr.border-blue {
   border-top: .3rem solid #6991AC;
   width: 30%;
   float: left;
}
/*-- Border Around Callout Text & Button --*/
.callout-border {
   border: .15rem solid #C3C3C3;
   border-radius: 1.5rem;
}

/*-- Contact Form --*/
.form-group {
   margin-bottom: 1.3rem;
   box-shadow: 0 0 .4rem rgba(0, 0, 0, .05);
}
.form-control {
   background: #f5f5f5;
   border-radius: .5rem;
   border: .15rem solid #87a7bc;
   color: #334466!important;
   font-size: 1.1rem;
}
.form-control:focus {
   background: #F9F9F9;
   border: .15rem solid #5e829a;
}
.form-group input::placeholder,
.form-group textarea::placeholder {
   color: #8E7A6D;
}
input.btn {
   float: right;
}
.controls input:focus,
.controls textarea:focus { /*-- Remove Element Outlines in Contact Form --*/
  outline: 0 !important;
  -webkit-appearance: none;
  box-shadow: none !important;
}

/*============= MEDIA QUERIES =============*/

@media (min-width: 1200px) {
   img.top-fix {
      margin-top: -3.5rem!important;
   }
 }

/* Large (lg) devices (desktops, 992px and under) */
@media (max-width: 991.98px) {
   .navbar {
      padding: .25rem 5rem;
   }
   .navbar-nav .nav-link {
      font-size: 1.25rem;
   }
   .navbar-nav .nav-link.active,
   .navbar-nav .nav-link:hover {
      border-bottom: 0;
      text-decoration: underline;
   }
   li.nav-item.dropdown.show ul {
      background-color: transparent;
      margin-top: .3rem!important;
   }
   .dropdown.show ul li.dropdown-submenu ul {
      background-color: transparent;
      margin-top: 0!important; 
   }
   a.dropdown-item {
      text-align: left;
   }
   ul.social {
      padding: 1.5rem 0;
   }
   ul.social li {
      padding: 0 3rem;
   }
   .social .svg-inline--fa {
      font-size: 3.3rem;
   }
   hr.border-blue {
      width: 40%;
   }
}

/* Medium (md) devices (tablets, 768px and under) */
@media (max-width: 767.98px) {
   .navbar {
      padding: .2rem 2.5rem;
   }
   .navbar-nav .nav-link {
      font-size: 1.1rem;
   }
   .dropdown-menu, .dropdown-item {
      font-size: 1.1rem;
    }
   ul.social {
      padding: 1.1rem 0;
   }
   ul.social li {
      padding: 0 1.8rem;
   }
   .social .svg-inline--fa {
      font-size: 2.7rem;
   }
   .bread-banner h4 {
      text-align: left!important;
   }
   hr.border-blue {
      width: 55%;
   }
}

/* Small (sm) devices (landscape phones, 576px and under) */
@media (max-width: 575.98px) {
   .navbar {
      padding: .2rem .5rem;
   }
   .navbar-nav li {
      border-top: 0;
   }
   ul.social {
      padding: .8rem 0;
   }
   ul.social li {
      padding: 0 .8rem;
   }
   .social .svg-inline--fa {
      font-size: 1.8rem;
   }
   hr.border-blue {
      width: 75%;
   }
}

/*============ BOOTSTRAP BREAK POINTS:

Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

=============*/