﻿/*
 * Start Bootstrap - Full Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html,
body {
    height: 100%;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    color:#555555;
}


a, a:hover, a:active {
	color:#41839d !important;
}

h1 {
	margin-bottom:35px;
	letter-spacing: 1px;
	font-size:xx-large;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;	
}

.footer-font {
	font-size: 1.000em !important;
}

.times {
	font-family: "Times New Roman", Times, serif !important;	
}

.ctr {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.img-responsive {
	max-width: 100%;
  	height: auto;
}

.aqua {
	color: #41839d;
}

.img-left {
	float:left;
	padding-right:20px;
	padding-bottom:20px;
}


.img-right {
	float:right;
	padding-left:20px;
	padding-bottom:20px;
	max-width:100%;
	height:auto;
}

.brdr {
	border:1px #D4D4D4 solid;
}

.testimonial-box {
	border: 2px #7d98a2 double;
	padding:30px;
	margin:30px;
}

/*CHANGE SPACE BETWEEN NAV ITEMS */
.nav>li>a {
	padding-right:8px !important;
	font-weight:400;
}
.nav>li>a:hover {
	font-weight:900;
}

/*CENTERED NAV CSS **/
.navbar-brand-centered {
        position: absolute;
        left: 50% !important;
        display: block;
        width: 200px;
        text-align: center;
        background-color: transparent;
    }
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -140px;
    }
    
.navbar-default .navbar-nav>li>a {
    color: #444444 !important;
    /*font-size: 14px;*/
    /*added to change font*/
    font-size: 18px;
    font-family: 'Poppins', sans-serif;}

.navbar-default {
	background-color: #ffffff !important;
	border:none;
}

.navbar-default .navbar-nav>li> a:hover {
    /*color: #5B9597 !important;*/
    font-weight:bold;
}

.navbar-default .navbar-nav>li> a:active {
    /*color: #5B9597 !important;*/
    font-weight:bold;
}

.navbar-brand {
	padding-top:10px;
	padding-bottom:10px;
}

.img-logo {
	width:250px !important; 
	height:auto;
}

.img-logo-footer {
	max-width:200px !important;
	height:auto;	
}


.carousel,
.item,
.active {
    height: 100%;
    margin-top:-20px;
}

.carousel-inner {
    height:100%; 
    /*width:96%; */
    margin-left:auto;
    margin-right:auto;
    display:block;
}


/* fix carousel inner height based on device width */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1130px) { 
	.carousel.slide { max-height:630px !important; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) { 
	.carousel.slide { max-height:450px !important; }
	footer.galleryfooter { margin-top:300px !important; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	.carousel.slide { max-height:350px !important; }
	footer.galleryfooter { margin-top:400px !important; }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { 
	.carousel.slide { max-height:200px !important; }
	footer.galleryfooter { margin-top:275px !important; }
}

@media only screen and (max-width: 1199px) { 
  
  #footer-sanddollar {
	display:none !important;
  }
  #footer-aurora {
	display:none !important;
  }	
  .img-logo-footer {
	margin-left:-50px !important;
  }
}
	


img.carousel-inner {
	margin-left:auto;
    margin-right:auto;
    display:block;
}

.carousel-control.left {
	background-image: none !important;
	top:40%;
}

.carousel-control.right {
	background-image: none !important;
	top:40%;
}


/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    /*background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;*/
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size:100% auto;
    background-repeat:no-repeat;
}

footer {
    bottom:0 !important;
    height:175px;
    margin: 50px 0 0 0;
    padding-top: 25px;
    padding-bottom: 10px;
}

.copyright {
	font-size:11px;
}

/* Portfolio Custom Styles */

.portfolio-item {
	padding-bottom:40px;
}

.line {
	border-bottom:2px #5B9597 solid;
	width: 60px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

/* Slider Gallery Custom Style */
.selected img {
	opacity:0.5;
}

/*#slider-thumbs {
  	overflow-x:scroll;
  	overflow-y:hidden;
  	display:block;
  	position:relative;
  	height:85px;
  	max-width:1100px;
  	margin-bottom:25px;
} */

div#slider-thumbs ul {
  height:140px; 
  white-space:nowrap; 
  overflow-y:hidden; 
  overflow-x:auto; 
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  margin-bottom:25px;
}

.carousel-inner>.item>img {
    margin-left:auto;
	margin-right:auto;
	display:block;
}

/* large portfolio slider left and right arrow size */
.lg {
	font-weight:400;
	font-size:6.250em;
}

/* CHANGE NAVBAR COLLAPSE BREAKPOINT FROM DEFAULT 768 TO 1199*/
@media (max-width: 1199px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}

