/*
Theme Name: Augustine
Theme URI: https://augustine.qodeinteractive.com
Description: Hotel Booking Theme
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Text Domain: augustine
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*Color codes
 * #3A2C23 - dark chocolate brown
 * #D6AD61 - moderate orange
 * #F9F6EE - Light grayish orange
 * */
/*
 * Modified by dragos~albastria and ioan~albastria
 * */
/* Transparent sub-menu for when it is over the slider */
.sub-menu {
	background-color: rgba(58, 44, 35, 0.6) !important;
}
.qodef-mobile-header-navigation .sub-menu {
	background-color: rgba(58, 44, 35, 1) !important;
}

.qodef-mobile-header-navigation {
	background-color: rgba(58, 44, 35, 1) !important;
}

/* Solid submenu for then it is over the page */
.qodef-header--fixed-display .sub-menu {
	background-color: rgba(58, 44, 35, 1) !important;
}
/* Main header background -- TO CHECK where to configure ! */
.qodef-header--standard #qodef-page-header {
	background-color: rgba(58, 44, 35, 0.6) !important;
}

.qodef-header--divided #qodef-page-header {
	background-color: rgba(58, 44, 35, 0.6) !important;
}

/* Main header background on scroll -- TO CHECK where to configure ! */
.qodef-header--fixed-display #qodef-page-header {
	background-color: rgba(58, 44, 35, 1) !important;
}


/*Hero styling*/
.drop-shadow {
	text-shadow: 0px 0px 14px rgba(0, 0, 0, 0.8) !important;
}

.hero-subtitle p span {
	font-size: 22px;
}

.hero-button span {
	display: inline-block;
    transition: transform 0.3s ease;
    transform-origin: center;
}

.hero-button:hover span {
	color: #D6AD61 !important;
	/*transform: scale(1.1); /* Grows text by 10% */
}

/*Button styling*/
.light-button:hover span {
	color: #D6AD61 !important;
}

body .light-button {
    color: #3a2c23 !important;
    background-color: #f9f6ee !important;
    border-color: #3a2c23 !important;
    font-weight: 600 !important;
}

body .light-button:hover {
    background-color: #3a2c23 !important;
}

body .transparent-button {
	color: #000 !important;
    background-color: transparent !important;
    border: 1px solid #000 !important;
}

body .full-width-button .elementor-widget-augustine_core_button {
	width: 100% !important;
}

body .full-width-button .elementor-widget-augustine_core_button .qodef-button {
	width: 100%;
	text-align: center;
}

/* Custom classes */

.text-nowrap {
	white-space: nowrap;
}

/* Override for the page footer header colour. 
 * This will not change when the setting in Augustine is changed, so it must be manually updated */
.widget .qodef-widget-title {
	color: #FFFFFF !important;
}
/* Override for the page footer link colour. 
 * This will not change when the setting in Augustine is changed, so it must be manually updated */
.widget a {
	color: #D6AD61 !important;
}

/* Override for the page footer social widget header. 
 * This will not change when the setting in Augustine is changed, so it must be manually updated */
.qodef-social-title {
	color: #FFFFFF !important;
}

/* Override for the room title */ 
.qodef-room.qodef-item-layout--standard .qodef-m-top-section .qodef-e-title {
	color: #3A2C23 !important;	
}

/* Override for the footer newsletter form */
.qodef-horizontal-form .qodef-ft-check span.wpcf7-list-item .wpcf7-list-item-label {
	color: #D6AD61 !important;
}

/* Override for the reservation form in vertical mode */
.qodef-room-reservation-filter.qodef-layout--vertical {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border: 1px solid #c4c4c4 !important;
}

/* Override for footer padding */
#qodef-page-footer-top-area {
    padding: 70px 0 30px !important;
}

/* Override for back to top button size */
#qodef-back-to-top {
	width: 50px !important;
	height: 50px !important;
}

#qodef-back-to-top:before {
	width: 50px !important;
	height: 50px !important;
}

/* Sub-amenity list styles */
.augustine-sub-amenity-list ul {
	list-style: none;
	padding: 0 10px;
}

.augustine-sub-amenity-icon {
	margin-right: 1%;
}

/* Override for the page spinner font */
#qodef-page-spinner.qodef-layout--augustine .qodef-m-text {
	font-family: 'Cormorant Garamond', serif !important;
	line-height: 1.3em !important;
}

/* Override for the buttons */
.elementor-widget-container .qodef-button.qodef-layout--filled.qodef-html--link {
	/*color: #3A2C23 !important;*/
}

.qodef-button.qodef-layout--filled.qodef-html--link {
	/*color: #D6AD61 !important;*/
}

.qodef-button.qodef-layout--filled.qodef-html--link:hover {
	cursor: pointer;
	/*color: #f9f6ee !important;
	border: 1px solid #f9f6ee !important;*/
}

.qodef-button.qodef-layout--rounded,
.qodef-button.qodef-layout--rounded:hover,
.qodef-button.qodef-layout--outlined:hover {
	color: #D6AD61 !important;
}

.qodef-button.qodef-layout--textual {
	/*color: #3A2C23  !important;*/
}

.header-reservation-filter .qodef-button.qodef-html--link {
	padding: 5px 25px;
}

/* Override for mobile header menu link */
.qodef-mobile-header-opener {
	color: #D6AD61 !important;
}

/* Override for the overlay present on the form while the JS is loading */
.qodef-room-reservation-filter:after {
	background-color: rgba(0,0,0,0) !important;
}

/* Room reservation filter beneath the menu */
.header-reservation-filter {
	padding: 5px 200px 5px 200px;
}

.qodef-room-reservation-filter .qodef-m-form .qodef-m-field label {
	font-family: 'Cormorant Garamond', sans-serif !important;
	margin-bottom: 0px;
	line-height: 16px;
	font-weight: 800;
}

.qodef-room-reservation-filter .qodef-m-form .qodef-m-field input {
	font-family: 'Cormorant Garamond', serif !important;
	font-size: 16px !important;
	line-height: 22px !important;
	border-bottom: 1px solid #D6AD61  !important;
}

.qodef-room-reservation-filter .qodef-m-form .qodef-m-field.qodef--booking {
	width: 60%;
}

.qodef-header--standard .header-reservation-filter {
	background-color: rgba(249, 246, 238, 0.4) !important;
	border-bottom: 1px solid rgba(58, 44, 35, 0.4) !important;
}

.qodef-header--divided .header-reservation-filter {
	background-color: rgba(249, 246, 238, 0.4) !important;
	border-bottom: 1px solid rgba(58, 44, 35, 0.4) !important;
	opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    pointer-events: none; /* prevents interaction while hidden */
}

.qodef-header--fixed-display .header-reservation-filter {
	background-color: rgba(249, 246, 238, 1) !important;
	border-bottom: 1px solid rgba(58, 44, 35, 1) !important;
	opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Room reservation filter on mobile */
.footer-reservation-filter {
	padding: 10px;
	display: none;
}

.footer-reservation-filter .qodef--booking .qodef-button {
	border-color: #D6AD61;
}

.footer-reservation-overview {
	background-color: rgba(58, 44, 35, 1) !important;
	position: fixed;
	bottom: 0;
	z-index: 300;
	width: 100%;
	transition: all 0.3s ease-in-out;
}

.footer-reservation-overview label {
	color: #D6AD61 !important;
}

.footer-reservation-overview input {
	color: #f9f6ee !important;
}

.footer-reservation-summary {
	display: flex;
    align-items: baseline;
    justify-content: space-between;
	margin: 0 10px;
}

.footer-reservation-summary .qodef-size--small {
	padding: 5px !important;
	margin: 10px 0;
}

/*IoAg - 11.08.2025: Normalize hero and page title on all pages */
.qodef-room.qodef-item-layout--standard .qodef-m-top-section,
#qodef-page-outer .qodef-page-title {
	height: 80vh !important;
}

.qodef-page-title .qodef-m-title {
	font-size: 72px;
}

/* override for selection bg color and fg color */
::selection {
    color: #F9F6EE !important;
    background: #3A2C23 !important;
}

/*increase font size for progress bar title */
.qodef-progress-bar.qodef-layout--line .qodef-m-title {
	font-size: 20px;
}

/* modify room description layout */
.qodef-room .qodef-e-content p {
    margin: 10px 0;
    line-height: 1.87em;
    font-size: 20px;
    font-weight: 400;
    text-indent: 50px;
}

/* Mobile language switcher */
#qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, #qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
	background-color: #3A2C23 !important;
	border: 1px solid #3A2C23 !important;
	z-index: 9999;
}

/* WPML Language switcher item positioning fix */
.qodef-header-navigation>ul>li.qodef-menu-item--narrow ul.qodef-drop-down--right li>a {
	justify-content: flex-start !important;
}

/* WPML Language switcher mobile width fix */
#qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, #qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
	width: 140%;
}

/* Footer albastria message */
.albastria {
	background-color: #3A2C23;
    color: #7d7d7d;
    text-align: center;
    padding-bottom: 10px;
    font-family: 'Roboto';
    font-size: small;
}

.albastria a {
	color: #7d7d7d;
}

/*Set the color of custom SVG icons for amenities*/
.qodef-room .qodef-e-amenity-items .qodef-ei-svg-icon-custom path {
	fill: currentColor !important;
}

/* Navigation spacing fix */
.qodef-header-navigation>ul>li {
	margin: 0 15px !important;
}

/* Dropdown menu arrow positioning fix */
.qodef-header-navigation ul li a .qodef-menu-item-arrow {
	/*right: -10px !important;*/
}

.qodef-header-navigation ul li a .qodef-menu-item-text,
.qodef-header-navigation .qodef-drop-down-second ul .qodef-menu-item-text,
.qodef-opener-icon.qodef-source--predefined .qodef-m-text,
.qodef-mobile-header-navigation ul li a .qodef-menu-item-text {
	text-transform: uppercase;
    font-family: 'Cormorant Garamond';
    letter-spacing: 0.01em;
}

.qodef-mobile-header-navigation ul li a .qodef-menu-item-arrow {
	right: auto !important;
}

.qodef-header-navigation ul li.qodef-menu-item--narrow ul li {
	padding: 0px 25px !important;
}

/* Hide re-captcha badge */
.grecaptcha-badge {
	visibility: hidden;
}

/* Dining page menu item description */
.qodef-restaurant-menu-list .qodef-e-description {
	text-align: right;
}



/* Fix for overflow setting in the mobile dropdown menu */
.qodef-mobile-header-navigation {
	overflow-y: auto !important;
}

/* Fix for the round button texts so that they don't overlap the dropdown menu */
.qodef-button.qodef-layout--rounded .qodef-m-text {
	z-index: 10 !important;
}

/*Fix for FAQ text - biger font size -  modif 26.02.2025 */
.qodef-qi-faq .qodef-e-content-inner {
    font-size: 18px;
    font-family: 'Open Sans';
}

/*IoAg 11.08.2025 Change Testimonials widget color scheme*/
.ti-review-header .ti-platform-icon{
	filter: sepia(1);
    z-index: 1;
}

.ti-review-header .ti-profile-img img,
.ti-widget.ti-book .ti-stars .ti-star,
.ti-widget.ti-book .ti-stars .ti-verified-review,
.ti-widget.ti-book .ti-review-content svg,
.ti-widget.ti-book .ti-verified-by-row[data-style="1"]>.ti-inner{
	filter: sepia(1);
}

body .ti-widget.ti-book .ti-review-item>.ti-inner {
	background-color: #ffffff00 !important;
	border-color: #D6AD61 !important;
}

/*IoAg 11.08.2025 Footer layout*/
/*Add hover zoom effect for CW logos*/
.cw-logo figure img {
    transition: transform 0.3s ease;
    display: block; /* prevents inline spacing issues */
	width: 70px;
	height: auto;
}
.cw-logo figure:hover img {
    transform: scale(1.2); /* grows image by 20% */
}

/*Add underline effect underneath directions link*/
.underline-link {
    position: relative;
    text-decoration: none;
    color: inherit; /* Keeps your link color */
}

.underline-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px; /* Adjust spacing below text */
    width: 100%;
    height: 1px;
    background-color: #D6AD61;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.underline-link:hover::after {
    transform: scaleX(1);
}

/*Add space between footer columns on mobile*/
#qodef-page-footer .qodef-grid .qodef-grid-item {
	margin-bottom: 40px;
}

#qodef-page-footer .qodef-grid .qodef-grid-item h3 {
    font-size: 34px;
}

/*IoAg 2025.08.14 - Make homepage cards same height*/
.equal-height-card {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

.equal-height-card .card-content {
    flex-grow: 1;
  }

.equal-height-card .card-button {
    margin-top: auto;
  }


/* Override for back to top button position in order to accomodate the mobile filter menu */
@media only screen and (max-width: 1281px) {
	#qodef-back-to-top {
		bottom: 75px !important;
	}
}

@media only screen and (min-width: 1281px) {
	.footer-reservation-summary	{
		display: none !important;
	}
}

@media only screen and (max-width: 1280px) {
	.albastria {
		padding-bottom: 65px !important;
		margin-top: -1px; /* Weird 1px line on mobile between the widget footer and the div. */
	}
}

/*room filter for mobile*/
@media only screen and (max-width: 700px) {
	.room-filter .qodef-m-form {
		min-width: 100% !important;
	}
}


/* Enable mobile header starting with width 1920 */
@media only screen and (max-width: 1280px) {
  #qodef-page-header {
    display: none !important;
  }
	
#qodef-page-mobile-header {
    display: block !important;
  }
}

/* IoAg 11.09.2025 - ROOM filter layout */

.room-filter {
	padding-bottom: 5%;
}

.room-filter select {
	font-size: 16px;
}

.room-filter .qodef-m-form {
    min-width: 600px;
	max-width: 1100px;
    width: 100%;
	margin:0 auto !important;
	column-gap: 30px;
}

.room-filter .qodef-m-field-input-wrapper {
	height: 46px;
}

.qodef-room-list .qodef-grid-inner.clear {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

article.qodef-e.qodef-room-list-item {
    flex: 0 1 calc(50% - 1rem);
}

@media (max-width: 700px) {
article.qodef-e.qodef-room-list-item {
    flex: 0 1 100%;
  }
}


/*=====================MOVE TO SEPARATE SCHOOL=====================================================================================*/
/* START Toggle button style */
.button-cover:before {
  counter-increment: button-counter;
  content: counter(button-counter);
  position: absolute;
  right: 0;
  bottom: 0;
  color: #d7e3e3;
  font-size: 12px;
  line-height: 1;
  padding: 5px;
}

.button-cover,
.knobs,
.layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.button {
  position: relative;
  width: 74px;
  height: 36px;
  overflow: hidden;
}

.button.r,
.button.r .layer {
  border-radius: 100px;
}

.button.b2 {
  border-radius: 2px;
}

.checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.knobs {
  z-index: 2;
}

.layer {
  width: 100%;
  background-color: #fff;
  transition: 0.3s ease all;
  z-index: 1;
}

/* Button Toggle YES/NO */
.button-toggle .knobs:before {
  content: "NO";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 30px;
  height: 30px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 10px 4px;
  border-radius: 50%;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
  
  background-color: #f9f6ee;
  color: #3a2c23;
}

.button-toggle .checkbox:checked + .knobs:before {
  content: "YES";
  left: 42px;
  
  background-color: #3a2c23;
  color: #fff;
}

.button-toggle .checkbox:checked ~ .layer {
  background-color: #fff;
}

.button-toggle .knobs,
.button-toggle .knobs:before,
.button-toggle .layer {
  transition: 0.3s ease all;
}

/* Button Sea view */
.button-sea .knobs:before {
  content: "ALL" !important;
}

.button-sea .checkbox:checked + .knobs:before {
  content: "SEA" !important;
}

/* Button Pets allowed */
.button-pets .knobs:before {
  content: "ANY" !important;
}

.button-pets .checkbox:checked + .knobs:before {
  content: "YES" !important;
}

/* END Toggle button style */

/*START tristate toggle*/
.tristate-toggle {
	display: flex;
	align-items: center;
	position: relative;
	width: 250px;
	height: 30px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #000;
}

.tristate-toggle input {
  display: none;
}

.qodef-room-reservation-filter .qodef-m-form .qodef-m-field .tristate-toggle label.toggle-label {
  flex: 1;
  text-align: center;
  z-index: 2;
  cursor: pointer;
  font-size: 10px;
  color: #3a2c23;
  line-height: 50px;
  transition: color 0.3s ease;
  font-family: Sarabun, sans-serif !important;
}

.tristate-toggle input:checked + label.toggle-label {
  color: #fff !important;
}

.tristate-toggle .slider {
	position: absolute;
	top: 6%;
	left: 2px;
	width: 32.8%;
	height: 90%;
	background: #3a2c23;
	border-radius: 8px;
	transition: transform 0.3s ease;
}

.tristate-1:checked ~ .slider {
  transform: translateX(0%);
}

.tristate-2:checked ~ .slider {
  transform: translateX(100%);
}

.tristate-3:checked ~ .slider {
  transform: translateX(200%);
}
/*END tristate toggle*/