.bg-cover {
  background-size: cover;
  color: white;
  background-position: center center;
  position: relative;
  z-index: -2;
}
.logo-overlay {
  width: 260px;
  height: auto;
 }
 .ellen-overlay {
  height: 250px;
  width: auto;
  position: absolute;
  left: 80%; 
  top: 22%; 

 }
.navMenu {
  border: 1px solid #00A2B1;
  background-color: #00A2B1;
  color: #fff;

}
.navMenu:hover {
  background-color: #00A2B1;
  border: 1px solid #fff;
}
body {
  margin: 0px;
  padding: 0px;
}

#navbarResponsive > a {
  font-weight: bold;
  font-size: 15px;
}
a:hover {
  text-decoration: none;
}
a {
  color: #00A2B1;
}
.teal {
  color: #00A2B1;
}
.bold {
  font-weight: bold;
}
 
.item-fade-in {
  -webkit-animation: fadeIn 3s ; /* Chrome, Safari, Opera */
  animation: fadeIn 3s ;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes fadeIn {
  from {opacity: 0.0;}   
  to {opacity: 1;}
}

/* Standard syntax */
@keyframes fadeIn {
  from {opacity: 0.0;}
  to {opacity: 1;}
}

.item-fade-grow {
  -webkit-animation: fadeGrow 3s ; /* Chrome, Safari, Opera */
  animation: fadeGrow 3s ;
}
  /* Chrome, Safari, Opera */
  @-webkit-keyframes fadeGrow {
    from {opacity: 0.2; width: 0px; height: auto;}
    to {opacity: 1; width: 300px; height:auto;}
  }

  /* Standard syntax */
  @keyframes fadeGrow {
    from {opacity: 0.2; width: 0px; height: auto;}
    to {opacity: 1; width: 300px; height: auto;}
  }
    
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }

.nav-styles {
  background-color: #00A2B1; 
  border-radius: 5px; 
  margin-bottom: 15px;
  margin-top: 0px; 
  box-shadow: 3px 3px 5px grey;
}
.btn-primary {
  border: 1px solid #00A1B1;
  background-color: #00A1B1;
}
.infoButton:hover {
  border: 1px solid #00A1B1;
  background-color: #00A1B1;
  color: black;
}
.social-media-div {
  position:relative;
  min-width:960px;
}
#iconContainer {
  position: fixed;
  right:5px;
  top:50%;
}
div[id^='IDX-slideshowGallery-'] {
  overflow: hidden;
}
/* center nav elements on collapse */
.navbar .navbar-collapse {
  text-align: center;
  }
  .collapse > a {
    margin-left: 20px;
}
#headerHold {
    background-image: url('../images/siteHeader.jpg'); 
}


nav > .nav.nav-tabs{

border: none;
color:#fff;
background:#272e38;
border-radius:0;

}
nav > div a.nav-item.nav-link
{
border: none;
padding: 18px 25px;
color:#00A1B1;
background:#e9ecef;
border-radius:0;
}
nav > div a.nav-item.nav-link.active {
  border: none;
padding: 18px 25px;
background:#00A1B1;
color:#fdfdfd;
border-radius:0;
}
nav > div a.nav-item.nav-link.active:after
{
content: "";
position: relative;
bottom: -59px;
left: -10%;
border: 15px solid transparent;
border-top-color: #00A1B1 ;
}
.tab-content{
background: #fdfdfd;
line-height: 25px;
border: 1px solid #ddd;
border-top:5px solid #00A1B1;
border-bottom:5px solid #00A1B1;
padding:30px 25px;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
border: none;
background: #00A1B1;
color:#fff;
border-radius:0;
transition:background 0.20s linear;
}
.carousel-caption h5 {
  color: white;
  font-weight: bold;
}
@media screen and (max-width: 400px) {
  h5{
      font-size:17px;
  }
  p{
    font-size: 15px;
  }
  h4, h1{
    font-size: 17px;
  }
}
@media screen and (max-width: 980px) {
  nav > div a.nav-item.nav-link.active:after
{
 content: "";
 position: relative;
 bottom: -50px;
 left: -10%;
 border: 15px solid transparent;
 border-top-color: #00A1B1 ;
}
}
#buyerPic {
  float: left;
  width: 325px; 
  height: auto; 
  margin-right: 15px; 
  margin-bottom: 0px;
  }
  .carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 1.5s;
    transition-property: opacity;
   }
   
   .carousel-fade  .carousel-item.active,
   .carousel-fade  .carousel-item-next.carousel-item-left,
   .carousel-fade  .carousel-item-prev.carousel-item-right {
     opacity: 1;
   }
   
   .carousel-fade .active.carousel-item-left,
   .carousel-fade  .active.carousel-item-right {
    opacity: 0;
   }
   
   .carousel-fade  .carousel-item-next,
   .carousel-fade .carousel-item-prev,
   .carousel-fade .carousel-item.active,
   .carousel-fade .active.carousel-item-left,
   .carousel-fade  .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
   }

  #lakemapButton {
    box-shadow: 2px 5px 7px grey;
    border: 1px solid #00A1B1;
    background-color: #00A1B1;
    color: white;
  }
  #lakemapButton:hover {
    border: 1px solid #00A1B1;
    background-color: #00A1B1;
    box-shadow: 1px 3px 4px grey;
  }