/*
 Theme Name:   Lavenderdalat   
 Description:  Lavenderdalat theme          
 Author:       Suwon    
 Author URI:   http://fb.me/Suwon.Creative/
 Template:     knox
 Version:      1.0.0
*/

/* NOTE: Main theme's style.css file is already added in head tag. /*

/* =Theme customization starts here
-------------------------------------------------------------- */

/* Menu */
#site-header-menu #site-navigation div.nav-menu > ul > li > a:after, 
.tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item > a:after{
  background-color: #FFF;
}
/* Custom trang San Pham */
.tm-social-top-wrapper,
.tm-pf-single-np-nav{
	display: none;
}
.tm-pf-single-related-title {
    font-size: 30px !important;
    color: #66449a;
    padding-bottom: 10px;
	border-bottom: 1px solid #66449a;
}

input[type="text"]{
  color: #333;
}

/* Custom Motopress Booking */
/* Search form */
.mphb_sc_search-submit-button-wrapper .submit{
  margin-top: 28px;
  padding: 10px 30px;
}


/* Calendar */
.datepick{
  width: 300px !important;
}
.datepick-month-year{
  width: 49.2%;
}
.datepick-month.last{
  display: none;
}
@media screen and (min-width: 48em) {
  .datepick-popup .mphb-datepicker-minimal .datepick-month {
    width: 100%;
  }
  .datepick-popup .mphb-datepicker-minimal .datepick-ctrl{
    border-width: 1px;
  }
}

.datepick-popup .mphb-datepicker-minimal .datepick-nav,
.datepick-popup .mphb-datepicker-minimal.mphb-datepick-popup .datepick-month td a.datepick-highlight,
.datepick-popup .mphb-datepicker-minimal.mphb-datepick-popup .datepick-month td .datepick-selected,
.datepick-popup .mphb-datepicker-minimal.mphb-datepick-popup.mphb-check-out-datepick .datepick-month td span.mphb-check-in-date:not(.mphb-past-date){
  background: #856b8f;
}
.datepick-popup .mphb-datepicker-minimal .datepick-nav a{
  color: #FFF;
}
.datepick-popup .mphb-datepicker-minimal.mphb-datepick-popup .datepick-month td .datepick-today,
.mphb-booking-details-title{
  color: #66449a;
}
.datepick-popup .mphb-datepicker-minimal .datepick-ctrl a{
  text-align: center;
}

/* Search Result */
#mphb-reservation-cart{
  display: none
}
.mphb-regular-price{
  font-size: 18px;
  margin: 0 !important;
}

.mphb-price-period{
  border: none;
}
.select2-container{
  width: 120px !important;
}

.mphb-reserve-room-section{
  margin-top: 0px; 
}

.mphb-reserve-room-section .note{
  color: #8B0000;
  margin: 0 0 20px 0;
  font-style: italic;
}
.mphb-rooms-reservation-message-wrapper{
  padding: 20px 0; 
}

.mphb-rooms-added .mphb-book-button{
  display: none;
}


.mphb-button{
  background-color: #856b8f;
  color: #FFF;
  font-weight: bold;
}
.mphb-button:hover{
  background-color: #66449a;
  color: #FFF;
}
input[type="submit"]:hover{
  background: #66449a;
}
a.mphb-remove-from-reservation,
.mphb-checkout-text-wrapper p{
  color: #8B0000;
}

/* Booking-Details */
.mphb-booking-details-title{
  font-weight: 700;
  font-size: 36px;
}

.mphb-room-details{
  border-top: 1px solid #ccc;
  padding-top: 20px;
}
.mphb-guest-name-wrapper{
  display: none;
}
.mphb-room-number,
.mphb-customer-details-title{
  font-family: "Arima Madurai", Arial, Helvetica, sans-serif;
  margin-bottom: 0;
  font-weight: 700;
}
.mphb-services-details{
  margin-top: 20px;
}
.mphb-services-details-title{
  font-size: 16px;
  margin: 10px 0 0 0;
}
.mphb_checkout-services-list{
  padding: 0;
  margin: 0;
}
.mphb_checkout-services-list li {
  margin-bottom: 10px;
}
.mphb_checkout-services-list li label{
  font-weight: normal;
}

/* Price Breakdown table */
#mphb-price-details,
.mphb_sc_checkout-form>.mphb-checkout-section:not(:first-of-type){
  margin-top: 30px;
}

a.mphb-price-breakdown-expand{
  font-weight: 700;
  color: #FFF;
}
tr.mphb-price-breakdown-booking,
tr.mphb-price-breakdown-total{
  background: #856b8f;
  color: #FFF;
}
tr.mphb-price-breakdown-services{
  background: #eee;
}
tr.mphb-price-breakdown-subtotal{
  color: #66449a;
}

table.mphb-price-breakdown .mphb-price-breakdown-rate, 
table.mphb-price-breakdown .mphb-price-breakdown-adults,
table.mphb-price-breakdown .mphb-price-breakdown-children,
table.mphb-price-breakdown .mphb-price-breakdown-dates,
table.mphb-price-breakdown .mphb-price-breakdown-date,
table.mphb-price-breakdown .mphb-price-breakdown-dates-subtotal,
table.mphb-price-breakdown .mphb-price-breakdown-accommodation-taxes,
table.mphb-price-breakdown .mphb-price-breakdown-accommodation-tax,
table.mphb-price-breakdown .mphb-price-breakdown-services-headers,
table.mphb-price-breakdown .mphb-price-breakdown-service-taxes,
table.mphb-price-breakdown .mphb-price-breakdown-service-tax{
  display: none;
}

.mphb-price-breakdown-total{
  font-size: 18px;
  line-height: 30px;
}

.mphb-checkout-terms-wrapper{
  margin: 0 0 20px 0;
}
a.underline,
.mphb-terms-and-conditions-link{
  color: #66449a;
  text-decoration: underline;
}




/*********** WooCommerce ***********/
.site-main{
  padding-top:60px;
}

.sold-out-overlay {
  background: #654ea3;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 10px 5px 10px;
  position: absolute;
  right: 5px;
  top: 5px;
}



/* Cart Icon (on menu) */
#site-navigation .tm-header-icons .tm-header-wc-cart-link span.number-cart {
  bottom: 6px ;
  left: 20px ;
  font-size: 13px;
  line-height: 24px;
  background: #FFF;
  color: #66449a;
}

/* Category product/ shop page */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  width: 25%;
}

.main-holder .site-content ul.products li.product .woocommerce-loop-product__title{
  text-align: center;
  font-size: 1em ;
}
.main-holder .site-content ul.products li.product .price{
  text-align: center;
  margin-top: 0 ;
  margin-bottom: 5px;
}

.main-holder .site-content ul.products li.product .add_to_cart_button::before,
.main-holder .site-content ul.products li.product .add_to_cart_button::after{
  content: none;
}

.main-holder .site-content ul.products li.product{
  text-align: center;
  border: 1px solid #FFF;
  padding: 15px;

}
.main-holder .site-content ul.products li.product:hover{
  border-color:#856b8f;
}
.related ul.products li.product:hover{
  border-color:#FFF !important;
}
.woocommerce ul.products li.product .button,
.main-holder .site-content ul.products li.product .add_to_cart_button{
  height: auto;
  width: auto;
  line-height: normal;
  font-size: 0.9em;
  color: #FFF;
  font-weight: normal;
  background: #856b8f ;
  padding: 8px 15px ;
  border-radius: 20px;
}
.woocommerce ul.products li.product .button{
  margin-top: 0;
  background: #ccc;
  color: #66449a;
}
.main-holder .site-content ul.products li.product .add_to_cart_button:hover{
  background-color: #66449a;
}

.main-holder .site-content ul.products li.product .add_to_cart_button.added{
  padding-left: 30px;
}

.main-holder .site-content ul.products li.product .add_to_cart_button.added:after{
  position: absolute;
  background: none;
  height: auto;
  width: auto;
  left: 12px;
  top: 6px;
  font-size: 16px;; 
}


/* Single Product page */
.woocommerce-tabs{
  margin-top: 30px;
} 

.single .main-holder #content div.product div.images{
  width: 100%;
}
.woocommerce-product-gallery__image{
  margin: 2px;
}

.summary .price .woocommerce-Price-amount{
  font-size: 20px;
  font-weight: bold;
}
.quantity{
  float: left;
  width: 100px;
  margin-right: 30px;
}

.quantity .qty_button{
  background-color: #eee;
  box-shadow: none;
 
}
.quantity .qty_button,
.woocommerce .quantity .qty{
  height: 36px;
}
.woocommerce .quantity .qty{
  margin-left: -1px;
}
.input-group-btn .minus{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.woocommerce button.button.alt{
  background-color: #856b8f;
}

ul.tabs,
.woocommerce-Tabs-panel h2{
  display: none;
}
.woocommerce-tabs .panel{
  box-shadow: none;
} 
body.thememount-page-full-width #content .site-main .woocommerce-tabs .entry-content > .wpb_row.vc_row-fluid {
  padding-top: 30px;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-tab>a{
  padding: 5px 20px;
  font-size: 14px;
}

.related h2{
  border-bottom: 1px solid #856b8f;
  font-size: 30px;
}

p.out-of-stock{
  font-size: 30px;
  color: #66449a;
  font-weight: bold;
  margin-top: 20px;
}

/* Cart Page */
.woocommerce a.remove{
  line-height: 1.2;
}

.cart .actions button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #payment #place_order{
  background-color: #856b8f;
  color: #FFF !important;
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
  color: #ccc;
}
.cart .actions button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #payment #place_order:hover{
  background-color: #66449a;

}
.cart_totals h2{
  font-family: "Arima Madurai", 'Times New Roman', Times,serif;
  font-weight: 700;
  margin-bottom: 5px;
}


/* Check out Page */
.woocommerce #order_review_heading{
  margin-bottom: 10px;
  font-size: 18px;
}

.woocommerce table.shop_table{
  margin-top: 0;
}

.checkbox input[type="checkbox"]{
  position: inherit;
  margin-left: 0;
}

.woocommerce-terms-and-conditions-checkbox-text a{
  text-decoration: underline;
}

.woocommerce-shipping-fields{
  display: none;
}

/* Order Received Page */
.woocommerce-bacs-bank-details h2,
.woocommerce-order-details h2,
.woocommerce-customer-details h2{
  font-family:"Arima Madurai", Arial, Helvetica, sans-serif ;
  margin-bottom: 5px;
}
.woocommerce-bacs-bank-details{
  margin-top: 20px;
}

.woocommerce-bacs-bank-details h3{
  font-size: 18px;
  margin-bottom: 5px;
  color: #333;
}
.woocommerce ul.order_details{
  margin-bottom: 2em;
}



/* Footer */

.site-footer p{
  font-size: 14px;
}

.site-footer ul.footer-list{
  padding-left: 0 !important;
}

.site-footer .tm-list.tm-list-style-icon .tm-list-li-content{
  padding-left: 15px;
}

.logo-BCT img{
  width: 200px;
}

/* Responsive */

@media (max-width: 1200px){
  .headerlogo img {
    max-height: 35px;
  }
  #site-header-menu #site-navigation .menu-toggle,
  #site-header-menu #site-navigation .menu-toggle .tm-knox-icon-bars,
  #site-header-menu #site-navigation .menu-toggle .tm-knox-icon-bars:before,
  #site-header-menu #site-navigation .menu-toggle .tm-knox-icon-bars:after{
    width: 30px;
    height: 2px;
  }
  .site-header-main.tm-wrap{
    margin: 0 15px;
  }
  #site-header-menu #site-navigation div.nav-menu > ul{
    background: rgba(0,0,0,0.89);
  }
  #site-header-menu #site-navigation div.nav-menu > ul li a{
    color: #FFF;
  }
}



/********************** BOOTSTRAP 4 LAYOUT ***********************/
.float-left {
    float: left !important;
  }
  
  .float-right {
    float: right !important;
  }
.w-25 {
    width: 25% !important;
  }
  
  .w-50 {
    width: 50% !important;
  }
  
  .w-75 {
    width: 75% !important;
  }
  
  .w-100 {
    width: 100% !important;
  }
  
  .w-auto {
    width: auto !important;
  }
  
  .h-25 {
    height: 25% !important;
  }
  
  .h-50 {
    height: 50% !important;
  }
  
  .h-75 {
    height: 75% !important;
  }
  
  .h-100 {
    height: 100% !important;
  }
  
  .h-auto {
    height: auto !important;
  }
  
  .mw-100 {
    max-width: 100% !important;
  }
  
  .mh-100 {
    max-height: 100% !important;
  }
  
  .m-0 {
    margin: 0 !important;
  }
  
  .mt-0,
  .my-0 {
    margin-top: 0 !important;
  }
  
  .mr-0,
  .mx-0 {
    margin-right: 0 !important;
  }
  
  .mb-0,
  .my-0 {
    margin-bottom: 0 !important;
  }
  
  .ml-0,
  .mx-0 {
    margin-left: 0 !important;
  }
  
  .m-1 {
    margin: 0.25rem !important;
  }
  
  .mt-1,
  .my-1 {
    margin-top: 0.25rem !important;
  }
  
  .mr-1,
  .mx-1 {
    margin-right: 0.25rem !important;
  }
  
  .mb-1,
  .my-1 {
    margin-bottom: 0.25rem !important;
  }
  
  .ml-1,
  .mx-1 {
    margin-left: 0.25rem !important;
  }
  
  .m-2 {
    margin: 0.5rem !important;
  }
  
  .mt-2,
  .my-2 {
    margin-top: 0.5rem !important;
  }
  
  .mr-2,
  .mx-2 {
    margin-right: 0.5rem !important;
  }
  
  .mb-2,
  .my-2 {
    margin-bottom: 0.5rem !important;
  }
  
  .ml-2,
  .mx-2 {
    margin-left: 0.5rem !important;
  }
  
  .m-3 {
    margin: 1rem !important;
  }
  
  .mt-3,
  .my-3 {
    margin-top: 1rem !important;
  }
  
  .mr-3,
  .mx-3 {
    margin-right: 1rem !important;
  }
  
  .mb-3,
  .my-3 {
    margin-bottom: 1rem !important;
  }
  
  .ml-3,
  .mx-3 {
    margin-left: 1rem !important;
  }
  
  .m-4 {
    margin: 1.5rem !important;
  }
  
  .mt-4,
  .my-4 {
    margin-top: 1.5rem !important;
  }
  
  .mr-4,
  .mx-4 {
    margin-right: 1.5rem !important;
  }
  
  .mb-4,
  .my-4 {
    margin-bottom: 1.5rem !important;
  }
  
  .ml-4,
  .mx-4 {
    margin-left: 1.5rem !important;
  }
  
  .m-5 {
    margin: 3rem !important;
  }
  
  .mt-5,
  .my-5 {
    margin-top: 3rem !important;
  }
  
  .mr-5,
  .mx-5 {
    margin-right: 3rem !important;
  }
  
  .mb-5,
  .my-5 {
    margin-bottom: 3rem !important;
  }
  
  .ml-5,
  .mx-5 {
    margin-left: 3rem !important;
  }
  
  .p-0 {
    padding: 0 !important;
  }
  
  .pt-0,
  .py-0 {
    padding-top: 0 !important;
  }
  
  .pr-0,
  .px-0 {
    padding-right: 0 !important;
  }
  
  .pb-0,
  .py-0 {
    padding-bottom: 0 !important;
  }
  
  .pl-0,
  .px-0 {
    padding-left: 0 !important;
  }
  
  .p-1 {
    padding: 0.25rem !important;
  }
  
  .pt-1,
  .py-1 {
    padding-top: 0.25rem !important;
  }
  
  .pr-1,
  .px-1 {
    padding-right: 0.25rem !important;
  }
  
  .pb-1,
  .py-1 {
    padding-bottom: 0.25rem !important;
  }
  
  .pl-1,
  .px-1 {
    padding-left: 0.25rem !important;
  }
  
  .p-2 {
    padding: 0.5rem !important;
  }
  
  .pt-2,
  .py-2 {
    padding-top: 0.5rem !important;
  }
  
  .pr-2,
  .px-2 {
    padding-right: 0.5rem !important;
  }
  
  .pb-2,
  .py-2 {
    padding-bottom: 0.5rem !important;
  }
  
  .pl-2,
  .px-2 {
    padding-left: 0.5rem !important;
  }
  
  .p-3 {
    padding: 1rem !important;
  }
  
  .pt-3,
  .py-3 {
    padding-top: 1rem !important;
  }
  
  .pr-3,
  .px-3 {
    padding-right: 1rem !important;
  }
  
  .pb-3,
  .py-3 {
    padding-bottom: 1rem !important;
  }
  
  .pl-3,
  .px-3 {
    padding-left: 1rem !important;
  }
  
  .p-4 {
    padding: 1.5rem !important;
  }
  
  .pt-4,
  .py-4 {
    padding-top: 1.5rem !important;
  }
  
  .pr-4,
  .px-4 {
    padding-right: 1.5rem !important;
  }
  
  .pb-4,
  .py-4 {
    padding-bottom: 1.5rem !important;
  }
  
  .pl-4,
  .px-4 {
    padding-left: 1.5rem !important;
  }
  
  .p-5 {
    padding: 3rem !important;
  }
  
  .pt-5,
  .py-5 {
    padding-top: 3rem !important;
  }
  
  .pr-5,
  .px-5 {
    padding-right: 3rem !important;
  }
  
  .pb-5,
  .py-5 {
    padding-bottom: 3rem !important;
  }
  
  .pl-5,
  .px-5 {
    padding-left: 3rem !important;
  }
  
  .m-auto {
    margin: auto !important;
  }
  
  .mt-auto,
  .my-auto {
    margin-top: auto !important;
  }
  
  .mr-auto,
  .mx-auto {
    margin-right: auto !important;
  }
  
  .mb-auto,
  .my-auto {
    margin-bottom: auto !important;
  }
  
  .ml-auto,
  .mx-auto {
    margin-left: auto !important;
  }