/* Homepage styles. Sections retain their original order to preserve the design.


   Edit this file; the homepage no longer loads the older section stylesheets. */





/* === WHOLEPAGE === */


body {


    overflow-x: hidden;


    font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;


    background-color: rgb(52,66,31);


}





.text-muted {


    color: #222;


    font-size: 20px;


    padding:20px;


}





a,


a:hover,


a:focus,


a:active,


a.active {


    outline: 0;


    color: #fec503;


}





a {


    color: #fed136;


}





h1,


h3,


h4,


h5,


h6 {


    text-transform: uppercase;


    font-family: century gothic,"Helvetica Neue",Helvetica,Arial,sans-serif;


    font-weight: 700;


}





.bg-light-gray {


    background-color: rgb(52,66,31);


}





.content-panel {


    background-color: #AE9966;


    width:98%;


}





.btn-xl {


    padding: 20px 40px;


    border-color: #fed136;


    border-radius: 3px;


    text-transform: uppercase;


    font-family: century gothic,"Helvetica Neue",Helvetica,Arial,sans-serif;


    font-size: 18px;


    font-weight: 700;


    color: #fff;


    background-color: #fed136;


}





/* === HEADER === */


.jumbotron {


    text-align: center;


    color: #fed136;


    background-color: rgba(52, 66, 31, 0.95);


    padding-bottom: 55px;


    margin: 100px 0 600px;


}





.jumbotron h2 {


    font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;


    font-style: italic;


}





#tripa {


    height: 100px;


    width: 100px;


    margin-top: -80px;


    padding-left: 41%;


    text-align: center;


}





#tripa2 {


    height: 100px;


    width: 100px;


    margin: 10px auto 0 23%;


}





body#page-top::before {


    content: "";


    position: fixed;


    inset: 0;


    z-index: -1;





    background:


        url("../img/outside/Awden_Photo-Higgins_Inn-014.jpg")


        center / cover


        no-repeat;


}





.beach-separator,


#back3 {


    height: 600px;





    background-repeat: no-repeat;


    background-size: cover;


    background-attachment: fixed;


}





.beach-separator {


    background-image: url("../img/outside/20151111_134917[1].jpg");


    background-position: center;


}





#back3 {


    background-image: url("../img/outside/higgins%20inn%20041.jpg");


    background-position: 30% center;


}





@media (max-width: 767px) {


    .beach-separator,


    #back3 {


        height: 350px;


        background-attachment: scroll;


    }


}





#reviews,


#location,


#rooms,


#staff {


    margin-bottom: 0;


    padding-bottom: 0;


}





#reviews > .well,


#location > .well,


#rooms > .well,


#staff > .well {


    margin-bottom: 0;


}


.beach-separator,


#back3,


#back4 {


    margin-top: 0;


}





@media (max-width: 767px) {





    #tripaWrapper {


        float: none !important;


        width: 100% !important;


        max-width: 100% !important;


        padding: 0 !important;


        margin: 20px auto 0;


        text-align: center;


        clear: both;


    }





    #tripa2 {


        float: none !important;


        width: 100% !important;


        max-width: 100% !important;


        height: auto;


        margin: 0 auto !important;


        padding: 0 !important;


        text-align: center;


    }





    #tripa2 > div,


    #tripa2 ul,


    #tripa2 li {


        max-width: 100% !important;


        margin-left: auto !important;


        margin-right: auto !important;


    }





    #tripa2 img {


        max-width: 100% !important;


        height: auto !important;


    }


}





/* === NAVIGATION === */


.navbar-default {


    border-color: transparent;


    background-color: #222;


}





.navbar-default .navbar-brand {


    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;


    font-style: italic;


    color: #fed136;


}





.navbar-default .navbar-brand:hover,


.navbar-default .navbar-brand:focus,


.navbar-default .navbar-brand:active,


.navbar-default .navbar-brand.active {


    color: #fec503;


}





.navbar-default .navbar-collapse {


    border-color: rgba(255,255,255,.02);


}





.navbar-default .navbar-toggle {


    border-color: #fed136;


    background-color: #fed136;


}





.navbar-default .navbar-toggle .icon-bar {


    background-color: #fff;


}





.navbar-default .navbar-toggle:hover,


.navbar-default .navbar-toggle:focus {


    background-color: #fed136;


}





.navbar-default .nav li a {


    text-transform: uppercase;


    font-family: century gothic,"Helvetica Neue",Helvetica,Arial,sans-serif;


    font-weight: 400;


    letter-spacing: 1px;


    color: #fff;


}





.navbar-default .nav li a:hover,


.navbar-default .nav li a:focus {


    outline: 0;


    color: #fed136;


}





.navbar-default .navbar-nav>.active>a {


    border-radius: 0;


    color: #fff;


    background-color: #fed136;


}





.navbar-default .navbar-nav>.active>a:hover,


.navbar-default .navbar-nav>.active>a:focus {


    color: #fff;


    background-color: #fec503;


}





@media(min-width:768px) {


    .navbar-default {


        padding: 25px 0;


        border: 0;


        background-color: transparent;


        -webkit-transition: padding .3s;


        -moz-transition: padding .3s;


        transition: padding .3s;


    }





    .navbar-default .navbar-brand {


        font-size: 2em;


        -webkit-transition: all .3s;


        -moz-transition: all .3s;


        transition: all .3s;


    }





    .navbar-default .navbar-nav>.active>a {


        border-radius: 3px;


    }





    .navbar-default.navbar-shrink {


        padding: 10px 0;


        background-color: #222;


    }





    .navbar-default.navbar-shrink .navbar-brand {


        font-size: 1.5em;


    }


}





/* === REVIEWS === */


.reviews-section {


    display: flex;


    flex-direction: row;


    align-items: center;


    justify-content: center;


}





.reviews-carousel {


    display: flex;


    flex-direction: row;


    overflow: hidden;


    width: 50%;


}





.item {


    display: flex;


    padding: 80px;


    text-align: center;


}





.review-text {


    font-size: 20px;


}





#myCarouselr {


  width: 100%;


}





.rating {


    display: flex;


    justify-content: center;


    margin-bottom: 20px;


}





.fa-star {


    color: lightgray;


    font-size: 24px;


    margin: 0 5px;


}





.checked {


    color: orange;


}


  


.btn {


    background-color: #337ab7;


    color: white;


    padding: 10px 20px;


    border: none;


    border-radius: 5px;


    cursor: pointer;


    margin: 20px;


}





.btn-prev, .btn-next {


    display: none;


}





@media (min-width: 768px) {


    .btn-prev, .btn-next {


      display: inline-block;


    }


}





/* === ROOMS === */


::-moz-selection {


    text-shadow: none;


    background: #fed136;


}





.carousel-indicators{


   top:-17px !important; 


}


.carousel-caption{


    position: absolute;


    bottom: 10px;


    left: 10px;


    right: 10px;


    background: rgba(0, 0, 0, 0.5); 


    color: white;


    padding: 10px;


    border-radius: 5px;


}





.carousel-inner {


    position: relative;


    width: 100%; 


}





.carousel-control {


    position: absolute;


     


    z-index: 5;


}





/* === STAFF === */


.team-member {


    margin-bottom: 50px;


    text-align: center;


}





.team-member img {


    margin: 0 auto;


    border: 7px solid #fff;


}





.team-member h4 {


    margin-top: 25px;


    margin-bottom: 0;


    text-transform: none;


}





.team-member p {


    margin-top: 0;


}





.blend-btn {


  display: flex;


  justify-content: center;


  align-items: center;


  width: 100%;


  padding: 1.5em 0;


  background: none;


  border: none;


  box-shadow: none;


}





.blend-btn-link {


  background: #2F4F4F;


  color: #ebd50f !important;


  font-family: 'Georgia', serif;


  font-size: 2.3rem;


  font-weight: 600;


  padding: 0.75em 1.5em;


  border: 2px solid #49605A;


  border-radius: 10px;


  box-shadow: 0 4px 12px rgba(0,0,0,0.15);


  cursor: pointer;


  text-decoration: none;


  text-align: center;


  transition: background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;


  display: inline-block;


  width: auto;


}





.blend-btn-link:hover {


  background: #49605A;


  transform: translateY(-2px);


  box-shadow: 0 6px 16px rgba(0,0,0,0.25);


}





.blend-btn-link:active {


  transform: translateY(0);


  box-shadow: 0 3px 8px rgba(0,0,0,0.2);


}





/* === CONTACT === */


section#contact {


    background-color: #222;


}





section#contact .form-group {


    margin-bottom: 25px;


}





section#contact .form-group input,


section#contact .form-group textarea,


section#contact #subb,


section#contact .btn{


    padding: 20px;


}





section#contact .form-group input.form-control {


    height: auto;


}





section#contact .form-group textarea.form-control {


    height: 236px;


}





section#contact .form-control:focus {


    border-color: #fed136;


    box-shadow: none;


}





section#contact .text-danger {


    color: #fed136;


}





/* === FOOTER === */


footer {


    padding: 25px 0;


    text-align: center;


    background-color: #34421F;


}





footer span.copyright {


    text-transform: uppercase;


    text-transform: none;


    font-family: century gothic,"Helvetica Neue",Helvetica,Arial,sans-serif;


    line-height: 40px;


}





footer ul.quicklinks {


    margin-bottom: 0;


    text-transform: uppercase;


    text-transform: none;


    font-family: century gothic,"Helvetica Neue",Helvetica,Arial,sans-serif;


    line-height: 40px;


}





ul.social-buttons {


    margin-bottom: 0;


}





ul.social-buttons li a {


    display: block;


    width: 40px;


    height: 40px;


    border-radius: 100%;


    font-size: 20px;


    line-height: 40px;


    outline: 0;


    color: #fff;


    background-color: #222;


    -webkit-transition: all .3s;


    -moz-transition: all .3s;


    transition: all .3s;


}





ul.social-buttons li a:hover,


ul.social-buttons li a:focus,


ul.social-buttons li a:active {


    background-color: #fed136;


}





/* === SITE === */


.rental-offer {


    background-color: #007bff;


    color: white;


    text-align: center;


    padding: 20px;


    font-size: 20px;


    font-weight: bold;


    margin: 20px 0;


}





.treasure-hunt-wrapper {


    text-align: center;


    margin-top: 20px;


    padding-bottom: 20px;


    background-color: rgb(52, 66, 31);


}





.treasure-hunt-button {


    display: inline-flex;


    align-items: center;


    justify-content: center;


    padding: 12px 24px;


    border: 1px solid transparent;


    font-size: 2.125rem;


    font-weight: 500;


    border-radius: 0.375rem;


    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);


    color: #ffffff;


    background-color: #f59e0b;


    text-decoration: none;


    cursor: pointer;


    transition: background-color 150ms ease-in-out,


                box-shadow 150ms ease-in-out;


}





.treasure-hunt-button:hover,


.treasure-hunt-button:focus {


    color: #ffffff;


    text-decoration: none;


}


.treasure-hunt-button:hover {


    background-color: #d97706;


}





.treasure-hunt-button:focus {


    outline: none;


    box-shadow: 0 0 0 2px #ffffff,


                0 0 0 4px #f59e0b;


}





#powerOutageAlert {


    position: fixed;


    bottom: 2rem;


    left: 0;


    right: 0;


    background-color: #dc3545;


    color: white;


    text-align: center;


    padding: 15px 20px;


    font-size: 2em;


    font-weight: bold;


    z-index: 1050;


    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);


    animation: slideInFromTop 0.5s ease-out;


    display: flex;


    justify-content: center;


    align-items: center;


    gap: 15px;


}





#powerOutageAlert p {


    margin: 0;


}





#powerOutageAlert button {


    background: none;


    border: none;


    color: white;


    font-size: 1.5em;


    cursor: pointer;


    padding: 0 10px;


    line-height: 1;


}





#staff .team-member img {


    width: 150px;


}





/* Tripadvisor desktop widget */


#TA_percentRecommended22 { z-index: 9999; }





/* === WELCOME LINKS === */


.welcome-actions {


    clear: both;


    display: flex;


    flex-wrap: wrap;


    justify-content: center;


    gap: 12px;


    padding-top: 24px;


}





.welcome-link {


    display: inline-block;


    padding: 12px 22px;


    border: 2px solid #fed136;


    border-radius: 6px;


    background-color: #fed136;


    color: #222;


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


    font-size: 18px;


    font-weight: 700;


    line-height: 1.4;


    text-decoration: none;


}





.welcome-link-secondary {


    background-color: #34421f;


    color: #fed136;


}





.welcome-link:hover,


.welcome-link:focus {


    background-color: #fec503;


    border-color: #fec503;


    color: #222;


    text-decoration: none;


}





.welcome-link:focus {


    outline: 2px solid white;


    outline-offset: 4px;


}





/* Leave room for the fixed navigation when following the welcome links. */


#rooms,


#contact {


    scroll-margin-top: 100px;


}





@media (max-width: 767px) {


    .welcome-link {


        width: 100%;


        max-width: 300px;


    }


}





/* Black text contrasts with the yellow active navigation background. */


.navbar-default .navbar-nav > .active > a,


.navbar-default .navbar-nav > .active > a:hover,


.navbar-default .navbar-nav > .active > a:focus {


    color: #000;


}





/* Suite facts for quick comparison, above the full descriptions. */


#rooms .suite-summary {


    margin: 12px 20px 0;


    padding: 12px 16px;


    border-left: 4px solid #34421f;


    background-color: rgba(255, 255, 255, 0.2);


    color: #222;


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


    font-size: 17px;


    font-weight: 600;


    line-height: 1.6;


}





/* Suite inquiry links */


.suite-inquiry-action { margin: 0 20px 24px; }


.suite-inquiry-link {


    display: inline-block;


    padding: 12px 20px;


    border: 2px solid #34421f;


    border-radius: 6px;


    background-color: #34421f;


    color: #fff;


    font-size: 17px;


    line-height: 1.4;


    text-decoration: none;


}


.suite-inquiry-link:hover,


.suite-inquiry-link:focus {


    background-color: #263217;


    color: #fff;


    text-decoration: none;


}


.suite-inquiry-link:focus { outline: 2px solid #222; outline-offset: 3px; }




/* Keep carousel indicators from stretching over descriptions and inquiry links.

   Bootstrap supplies bottom: 10px; our top positioning must unset that edge. */

.carousel-indicators {

    bottom: auto;

    height: 24px;

}


/* Contact links keep the existing heading and number colours. */
#contact .contact-link,
#contact .contact-link:visited {
    color: inherit;
    text-decoration: none;
}
#contact .contact-link:hover,
#contact .contact-link:focus {
    color: inherit;
    text-decoration: underline;
}

/* Short property description beneath the Tripadvisor widgets. */
.welcome-intro {
    clear: both;
    max-width: 680px;
    margin: 0 auto;
    padding: 18px 20px 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
}