/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: https://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here...Remember to change the Version number above! */ 


/* Global */
header h1.fl-post-title{
	display: none;
}
.GoldHeadingEthos {
    position: relative;       /* needed for ::after positioning */
    display: inline-block;    /* makes width match text */
    padding-bottom: 15px;     /* space for the underline */
}

.GoldHeadingEthos::after {
    content: ''; 
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;               /* stretch under full text */
    height: 12px;              /* adjust to match your image height */
    background-image: url('https://merrydithholidayhomes.co.uk/wp-content/uploads/2026/02/Underline-Titles-Merrydith.png');
    background-repeat: no-repeat;
    background-size: inherit;  /* scale the image to fit width */
}
.GoldHeadingExperience {
    position: relative;       /* needed for ::after positioning */
    display: inline-block;    /* makes width match text */
    padding-bottom: 15px;     /* space for the underline */
}

.GoldHeadingExperience::after {
    content: ''; 
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;               /* stretch under full text */
    height: 12px;              /* adjust to match your image height */
    background-image: url('https://merrydithholidayhomes.co.uk/wp-content/uploads/2026/02/The-Experience-Underline-Merrydith.png');
    background-repeat: no-repeat;
    background-size: inherit;  /* scale the image to fit width */
}


/* Header */
.HeaderBookBtn .pp-button-icon{
	padding: 10px;
}
.pp-advanced-menu-mobile span.pp-advanced-menu-mobile-toggle-label{
	color: #94B9AF;
	font-weight: 400;
    font-size: 15px;
	font-family: Gotu, sans-serif;
}
.pp-hamburger-inner,
.pp-hamburger-inner::before,
.pp-hamburger-inner::after {
    background-color: #94B9AF !important; 
	height: 2px !important;
}
.pp-hamburger-inner::before {
    display: none !important;
}
.pp-hamburger-inner {
    top: 2px !important; 
}
.pp-hamburger-inner::after {
    top: 13px !important;
}
.pp-advanced-menu.off-canvas .pp-off-canvas-menu .pp-menu-close-btn{
	float: left;
    margin-left: 50px;
	margin-top: 20px;
	right: 0;
	font-family: Gotu, sans-serif;
}

/* New X */
.pp-menu-close-btn {
    text-indent: -9999px;   /* pushes the × off-screen */
    overflow: hidden;
    position: relative;
    width: 24px;
    height: 24px;
    color: #000;
}
.pp-menu-close-btn::before,
.pp-menu-close-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 1px;           /* thickness */
    background: currentColor;
}
.pp-menu-close-btn::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.pp-menu-close-btn::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}




/* Homepage */
.HomeBannerList ul {
    list-style: none;
    padding-left: 0; 
}
.HomeBannerList ul li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
}
/* Custom image bullet */
.HomeBannerList ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 60%;
    transform: translateY(-50%);
    width: 20px; 
    height: 20px;
    background-image: url("https://merrydithholidayhomes.co.uk/wp-content/uploads/2026/02/Home-Banner-List-Arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


/* Homepage Smart Slider  */
#n2-ss-4 {
    position: relative;
}
/* Solid white overlay on the right side */
#n2-ss-4::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 6.4%;
    height: 100%;
    background-color: white;
    opacity: 70%;
    z-index: 10;
    pointer-events: none;
}
.features-list {
  	display: flex;                 /* line items in a row */
  	gap: 30px;                     /* space between items */
  	list-style-position: inside;   /* keep bullets visible */
  	padding-left: 0;               /* remove default UL padding */
  	margin: 0;                     /* remove default UL margin */
	color: #94B9AF;
	font-family: 'Darker Grotesque', sans-serif;
	font-size: 20px;
}

.features-list li {
  	list-style-type: disc;         /* optional: bullet style */
}

/* Our Apartments */
.room_result{
	border: none;
}
.vblistroomblock{
	width: 88%;
	align-items: center;
}
.vblistroomblock .vbo-info-room{
	padding: 10px 40px 10px 40px;
}
.vblistroomblock{
	border-right: 1px solid #94B9AF;
}
.vbcontdivtot{
	align-self: center;
}
span.vblistroomcat,
h4.vbrowcname{
	padding-bottom: 20px;
}
.vbrowcname a{
	font-weight: 600;
}
.vbrowcname a,
.vbdescrlistdiv{
	color: #94B9AF;
	font-family: 'Darker Grotesque', sans-serif;
	font-size: 20px;
	line-height: 1;
}
.vbrowroomcapacity i{
	color: #94B9AF;
}
.vbselectordiv{
	border-top: none;
}
.vbselectr a,
.vbselectr a:hover,
.vbselectr-result,
.vbselectr-result:hover{
	background-color: #94B9AF;
	border-radius: 0;
	font-family: Gotu, sans-serif;
}

/* Our Apartments Inner */
.vikfx-gallery-container .vikfx-gallery-navigation-controls .vikfx-gallery-navigation-controls-prevnext > a:hover{
	color: initial;	
}
.vikfx-gallery-container .vikfx-gallery-navigation-controls .vikfx-gallery-navigation-controls-prevnext > a,
.vikfxg-wrapper .vikfxg-navigation button.vikfxg-prev,
.vikfxg-wrapper .vikfxg-navigation button.vikfxg-next{
	background-color: #94B9AF;
	color: white;
	border-radius: 0;	
}
.vikfxg-wrapper .vikfxg-close{
	top: 60px;
	background-color: #94B9AF;
	color: white;
	border-radius: 0;
}
.vblistroomnamediv{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.vblistroomnamediv h3{
	color: #94B9AF;
	font-family: 'Darker Grotesque', sans-serif;
	font-size: 20px;
	font-weight: 600;
}
.vblistroomcat{
	color: #94B9AF;
	font-family: 'Darker Grotesque', sans-serif;
	font-size: 20px;	
}
.vbo-rdet-descprice-block{
	border-top: 1px solid #94B9AF;
	border-bottom: 1px solid #94B9AF;
}
.vbo-rdet-descprice-block .vbo-rdet-desc-cont{
	border-right: 1px solid #94B9AF;
}
.vbo-rdet-desc-cont{
	color: #94B9AF;
	font-family: 'Darker Grotesque', sans-serif;
	font-size: 20px;
	line-height: 1;
}
.vbo-rdet-descprice-block .vb_detcostroomdet{
	display: flex;
    align-items: center;
}
.vb_detcostroom .vbliststartfromrdet{
	font-size: 18px;
}
.vblistroomname .room_cost{
	color: #94B9AF;	
}
.vbo-reqinfo-opener:hover,
.vbo-reqinfo-opener{
	background-color: #94B9AF;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-right: 30px;
	padding-left: 30px;
	border-radius: 0;
	margin-top: 20px;
}
.vbdialog-reqinfo h3{
	color: #94B9AF;
    font-family: 'Darker Grotesque', sans-serif;
}
.vbdialog-reqinfo button.btn{
	background-color: #94B9AF;	
	border-radius: 0;
	color: white;
}
.vbo-room-details-geo-wrapper h4{
	margin-top: 40px;
	margin-bottom: 40px;	
}
.vbo-room-details-geo-wrapper h4,
.room_carats h4,
.vbo-roomdet-calscontainer-inner h4{
	color: #94B9AF;
	font-family: 'Darker Grotesque', sans-serif;
	font-size: 20px;
	font-weight: 600;
}
.vbo-geo-wrapper{
	border-radius: 0;
}
.vbcaldivcont .vbcaltrmonth .vbo-rdet-avcal-nav,
.vbcaldivcont .vbcaltrmonth .vbo-rdet-avcal-nav:hover{
	background-color: #94B9AF;
}
.vbcaldivcont table .vbcaltrmonth td{
	border-bottom: 2px solid #94B9AF;
}
.vbmaxadultsdet .vbmaximgdet i,
.vbmaxchildrendet .vbmaximgdet i,
.vbmaxtotdet .vbmaximgdet i{
	background: #94B9AF;	
	margin: 7px 10px 0px 0px;
}
.vbmaxadultsdet,
.vbmaxtotdet,
.vbmaxchildrendet{
	font-size: 20px;
}
.vbo-search-submit .btn{
	background: #94B9AF;	
	border-radius: 0;
	border: 1px solid #94B9AF;
	font-size: 20px;
}
.vbo-search-submit .btn:hover{
	color: white;
}
.vbdivsearch .vb-search-inner > div label{
	font-family: 'Darker Grotesque', sans-serif;
	font-size: 20px;
}
.ui-datepicker-calendar td.checkin-date > *, 
.ui-datepicker-calendar td.checkout-date > *, 
.ui-datepicker-calendar td > *.ui-state-active{
	background: #94B9AF;		
}
.ui-datepicker td.checkin-date a:hover, 
.ui-datepicker td.checkout-date a:hover{
	color: #94B9AF !important;
}
.vbdivsearch .vb-search-inner .vbo-search-inpblock .input-group > input,
#vbjstotnights{
	font-size: 18px;
}

/* Room Summary */
ol.vbo-stepbar li.vbo-step-current:before{
	border: 2px solid #94B9AF;
}
ol.vbo-stepbar li.vbo-step-complete, 
ol.vbo-stepbar li.vbo-step-current{
	border-bottom: 4px solid #94B9AF;
}
ol.vbo-stepbar li.vbo-step-complete:before{
	background-color: #94B9AF;
}
.vbo-showprc-price-entry-cost,
.vbsearchproominfo .vbsearchroomparty i, 
.vbo-showprc-room-head .vbo-showprc-staydetails i,
.vbo-results-head > div > i{
	color: #94B9AF;
}
.vbo-showprc-roomname h3{
	color: #94B9AF;
	font-family: 'Darker Grotesque', sans-serif;
	font-size: 20px;
	font-weight: 600;
}
.room_description_box p{
	color: #94B9AF;
	font-family: 'Darker Grotesque', sans-serif;
	font-size: 20px;
	line-height: 1;
}
.room_buttons_box .goback a,
.room_buttons_box .goback a:hover,
.room_buttons_box .goback a:focus,
.room_buttons_box .booknow,
.room_buttons_box .booknow:active,
.room_buttons_box .booknow:focus,
.room_buttons_box .booknow:hover{
	border: none;
	background-color: #94B9AF;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-right: 30px;
	padding-left: 30px;
	border-radius: 0;
	color: white;
	font-size: 20px;
}

/* Booking Confirmation */
.vbo-oconfirm-roomname{
	color: #94B9AF;	
}
.vbo-coupon-outer{
	border: 1px dashed #94B9AF;
}
input.btn.vbsubmitcoupon.vbo-pref-color-btn{
	color: white;
}
.vbo-goback-link,
.vbo-goback-link:hover{
	height: 49px;
}
.vbo-goback-link,
.vbo-goback-link:hover,
.vboconfirmbottom .booknow,
.vboconfirmbottom .booknow:hover{
	border: none;
	background-color: #94B9AF;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-right: 30px;
	padding-left: 30px;
	border-radius: 0;
	color: white;
	font-size: 20px;	
}
.vbcustomfields h4{
	color: #94B9AF;
	font-family: 'Darker Grotesque', sans-serif;
	font-size: 20px;
	font-weight: 600;
}
.vbcustomfields input[type=text], 
.vbcustomfields input[type=password], 
.vbcustomfields input[type=email], 
.vbcustomfields input[type=tel], 
.vbcustomfields input[type=date], 
.vbcustomfields input[type=month], 
.vbcustomfields input[type=week], 
.vbcustomfields input[type=time], 
.vbcustomfields input[type=number], 
.vbcustomfields input[type=search], 
.vbcustomfields input[type=url], 
.vbcustomfields textarea{
	font-size: 18px !important;
	border-radius: 0;
}
.vbo-booking-details-head-confirmed h4{
	color: white !important;	
}
.vbo-booking-precheckin-cmd a,
.vbo-booking-precheckin-cmd a:hover,
.vbo-booking-details-head-confirmed{
	background-color: #94B9AF;	
	border-radius: 0;
}
button.btn.btn-large.vbo-pref-color-btn{
	border-radius: 0;
	color: white !important;
}


/* Contact Us */
.wpforms-container{
	margin-top: 0 !important;
}
.wpforms-container .wpforms-field, 
.wp-core-ui div.wpforms-container .wpforms-field{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media (max-width: 767px) {
/* Offscreen Menu */
.pp-advanced-menu.off-canvas .menu{
	top: 35% !important;		
}
.pp-advanced-menu .pp-off-canvas-menu{
	width: 100% !important;		
}	
.pp-advanced-menu.off-canvas .menu{
    padding-top: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 30px !important;
	width: 100% !important;
}	
/* Header Burger*/	
.fl-module-pp-advanced-menu .pp-advanced-menu-mobile-toggle{
	flex-direction: column;
}
.pp-advanced-menu-mobile-toggle.hamburger 
.pp-advanced-menu-mobile-toggle-label, .pp-advanced-menu-mobile-toggle.hamburger-label .pp-advanced-menu-mobile-toggle-label{
	margin-top: 10px;
	margin-left: 0;
}	
.HomeBannerList ul li{
	margin-bottom: 20px;
}	
	
.features-list {
	display: block;   
	text-align: left;
}
.vblistroomblock{
	width: 100%;
}
.vblistroomblock{
	border-right: none;
}
	.vbo-rdet-descprice-block .vbo-rdet-desc-cont{
		border-right: none;
	}
	.fl-node-s2lqko6uai5w .pp-advanced-menu.off-canvas .menu{
		padding-top: 20px;
    	padding-right: 20px;
    	padding-bottom: 20px;
    	padding-left: 40px;
		top: 30%;
	}	
	
/* Solid white overlay on the right side */
#n2-ss-4::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 7.4%;
    height: 100%;
    background-color: transparent;
    opacity: 100%;
    z-index: 10;
    pointer-events: none;
}
div#n2-ss-4 .n2-ss-showcase-slides{
	perspective: none !important;		
}
}


/* Meet The Team Row Fix */
@media (max-width: 768px) {
  .fl-node-xr7p05kmt2e4 {
    display: flex;
    flex-wrap: wrap;
  }

  .fl-node-xr7p05kmt2e4 .fl-col {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }
}