:root {
    --red: #FF4136;
    --orange: #FF851B;
    --yellow: #FFDC00;
    --green: #2ECC40;
    --blue: #0074D9;
    --navy: #001F3F;
    --aqua: #7FDBFF;
    --teal: #39CCCC;
    --olive: #3D9970;
    --lime: #01FF70;
    --fuchsia: #F012BE;
    --maroon: #85144B;
    --purple: #B10DC9;
    --silver: #DDDDDD;
    --gray: #AAAAAA;
    --white: #FFFFFF;
    --black: #111111;
    --bsblue: #1C548A;
    --bsblue-02: #16436E;
    --bsgray: #6D6E71;
    --blackpearl: #1E262A;
    --blackpearl-03: #13181B;
    --wildsand: #E9E6E0;
    --pablo: #797261;
    --bluesmoke: #768C7B;
    --blackbean: #1C221D;
    --beeswax: #E6D2A9;
    --edward: #91A395;
    --font-family: 'Lato', sans-serif;
    --font-family-header: 'Book Antiqua', Serif;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-bold: 700;
    --font-weight-black: 900;
}





/*------------------------------------*\
  # - Background Colors
\*------------------------------------*/

           .bg-navy { background-color: #001F3F; }
           .bg-blue { background-color: #0074D9; }
           .bg-aqua { background-color: #7FDBFF; }
           .bg-teal { background-color: #39CCCC; }
          .bg-olive { background-color: #3D9970; }
          .bg-green { background-color: #2ECC40; }
           .bg-lime { background-color: #01FF70; }
         .bg-yellow { background-color: #FFDC00; }
         .bg-orange { background-color: #FF851B; }
            .bg-red { background-color: #FF4136; }
        .bg-fuchsia { background-color: #F012BE; }
         .bg-purple { background-color: #B10DC9; }
         .bg-maroon { background-color: #85144B; }
          .bg-white { background-color: #FFFFFF; }
           .bg-gray { background-color: #AAAAAA; }
         .bg-silver { background-color: #DDDDDD; }
          .bg-black { background-color: #111111; }
         .bg-bsblue { background-color: #1C548A; }
         .bg-bsgray { background-color: #6D6E71; }
     .bg-blackpearl { background-color: #1E262A; }
       .bg-wildsand { background-color: #E9E6E0; }
  .bg-blackpearl-03 { background-color: #13181B; }
          .bg-pablo { background-color: #797261; }
      .bg-bluesmoke { background-color: #768C7B; }
      .bg-blackbean { background-color: #1C221D; }
        .bg-beeswax { background-color: #E6D2A9; }

        




/*------------------------------------*\
  # - Text Colors
\*------------------------------------*/

         .navy { color: #001F3F; }
         .blue { color: #0074D9; }
         .aqua { color: #7FDBFF; }
         .teal { color: #39CCCC; }
        .olive { color: #3D9970; }
        .green { color: #2ECC40; }
         .lime { color: #01FF70; }
       .yellow { color: #FFDC00; }
       .orange { color: #FF851B; }
          .red { color: #FF4136; }
      .fuchsia { color: #F012BE; }
       .purple { color: #B10DC9; }
       .maroon { color: #85144B; }
        .white { color: #FFFFFF; }
       .silver { color: #DDDDDD; }
         .gray { color: #AAAAAA; }
        .black { color: #111111; }
       .bsblue { color: #1C548A; }
       .bsgray { color: #6D6E71; }
   .blackpearl { color: #1E262A; }
.blackpearl-03 { color: #13181B; }
     .wildsand { color: #E9E6E0; }
        .pablo { color: #797261; }
    .bluesmoke { color: #768C7B; }
    .blackbean { color: #1C221D; }
      .beeswax { color: #E6D2A9; }
      .rvgreen { color: #999966; } 





::selection {
    background-color: rgba(118,140,123,.4);
}

.bg-black-transparent-3 {
    background-color: rgba(0,0,0,.3);
}

.bg-black-transparent-5 {
    background-color: rgba(0,0,0,.5);
}

.bg-black-transparent-6 {
    background-color: rgba(0,0,0,.6);
}

.bg-white-transparent-8 {
    background-color: rgba(255,255,255,.3);
}

.bg-topographic-map-overlay {
    background-image: url("../img/Untitled-1.png");
    background-repeat: repeat;
}

.clip {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: relative;
}










/*------------------------------------*\
  # - Typography
\*------------------------------------*/

body {
    font-family: var(--font-family);
    font-weight: var(--font-weight-regular);
    color: var(--black-pearl);
    font-size: 1.1rem;

}

    .font-weight-light  { font-weight: var(--font-weight-light); }
  .font-weight-regular  { font-weight: var(--font-weight-regular); }
     .font-weight-bold  { font-weight: var(--font-weight-bold); }
    .font-weight-black  { font-weight: var(--font-weight-black); }



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-family-header);
    text-transform: uppercase;
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4   { font-weight: var(--font-weight-black); }
                  h5, h6, .h5, .h6   { font-weight: var(--font-weight-bold); }


.section-header {
    font-size: 3rem;
}

.heading-decoration, .card-title {
    border-left: .5rem solid var(--edward);
    padding-left: .5rem;
}








/*------------------------------------*\
  # - Navigation
\*------------------------------------ */

.navbar { 
    background-color: #776940;
    color: var(--white);
}

.navbar a { font-weight: var(--font-weight-bold); }

.navbar-nav .nav-link {
    color: var(--white);
    font-weight: var(--font-weight-bold);
    padding-bottom: 0px;
}

.navbar-nav .nav-link.active {
    border-bottom: .25rem solid var(--edward);
}

.navbar-nav .nav-link:hover {
    text-decoration: none;
    font-weight: var(--font-weight-bold);
    color: var(--blackbean);
}

.nav-link:focus {
  color: var(--blackbean);
}

.navbar-brand img { max-height: 5rem; }

.navbar .navbar-toggler {
    border: .15rem solid var(--white);
    color: var(--white);
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.navbar .navbar-toggler:focus {
    background-color: var(--blackbean);
    color: var(--bluesmoke);
}

.navbar .navbar-toggler:hover {
    background-color: #4D493E;
    color: var(--wildsand);
}

.navbar .dropdown-menu {
    padding: 0;
    border: 1px solid #4D493E;
    margin-top: 1rem;
    background-color: #4D493E;
}

.navbar .dropdown-item {
    background-color: #C3C2BC;
    padding-left: 1.5rem;
    border: 1px solid #9C9B96;
    color: var(--blackbean);
}

.navbar .dropdown-item:hover {
    background-color: #F4F2EB;
}

.navbar a.dropdown-item.active {
    background-color: #9C9B96;
    color: var(--pablo);
}








/*------------------------------------*\
  # - Buttons and Links
\*------------------------------------*/

.accordion-button:hover {
    background-color: #F4F2EB;
    color: var(--blackbean);
}

.accordion-button:focus {
    background-color: #F4F2EB;
    color: var(--blackbean);
    box-shadow: none;
}

.accordion-button:focus::after {
    color: var(--blackbean);
}

.accordion-button:not(.collapsed) {
    background-color: #F4F2EB;
    color: var(--blackbean);
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231C221D'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
    color: var(--blackbean);
}

.btn {
    border-radius: 75px;
    margin: auto;
}

.btn-primary {
    background-color: rgba(55, 56, 54,1);
    border: none;
}

.btn-primary:hover {
    background-color: rgba(55,56,54,.8);
}

.btn-primary:focus {
    background-color: var(--bluesmoke);
    border: 1px solid var(--bluesmoke);
    box-shadow: 0 0 0 0.25rem rgba(145,163,149,.5);
}

.btn-center {

  margin: auto;

}

#ctlink1:hover{
  color: var(--beeswax);
  text-decoration: none;
}
#ctlink2:hover{
    color: var(--beeswax);
    text-decoration: none;
}
.btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: 1;
  border-radius: .9rem;
  margin-left:auto;
  margin-right: auto;
  
}
 

/*------------------------------------*\
  # - About
\*------------------------------------*/







/*------------------------------------*\
  # - Contact
\*------------------------------------*/







/*------------------------------------*\
  # - Footer
\*------------------------------------*/

footer {
  background-color: #F4F2EB;
  color: var(--pablo);
}

footer .h5 {
    color: var(--black);
    font-weight: var(--font-weight-black);

}

footer p a {
  color: var(--pablo);
  font-weight: var(--font-weight-black);
  text-decoration: none;
}

footer p a:hover {
  color: var(--blackbean);
}

.social a {
  background-color: rgba(55, 56, 54,1);
  color: var(--white);
  padding: .75rem 1rem;
  margin: 0 .4rem;
}

.social a:hover {
  background-color: rgba(55, 56, 54,.6);
  color: var(--white);
}

/*------------------------------------*\
  # - Calender
\*------------------------------------*/

.googleCalendar{
    position: relative;
    height: 0;
    width: 50%;
    padding-bottom: 50%;
  }
  
  .googleCalendar iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  @media (max-width: 550px) {
    .big-container {
        display: none;
    }
 }
 @media (min-width: 550px) {
    .small-container {
        display: none;
    }
 }

 .responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
 }
 .responsive-iframe-container iframe,   
 .vresponsive-iframe-container object,  
 .vresponsive-iframe-container embed {
    position: absolute;
    margin: 0 auto;
    width: 50%;
    height: 80%;
 }


#parkCottagePolicies,
#parkCottageRates {

font-family:'Book Antiqua', sans-serif;

}

#san1, #san2, #san3,
#san4, #san5, #san6 {

font-family: 'Book Antiqua', sans-serif;

}

#vs1, #vs2, #vs3,
#vs4, #vs5  {

  display:block;
margin: auto;

}


li a, li a:visited {
color:var(--pablo);
text-decoration: underline;
font-family:'Book Antiqua', sans-serif;
font-weight:900;

}

li a:hover {
  color: black;
}

li a:active {
  color: black;
}




#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: rgba(55, 56, 54,1); /* Set a background color */
  color: var(--white); /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding-top: 1.25rem;
  padding-bottom: 1rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  font-weight: 900;
}

#myBtn:hover {
  background-color: rgba(55, 56, 54,.6);
  color: var(--white);
}