/* Stellar Colors */

.filters .input-group-addon,
.search .input-group-addon {
  background-color: #0f3880;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #0f3880;
  border-color: #0f3880;
}

.panel-primary {
  border-color: #0f3880;
}

.btn-primary {
  background-color: #0f3880;
  border-color: #0f3880;
}

.text-primary,
a.list-group-item-info,
button.list-group-item-info,
.btn-link,
.panel-info > .panel-heading {
  color: #0f3880;
}
.main-home {
  background-color: white;
}
#content {
  background-color: #f5f8fa;
}

.badge {
  display: none;
}

/* end Stellar Colors */

/* Skin Styles */

/* header styles */
html.skin-nav-menu-opened{
  overflow:hidden;
}

header {
  font-family: 'Open Sans', sans-serif;
  position:relative;
  z-index:3;
}

header * {
  margin: 0;
}

header a:hover,
header a:focus{
  text-decoration: none;
}

header ul{
  list-style:none;
}

header .header-container {
  display: block;
}

header .expansion-button-container,
header .mobile-container,
header .submenu-container{
  display:none;
}

header .inner-main-row{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  padding-top: 1.7857142857142858em;
  margin-right: 1.6428571428571428em;
  column-gap:1.4285714285714286em;
}

header .logo-column{
  width:17.642857142857142em;
  height:17.642857142857142em;
  margin-top: 0.2857142857142857em;
  border-radius:50%;
  overflow:hidden;
  box-shadow:0.00px 0.00px 1em 0.5714285714285714em rgba(0,0,0,0.69);
}

header .logo-column img{
  width:16.785714285714285em;
  transform: scale(1.37) translate(0.2857142857142857em, 0.07142857142857142em);
}

header .main-row{
  background:white;
}

header .nav-list{
  display:flex;
  column-gap:1.2142857142857142em;
}


header .nav-list a{
  color:#13233d;
}

header .nav-list>li>a{
  padding:0 2.142857142857143em;
  display:block;
  line-height:2.5;
}

header .nav-list a{
  border-top:0.07142857142857142em solid rgb(199,199,199);
  line-height:1;
  display:block;
  padding:1.0714285714285714em 1.0714285714285714em;
  text-align: center;
}

header .nav-list a:hover{
  color:#01a79e;
}

header .nav-list a:hover,
header .nav-list a.active-page{
  border-top: 0.2857142857142857em solid #1285c6;
  margin-top:-0.2857142857142857em;
  
}

header .inner-submenu-container{
  position:relative;
  top:-0.7142857142857143em;
  right:-0.5714285714285714em;
}

header .nav-list .submenu{
  background:white;
  box-shadow:-1.0714285714285714em -0.7142857142857143em 0.35714285714285715em 1.7857142857142858em rgba(0,0,0,0.1);
  padding:1.0714285714285714em 1.0714285714285714em 0;
}

header .right-nav-list>li>a{
  padding:0 1.2142857142857142em;
}

header .right-nav-list>li>a{
  position:relative;
}

header .right-nav-list{
  margin-left:1.2142857142857142em;
}

header .left-nav-list{
  justify-content: end;
  margin-right:1.2857142857142858em;
}

header .nav-list a span{
  font-size:2em;
}

header .nav-list .submenu-container{
  display:block;
  position:absolute;
  right:0;
  width: max-content;
  opacity:0;
  visibility: hidden;
  transition-delay:0.5s;
}

header .nav-list li:hover .submenu-container{
  opacity:1;
  visibility: visible;
  transition-delay:0.3s;
}

header .nav-list li{
  position:relative;
}

@media only screen and (max-width:1780px){
  header{
    font-size: 0.787vw;
  }
}

/* mobile header styles */
@media only screen and (max-width:768px){
  header .nav-column,
  header .expansion-button-container .fa-close,
  header .mobile-submenu-container,
  html.skin-nav-menu-opened header .expansion-button-container .fa-bars{
    display:none;
  }
  header .header-container{
    height:50em;
    background-image:url('../img/header-mobile-background.webp');
    background-position:center bottom;
    background-size:cover;
  }
  header .expansion-button-container,
  html.skin-nav-menu-opened header .expansion-button-container .fa-close{
    display:block;
  }

  header .logo-column{
    font-size:0.6vw;
  }

  header .expansion-button{
    position:absolute;
    top:5em;
    left:7em;
    background:#04a99d;
    display:flex;
    justify-content: center;
    align-items: center;
    width:19em;
    height:19em;
    z-index:2;
    border-radius:100%; 
    color:black;
  }

  header .mobile-container{
    display:block;
    position:fixed;
    width:100%;
    height:100vh;
    top:0;
    left:0;
    background:white;
    opacity:0;
    visibility: hidden;
  }

  html.skin-nav-menu-opened header .mobile-container{
    opacity:1;
    visibility: visible;
  }

  header .mobile-container,
  header .mobile-nav-list{
    transition:opacity 0.3s linear, visibility 0.3s linear, transform 0.3s linear;
  }

  header .mobile-nav-list{
    transform:translateY(-10em);
    width:100%;
    height:100vh;
    overflow:auto;
    align-items: center;
    font-family: 'Oswald', sans-serif;
    padding:24em 22em 0;
  }

  header .mobile-nav-list a{
    color:black;
    line-height:4.65;
    display:block;
    text-align: center;
  }

  header .mobile-nav-list a.active-page{
    color:rgb(0,87,225);
  }

  html.skin-nav-menu-opened .mobile-nav-list{
    transform:translateY(0);
  }

  header .mobile-nav-list a span{
    font-size:5.1em;
  }
  header .expansion-button i{
    font-size:10em;
  }

  header .logo-column{
    left: 0;
    right: 5em;
    position: absolute;
    width: 46em;
    height: 46em;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0px 0px 3em 2.971429em rgba(0,0,0,0.69);
  }
  header .logo-column img{
    width:100%;
    transform: scale(1.2);
  }
  header .inner-main-row{
    padding-top:0;
  }
  header .mobile-submenu-header-container{
    display:grid;
    grid-template-columns: 1fr auto 1fr;
  }
  header .mobile-submenu-button{
    font-size:5em;
    color:black;
    background:none;
  }
  header .submenu-opened .mobile-submenu-container{
    display:block;
  }
  header .mobile-nav-list .mobile-submenu-container a{
    font-style:italic;
  }

  header .submenu-opened i{
    transform:rotate(180deg);
  }
}

/* footer styles */

footer {
  font-family: "sans-serif", "Helvetica Neue", Helvetica, Arial;
}

footer .footer-container {
  display: block;
  background:white;
}

footer a:hover,
footer a:focus{
  text-decoration: none;
}

footer ul{
  list-style:none;
}

footer * {
  margin: 0;
}

footer .quick-link-list>li:hover>a,
footer .quick-link-list>li>a.active-page{
  background:white;
  color:#326887;
  outline:0.07142857142857142em solid #53846f;
}

footer .submenu-container{
  display:none;
}

footer .inner-upper-row{
  display: flex;
  align-items: center;
  margin: 0 auto;
  max-width: 124em;
}

footer .logo-wrapper img{
  width:16.642857142857142em;
}

footer .contact-list{
  font-family: 'Maitree', serif;
}

footer .contact-list li{
  line-height:2.2142857142857144em;
  color:black;
  display:flex;
}

footer .contact-list li a{
  color:black;
}


footer .contact-list li span{
  font-size:1.4285714285714286em;
  white-space: nowrap;
}

footer .contact-column{
  margin-left:9em;
}

footer .email-phone-list{
  display:flex;
  margin-left:0;
  margin-left:4.142857142857143em;
  margin-top:0em;
  column-gap:2.142857142857143em;
}

footer .center-text{
  text-align: center;
  justify-content: center;
  margin-left:-1em;
}

footer .email-phone-list a{
  display:flex;
  align-items: center;
  justify-content: center;
  height:2.857142857142857em;
  width:10.142857142857142em;
  column-gap:1.0714285714285714em;
  background: #326887;
  border-radius:0.7142857142857143em;
  color:white;
  transition:0.3s linear;
}

footer .email-phone-list a:hover{
  background:#90553a;
}

footer .email-phone-list a span{
  font-family: Helvetica, "sans-serif", "Helvetica Neue", Helvetica, Arial;
  font-size:1.1428571428571428em;
  font-weight:200;
}

footer .email-phone-list a i{
  font-size:1.2857142857142858em;
}

footer .quick-link-list{
  display:flex;
  flex-wrap:wrap;
  column-gap:0.5em;
  position:relative;
  row-gap: 0.5714285714285714em;
}

footer .quick-link-column{
  margin-left: 14em;
  margin-right: 7em;
}

footer .quick-link-list>li:last-child{
  width:100%;
}

footer .quick-link-list>li{
  flex-grow:1;
}

footer .quick-link-list>li>a{
  padding: 0px 1.844788em;
  flex-grow:1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.857142857142857em;
  color: white;
  background: #448db6;
  letter-spacing: 0.06em;
}

footer .quick-link-list>li>a>span{
  font-size:1.1428571428571428em;
}

footer .logo-column p{
  letter-spacing:0.05em;
  text-wrap:nowrap;
  margin-left:-0.7857142857142857em;
}
footer .logo-column p>span{
  font-size:1.05em;
}

footer .stellar-col{
  text-align: center;
  margin-bottom:2em;
}

footer .stellar-col a{
  color:black;
  text-decoration: underline;
  font-size:2em;
}

footer .quick-link-list li:hover .submenu-container{
  display:block;
  width:100%;
  position:absolute;
  left:0;
  z-index:2;
}

footer .submenu-container a:hover,
footer .submenu-container a.active-link{
  text-decoration: underline;
}

footer .inner-submenu-container{
  border:0.07142857142857142em solid #64907d;
  background:white;
  padding:1.0714285714285714em 4.285714285714286em 1.0714285714285714em 2.142857142857143em;
}

footer .submenu{
  display:grid;
  grid-template-columns:repeat(2, 12.142857142857142em);
  column-gap:1.4285714285714286em;
  row-gap:1.4285714285714286em; 
}

footer .pontoon-li .submenu{
  grid-template-columns:repeat(2, 12.857142857142858em);
}

footer .cottage-li .submenu{
  grid-template-columns:repeat(3, 12.142857142857142em);
}

footer .submenu a{
  color:#639073;
  font-weight:200;
  display:block;
}

footer .submenu a span{
  font-size:1.0714285714285714em;
}

footer .submenu a{
  text-decoration: none;
}

@media only screen and (max-width:1780px){
  footer{
    font-size: 0.787vw;
  }
}

@media only screen and (max-width:768px){
  footer .quick-link-column{
    display:none;
  }
  footer .inner-upper-row{
    display:grid;
    grid-template-columns: 100%;
  }
  footer .logo-column{
    grid-row-start: 2;
  }
  footer .logo-column{
    display:flex;
    flex-direction: column;
    align-items: center;
    margin-right:7em;
    margin-top:6em;
  }
  footer .logo-wrapper img{
    width:51em;
  }
  footer .contact-column{
    margin:0;
    display:flex;
    flex-direction:column;
    align-items: center;
    text-align: center;
  }
  footer .contact-list{
    font-size:3.8em;
  }
  footer .email-phone-list{
    margin-left:-1.3em;
    margin-top:1em;
    font-size:5.5em;
    display:grid;
    column-gap:1em;
    grid-template-columns:auto auto;
  }
  footer .email-phone-list a{
    width:8.7em;
  }
  footer .email-phone-list li:first-child{
    grid-column-start:2;
    grid-row-start:1;
  }
  footer .footer-container{
    padding-top:1em;
  }
  footer .logo-column p>span{
    font-size:5.6em;
    font-weight:300;
    margin-left:1em;
    color:black;
  }
  footer .stellar-col a{
    font-size:7em;
  }
  footer .stellar-col{
    margin:3em 0 8em;
  }
  footer .contact-list li{
    text-align: center;
    justify-content: center;
  }
  footer .contact-list li{
    margin-left:0;
  }
}