/*
Theme Name: Albatross Child
Theme URI: https://example.com
Description: Child theme for Albatross theme
Author: Kode Designs
Template: albatross
Version: 1.1
*/


/* === Custom global button styling === */
button,
.edit-link .post-edit-link,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.stratum-advanced-posts.layout-carousel .swiper-container .swiper-slide .stratum-advanced-posts__read-more a,
.more-link {
  background: #D1A975;             /* gold tone */
  color: #ffffff;                  /* white text */
font-size: 16px;
  border: none;
  border-radius: 0;                /* no rounded corners */
  padding: 16px 26px;
  line-height: 1.4;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* === Hover + focus states === */
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.button:hover,
.button:focus,
.more-link:hover,
.more-link:focus {
  background: #183355;             /* navy tone */
  color: #ffffff;
  text-decoration: none;
}



/* Remove default white pointer */
.elementor-nav-menu--main .elementor-item:after { 
  background: transparent !important; 
}

/* Keep your gold on hover/active/current */
.elementor-nav-menu--main .elementor-item:hover:after,
.elementor-nav-menu--main .current-menu-item > a:after,
.elementor-nav-menu--main .elementor-item.elementor-item-active:after {
  background: #D1A975 !important;
  height: 2px;
  opacity: 1;
  transform: none;
}

/* Belt & braces: remove any theme border underline */
nav ul li > a {
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Hide the "Recommended for ..." heading, keep the results + info line */
.mphb-recommendation-title,
.mphb-recommended-title,
.mphb-recommendation,
.mphb_sc_search_results-info + h3 {
  display: none !important;
}


.mphb_sc_room-wrapper .mphb-room-type-description, .mphb_sc_search_results-wrapper .mphb-room-type-description, .mphb_sc_rooms-wrapper .mphb-room-type-description {
    padding: 25px;
}
.mphb_sc_room-wrapper .mphb-room-type-excerpt, .mphb_sc_search_results-wrapper .mphb-room-type-excerpt, .mphb_sc_rooms-wrapper .mphb-room-type-excerpt {
	font-size:16px;
    line-height: 26px;
	font-family: 'Inter', sans-serif;
	font-weight:400;
    margin-bottom: 20px;
		color: #183355;
}

.mphb_sc_room-wrapper .type-mphb_room_type .entry-title, .mphb_sc_search_results-wrapper .type-mphb_room_type .entry-title, .mphb_sc_rooms-wrapper .type-mphb_room_type .entry-title {
    text-align: left;
    margin-bottom: 14px;
	color: #183355;
	font-weight:500;
	font-size:34px;
}

.mphb-regular-price {
    color: #D1A975;
}

.mphb-single-room-type-attributes, .mphb-loop-room-type-attributes, .mphb-widget-room-type-attributes, .loop-room-short-attributes {
    list-style: none;
    padding: 0;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: .02em;
		color: #183355;
		font-family: 'Inter', sans-serif;
	font-weight:400;

}


/* Image left, content right — match your markup exactly */
.mphb_sc_search_results-wrapper .mphb-room-type{
  display: grid !important;
  grid-template-columns: 35% 1fr;
  gap: 28px;
  align-items: start;
}

/* left column = thumbnail */
.mphb_sc_search_results-wrapper .mphb-room-type > p.post-thumbnail.mphb-loop-room-thumbnail{
  grid-column: 1 !important;
  margin: 0 !important;
}

/* right column = everything else */
.mphb_sc_search_results-wrapper .mphb-room-type > :not(p.post-thumbnail):not(.mphb-loop-room-thumbnail){
  grid-column: 2 !important;
  min-width: 0;
}

/* image sizing */
.mphb_sc_search_results-wrapper p.post-thumbnail.mphb-loop-room-thumbnail img{
  width: 100% !important;
  height: auto;
  display: block;
  object-fit: cover;
}

/* mobile stack */
@media (max-width: 768px){
  .mphb_sc_search_results-wrapper .mphb-room-type{
    grid-template-columns: 1fr !important;
    gap: 18px;
  }
  .mphb_sc_search_results-wrapper .mphb-room-type > *{
    grid-column: 1 !important;
  }
}
/* Hide 'Book' button within the MotoPress search results */
.mphb_sc_search_results-wrapper .mphb-room-type-buttons .mphb-book-button {
  display: none !important;
}
/* Force all accommodation images in search results to have a consistent height */
.mphb_sc_search_results-wrapper p.post-thumbnail.mphb-loop-room-thumbnail {
  height: 400px; /* adjust as needed */
  overflow: hidden;
}

.mphb_sc_search_results-wrapper p.post-thumbnail.mphb-loop-room-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 768px) {
  .mphb_sc_search_results-wrapper p.post-thumbnail.mphb-loop-room-thumbnail {
    height: 200px;
  }
}

.mphb_sc_room-wrapper .type-mphb_room_type .entry-title, .mphb_sc_search_results-wrapper .type-mphb_room_type .entry-title, .mphb_sc_rooms-wrapper .type-mphb_room_type .entry-title {
	margin-bottom:0;
}
.mphb-regular-price .mphb-price {
    font-size: 32px;
    line-height: 40px;
	margin-bottom:0;
}

.mphb-single-room-type-attributes, .mphb-loop-room-type-attributes, .mphb-widget-room-type-attributes, .loop-room-short-attributes {
    list-style: none;
    padding: 0;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: .02em;
    color: #183355;
	font-family: 'Inter', sans-serif;
	font-weight:400;
}

.mphb_sc_room-wrapper .mphb-room-type-buttons, .mphb_sc_search_results-wrapper .mphb-room-type-buttons, .mphb_sc_rooms-wrapper .mphb-room-type-buttons {
    padding-top:0;
	
    display: flex;
    flex-wrap: wrap;
    border-top: px solid #dadfde;
}




.mphb_sc_booking_form-wrapper.is-style-horizontal-form form > *, .mphb_sc_search-wrapper.is-style-horizontal-form form > *, .mphb_widget_search-form.is-style-horizontal-form > * {margin:0!important;
	padding:5px!important;}

.mphb-datepick, .mphb_datepicker, .is-datepick{
font-family: "Inter", Sans-serif!important;
}
body {
	font-family: "Inter", Sans-serif;
}
.datepick-month-header, .datepick-month-year {
	color:#224168!important;
}

 .mphb_sc_search-check-in-date {
  
}


.is-datepick {
	background:white!important;
	
}
/* ===== Clean form fields (excluding button) ===== */
.mphb_sc_search-form input[type="text"],
.mphb_sc_search-form input[type="email"],
.mphb_sc_search-form input[type="number"],
.mphb_sc_search-form select {
  background: #ffffff !important;
  color: gray !important;
  font-family: 'Inter', sans-serif !important;
  border: 1px solid #ccc !important;
  padding: 10px 14px !important;
  height: 50px !important;
  box-shadow: none !important;
}


/* ===== Dropdown focus ===== */
.mphb_sc_search-form select:focus {
  background: #ffffff !important;
  outline: none !important;
  border-color: #b48a64 !important; /* accent highlight */
}

/* ===== Datepicker popup ===== */
.mphb-datepicker,
.mphb-datepick,
.is-datepick {
  font-family: 'Inter', sans-serif !important;
  background: #ffffff !important;
  color: #333 !important;
}

/* ===== Keep Search button styling intact ===== */
.mphb_sc_search-submit-button,
.mphb_sc_search-form input[type="submit"] {
  background: #D1A975!important; /* or your brand color */
  color: #fff !important;
  font-weight: 600;
  border: none !important;
  height: 50px;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

.mphb_sc_search-submit-button:hover {
  background: #9d7752 !important;
}
/* ===== Match date field focus border to gold accent ===== */
.mphb_sc_search-form input[type="text"]:focus,
.mphb_sc_search-form select:focus {
  border-color: #b48a64 !important;   /* your gold accent */
  box-shadow: 0 0 0 2px rgba(180, 138, 100, 0.25) !important; /* soft gold glow */
  outline: none !important;
}

/* MotoPress / jQuery datepicker: day cell hover + active */
.datepick-popup .datepick-month td a:hover,
.datepick-popup .datepick-month td a:focus,
.mphb-datepick .datepick-month td a:hover,
.mphb-datepick .datepick-month td a:focus,
.mphb-datepick a.mphb-date-cell:hover,
.mphb-datepick a.mphb-date-cell:focus {
  background: #224168 !important;   /* your Primary colour */
  color: #fff !important;
  text-decoration: none !important;
}

/* Selected day (after click) */
.datepick-popup .datepick-month td a.datepick-selected,
.mphb-datepick .datepick-month td a.datepick-selected {
  background: #224168 !important;
  color: #fff !important;
}

/* Default date text colour */
.datepick-popup .datepick-month td a,
.mphb-datepick .datepick-month td a,
.mphb-datepick a.mphb-date-cell {
  color: #224168 !important; /* matches your hover background */
  font-weight: 500 !important;
}

/* ===== Make all datepicker text use Inter ===== */
.mphb-datepick,
.mphb-datepick *,
.datepick-popup,
.datepick-popup * {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: #224168 !important; /* keeps your brand blue text */
}

/* Month headers (November, December, etc.) */
.datepick-month-header,
.datepick-month-header select,
.datepick-month-header .datepick-month,
.datepick-month-header .datepick-year {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  color: #224168 !important;
  text-transform: none !important;
}


/* Remove underline from all Elementor buttons and links inside them */
.elementor-button,
.elementor-button:hover,
.elementor-button:focus,
.elementor-button-link,
.elementor-button-link:hover {
  text-decoration: none !important;
}

/* Prevent underline on custom link widgets (like “View Property” etc.) */
a.elementor-button,
a.elementor-button:hover {
  text-decoration: none !important;
}

/* Optional: ensure normal text links keep underline if needed */
.elementor-widget-text-editor a {
  text-decoration: underline;
}

/* ================================
   FSB Holidays — Checkout Styling
   ================================ */

:root{
  --fsb-primary: #1A3455;   /* replaces all greens */
  --fsb-accent:  #D1A975;   /* replaces all reds */
  --fsb-text:    #333333;
}

/* Scope everything to Hotel Booking checkout blocks */
.mphb-checkout-section,
.mphb_sc_checkout-form{
  font-family: "Inter", sans-serif !important;
  color: var(--fsb-text);
}

/* Headings on checkout (titles, section headings) */
.mphb-checkout-section h1,
.mphb-checkout-section h2,
.mphb-checkout-section h3,
.mphb-checkout-section h4,
.mphb-checkout-section h5,
.mphb-checkout-section h6{
  font-family: "Lora", serif !important;
  color: var(--fsb-primary);
  font-weight: 600;
}

/* Labels & small titles */
.mphb-checkout-section label,
.mphb-checkout-section .mphb-booking-details-title{
  color: var(--fsb-primary);
  font-weight: 600;
}

/* Inputs & selects */
.mphb_sc_checkout-form input[type="text"],
.mphb_sc_checkout-form input[type="email"],
.mphb_sc_checkout-form input[type="tel"],
.mphb_sc_checkout-form input[type="number"],
.mphb_sc_checkout-form input[type="date"],
.mphb_sc_checkout-form select,
.mphb_sc_checkout-form textarea{
  font-family: "Inter", sans-serif !important;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background: #fff;
  color: var(--fsb-text);
  box-shadow: none;
}

.mphb_sc_checkout-form input:focus,
.mphb_sc_checkout-form select:focus,
.mphb_sc_checkout-form textarea:focus{
  outline: none;
  border-color: var(--fsb-accent);
  box-shadow: 0 0 0 2px rgba(209,169,117,.25);
}

/* Buttons (Place Booking / Pay / Next etc.) */
.mphb_sc_checkout-form .button,
.mphb_sc_checkout-form button,
.mphb_sc_checkout-form input[type="submit"]{
  font-family: "Inter", sans-serif !important;
  background: var(--fsb-accent);
  color: #fff;
  border: none;
  border-radius: 4px;
  box-shadow: none;
  transition: background .2s ease;
}
.mphb_sc_checkout-form .button:hover,
.mphb_sc_checkout-form button:hover,
.mphb_sc_checkout-form input[type="submit"]:hover{
  background: #b98e59; /* slightly darker accent */
}

/* Success / errors / notices */
.mphb-success,
.mphb-message-success,
.mphb-notice.mphb-success{
  background: var(--fsb-primary);
  border-color: var(--fsb-primary);
  color: #fff;
}
.mphb-error,
.mphb-message-error,
.mphb-notice.mphb-error,
.mphb-errors{
  background: var(--fsb-accent);
  border-color: var(--fsb-accent);
  color: #1a1a1a;
}

/* Links inside notices */
.mphb-success a,
.mphb-error a{
  color: #fff;
  text-decoration: underline;
}

/* Price breakdown headings & totals */
.mphb-price-breakdown h3,
.mphb-price-breakdown .mphb-apply-coupon label{
  font-family: "Lora", serif !important;
  color: var(--fsb-primary);
}
.mphb-price-breakdown .mphb-total-price,
.mphb-price-breakdown .mphb-price{
  color: var(--fsb-primary);
  font-weight: 700;
  font-family: "Inter", sans-serif !important;
}

/* Radio/checkbox text */
.mphb-terms,
.mphb-privacy-policy-text,
.mphb-gdpr-terms{
  font-family: "Inter", sans-serif !important;
  color: var(--fsb-text);
}

/* Accent the small section dividers/titles */
.mphb-checkout-section .mphb-section-title,
.mphb-booking-details-title{
  border-color: var(--fsb-accent) !important;
}

/* Remove any theme default green/red overrides */
.mphb-success,
.mphb-error{
  background-image: none !important;
}
/* ================================
   Fix remaining red link colour on checkout
   ================================ */

/* Change accommodation link colour */
.mphb-checkout-section a,
.mphb-checkout-section a:visited {
  color: #D1A975 !important;
  text-decoration: none !important;
}

/* On hover, make it darker and underline if preferred */
.mphb-checkout-section a:hover,
.mphb-checkout-section a:focus {
  color: #b98e59 !important; /* slightly darker gold tone */
  text-decoration: underline !important;
}

/* Remove underline from any inherited elementor styles */
.elementor a {
  text-decoration: none !important;
}
.elementor a:hover {
  text-decoration: underline !important;
}

/* Also fix Price Breakdown links */
.mphb-price-breakdown a {
  color: #D1A975 !important;
  text-decoration: none !important;
}


body{
	background-color:#E1E5EA;
}


/* 1) Global: no hover underlines site-wide */
a,
a:visited { text-decoration: none; }
a:hover,
a:focus { text-decoration: none !important; border-bottom: 0 !important; }

/* 2) Elementor buttons & widget links */
.elementor .elementor-button,
.elementor .elementor-button:hover,
.elementor .elementor-button:focus,
.elementor .elementor-widget-button a,
.elementor .elementor-widget-button a:hover,
.elementor .elementor-widget-button a:focus {
  text-decoration: none !important;
}

/* 3) Property cards (MPHB) */
.mphb-loop-room-type-title a,
.mphb-loop-room-type-title a:hover,
.mphb-view-details,
.mphb-view-details:hover,
.mphb-book-button,
.mphb-book-button:hover {
  text-decoration: none !important;
}

/* 4) Any link that gets a theme underline via utility class */
.elementor a:hover { text-decoration: none !important; }


.mphb-rooms-quantity-single {
	color:white;
	font-weight:300;
}



.button, .mphb-button, .mphb-confirm-reservation {
	  font-family: 'Lora', serif!important;
}


.elementor-widget-text-editor a {
    color: inherit !important;
    text-decoration: inherit !important;
}


.mphb-empty-cart-message {
	color:#1A3455;
	
}

.mphb_sc_search_results-info {
	color:#D1A975;
}

/* Change "View Details" button background + text */
a.mphb-view-details-button {
    background-color: #D1A975 !important; /* your new colour */
    color: #ffffff !important;            /* text colour */
    border-color: #D1A975 !important;
	padding:12px 16px!important;
	font-size:16px!important;
	font-weight:300;
	text-transform: capitalize;
}

/* Optional: hover colour */
a.mphb-view-details-button:hover {
    background-color: #1A3A55 !important;
    border-color: #1A3A55 !important;
	color: }

/* Change hover colour of accommodation titles */
.mphb-room-type-title.entry-title a:hover {
    color: #D1A975 !important;
}

/* Hide Guests line on search results & room listings */
.mphb-room-type-adults-capacity {
    display: none !important;
}

			
			
.mphb_sc_room-wrapper .mphb-room-type-buttons,
.mphb_sc_search_results-wrapper .mphb-room-type-buttons,
.mphb_sc_rooms-wrapper .mphb-room-type-buttons {
    border-top: none !important;
}

/* Hide the mphb loop attributes block */
ul.mphb-loop-room-type-attributes {
    display: none !important;
}
/* Reduce space under the description above the button */
.mphb-room-type-description {
    padding-bottom: 5px !important; /* adjust to taste */
}


/* Make title, price, text and button line up perfectly */

/* 1. Give the whole content column a single left padding */
@media (min-width: 768px) {
    .mphb-room-type-content {
        padding-left: 30px;   /* adjust if you want more/less inset */
    }

    /* 2. Remove individual left padding/margins from children */
    .mphb-room-type-content > * {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    /* 3. Button row: behave like a normal block, left aligned */
    .mphb-room-type-buttons {
        display: block !important;
        text-align: left !important;
        padding-left: 0 !important;   /* we’re using the column padding now */
    }

    /* 4. Button itself: no auto margins, sits at the same left edge */
    .mphb-view-details-button-wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: left !important;
    }

    .mphb-view-details-button {
        display: inline-block !important;
        margin: 0 !important;
    }
}