/*
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
*/

/*
 * Modified by dragos @albastria.com and ioan @albastria.com
 * */
/* Transparent sub-menu for when it is over the slider */
.sub-menu {
	background-color: rgba(94, 16, 35, 0.6) !important;
}
.qodef-mobile-header-navigation .sub-menu {
	background-color: rgba(94, 16, 35, 1) !important;
}

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

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

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

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

/* 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: #D4AF37 !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: #5e1023 !important;	
}

/* Override for the footer newsletter form */
.qodef-horizontal-form .qodef-ft-check span.wpcf7-list-item .wpcf7-list-item-label {
	color: #f1c400 !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: Playfair Display, serif !important;
	line-height: 1.3em !important;
}

/* Override for the buttons */
.qodef-button.qodef-layout--filled.qodef-html--link {
	color: #f1c400 !important;
}

.qodef-button.qodef-layout--filled.qodef-html--link:hover {
	color: #f1c400 !important;
}

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

.qodef-button.qodef-layout--textual {
	color: #333333 !important;
}

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

/* Override for mobile header menu link */
.qodef-mobile-header-opener {
	color: #D4AF37 !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: 10px 200px 10px 200px;
}

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

.qodef-room-reservation-filter .qodef-m-form .qodef-m-field input {
	font-family: "Playfair Display", serif !important;
	font-size: 20px !important;
	line-height: 22px !important;
	border-bottom: 1px solid #333333 !important;
}

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

.qodef-header--standard .header-reservation-filter {
	background-color: rgba(248, 240, 227, 0.4) !important;
	border-bottom: 1px solid rgba(94, 16, 35, 0.4) !important;
}

.qodef-header--divided .header-reservation-filter {
	background-color: rgba(248, 240, 227, 0.4) !important;
	border-bottom: 1px solid rgba(94, 16, 35, 0.4) !important;
}

.qodef-header--fixed-display .header-reservation-filter {
	background-color: rgba(248, 240, 227, 1) !important;
	border-bottom: 1px solid rgba(94, 16, 35, 1) !important;
}

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

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

.footer-reservation-overview label {
	font-family: "Playfair Display", serif !important;
	font-size: 20px !important;
	line-height: 22px !important;
	color: #f8f0e3 !important;
}

.footer-reservation-overview input {
	color: #f8f0e3 !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;
}

/*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: 50vh !important;
}

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

/* override for selection bg color and fg color */
::selection {
    color: #f8f0e3 !important;
    background: #651d32 !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: #651d32 !important;
	border: 1px solid #651d32 !important;
			   
}

/* 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: #5f1023;
    color: #8c7b75;
    text-align: center;
    padding-bottom: 10px;
    font-family: 'Roboto';
    font-size: small;
}

.albastria a {
	color: #D4AF37 !important;
}

.albastria span {
	color: #f00;
}

/* 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.qodef-menu-item--narrow ul li {
	padding: 0px 25px !important;
}

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

/*IoAg maintain mobile menu for tablet landscape mode because the menu doesn't fit*/
*Set the color of custom SVG icons for amenities*/
.qodef-room .qodef-e-amenity-items .qodef-ei-svg-icon-custom path {
	fill: currentColor !important;
}
/* Dining page menu item description */
.qodef-restaurant-menu-list .qodef-e-description {
	text-align: right;
}


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

/* 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;
}

/* 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. */
	}
}

/* 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;
  }
}