@import url('https://fonts.googleapis.com/css?family=Rock+Salt&display=swap');
@import url('https://fonts.googleapis.com/css?family=Solway&display=swap');
html {
    scroll-behavior: smooth;
    scroll-padding-top: 79px;
}
body {
    padding: 0px;
    margin: 0px;
    font-family: 'Solway', serif;
}
.nav-item {
    font-size: 23px;
    color: white;
}
.nav-link {
    color: white !important;
    font-size: 18px;
    font-family: 'Solway', serif;
}
nav > a {
    color: white;
}
nav a:hover {
    color: rgb(226, 220, 220) !important;
}

.teal {
    color: #00a1b1;
}
.tealBg {
    background-color: #00a1b1;
}
.transBoat {
    width: 41px;
    height: 50px;
}
.navbar {
    padding-bottom: 0px !important;
}
.navbar-brand {
    font-family: 'Rock Salt', cursive;
    font-size: 30px;
}
.navbar-brand:hover {
    color: white !important;
}

@media screen and (max-width: 768px) {
    .navbar-brand {
        font-size: 15px;
    }
}
.imagePane {
    width: 300px;
    height: 200px;
    border: 1px solid white;
}
 p {
    font-size: 20px;
}
.paneOverlay {
    position: absolute;
    top: 30%;
    left: 30%;
    color: white;
    background-color: rgb(0, 0, 0, .5);
    padding: 40px;
    border: 1px solid white;
}
.navbar-toggler {
    padding: 5px !important;
}
.lined-heading {
    text-align: center;
    text-transform: uppercase;
    background-image: url(../images/teal-text-stripes.gif);
    background-repeat: repeat-x;
    background-position: left center;
    margin-top: 5px;
    font-size: 20px;

}
.solidBg {
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    color: #00a1b1;
}
.navbar-default .navbar-toggle.collapsed {
    border-color: white;
  }
  
  .navbar-default .navbar-toggle{
   border-color: white;
  }
#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;
    color: black;
}
a {
    color: #00a1b1;
}
a:hover {
    text-decoration: none;
}
footer p {
    font-size: 10px;
}
.dropdown-menu {
    background-color: #00a1b1;
    border: 1 px solid;
    text-align: center;
}
.dropdown-item {
    color: #ffffff;
}
.dropdown-item:hover {
    background-color: #00a1b1;
}
.dining-item > p {
    font-size: 10px !important;
}
.browseLink {
    margin: 6px;
}
.hikingLink {
    font-size: 20px;
}
.doAroundInfo {
    color: white;
    border: 1px solid white;
    background-color: rgb(0,0,0,.8);
    box-shadow: 3px 3px 10px #000000;
    border-radius: 10px;
} 
.textShadow {
    text-shadow: 2px 2px #000000;
}
.doAroundFont {
    font-family: 'Solway', serif;
}
.headingShadow {
    text-shadow: 1px 1px 2px rgba(0,0,0,0.68);
}
.realEstateHeader {
    background-image: url(../images/realEstateHeader.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.fishRow {
    border-top: 0;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding-top: 20px;
    padding-bottom: 20px;
}
.fishRow p {
    font-size: 19px;
}
.fishLink {
    font-size: 26px;
    color: black;
}
.faqLink {
    font-size: 26px;
}
.fishingContainer p {
    padding-left: 10px;
    padding-right: 10px;
}
.fishLinking a {
    font-size: 19px;
}

  @media screen and (max-width: 768px) {
    .fishLink {
        font-size: 25px;
    }
    h5{
        font-size:17px;
    }
    p{
      font-size: 18px;
    }
    h4{
      font-size: 17px;
    }
    h1{
      font-size: 30px;
      text-align: center;
    }
    h2{
      font-size: 22px;
      text-align: center;
    }
    .doAroundInfo {
        font-size: 1.4rem;
    }
  }
  @media screen and (max-width: 400px) {
    .navbar-brand {
        font-size: 15px;
    }
    .fishLink {
        font-size: 25px;
    }
    h5{
        font-size:17px;
    }
    p{
      font-size: 18px;
      text-align: left;
      padding-right: 9px;
      padding-left: 9px;
    }
    h4{
      font-size: 17px;
    }
    h1{
      font-size: 2.0rem;
      text-align: center;
    }
    h2{
      font-size: 1.6rem;
      text-align: center;
    }
    h3 {
        font-size: 1.3rem;
        text-align: center;
    }
    .doAroundInfo {
        font-size: 1.4rem;
    }
    #brkbeach   {
        background-color: black;

    }
  }
  nav > .nav.nav-tabs{
    border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
/* fix until line 27 */
nav > div a.nav-item.nav-link-tab
{
    
    border: none;
    padding: 18px 25px;
    color:#00A1B1;
    background:#e9ecef;
    border-radius:0;
}
nav > div a.nav-item.nav-link-tab.active {
    border: none;
    padding: 18px 25px;
    color: #e9ecef;
    background: #00A1B1;
    border-radius:0;
}


nav > div a.nav-item.nav-link-tab.active:after
{
    content: "";
    position: relative;
    bottom: -67px;
    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-tab:hover,
nav > div a.nav-item.nav-link-tab:focus
{
    border: none;
    background: #00A1B1;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}

@media screen and (max-width: 768px) {
    nav > div a.nav-item.nav-link-tab.active:after{
        bottom: -62px;
    }
}
.marinaAddress {
    font-size: 1.1rem;
}