/*
Theme Name:     Hotel Booking Phys Style Sheet
Theme URI: 		http://www.phuketwebstudio.com
Author: 		JaCk Peerawat Promrit
Description:    Theme Style Sheet Controller
Template:       RPC
Version:        1.0
*/

a:link, a:visited {
    /* font-family: "Sarabun", Helvetica, Arial, sans-serif; */
    color: #D4B371;
    text-decoration: none;
}
a:hover, a:active {
    color: #fff;
}

/*
#main {
    margin-bottom: -15px !important;
}
*/

#header-wrapper {
    margin: 0px !important;
}

h1, h2, h3, h4, h5, h6 {
	color:#0a243e;
}
/*
h1 {font-size: 41px !important;}
h2 {font-size: 32px !important;}
h3 {font-size: 28px !important;}
h4 {font-size: 22px !important;}
h5 {font-size: 18px !important;}
h6 {font-size: 16px !important; }
*/

h1.hotel {font-size: 30px !important;}

.no-header-menu ul li a, .dt-header-menu .dt-primary-nav li a {
    padding: 10px 9px !important;
}

.hotel-breadcrumb li a {
    text-decoration: none;
    color: #0a243e;
}
.hotel-breadcrumbb li a:hover {
    color: #D4B371;
}

.woocommerce {
    font-family: "Sarabun", Helvetica, Arial, sans-serif !important;
}

.woocommerce .product > div.images {
    width: 68%;
}

.woocommerce .product > div.summary {
    margin: 0 0 0 2% !important;
    width: 30% !important;
    background-color: #eeeeee;
    padding: 15px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #D4B371 !important;
    border-bottom-color: #D4B371 !important;
    z-index: 2;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    /* height: 50px; */
    line-height: 51px;
    margin: 0;
    padding: 0 35px;
    color: #333;
    font-size: 0.933em;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    border: none;
    background: transparent !important;
    border-radius: 0px !important;
    -webkit-transition: background 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: #D4B371 !important;
    border: 1px solid #D4B371 !important;
    border-radius: 0px !important;
    display: inline-block;
    margin: 0 1px !important;
    padding: 0px !important;
    position: relative;
    z-index: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    height: 50px;
    line-height: 51px;
    margin: 0;
    padding: 0 35px;
    color: #333;
    font-size: 0.933em;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    border: none;
    background: #f2f2f2;
    border-radius: 3px 3px 0 0;
    -webkit-transition: background 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
}

.woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs {
    border-bottom: 2px solid #D4B371;
}

.cart-item-date-check-in,
.cart-item-date-check-out {
    margin-bottom: 5px !important;
}

.cart-item-date-check-in,
.cart-item-date-check-out {
    margin-bottom: 5px !important;
}

.el-show-max-qty-room { display: none !important;}

.hotel-booking #extras-room {
    font-size: 1.2em;
    margin-bottom: 15px;
}

.hotel-booking #extras-room table tr td {
    text-align: left;
    font-size: 0.8rem;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #231f20 !important;
}

.primary-image {
    /*min-height: 320px;*/
    min-height: 320px;
    background-repeat: no-repeat;
    background-size: cover;
}


.hotel-loop-room__title {
    font-size:22px !important;
}

img.alignleft .wp-image-19022,
img.alignleft .wp-image-18557,
img.alignleft .wp-image-19015 {
    margin-right: 10px !important;
}

.alignleft, img.alignleft {
    display: inline;
    float: left;
    margin-right: 10px !important;
}

.woocommerce span.onsale, .woocommerce span.out-of-stock {
    border-radius: 0% !important;
    top: 0 !important;
    z-index: 2;
}


.woocommerce span.onsale {
    background-color: #D4B371;
    padding: 0px 10px 0px 15px !important;
}

.woocommerce span.onsale, .woocommerce span.out-of-stock {
    font-size: 1rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before {
    border: none !important;
    bottom: 0 !important;
    content: '' !important;
    height: 0 !important;
}

ul.hotels {
    margin: 0 -40px 0 -10px !important;
}



.vc_row.wpb_row.vc_row-fluid.section-boxSearch.vc_custom_1600158343118.vc_row-has-fill {
    background-color: #D4B371;
}

.term-description {
    font-size: 32px;
}

.product-type-hotel_phys p.price {
    background-color: #d5b271;
    color: #FFF;
    padding: 8px;
    margin-top: 15px !important;
}


input#submit_2c2p_payment_form {
    margin-top: -4px;
}

@media only screen and (max-width: 600px) {
    .woocommerce .product div.images, .woocommerce .product div.summary, div.summary .entry-summary {
        width: 100% !important;
    }

    .woocommerce div.product .woocommerce-tabs .panel {
        text-align: left !important;
    }
}

@media (max-width:1920px){
   ul.hotels li:nth-child(2n+1){
        clear:both !important;
    }
    ul.hotels li {
        margin:10px;
        padding: 20px;
        width: 47% !important;
        /* padding: 1% !important; */
        border: 2px solid #D4B371 !important;
        /* margin: 12px !important; */
    }        
}