/*INDEX*/

header.masthead {
   background-image: url("/assets/catslife-overlay-mobile3-copy.jpg");
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
   
  }



  .btn-primary {
    color: #fff;
    background-color: #00cc00;
    border:1px solid #00cc00;
}

.navbar-brand{
  font-size: 0.7rem;
  font-weight: bold;
  color:white;
}




/*center the toggler
.navbar-toggler{
  margin: 0 auto;
}*/





/*this is the square surrounding the three lines*/
.navbar-toggler {
  padding: 0.25rem 0.50rem;
  font-size: 1rem;
  background-color: transparent;
  border:transparent !important;   
  
}




 
/*this is the box containing the navbar brand name and toggler*/
.navbar-custom{
    border-bottom: 2px solid white;
    background-color:#00cc00;
   
}

/*.navbar-toggler-icon{
  color: white;
}*/

.navbar-custom .navbar-nav .nav-item .nav-link {
    text-transform: uppercase;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.1rem;
    color:#fff;
    font-size: 2rem;
    font-family: "Catamaran", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }


   
  
  /*this is what changed the background from transparent back to green?*/
  .navbar > .container, 
  .navbar > .container-fluid, 
  .navbar > .container-sm, .navbar > 
  .container-md
   {
    background-color:#00cc00;
  }

  .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

    }

  /*.navbar-toggler {
    border:none;

  }*/

  
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: 1px solid #fff; 
}
  
  
  .dropdown-menu, .dropdown-item{
    background-color:#00cc00;
    color: #dbe3e6;
    font-size: 1.5rem;
    font-weight: 700;
    border: white;
    letter-spacing: 0.1rem;
    font-family: "Catamaran", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

#reasons-mobile, #reasons-desktop{
  font-family: "Catamaran", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/*#reasons-mobile{
  font-weight: 700;
}*/

#mobile-p-lead{
font-size: 1.1rem;
font-weight: 600;
font-family: "Catamaran", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


#button{
  font-size: .5rem;
}

h2#reasons-mobile{
  font-size: 1.5rem;
  font-weight: 700;
}


.lead{
  font-size: 1.4rem;
  font-weight: 400;
}

#intake-form{
  font-size: 1.1rem;
  font-weight: bold;
}

/*INDEX-TESTIMONIALS*/

#index-reviews1, #index-reviews2, #index-reviews3{
  font-size: 1rem;
}

#test{
  border: 1px solid #00cc00;
}

#hr-test1, #hr-test2{
  width:50%;
  color:rgb(54, 53, 53);
  margin: 0 auto;
  height: 2px;
}


/*INDEX-FOOTER*/
#footer-faq{
color: #fff;
text-decoration: none;
}

#contact-footer-mobile{
  text-decoration: none;
  color:#fff;
}

#tagline-location-mobile {
  font-size: 1rem;
  font-family: "Catamaran", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


/*GALLERY*/
#gallery-title{
  font-family:"Catamaran", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}




/*FAQ*/

#p-faq{
  font-size: 1rem;
}

.accordion-button:not(.collapsed) {
  color: green;
  background-color: white;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

.accordion-button:focus {
  border-color: #90EE90;
  box-shadow: 0 0 0 0.25rem	rgb(0,128,0);
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300FF00.'><path 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'/></svg>") !important;
}

h3{
  font-weight:normal;
}

   @media(max-width:310px) {
    .navbar-custom .navbar-brand {
      font-size: 0.5rem;
    }
  }

     @media(min-width: 311px) and (max-width:332px) {
    .navbar-custom .navbar-brand {
      font-size: 0.55rem;
    }
  }

     @media(min-width: 333px) and (max-width:421px) {
    .navbar-custom .navbar-brand {
      font-size: 0.65rem;
    }
  }
  
@media(max-width: 575px){
   .nav-link {
font-size:3rem;
    }
    
  }
  /*@media(max-width:350px){
    .navbar-custom .navbar-brand {
      font-size: 0.6rem;
      font-weight: bold;
    }
  }

 
    @media(max-width:389px) {
    .navbar-custom .navbar-brand {
      font-size: 0.6rem;
    }
  }


  @media(min-width:390px) and (max-width:413px){
    .navbar-custom .navbar-brand {
      font-size: 0.9rem;
    }
  }*/


/*RATES - Table info*/
 @media(min-width:450px) and (max-width: 767px){
    #first_table, #second_table, #third_table, #fourth_table{
    width: 100%
    }
  }

  @media(min-width:576px){
    a.navbar-brand{
      font-size: 1rem;
      font-weight: bold;
    }

    .navbar-custom .navbar-nav .nav-item .nav-link {
      font-size: 0.85rem;
    }

    h6{
      font-size: 1.15rem;
    }

    h2#tailored-mobile{
      font-size: 0.7rem;
    }

   /* #first_table, #second_table, #third_table, #fourth_table{
    width: 75%
  }*/

  }


@media(min-width:768px){
  p{
    font-size: 1.6rem;
  }


  #tagline-location-mobile {
    font-size: 1.4rem;
    font-family: "Catamaran", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }



  #reason1, #reason2, #reason3{
    font-size: 1.5rem;
  }

  #mobile-p-lead{
font-size: 1.1rem;
font-weight: 600;
font-family: "Catamaran", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  #p-index{
  font-size: 1.1rem;
  font-family: "Catamaran", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

     .card-text{
      font-size: 1rem;
    }


  /*ACCOMMODATIONS*/
  #acc, #catio{
    font-size: 1rem;
    
  }

  #catio{
    margin-bottom: 2rem;
  }

  /*RATES*/
  #first_table, #second_table, #third_table, #fourth_table{
    width: 75%;
  }

   #reserve_mobile{
    font-size: 1.1rem;
  }

  #footer-logo, #footer1, #tagline-location-mobile{
    font-size: 1rem;
  }
 
    }

  @media(min-width:768px) and (max-width:991px){
  #acc, #catio{
    width: 75%;
  margin: 0 auto 2rem auto;

  }
}



  @media(min-width:992px){

    /*INDEX PAGE-----------------------------------------------------------------*/
    /*this is what kept the nav background white*/
   /* .navbar {
        background-color: #fff;
      }
      .navbar > .container,
      .navbar > .container-fluid,
      .navbar > .container-sm,
      .navbar > .container-md,
      .navbar > .container-lg,
      .navbar > .container-xl,
      .navbar > .container-xxl {
        background-color:#fff;
      }*/

     

  /*body{min-height:200vh;}
  .navbar-custom{
  transition:250ms ease;
  background-color:00cc00;
}*/
/*.navbar-custom.scrolled{
  background:#000;
}*/

/*.navbar .nav-item .nav-link{
  border-bottom:0px;
}*/

.navbar-custom{
  background-color:#00cc00;
}

   header.masthead {
   background-image: url("/assets/catslife-overlay-mobile3-copy.jpg");
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
   
   }
    
    header.masthead .masthead-content .masthead-heading {
        font-size: 4rem;  
    }

    header.masthead .masthead-content .masthead-subheading {
        font-size: 2rem;
    }

    header.masthead .masthead-content {
      margin-top: 5rem;
    }

   
   /* .navbar-custom {
        background-color: #fff;
      }*/

      .btn-primary {
        color: #fff;
        background-color: #00cc00;
        border-color: #fff;

    }

    .btn-primary:hover{
        color: #00cc00;
        background-color: #fff;
        border-color:#00cc00;
        
    }

    .navbar-custom .navbar-nav .nav-item .nav-link {
        text-transform:none;
        font-weight: 700;
        letter-spacing: 0.1rem;
        font-family: "Catamaran", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        border-bottom: none;
      }

    .navbar-custom .navbar-nav .nav-item{
        padding-right: 0.7rem;
        padding-left:0.7rem;
        margin-left: 1rem;
        margin-right: 1rem;
       
       
    }

.border-lg-0-bottom {       
        border-bottom: 0 !important;
    }


  /*.navbar-custom .navbar-nav .nav-item  {
    color:#00cc00;
  }*/

.navbar-custom .navbar-nav .nav-item .nav-link {
  /*color:#0B6623;*/
  color:rgb(54, 53, 53);
  font-size: 1.2rem; 
  color: #fff; 

}

.navbar-custom:hover .navbar-nav:hover .nav-item:hover .nav-link:hover {
  color:rgb(54, 53, 53);
   
  }

    .dropdown-menu, .dropdown-item{
        font-family: "Catamaran", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      }

      header.masthead .masthead-content {
       width: 50%;
       float: left;
    }

 /* .navbar .nav-item .nav-link{
  border-bottom:0px;
} */

    #p-index{
      font-size: 1.1rem;
    }

   
      #reasons-desktop{
        font-size: calc(1.375rem + 1.2vw);
        font-weight: 600;
      }

      #reason1, #reason2, #reason3{
        font-size: 1.1rem;
      }
      
      /*a {
        color: #006400;
        text-decoration: underline;
      }
      a:hover {
        color: #006400;
      }*/

      #test{
        border: none;
      }
    

    #desktop-p-lead{
      font-size: 1.2rem;
      font-weight: 600;
    }

    .card-text{
      font-size: 1rem;
    }

    #index-reviews1, #index-reviews2, #index-reviews3{
      font-size: 1rem;
    }

    #footer-logo{
      font-size: 1rem;
      font-family: "Catamaran", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }

    #footer1{
      font-size: 1rem;
    }

    #footer-accom, #footer-rates, #footer-about, #footer-faq, #footer-gallery, #footer-contact, #footer-index{
      font-size: 0.9rem;
      text-decoration: none;

    }

    #tagline-location-desktop {
      font-size: 1rem;
      font-family: "Catamaran", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }

  

  
    /*Accommodations*/

 #acc, #catio{
  font-size: 1.1rem;
 }

 #accom-div{
  margin-top: 7rem;
 }



 

 /*Rates*/

 #p-faq{
  font-size: 1rem;
 }

  #first_table, #second_table, #third_table, #fourth_table{
    width: 50%;
  }

   #reserve_desktop{
    font-size: 1.1rem;
  }

  }

  .navbar-custom .navbar-nav .nav-item .nav-link {
    padding-right: 0rem;
    padding-left: 0rem;
    text-transform: none;
    font-size: 0.8rem;
    letter-spacing: 0.1rem;
    font-family: "Catamaran", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  
} 

/*Contact*/

#contact{
  font-size: 1.1rem;
}




@media(min-width:1200px){

    .navbar-custom .navbar-nav .nav-item{
        padding-right: 1.2rem;
        padding-left: 1.2rem;
    }

    .navbar-custom .navbar-nav .nav-item .nav-link {
        padding-right: 0rem;
        padding-left: 0rem;
        text-transform: none;
        font-size: 1.2rem;
        letter-spacing: 0.1rem;
        font-family: "Catamaran", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      
    } 

    .dropdown-menu, .dropdown-item{
        font-family: "Catamaran", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      }

      header.masthead .masthead-content {
        margin-top: 5rem;
      }

      .masthead-subheading .masthead-heading{
      margin-top: 10rem;
    }

    
    body, footer{  
      margin: 0px;
     padding: 0px; 
          
    }

     #acc, #catio{
    font-size: 1.2rem;
    
  }

    .table, #reserve_desktop{
      font-size: 1.2rem;
    }


}