/*======================================
Theme Name: Prime Divi Hotel theme
Theme URI: https://sumitsheoran.com/
Description: Prime Hotel Booking is a Beautiful Divi Child theme for Online Hotel Booking Businesses.
Author: Sumit Sheoran
Author URI: https://sumitsheoran.com/
Author Email: contact@sumitsheoran.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
======================================*/


/*add your custom CSS below this line*/

a {
    color: #895737;
}

/*Styling the Homepage one - Hero section Slider arrows*/
.divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-slider-arrows {
    position: static;
    bottom: 100px;
    margin-right: 30px;
}

.divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-prev, .divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-next {
    opacity: 1;
    top: 95%;
    left: 5%;
    z-index: 99;
    height: 50px;
    width: 50px;
}

.divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-prev:before, .divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-next:before {
    font-family: 'ETmodules'!important;
    padding: 15px 15px;
	 margin-right: 20px;
    font-size: 25px;
    color: rgba(255,255,255,0.25);
    border: 2px solid rgba(255,255,255,0.25);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-prev {
    left: 0%;
    z-index: 100;
}

.divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-prev:before {
    content: '\35';
    font-family: 'ETmodules';
    overflow: hidden!important;
}

.divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-next {
    right: calc(100% - 160px);
}

.divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-next:before {
    content:'\34';
    font-family: 'ETmodules';
    overflow: hidden!important;
}

.divi-hotel-custom-controller-hp-one .et_pb_image_wrap {
    background-color: rgba(0,0,0,0);
    padding: 15px;
}

.divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-prev:before, .divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-next:before {
    font-family: 'ETmodules';
    padding: 5px!important;
	  margin-right: 20px;
    font-size: 25px;
    color: rgba(255,255,255,0.25)!important;
    background: transparent;
    border: 2px solid rgba(255,255,255,0.25)!important;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-prev:before, .divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-next:before {
    color: rgba(255, 255, 255, 0.45);
    border: 2px solid rgba(255, 255, 255, 0.45);
	  border-radius: 50%;
}

.divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-prev:hover:before, .divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-next:hover:before {
    color: #ffffff!important;
    border-color: #ffffff!important;
}

.divi-hotel-custom-controller-hp-one .et_pb_slides {
    margin-bottom: 10px;
}

.divi-hotel-custom-controller-hp-one .et_pb_slide {
    padding: 0px;
}

@media only screen and (min-width: 320px) and (max-width: 980px) {
.divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-prev, .divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-next {
    background: #5E3023;
    border-radius: 50%;
    padding: 4px 6px;
    opacity: 1;
    top: 100%!important;
    left: 60px;
    z-index: 99;
    height: 50px;
    width: 50px;
}

.divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-prev {
    top: 100%!important;
    left: 0.5%!important;
    z-index: 100;
}
  
.divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-prev:before, .divi-hotel-custom-controller-hp-one .et_pb_slider .et-pb-arrow-next:before {
    color: #F5EBE0!important;
    border: 2px solid #F5EBE0!important;
  }
}

/*Styling the Homepage one - search availability*/
.mphb_sc_search-wrapper.horizontal-center form > p, .mphb_sc_search-wrapper.horizontal-left form > p {
    width: 20%;
    height: 57px;
}

.horizontal-search-form .mphb_sc_search-wrapper .button {
    color: #F3E9DC!important;
    border-width: 1px!important;
    border-color: #F3E9DC;
    border-radius: 0px;
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif!important;
    font-weight: 500!important;
    padding: 4px!important;
    width: 100%;
    position: relative;
    background-color: #5E3023;
    margin-top: 16px!important;
    box-shadow: 0px 0px 0px 5px #5E3023;
}


@media only screen and (max-width:750px) {
.mphb_sc_search-wrapper.horizontal-center form > p, .mphb_sc_search-wrapper.horizontal-left form > p {
    width: 50%;
  }
  
.horizontal-search-form .mphb_sc_search-wrapper .button {
    color: #F3E9DC!important;
    border-width: 1px!important;
    border-color: #F3E9DC;
    border-radius: 0px;
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif!important;
    font-weight: 500!important;
    padding: 4px!important;
    width: 100%;
    position: relative;
    background-color: #5E3023;
    margin-top: 16px!important;
    box-shadow: 0px 0px 0px 5px #5E3023;
  }
  
.mphb_sc_search-wrapper.horizontal-center form > p.mphb_sc_search-submit-button-wrapper {
    width: 100%;
    padding: 0px 13px 0px 13px;
  }
  
.mphb_sc_search-form {
    margin-left: -5px;
  }
}

@media only screen and (max-width:275px) {
.mphb_sc_search-wrapper.horizontal-center form > p, .mphb_sc_search-wrapper.horizontal-left form > p {
    width: 100%;
  }
}

/*styling Search Availability form calender*/
.datepick {
    font-family: 'DM Sans',Helvetica,Arial,Lucida,sans-serif;
    border: 1px solid #895737;
    box-shadow: 0px 2px 30px 0px rgb(0 0 0 / 15%);
}

.datepick-nav, .datepick-ctrl {
    color: #fff;
    font-family: 'DM Sans',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 500;
    width: 100%;
    background-color: #895737;
}

.datepick a.datepick-disabled {
    color: #D0A58A;
}

.datepick-month-header, .mphb-datepick-popup .datepick-month-header select {
    color: #fff;
    font-family: 'DM Sans',Helvetica,Arial,Lucida,sans-serif;
    background-color: #C08552;
    font-weight: 500;
    width: 100%;
    box-sizing: content-box;
}

.datepick-month {
    background-color: #C08552;
    border: 1px solid #C08552;
    margin: -1px -1px -1px 0px;
}

.datepick-month.first {
    width: 50%;
    max-width: 300px;
    overflow: hidden;
    border-right: 2px solid #C08552;
    box-sizing: content-box;
}

.datepick-month.last {
    width: 50%;
    max-width: 300px;
    margin-left: 2px;
    overflow: hidden;
    box-sizing: content-box;
}

.datepick-month table {
    width: 100%;
    border-collapse: collapse;
    box-sizing: content-box;
    margin: 0px;
}

.datepick-month th, .datepick-month th a {
    color: #fff;
    font-family: 'DM Sans',Helvetica,Arial,Lucida,sans-serif;
    background-color: #DAB49D;
    border: 1px solid #C08552;
}

.datepick-month td {
    color: #fff;
    font-family: 'DM Sans',Helvetica,Arial,Lucida,sans-serif;
    background-color: #fff;
    border: 1px solid #C08552;
}

.datepick-month td span {
    color: #878F97;
    background-color: #fff;
}

.mphb-datepick-popup .datepick-month td .mphb-earlier-min-date, .mphb-datepick-popup .datepick-month td .mphb-later-max-date{
    opacity: 1;
    color: #878F97;
    background-color: #fff;
}

.datepick-month a {
    background-color: #FAF5F0;
}

.datepick-month td .datepick-weekend {
    background-color: #F5EBE0!important;
}

.datepick-ctrl .datepick-cmd {
    color: #ef233c;
    font-size: 10px;
    background-color: #fff;
    margin: 5px 2px;
    width: auto;
    padding: 0px 20px;
    border-radius: 2px;
    line-height: 18px;
}

.datepick-ctrl .datepick-cmd:hover {
    color: #fff;
    font-size: 10px;
    background-color: #ef233c;
    margin: 5px 2px;
    width: auto;
    padding: 0px 20px;
    border-radius: 2px;
	line-height: 18px;
}

.mphb-calendar .datepick-month td .mphb-past-date {
	opacity: 0.40;
}

.datepick-month-header select {
	background-color: #C08552;
}

.mphb-calendar .datepick-month td .mphb-available-date {
    background-color: rgba(174, 252, 65, 0.55);
    color: #000;
}

@media only screen and (max-width:599px) {

.datepick {
	width: 100%!important;
	max-width: 100vw;
    margin: 0px 10px;
  } 
	
.view-details-availability-calender .datepick {
	margin: 0px;	
	}
  
.datepick-month {
    background-color: #C08552;
    border: 0px solid #C08552;
    margin: -1px -1px -1px 0px;
	overflow: scroll;
}

.datepick-month.first {
    width: 100%;
    max-width: 100vw;
    border-right: 0px solid #C08552;
    box-sizing: content-box;
}

.datepick-month.last {
    width: 100%;
    max-width: 100vw;
	margin-top: 4px;
	margin-left: 0px;
    box-sizing: content-box;
}
}

@media only screen and (max-width: 599px) {
.mphb-check-out-datepick {
    width: 80vw!important;
    margin-left: -3%!important;
}
  
.mphb-check-in-datepick {
    width: 80vw!important;
    margin-left: -3%!important;
  }
}

/*Styling the button Icon*/
.et_pb_more_button.et_pb_button:after {
    line-height: inherit!important;
    font-size: initial!important;
    opacity: 1;
    margin: 1px 0px 0px 10px;
    left: auto;
    font-family: FontAwesome!important;
    font-weight: 900!important;
}

body #page-container .et_pb_section .et_pb_slider_0.et_pb_slider .et_pb_more_button.et_pb_button:after, body #page-container .et_pb_section .et_pb_button_0:after {
    font-size: initial!important;
    margin: 1px 0px 0px 10px;
}

/*styling the image gallery lightbox popup */
.mfp-image-holder .mfp-close {
    font-size: 45px;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
	line-height: 1px;
    top: 21px;
    right: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    opacity: 0.8;
    color: #C08552;
    background: #F3E9DC;
	padding: 0px 8px 2px 8px;
}

.mfp-image-holder .mfp-close:hover {
    font-size: 45px;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
	line-height: 1px;
    top: 21px;
    right: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    opacity: 1;
    color: #C08552;
    background: #F3E9DC!important;
	padding: 0px 8px 2px 8px;
}

.mfp-wrap .mfp-container button:hover {
	background: #F3E9DC!important;
}

.mfp-arrow-left .mfp-a, .mfp-arrow-left:after, .mfp-arrow-right .mfp-a, .mfp-arrow-right:after {
	font-size: 45px;
    color: #C08552;
    background: #F3E9DC;
}

.mfp-counter {
	font-family: Open Sans,Arial,sans-serif;
}

/*Making Divi blog grid equal height*/
.ph-blog-equal-height .ph-auto-height {
    height: auto !important;
}

.ph-blog-equal-height .ph-auto-margin {
    margin-top: 20px !important;
}

@media only screen and (max-width: 981px) and (min-width: 600px) {
 .mphb-booking-form, .mphb_widget_search-form, .mphb_sc_search-form {
    margin-left: -0.1rem;
    margin-right: -0.1rem;
}
  
  .mphb_sc_search-wrapper select {
    padding: 0.875em 4px; 
  }
}

/*styling Gallery grid module for 3-images*/
@media (min-width: 981px) {
.et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_grid_item {
    width: 32.333%;
    margin: 0.5%;
}
}
  
.et_pb_gallery .et_pb_gallery_pagination {
    margin-top: 25px;
    border: 0px;
    display: flex;
    justify-content: center;
}
  
.et_pb_gallery .et_pb_gallery_pagination ul li {
    display: inline-block;
    border: 5px solid #fff;
    background: #F3E9DC;
    line-height: 25px!important;
    padding: 0px;
}
  
.et_pb_gallery .et_pb_gallery_pagination ul li a {
    font-size: 14px;
    line-height: 25px!important;
    color: #C08552;
    font-family: 'DM Sans',Helvetica,Arial,Lucida,sans-serif;
    padding: 5px 15px;
    background: #F3E9DC;
}
  
.et_pb_gallery .et_pb_gallery_pagination ul li a.active {
    color: #F3E9DC;
    background-color: #C08552;
  }

/*styling slider module arrows (specially for gallery module)*/
.et-pb-arrow-next, .et-pb-arrow-prev {
    position: absolute;
    top: 100%;
    z-index: 100;
    font-size: 48px;
    color: #fff;
    margin-top: -22px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: 1;
}

.et_pb_bg_layout_light .et-pb-arrow-next, .et_pb_bg_layout_light .et-pb-arrow-prev {
    color: #895737!important;
    background: #F5EBE0;
    border-radius: 50%;
    font-size: 40px;
    padding: 1px;
    width: 45px;
    height: 45px;
}

.et-pb-arrow-next {
    right: 45%;
}

.et-pb-arrow-prev {
    left: 45%;
}

.dh-gallery-custom-arrow .et_pb_slider:hover .et-pb-arrow-next {
    right: 44%;
    opacity: 1;
    box-shadow: 0px 0px 0px 7px rgba(245, 235, 224, 0.6);
}

.dh-gallery-custom-arrow .et_pb_slider:hover .et-pb-arrow-prev {
    left: 44%;
    opacity: 1;
    box-shadow: 0px 0px 0px 8px rgba(245, 235, 224, 0.6);
}

@media only screen and (max-width: 767px) {
.et-pb-arrow-next {
    right: 25%!important;
}

.et-pb-arrow-prev {
    left: 25%!important;
}

.dh-gallery-custom-arrow .et_pb_slider:hover .et-pb-arrow-next {
    right: 22%!important;
    opacity: 1;
    box-shadow: 0px 0px 0px 7px rgba(245, 235, 224, 0.6);
}
	
.dh-gallery-custom-arrow .et_pb_slider:hover .et-pb-arrow-prev {
    left: 22%!important;
    opacity: 1;
    box-shadow: 0px 0px 0px 8px rgba(245, 235, 224, 0.6);
}
}

/*Styling the Homepage one - Extra Services module*/
.mphb-loop-service-thumbnail {
    padding-bottom: 10px;
}

.mphb-service-title {
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
}

.mphb-divi-services {
    font-family: 'DM Sans',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.6em;
}

.mphb-price-wrapper {
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.6em;
}

/*styling the Home page 1 case studies slider modules
*/
.et_pb_slider_container_inner {
    display: flex;
    flex-direction: column;
}

.divi-hotel-custom-testimonials-slider.et_pb_slider_fullwidth_off .et_pb_slide_description {
    display: flex;
    flex-wrap: wrap;
    padding: 2% 2% 0% 2%!important;
}

.et_pb_slider_fullwidth_off .et_pb_slide_image {
    order: 1!important;
    display: inline-flex!important;
    justify-content: center;
    position: relative;
    width: 140px;
    height: 140px;
    top: auto;  
}

.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
    text-align: center;
    order: 2!important;
    width: 100%;
}

.et_pb_slide_description .et_pb_slide_title {
    order: 3!important;
    width: 100%;
}

.et_pb_slide_description .et_pb_button_wrapper {
    order: 4!important;
    width: 100%;
}

/*In blog module add a neceassry position to the blog posts*/
.et_pb_blog_grid .et_pb_post, .et_pb_posts .et_pb_post {
    position: relative;
}

/*In Blog module - make the title link spread over the entire post*/
.et_pb_blog_grid .et_pb_post .entry-title a:after, .et_pb_posts .et_pb_post .entry-title a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/*In Blog grid module - change the mouse cursor into a pointer*/
.et_pb_blog_grid .et_pb_post:hover, .et_pb_posts .et_pb_post:hover {
    cursor: pointer;
}

/*Change the post grid color over hover*/ 
.et_pb_post:hover {
	  background: rgba(243, 233, 220, 0.5);
}

/*Adding custom padding into newsletter email optin form*/
.et_pb_newsletter.et_pb_subscribe.et_pb_newsletter_layout_left_right .et_pb_newsletter_form {
    padding-top: 0px;
}

/*styling the Homepage number one - Single accomodation module */
.dh-custom-single-acc .mphb-divi-single-accommodation, .mphb-room-type {
    display: flex;
	flex-direction: column;
}

.dh-custom-single-acc .post-thumbnail, .mphb-loop-room-thumbnail {
    order: 1!important;
    padding-bottom: 0px;
}

.dh-custom-price-acc .mphb-regular-price {
    order: 2!important;
    color: #895737;
    font-family: 'DM Sans',Helvetica,Arial,Lucida,sans-serif;
    font-size: 16px;
    width: max-content;
    display: block!important;
    background-color: #F5EBE0;
    margin: -45px 10px 20px 10px;
    padding: 5px 10px!important; 
    box-shadow: 0px 2px 30px 0px rgb(0 0 0 / 15%);
}

.dh-custom-single-acc .mphb-room-type-title.entry-title, .mphb-room-type-details-title {
    order: 3!important;
    margin-top: 0px;
}

.dh-custom-single-acc .mphb-room-type-facilities {
    display: block!important;
}

.dh-custom-single-acc .mphb-room-type-details-title, .dh-custom-single-acc .mphb-room-type-adults-capacity, .dh-custom-single-acc .mphb-room-type-children-capacity, .dh-custom-single-acc .mphb-room-type-view, .dh-custom-single-acc .mphb-room-type-size, .dh-custom-single-acc .mphb-room-type-bed-type, .dh-custom-single-acc .mphb-room-type-categories {
    display: none;
}

.dh-custom-single-acc .mphb-room-type-title, .entry-title {
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
    font-size: 20px;
    font-weight: 600;
}

.dh-custom-single-acc .mphb-loop-room-type-attributes, .dh-custom-single-acc .mphb-attribute-title, .dh-custom-single-acc .mphb-facilities-title {
    order: 4!important;
    list-style-type: none!important;
    font-family: 'DM Sans',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.6em;
    color: #5E3023;
    padding: 0px!important;
}

.dh-custom-single-acc .facility-air-conditioning, .dh-custom-single-acc .facility-free-parking, .dh-custom-single-acc .facility-free-wifi, .dh-custom-single-acc .facility-no-smoking, .dh-custom-single-acc .facility-television {
    font-size: 0px;
}

.dh-custom-single-acc .mphb-to-book-btn-wrapper {
    position: absolute;
    top: 10px;
    right: 10px
}

.dh-custom-single-acc .mphb_sc_room-wrapper .button {
    color: #5E3023;
    font-size: 16px;
    background: #F5EBE0;
    padding: 0px 20px;
    border: 1px solid #5E3023;
    border-radius: 0px!important;
    box-shadow: 0px 0px 0px 5px #f3e9dc;
}

@media only screen and (max-width: 667px) {
.dh-custom-price-acc .mphb-regular-price {
	font-size: 13px;	
	}
	
.dh-custom-single-acc .mphb-loop-room-type-attributes, .dh-custom-single-acc .mphb-attribute-title, .dh-custom-single-acc .mphb-facilities-title {
	font-size: 14px;
	}
	
.dh-custom-single-acc .mphb_sc_room-wrapper .button {
	padding: 0px 10px!important;
	}
	
}

/*Styling Accomodations page items */
.dh-custom-single-acc .mphb-divi-single-accommodation, .dh-acc-pg-accomodation .mphb-room-type {
    display: flex;
    flex-direction: column;
	border: 2px solid #F3E9DC;
    padding: 5px 10px 10px 10px;
}

.dh-acc-pg-accomodation .mphb-room-type-title, .entry-title {
    order: 1!important;
}

p {
    order: 2!important;
}

.dh-acc-pg-accomodation .mphb-room-type-details-title {
    order: 3!important;
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
    font-weight: 700;
}

.dh-acc-pg-accomodation .mphb-loop-room-type-attributes {
    order: 4!important;
}

.dh-acc-pg-accomodation .mphb-regular-price {
    order: 5!important;
}

.dh-acc-pg-accomodation .mphb-view-details-button-wrapper {
    order: 6!important;
    margin: 0 0 0 5px;
    padding: 0px;
    width: 160px;
}

.dh-acc-pg-accomodation .mphb-to-book-btn-wrapper {
    order: 7!important;
    margin: -43.5px 0 0 150px;
    padding: 0px;
}

.dh-acc-pg-accomodation .mphb-book-button {
	padding: 7px 25px!important;
}

@media only screen and (max-width: 599px) {
.dh-custom-single-acc .mphb-divi-single-accommodation, .dh-acc-pg-accomodation .mphb-room-type {
	padding: 5px;
	}
}

@media only screen and (max-width: 300px) {
.dh-acc-pg-accomodation .mphb-to-book-btn-wrapper {
    order: 7!important;
    margin: 20px 0 0 0!important;
    padding: 10px;
}  
	
.dh-acc-pg-accomodation .mphb-view-details-button-wrapper, .dh-acc-pg-accomodation .mphb-book-button {
	margin: 0 0 0 5px!important;	
	}
	
.dh-acc-pg-accomodation .mphb-to-book-btn-wrapper {
    order: 7!important;
    margin: 0px;
    padding: 0px;
}
}

/*styling Acc. page Accomodations gallery slider arrows*/
.mphb-flexslider ul.flex-direction-nav a {
    opacity: 0;
    z-index: 9;
    text-indent: 0;
    cursor: pointer;
    transition: opacity 0.2s;
    color: #895737;
    text-align: center;
    line-height: 30px!important;
    width: 46px!important;
    height: 46px!important;
    border-radius: 50%;
    outline: none;
    background-color: #F3E9DC!important;
    box-shadow: none;
}

.flex-direction-nav a:before {
    padding: 10px 5px 8px 5px!important;
    font-family: "flexslider-icon";
    font-size: 24px!important;
    display: inline-block;
    content: '\f001';
    color: #895737!important;
    background: #F3E9DC;
    text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
}

.mphb-flexslider.mphb-gallery-thumbnails-slider, .mphb-flexslider.mphb-gallery-slider {
    margin-top: 5px!important;
}

.flexslider {
    margin: 0px!important;
	background: #F3E9DC;
    border: 4px solid #F3E9DC;
}

.dh-acc-pg-accomodations-title .mphb-room-type-title, .entry-title {
    font-size: 28px;
    font-weight: 600!important;
	line-height: 1.3em;
}

.dh-acc-pg-custom-attribute-title .mphb-attribute-title {
    font-weight: 500!important;
}

.mphb-attribute-value {
    color: #895737;
    font-weight: 500;
}

.dh-acc-pg-custom-link a:-webkit-any-link{
    color: #895737;
    font-weight: 500;
}

.dh-acc-pg-accomodation-button .mphb_sc_rooms-wrapper .button {
    color: #5E3023!important;
    border-width: 1px!important;
    border-color: #5E3023;
    border-radius: 0px;
    font-size: 16px;
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif!important;
    font-weight: 800!important;
    padding: 7px 10px;
    background-color: #F3E9DC;
    box-shadow: 0px 0px 0px 5px #F3E9DC;
}

.button, .mphb-book-button {
	padding: 7px 20px;
}

.dh-acc-pg-accomodation-button .mphb_sc_rooms-wrapper:hover .button:hover {
    box-shadow: 0px 0px 0px 7px #F3E9DC;
}

@media only screen and (max-width: 599px) {
.mphb-flexslider ul.flex-direction-nav a {
	width: 30px!important;
	height: 30px!important;
	line-height: 18px!important
	}
	
.flex-direction-nav a:before {
	font-size: 16px!important;
	padding: 0px 5px 8px 5px!important;
    line-height: 27px!important;
	}	
}

/*Styling Accomodations page sidebar */
.dh-sidebar-roomtype .mphb-room-type-title {
    margin: 7px 0px 0px 0px;
    text-align: center;
}

.dh-sidebar-roomtype .mphb-regular-price {
    text-align: center;
}

.dh-sidebar-roomtype .mphb_sc_rooms-wrapper .button {
    width: 96.7%;
    color: #F3E9DC;
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
    background: #895737;
    margin-left: 5px;
    padding: 2px;
    display: flex;
    justify-content: center;
    border: 1px solid #F3E9DC;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 5px #895737;
}

.dh-acc-pg-sidebar-accomodation .page-numbers, .dh-acc-pg-sidebar-accomodation .pagination {
    color: #C08552;
    margin-top: 10px;
    padding: 3px 7px;
	margin-top: 25px;
    text-align: center;
}

.dh-acc-pg-sidebar-current-accomodation .current {
    color: #F3E9DC!important;
    background: #C08552;
}

.dh-acc-pg-sidebar-widgets .et_pb_widget {
    margin-bottom: 20px!important;
}

.dh-acc-pg-sidebar-extra-service .mphb-service-title {
    color: #000!important;
    font-size: 20px;
    font-weight: 600!important;
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif!important;
}

.dh-acc-pg-sidebar-extra-service-price .mphb-price-wrapper {
    font-size: 15px!important;
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
    color: #895737;
}

/*Styling the search availability form*/
.search-availability-fullwidth-fields .mphb-booking-form, .search-availability-fullwidth-fields .mphb_sc_search-form {
	max-width: 100%;
}

.search-availability-fullwidth-fields .mphb_sc_search-submit-button-wrapper {
    padding: 0px 13px!important;
}

.search-availability-fullwidth-fields .mphb_sc_search-wrapper .button {
    width: 100%;
    color: #F3E9DC;
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
    background: #5E3023;
    border-radius: 0px;
    border: 1px solid #F3E9DC;
    box-shadow: 0px 0px 0px 5px #5E3023;
}

.search-availability-fullwidth-fields .mphb_sc_search-form {
    margin: 0px;
}

@media only screen and (max-width: 981px) and (min-width: 399px) {
.search-availability-half-width-fields .mphb_sc_search-check-in-date {
		width: 50%;
	}
	
.search-availability-half-width-fields .mphb_sc_search-check-out-date {
		width: 50%;
	}
	
.search-availability-half-width-fields .mphb_sc_search-adults {
 		width: 50%;
	}
	
.search-availability-half-width-fields .mphb_sc_search-children {
 		width: 50%;
	}
}

/*Styling the Search Result Page items*/

/*styling Recommendation content items*/
.mphb-recommendation {
    border: 2px solid #F3E9DC;
    padding: 15px;
}

@media only screen and (max-width: 981px)  {
.mphb-recommendation {
    padding: 5px;
  }
}

/*Styling Room Type items*/
.dh-search-result-room-type .mphb-room-type {
    display: flex;
    flex-direction: column;
    border: 2px solid #F3E9DC;
    padding: 5px 5px 10px 5px;
}

@media only screen and (max-width: 981px) {
.dh-search-result-room-type .mphb-room-type {
    padding: 5px;
}
}

.dh-search-result-room-type .mphb-room-type-images {
    order: 1;
}

.dh-search-result-room-type .mphb-room-type-title .entry-title {
    order: 2;
}

.dh-search-result-room-type p {
    order: 3!important;
	font-size: 15px!important;
}

.dh-search-result-room-type .mphb-room-type-details-title {
    order: 4;
}

.dh-search-result-room-type .mphb-loop-room-type-attributes {
    order: 5!important;
	font-size: 15px!important;
}

.dh-search-result-room-type .mphb-regular-price {
    order: 6!important;
}

.dh-search-result-room-type .mphb-view-details-button-wrapper {
    order: 7!important;
    display: inline-block!important;
}

.dh-search-result-room-type .mphb-reserve-room-section {
    order: 8;
    margin-top: 20px;
}

.dh-search-result-room-type .mphb-confirm-reservation {
	margin-left: 15px!important;
}

@media only screen and (max-width: 479px) {
.dh-search-result-room-type .mphb-confirm-reservation {
	margin-left: 15px!important;
	margin-top: 15px!important;
}
}

.mphb-loop-room-type-attributes {
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(243, 233, 220, 0.7);
}

@media only screen and (min-width:981px) {
.dh-search-result-room-type .mphb-view-details-button-wrapper {
    width: 50%;
    
  }
  
.dh-search-result-room-type .mphb-reserve-room-section {
    width: 50%;
    margin: -105px 0px 0px 50%!important;
  }
  
}

.dh-search-result-room-type-button .mphb_sc_search_results-wrapper .button {
    color: #5E3023!important;
    border-width: 1px!important;
    border-color: #5E3023;
    border-radius: 0px;
    font-size: 16px;
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif!important;
    font-weight: 800!important;
	margin-left: 5px;
    padding: 7px 10px;
    background-color: #F3E9DC;
    box-shadow: 0px 0px 0px 5px #f3e9dc;
}

.dh-search-result-room-type-button .button .mphb-view-details-button {
    color: #5E3023!important;
}

.mphb-book-button {
    padding: 7px 25px!important;
}

.mphb_sc_search_results-wrapper:hover .button:hover {
    box-shadow: 0px 0px 0px 7px #f3e9dc;
}

@media only screen and (max-width: 981px) {
  .dh-search-result-room-type-button .mphb_sc_search_results-wrapper .button {
    margin: 0px 5px 5px 5px;
  }
  
.mphb-book-button {
   margin: 0px 5px 5px 5px; 
  }
}

.mphb_sc_search_results-wrapper select {
    background-color: #fff;
    border: 1px solid rgba(243, 233, 220, 0.7);
    color: #5E3023;
    padding: 0.275em 1.25em;
}

.mphb-room-type-title {
    margin: 0.5em 0em 0em 0em!important;
}

/*Styling Accomodation All Details page items - When You will click on "view details" button on search result page, A new page will open with more details for that accomodation */
.dh-acc-view-details-items .mphb-divi-single-accommodation, .dh-acc-custom-details .mphb-room-type {
    display: flex;
    flex-direction: column;
}

.dh-acc-custom-details .mphb-room-type-title, .entry-title {
    order: 1!important;
}

p {
    order: 2!important;
}

.dh-acc-custom-details .mphb-room-type-details-title {
    order: 3!important;
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
    font-weight: 700;
}

.dh-acc-custom-details .mphb-loop-room-type-attributes {
    order: 4!important;
}

.dh-acc-custom-details .mphb-regular-price {
    order: 5!important;
}

.dh-acc-custom-details .mphb-view-details-button-wrapper {
    order: 6!important;
    margin: 0 0 0 5px;
    padding: 0px;
    width: 160px;
}

.dh-acc-custom-details .mphb-to-book-btn-wrapper {
    order: 7!important;
    margin: -43.5px 0 0 150px;
    padding: 0px;
}

.dh-acc-custom-details .mphb-flexslider.mphb-gallery-slider {
	margin-top: 0px!important;
}

.dh-acc-custom-details .mphb-book-button {
    padding: 7px 25px!important;
    color: #5E3023!important;
    border-width: 1px!important;
    border-color: #5E3023;
    border-radius: 0px;
    font-size: 16px;
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif!important;
    font-weight: 800!important;
    padding: 7px 10px;
    background-color: #F3E9DC;
    box-shadow: 0px 0px 0px 5px #f3e9dc;
}

.dh-acc-custom-details .mphb-book-button:hover {
	box-shadow: 0px 0px 0px 7px #f3e9dc;
}

@media only screen and (max-width: 599px) {
.dh-acc-view-details-items .mphb-divi-single-accommodation, .dh-acc-custom-details .mphb-room-type {
	font-size: 13px!important;
	padding: 5px;
	}
}

@media only screen and (max-width: 300px) {
.dh-acc-custom-details .mphb-to-book-btn-wrapper {
    order: 7!important;
    margin: 20px 0 0 0!important;
    padding: 10px;
}  
	
.dh-acc-custom-details .mphb-view-details-button-wrapper, .dh-acc-custom-details .mphb-book-button {
	margin: 0 0 0 5px!important;	
	}
	
.dh-acc-custom-details .mphb-to-book-btn-wrapper {
    order: 7!important;
    margin: 0px;
    padding: 0px;
}
}

.dh-view-details-page-booking-btn .mphb-to-book-btn-wrapper {
    margin: 0px;
}

.mphb-booking-form > p.mphb-adults-wrapper {
    width: 100%;
}

.mphb-reserve-btn-wrapper {
    padding: 0px 13px!important;
}

.mphb-booking-form .button {
    color: #F3E9DC!important;
    background-color: #5E3023;
    font-size: 16px;
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif!important;
    font-weight: 800!important;
    width: 100%;
    padding: 7px 10px;
    border: 1px solid #F3E9DC!important;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 5px #5E3023;
}

.button .mphb-booking-form:hover {
    box-shadow: 0px 0px 0px 7px #5E3023;
}

/*styling Booking Confirmation Page items*/
.mphb-booking-details-section, .booking  {
    border: 2px solid #F3E9DC;
	margin-top: 40px;
	padding: 15px;
}

.mphb-booking-details-title {
	font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
}

.mphb-booking-details, .mphb-payment-messages {
    font-size: 17px!important;
    font-family: 'DM Sans',Helvetica,Arial,Lucida,sans-serif!important;
    color: #000!important;
	font-weight: 300;
}

@media only screen and (max-width: 981px) {
.mphb-booking-details {
    font-size: 15px;
}
}

.accommodations {
    font-family: 'DM Sans',Helvetica,Arial,Lucida,sans-serif;
    color: #000;
}

.mphb_sc_booking_confirmation .mphb-booking-details-section .mphb-booking-details>li span.value {
	font-size: 16px;
	font-weight: 400;
}

.mphb-booking-details-title {
	margin: 0px 0px 0.5em 0px;
}

@media only screen and (max-width: 981px) {
.mphb_sc_booking_confirmation .mphb-booking-details-section .mphb-booking-details>li span.value {
	font-size: 15px;
	}
}

/*Styling the Checkout page items*/
.mphb-customer-details {
    display: flex;
    flex-wrap: wrap;
}

.mphb-customer-name, .mphb-customer-last-name, .mphb-customer-email, .mphb-customer-phone, .mphb-customer-country, .mphb-customer-note {
    width: 50%;
}

@media only screen and (max-width: 767px) {
.mphb-customer-name, .mphb-customer-last-name, .mphb-customer-email, .mphb-customer-phone, .mphb-customer-country, .mphb-customer-note {
    width: 100%;
}
}

.mphb-required-fields-tip {
    width: 100%;
}

@media screen and (min-width: 768px) {
.mphb_sc_checkout-wrapper input[type="text"], .mphb_sc_checkout-wrapper input[type="email"], .mphb_sc_checkout-wrapper select, .mphb_sc_checkout-wrapper textarea {
    max-width: 90%!important;
    height: 40px;
}
}

.mphb_sc_checkout-wrapper .button {
    color: #5E3023!important;
    border-width: 1px!important;
    border-color: #5E3023;
    border-radius: 0px;
    font-size: 16px;
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif!important;
    font-weight: 800!important;
    padding: 7px 10px;
    background-color: #F3E9DC;
    box-shadow: 0px 0px 0px 5px #f3e9dc;
}

.mphb_sc_checkout-wrapper .button:hover {
    box-shadow: 0px 0px 0px 7px #f3e9dc;
}

/* Styling the footer newsletter */
.et_pb_newsletter_button_wrap {
  padding: 0px 5px!Important;
}

/*Styling the Contact Us Page items*/

/*Make The Divi Contact Form Submit Button Fullwidth*/

/*Removing contact form fields padding*/
p.et_pb_contact_field {
	padding: 0px!important;
}

.dh-contact-form-submit-fullwidth .et_contact_bottom_container {
	width: 100%;
	flex-direction: column;
	gap: 1em;
	padding: 0px 5px;
	margin-top: 0px;
}

.dh-contact-form-submit-fullwidth .et_contact_bottom_container button {
	width: 100%;
	margin: 0;
}

/*Styling Home page Amenities*/

/*styling amenities or adding icons instead of text*/
.dh-custom-amenities .facility-air-conditioning:before { 
  content: "\f863";
	font-family: 'fontawesome';
	color: #895737;
	font-size: 15px;
    padding: 0px 10px;
 } 
	
.dh-custom-amenities .facility-free-parking::before {
	content: "\f540";
	font-family: 'fontawesome';
	color: #895737;
    font-size: 15px;
    padding: 0px 8px;
}
	
.dh-custom-amenities .facility-free-wifi::before {
	content: "\f1eb";
	font-family: 'fontawesome';
	color: #895737;
    font-size: 15px;
    padding: 0px 8px;
}
	
.dh-custom-amenities .facility-no-smoking::before {
	content: "\f54d";
	font-family: 'fontawesome';
	color: #895737;
    font-size: 15px;
    padding: 0px 8px;
}

.dh-custom-amenities .facility-television::before {
	content: "\f26c";
	font-family: 'fontawesome';
	color: #895737;
    font-size: 15px;
    padding: 0px 8px;
}
	
@media only screen and (max-width: 667px) {
.dh-custom-amenities .facility-air-conditioning:before, .dh-custom-amenities .facility-free-parking::before, .dh-custom-amenities .facility-free-wifi::before, .dh-custom-amenities .facility-no-smoking::before, .dh-custom-amenities .facility-television::before {
		font-size: 13px;
	}		
}

/* Styling Blog page items */
.wp-pagenavi {
    text-align: center;
    font-family: 'DM Sans',Helvetica,Arial,Lucida,sans-serif;
    border-top: 0px solid #e2e2e2;
}

.pages, .wp-pagenavi span, .wp-pagenavi a {
    color: #C08552!important;
    font-size: 15px!important;
    background: #F3E9DC;
    padding: 5px 10px;
    margin: 5px!important;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #F3E9DC!important;
    background: #C08552!important;
}

.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
    color: #C08552!important;
    font-size: 15px!important;
    background: #F3E9DC;
    padding: 5px 10px;
}

/*place button modules next to each other in the same column*/
.dh-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}

@media only screen and (max-width: 981px) {
.dh-inline-buttons {
    text-align: center !important;
}
}

/*Styling the Mobile Header menu Items */
.et_pb_menu .et_mobile_menu {
    width: 90vw!important;
    margin: 10px 0px 0px -78vw!important;
	padding: 20px 10px;
}


/* Mobile Menu - change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/* Mobile Menu - adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}

/* Mobile Menu - some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/* Mobile Menu - remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/* Mobile Menu - hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/* Mobile Menu - show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/* Mobile Menu - adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
	transition: all 0.5s ease 0ms;
}

.sub-menu, .visible {
	transition: all 0.5s ease 0ms;
}


/* Mobile Menu - submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #5E3023;
	background: rgba(192, 133, 82, 0.4);
	border-radius: 50%;
	padding: 3px;
}


/* Mobile Menu - submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}


/* Mobile Menu - add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}


/* Mobile Menu - adjust the position of the hamburger menu*/

.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}


/* Mobile Menu - force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}

/* Styling Desktop dropdown menu box */
@media (min-width: 981px) {
.et_dropdown_animation_fade.et_pb_menu ul li:hover>ul  {
	margin-top: 10px;	
	box-shadow: 0px 2px 30px 0px rgb(0 0 0 / 15%);
	}
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a {
	border-bottom: 1px solid rgba(192, 133, 82, 0.2);
}

/* Styling My Account Page - Code start Here */
@media only screen and (min-width: 768px) {
.mphb_sc_account .mphb-account-menu {
    width: 25%;
    min-width: 100px;
  }
  
::marker {
    color: #5E3023;
  }
  
.mphb_sc_account .mphb-account-menu a {
    font-weight: 600;
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
    line-height: 1.8em;
  }

.mphb_sc_account .mphb-account-content {
    float: left;
    width: 70%;
    margin-left: 5%;
}
}

.mphb-login-form {
    width: 100%;
    max-width: 500px;
    background-color: #F3E9DC;
    padding: 15px;
}

.my-account-fields input {
    width: 100%;
    background: transparent;
    padding: 10px 5px;
    border: 1px solid #C08552;
}

.login-remember input {
    width: 15px;
    display: inline-block;
}

.login-submit {
    width: 98.2%;
    color: #F3E9DC;
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
    background: #895737;
    margin-bottom: 10px;
    margin-left: 5px;
    border: 0px solid #F3E9DC;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 5px #895737;
    transition: all .2s;
}

.login-submit:hover {
    box-shadow: 0px 0px 0px 7px #895737;
}

.login-submit input[type="submit" i] {
    color: #F3E9DC;
    background-color: #895737;
    border: 1px solid #F3E9DC;
}

.mphb-data-incorrect {
    color: #d90429;
}



@media only screen and (min-width: 600px) and (max-width: 699px) {
.datepick, .datepick-multi, .mphb-datepick-popup, .mphb-check-out-datepick {
    width: 100%;
    max-width: 600px;
}
  
.datepick-month.first {
    width: 49.5%;
  }
  
.datepick-month.last {
    width: 49.5%;
  }
} /* Styling My Account Page - Code end Here */