/* ---------------------------
SCREEN STYLE CSS
--------------------------- */

/*
.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1{
border: solid 2px #666666;
}
*/

/* NAVIGATION STYLES */
.navbar
{
    font-family: 'Chakra Petch', sans-serif;
    background: #fccf2e;
    padding: 5px;
}
.navbar img
{
    border: none;
}
.navbar-toggler
{
    float: right;
    margin: 8px 7px;
    color: #3c3c3b;
}
.navbar-toggleable-sm
{
    clear: both;
    float: left;
    padding: 5px 15px;
}
.navbar-toggleable-sm li
{
    clear: both;
}
.containernav 
{
/*
    width: 520px;
    height: 330px;
    position: absolute;
    margin: 20px;
*/
    overflow: hidden;
}
ul.topnav 
{
    margin: 10px 0 0; 
    padding: 0; 
    list-style: none;   
    font-size: 1em;
    clear: both;
    float: right;
/*   width: 520px;*/
}
ul.topnav li
{
    margin: 0; 
    padding: 0; 
    overflow: hidden; 
    float: left; 
    height: 40px;
    border-radius: 4px;
}
ul.topnav a, ul.topnav span 
{
    padding: 10px 20px; 
    float: left; 
    text-decoration: none; 
    color: #3c3c3b;
    clear: both;
/*   height: 20px;*/
    line-height: 20px;
    background: #fccf2e; 
}
ul.topnav a 
{   
    color: #fff;
    background: #3c3c3b;
}
.collapse ul.topnav a 
{   
    width: 150px;
}
ul.topnav span 
{
    display: none;
}



/* BG STYLES */
#hpWidgetBg
{
    background: url(../image/hpBookingWidgetBg_web.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
/*    margin-top: 60px;*/
    padding-top: 200px;
    padding-bottom: 200px;
}
#bookingWidgetBg
{
    background: rgb(255,255,240,.9);
    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 10px;
}
#dealsHero
{
    background: #fccf2e;
    margin-top: 61px;
}
#headingBg1
{
    background: #3c3c3b;
}
#headingBg1 h1
{
    color: #fff;
}
#headingBg2
{
    background: url(../image/dealsGuyExiting_web.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
/*    margin-top: 60px;*/
    padding-top: 200px;
    padding-bottom: 200px;
}
#dealWeek
{
    background: rgb(252,207,46,.8);
    padding: 30px;
    box-shadow: 20px 20px 50px #3c3c3b;
    border-radius: 4px;
}
#dealBox1, #dealBox2, #dealBox3
{
    background: rgb(252,207,46,.8);
    height: 350px;
    box-shadow: 20px 20px 50px #3c3c3b;
    border-radius: 4px;
}
#faqHero, #usaHero
{
    margin-top: 61px;
}
.contentBg
{
    background: #FFFFF0;
}



/* FORMATTING STYLES */
/* headings */
h1, h3, h4, h5
{
    font-family: 'Chakra Petch', sans-serif;
    color: #3c3c3b;
}
.headerSpacing
{
    padding-top: 30px;
    padding-bottom: 30px;
}
.subHeaderSpacing
{
    padding: 20px 0;
}
/* general */
body
{
    font-family: 'Saira', sans-serif;
}
.subtype
{
    font-size: .9em;
}
.italic
{
    font-style: italic;
}
.center
{
    text-align: center;
}
.imgCenter
{
    margin-left: auto;
    margin-right: auto;
}
/* homepage tab widget */
#tabs
{
    margin-top: 50px;
}
#log, #log2, #log3, #log4
{
    font-family: 'Saira', sans-serif;
    height: 100px;
    width: auto; 
    overflow: auto;
    margin-bottom: 20px;
}
.ui-widget, .ui-widget input
{
    font-family: 'Saira', sans-serif;
}
/* footer */
.footer
{
    background: #3c3c3b;
    padding: 100px 15px
}
.footer p
{
    color: #FDFAF9;
}