/*---------------------------------------------------------------------------------

 Theme Name:   sweetwater-divi
 Theme URI:    http://sweetwaterspa.com
 Description:
 Author:       Shan Ricciardi
 Author URI:   http://ricciardidesigns.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/* fonts  */
@font-face {
    font-family: Benguiat Book;
    src: url(https://www.sweetwaterspa.com/wp-content/themes/sweetwater-divi/fonts/benguiat-book-webfont.woff2);
}
/* Start header styles  */
p a, li a {
    color: #2a84d2;
}
body.page-id-30075 {
    color: #404040;
}
#et-secondary-nav li ul li {
    text-align: left;
}
#top-menu a{
	color:#fff!important;
}
@media only screen and (min-width: 981px){
    div#top-header, .et_fixed_nav #top-header{
        background: #31505e  url(/wp-content/themes/sweetwater-divi/img/sweetwater-header-bg-2.png) left bottom repeat-x;
        height: 132px;
        margin-bottom: -94px;
    }


    #logo {
        position: relative;
        top: -18px;
        margin-left: 45px;
        max-height: 92%!important;
    }
    #main-header,.et_fixed_nav #main-header {
        background:transparent;
        background-color: rgba(49, 80, 94, 0)!important;
    }
    #top-header .container, .container.et_menu_container {
        width: 100%;
    }
    /* full with nav only */
    #et-top-navigation {
        padding-right: 30px;
    }
    .et_fullwidth_secondary_nav #top-header .container {
        padding-right: 39px;
    }

}


#et-info-email:hover, #et-secondary-menu>ul>li>a:hover, #top-menu-nav>ul>li>a:hover, .et-social-icons a:hover {
    color: #1EB0FF;
    opacity: 1;
}

#et-secondary-menu .et-social-icons {
    float: right;
}
#et-top-navigation {
    clear: right;
}

.top-phone {
    width: 114px!important;
}

.top-phone a {
    color: white!important;
    font-size: 16px!important;
}

.top-phone:before {
    font-family: 'ETmodules';
    content: "\e090";
    font-size: 14px;
    float: left;
    line-height: 16px;
}
@media only screen and (max-width: 980px) {

    .top-phone {
        width: 100%!important;

    }
    .top-phone a {
        color: #1fe9ff!important;
    }

    .top-phone:before {
        color: white;
        margin-top: 10px;
        margin-right: 12px;
        display: none;

    }
}

.menu-cta {
    border: 2px solid white;
    padding: 12px 23px!important;
    border-radius: 25px;
    text-align: center;
    margin-right: 10px;
}

.menu-cta:hover {
    background-color: #1EB0FF;
    color: #fff!important;
}

#top-menu-nav>ul>li.menu-cta>a:hover{
    color: #fff;
    opacity: 1;
}


@media only screen and (min-width: 981px){
    .menu-cta {
        height: 42px;
    }
}

    /*------------- Menu CTA Button Mobile Settings -----------------------*/

    @media only screen and (max-width: 980px){
        .menu-cta {
            background-color: #1EB0FF;
            padding: 0px!important;
        }
    }
    /*------------------- Homepage styles ---------------------------------*/


    .et_pb_button, .gform_wrapper .gform_footer input.button {
        font-family: "Open Sans Condensed", Helvetica, Arial, Lucida, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        padding: .3em 1em;
        border: 2px solid;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 54px;
        /* background-image: linear-gradient(137deg,#00bdff 0%,#39a3ff 100%)!important; */
        /* background-image: linear-gradient(137deg,rgba(0, 189, 255, 1) 0%,rgba(57, 163, 255, 1) 100%)!important; */
        background-image: linear-gradient(137deg,#05a0d6 0%,#2a84d2 100%)!important;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        font-size: 20px;
        line-height: 1.7em!important;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s;
    }
    .et_pb_button:hover, .gform_wrapper .gform_footer input.button:hover {
     background-image: linear-gradient(137deg,#39a3ff 0%,#39a3ff 100%)!important;
     /* background-color: rgba(30, 176, 255, 0.56); */
     }
    .et_pb_button:hover, .et_pb_module .et_pb_button:hover {
        border: 2px solid #00bdff;
    }

    .et_pb_slide_content h2, .et_pb_slide_content h3 {
        font-size: 42px;
        font-weight: 100;
        font-family: Muli, Helvetica, Arial, Lucida, sans-serif;
    }

/* CTA buttons in Inn Sub-Section */
@media only screen and (min-width: 1333px) {

.btn-inline .et_pb_button_0_wrapper {
        display: inline-block;
        margin: 0 4px 0 0;
    }
.btn-inline .et_pb_button_1_wrapper {
        display: inline-block;
        margin: 0 42% 0 4px;
    }
    .btn-inline {
        text-align: center !important;
    }
}

/* ----------------------- Accommodations Page  --------------------------- */

/* room buttons */

.tg-maren-sweetwater-rooms .tg-element-7, .tg-maren-sweetwater-rooms .tg-element-4 {
    border-radius: 3em;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.tg-maren-sweetwater-rooms .tg-element-7:hover, .tg-maren-sweetwater-rooms .tg-element-4:hover {

     background-color: rgba(30, 176, 255, 0.56);
 }

 /*---------------- room detail pages ------*/

.project-template-default.single .et_pb_post {
    margin-bottom: 0!important;
}

p.rates {
    font-weight: 700;
    font-size: 17px;
    color: #737373!important;
    font-family: 'Muli',Helvetica,Arial,Lucida,sans-serif;
}

p.sleeps {
    font-weight: 700;
    font-size: 24px;
    color: #494949!important;
    font-family: 'Muli',Helvetica,Arial,Lucida,sans-serif;
}
p.pet-friendly {
    font-weight: 700;
    font-size: 17px;
    color: #737373!important;
    font-family: 'Muli',Helvetica,Arial,Lucida,sans-serif;
}
span.extra-rates {
    font-size: .8em;
}
/* ----------------- Reverse order of rows in mobile --------------------- */

@media (max-width:980px) {
    .reverse-columns-mobile {
        display: flex;
        flex-direction: column-reverse;
    }
}

/*
 footer styles

 */

.mail-footer-link p a {
    color: #1fe9ff!important;
}

nav.footer-nav {
    text-align: center;
}
nav.footer-nav li {
    display: inline-block;
    padding: 0 6px;
}

/* divibars styles */
.divibars-container .et_pb_button:after, .divibars-container .et_pb_button:before {
    font-size: 18px!important;
}
body.et_pb_button_helper_class .divibars-container .et_pb_button {
    font-weight: 600;
}
.home #page-container .container {
	    z-index: 999999!important;
	}
/* ------------contact page --------------- */
/*** REMOVE LABEL ON FIELDS USING PLACEHOLDER ***/
.gform_wrapper .top_label .gfield_label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
 display: none!important;
}
/*** FIELD STYLING ***/
input[type=text],
textarea {
 background: #eee;
 border: none;
 border-radius: 0;
 color: #999 !important;
 padding: 15px !important;
}
/*** BUTTON STYLING ***/
.gform_wrapper .gform_footer input.button {
 float: right;
 /* background: transparent;
 border: 2px solid #2ea3f2; */
 font-size: 22px;
 color: #fff;
 padding: 12px 23px;
 /* border-radius: 5px;
 letter-spacing: 2px; */
 cursor: pointer;
}
/*** BUTTON HOVER STYLING ***/
/* .gform_wrapper .gform_footer input.button:hover {
 background: rgba(0, 0, 0, 0.05);
 border: 2px solid transparent;
} */
/* -------------- Specials page ------------ */
.et-bio .et-box-content {
    font-weight: 600;
    font-size: 1.25em;
    line-height: 1.75em;
}
/*------------ global ---------------------*/
/* loding archive */

.archive .et_pb_row_0 {
    background-image: none;
    background-color: #fff;
}
/* .archive div.et_pb_section.et_pb_section_0 {
    background-image: none!important;
} */
.archive div#main-content {
    background-image: -webkit-linear-gradient(top, #ffffff 45%,#ffffff 45%,#c7c7c7 100%);
    background-image: linear-gradient(to bottom, #ffffff 45%,#ffffff 45%,#c7c7c7 100%);
}
/* Testimonals Overides */

.testimonial-body #et-boc p {
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 20px!important;
    color: #ffffff!important;
    line-height: 1.2em!important;
    text-align: center!important;
}

.testify-testimonials .person-name p, .testify-testimonials .person-name p a {
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 700!important;
    color: #1eb0ff!important;
    line-height: 1.2em!important;
    text-align: center!important;
}

@media (max-width:980px) {
    .testify-testimonials .testimonial-container {
    margin-top: 36px;
}
    .testimonial-body #et-boc p {
        font-size: 16px!important;
    }
    
}
/*------------------
 FOOTER 4 (FREE) -----------------------------------*/


/*--------------- Social for custom footer
----------------------------------------------------------------------------------*/

.footer_custom.et_pb_section {
    padding: 0 !important;
   }
   
   /**** Row Widget Custom ****/
   .footer-widget .fwidget {
    min-width: 100% !important;
   }
   
   #footer-widgets {
    padding: 3% 0 0 !important;
   }
   
   #footer-widgets .footer-widget li:before {
    content: none !important;
   }
   
   #footer-widgets .footer-widget li {
    padding-left: 0px !important;
   }
   
   /*--------------- Footer 3-4 Layout
   ----------------------------------------------------------------------------------*/
   
   #main-footer .container {
    width: 100% !important;
    max-width: 100% !important;
   }
   
   #main-footer {
    background-color: transparent !important;
   }
   
   .et_pb_gutters3.et_pb_footer_columns1 .footer-widget .fwidget, .et_pb_gutters3 .footer-widget {
    margin-bottom: 0px ;
   }
   
   @media only screen and (max-width: 767px) {
    #footer-widgets .footer-widget .fwidget { 
    margin-bottom: 0% !important;
    }
   }
   
   @media only screen and (max-width: 980px) {
    .footer-widget:nth-child(n) { 
    width: 100% !important; 
    margin: 0 !important;
    }
   }
   
   @media only screen and (max-width: 479px) {
    #footer-widgets .footer-widget:nth-child(n), .footer-widget .fwidget { 
    margin-bottom: 0 !important;
    }
   }
   
   /*--------------- Social Center for custom footer
   ----------------------------------------------------------------------------------*/
   
   .et_pb_social_media_follow li {
    float: none !important;
    display: inline-block !important;
    margin-bottom: 0 !important;
   }
   
   ul.et_pb_social_media_follow {
    text-align: center !important;
   }
   
   .et_pb_social_media_follow li a.icon {
    width: 45px;
    height: 45px;
    padding: 0;
   }
   
   .et_pb_social_media_follow li a.icon::before {
    width: 45px;
    height: 45px;
    color: #FFF;
    font-size: 20px;
    line-height: 45px;
   }
   
   @media only screen and (max-width: 980px) {
    .footer_custom_3 .et_pb_text { 
    text-align: center !important;
    }
   }
   
   /*--------------- Footer Bottom Bar Not Visible
   ----------------------------------------------------------------------------------*/
   #footer-bottom {
    display: none !important;
   }

   .footer-nav li a {
    color: #00bcd4;
    text-decoration: none;
}
   
/* ------------------------- Divi Bars Hide on Archive pages ---------------------- */
/* .archive div#sidebar-divibar {
    display: none!important;
} */