/*
Theme Name: Avoca Inn
Theme URI: https://www.blinq.com.au/
Template: hello-elementor
Author: BlinQ Team
Author URI: https://www.blinq.com.au/
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.2.0.1747119040
Updated: 2025-05-13 06:50:40

*/

/*--------------------------------------------------------------
# Overlay Pseudo Elements
--------------------------------------------------------------*/
.overlay-before::before, .overlay-after::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.avoca-header {
	z-index: 999;
	background-color: transparent;
	padding: 20px 0;
	box-shadow: 8px 2px 25px 0px rgba(0, 0, 0, 0);
	transition: background-color 0.8s ease, box-shadow 0.8s ease, border-bottom 0.8s ease, padding 0.8s ease !important;
}
.avoca-header .hdr-logo {
	opacity: 0;
	width: 125px;
	transition: width 0.8s ease, opacity 0.8s ease;
}
.avoca-header .book-btn-hdr {
	opacity: 0;
	transition: opacity 0.8s ease;
}
.avoca-header .book-btn-hdr-white {
	opacity: 1;
	transition: opacity 0.8s ease;
}
.avoca-header .hdr-logo-white {
	position: absolute;
	width: 125px;
	transition: width 0.8s ease;
}
.avoca-header .wpr-menu-item {
	color: var(--e-global-color-69d5bdd) !important;
}
.avoca-header .wpr-menu-item::after {
	color: var(--e-global-color-69d5bdd) !important;
}

.avoca-header.scrolled {
	padding: 12px 0;
	background-color: var(--e-global-color-69d5bdd);
	box-shadow: 8px 2px 25px 0px rgba(0, 0, 0, 0.1);
}
.avoca-header.scrolled .hdr-logo {
	opacity: 1;
	width: 80px;
}
.avoca-header.scrolled .book-btn-hdr {
	opacity: 1;
	transition: opacity 0.8s ease;
}
.avoca-header.scrolled .book-btn-hdr-white {
	opacity: 0;
	transition: opacity 0.8s ease;
}
.avoca-header.scrolled .hdr-logo-white {
	width: 80px;
}
.avoca-header.scrolled .wpr-menu-item {
	color: var(--e-global-color-text) !important;
}
.avoca-header .wpr-menu-item::after {
	color: var(--e-global-color-text) !important;
}

/*--------------------------------------------------------------
# Book Now Button
--------------------------------------------------------------*/
@media (min-width: 768px) {
	.hdr-book-btn {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.hdr-book-btn {
		display: block !important;
	}
}

/*--------------------------------------------------------------
# Summit - Button
--------------------------------------------------------------*/
.elementor-button {
	background-color: var(--e-global-color-primary) !important;
	color: white !important;
	fill: white !important;
	border-color: var(--e-global-color-primary) !important;
	transition: background-color 0.3s ease, border-color 0.3s ease !important;
}
.elementor-button:hover {
	background-color: color-mix(in srgb, var(--e-global-color-primary) 80%, black) !important;
	color: white !important;
	fill: white !important;
	border-color: color-mix(in srgb, var(--e-global-color-primary) 80%, black) !important;
}
.elementor-button-icon {
	display: flex;
}

/*--------------------------------------------------------------
# Summit Lite - Button
--------------------------------------------------------------*/
.custom-btn-summit-lite .elementor-button {
	background-color: transparent !important;
	color: var(--e-global-color-primary) !important;
	fill: var(--e-global-color-primary) !important;
	border-color: var(--e-global-color-primary) !important;
	transition: background-color 0.3s ease, color 0.3s ease, fill 0.3s ease, border-color 0.3s ease !important;
}
.custom-btn-summit-lite .elementor-button:hover {
	background-color: color-mix(in srgb, var(--e-global-color-primary) 10%, transparent) !important;
	color: color-mix(in srgb, var(--e-global-color-primary) 80%, black) !important;
	fill: color-mix(in srgb, var(--e-global-color-primary) 80%, black) !important;
	border-color: color-mix(in srgb, var(--e-global-color-primary) 80%, black) !important;
}

/*--------------------------------------------------------------
# Shadow - Button
--------------------------------------------------------------*/
.custom-btn-shadow .elementor-button {
	background-color: var(--e-global-color-secondary) !important;
	color: white !important;
	fill: white !important;
	border-color: var(--e-global-color-secondary) !important;
	transition: background-color 0.3s ease, border-color 0.3s ease !important;
}
.custom-btn-shadow .elementor-button:hover {
	background-color: color-mix(in srgb, var(--e-global-color-secondary) 80%, black) !important;
	color: white !important;
	fill: white !important;
	border-color: color-mix(in srgb, var(--e-global-color-secondary) 80%, black) !important;
}

/*--------------------------------------------------------------
# Shadow Lite - Button
--------------------------------------------------------------*/
.custom-btn-shadow-lite .elementor-button {
	background-color: transparent !important;
	color: var(--e-global-color-secondary) !important;
	fill: var(--e-global-color-secondary) !important;
	border-color: var(--e-global-color-secondary) !important;
	transition: background-color 0.3s ease, color 0.3s ease, fill 0.3s ease, border-color 0.3s ease !important;
}
.custom-btn-shadow-lite .elementor-button:hover {
	background-color: color-mix(in srgb, var(--e-global-color-secondary) 10%, transparent) !important;
	color: color-mix(in srgb, var(--e-global-color-secondary) 80%, black) !important;
	fill: color-mix(in srgb, var(--e-global-color-secondary) 80%, black) !important;
	border-color: color-mix(in srgb, var(--e-global-color-secondary) 80%, black) !important;
}

/*--------------------------------------------------------------
# Lumos - Button
--------------------------------------------------------------*/
.custom-btn-lumos .elementor-button {
	background-color: var(--e-global-color-69d5bdd) !important;
	color: var(--e-global-color-e48c758) !important;
	fill: var(--e-global-color-e48c758) !important;
	border-color: var(--e-global-color-69d5bdd) !important;
	transition: background-color 0.3s ease, border-color 0.3s ease !important;
}
.custom-btn-lumos .elementor-button:hover {
	background-color: color-mix(in srgb, var(--e-global-color-69d5bdd) 80%, black) !important;
	color: var(--e-global-color-e48c758) !important;
	fill: var(--e-global-color-e48c758) !important;
	border-color: color-mix(in srgb, var(--e-global-color-69d5bdd) 80%, black) !important;
}

/*--------------------------------------------------------------
# Lumos Lite - Button
--------------------------------------------------------------*/
.custom-btn-lumos-lite .elementor-button {
	background-color: transparent !important;
	color: white !important;
	fill: white !important;
	border-color: var(--e-global-color-69d5bdd) !important;
	transition: background-color 0.3s ease, color 0.3s ease, fill 0.3s ease, border-color 0.3s ease !important;
}
.custom-btn-lumos-lite .elementor-button:hover {
	background-color: color-mix(in srgb, var(--e-global-color-69d5bdd) 10%, transparent) !important;
	color: var(--e-global-color-69d5bdd) 80%, black) !important;
	fill: var(--e-global-color-69d5bdd) 80%, black) !important;
	border-color:var(--e-global-color-69d5bdd) 80%, black) !important;
}

/*--------------------------------------------------------------
# Mist - Button
--------------------------------------------------------------*/
.custom-btn-mist .elementor-button {
	background-color: var(--e-global-color-ce47117) !important;
	color: white !important;
	fill: white !important;
	border-color: var(--e-global-color-ce47117) !important;
	transition: background-color 0.3s ease, border-color 0.3s ease !important;
}
.custom-btn-mist .elementor-button:hover {
	background-color: var(--e-global-color-d244cac) !important;
	color: white !important;
	fill: white !important;
	border-color: var(--e-global-color-d244cac) !important;
}

/*--------------------------------------------------------------
# Mist Lite - Button
--------------------------------------------------------------*/
.custom-btn-mist-lite .elementor-button {
	background-color: transparent !important;
	color: var(--e-global-color-ce47117) !important;
	fill: var(--e-global-color-ce47117) !important;
	border-color: var(--e-global-color-ce47117) !important;
	transition: background-color 0.3s ease, color 0.3s ease, fill 0.3s ease, border-color 0.3s ease !important;
}
.custom-btn-mist-lite .elementor-button:hover {
	background-color: color-mix(in srgb, var(--e-global-color-d244cac) 10%, transparent) !important;
	color: var(--e-global-color-d244cac) !important;
	fill: var(--e-global-color-d244cac) !important;
	border-color: var(--e-global-color-d244cac) !important;
}

/*--------------------------------------------------------------
# Feature Icon Box
--------------------------------------------------------------*/
.feature-icon {
	padding: 16px 24px;
}
.feature-icon .elementor-icon {
	display: flex;
	fill: var(--e-global-color-primary) !important;
	width: 50px;
}
.feature-icon:hover .elementor-icon {
	fill: var(--e-global-color-secondary) !important;
}
.feature-icon .elementor-icon-box-title {
	margin: 0px;
	font-size: 18px;
	color: var(--e-global-color-e48c758);
}
@media (max-width: 767px) {
	.feature-icon {
		padding: 12px 18px;
	}
}

/*--------------------------------------------------------------
# Facility Box
--------------------------------------------------------------*/
.facility-box {
	position: relative;
	overflow: hidden;
	padding: 0;
	display: flex;
	justify-content: end;
	aspect-ratio: 5 / 8;
}
.facility-box h4 {
	padding: 32px 16px;
}
.facility-box::before {
	background-position: center center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
	transition: transform 1s ease;
	z-index: 0;
}
.facility-box:hover::before {
	transform: scale(1.15);
}
.facility-box::after {
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0.8) 100%);
	z-index: 1;
}

.facility-box-inner {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 32px 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	backdrop-filter: blur(10px);
	transition: opacity 1s ease;
}
.facility-box:hover .facility-box-inner {
	opacity: 1;
}

/*--------------------------------------------------------------
# Facility Box Alternative
--------------------------------------------------------------*/
.facility-box-alt {
	padding: 10px 15px;
}
.facility-box-alt .elementor-icon {
	display: flex;
	width: 50px;
}
.facility-box-alt .elementor-icon-box-title {
	margin: 0;
	font-size: 18px;
	color: var(--e-global-color-e48c758);
}

/*--------------------------------------------------------------
# Split Section
--------------------------------------------------------------*/
.split-section .image {
	box-shadow: inset 0 0 0 5px rgb(255, 255, 255, 0.4);
}