/*
 Theme Name:   GloIV Spa 2024
 Theme URI:    https://gloivspa.com
 Description:  GloIV  2024 Redesign
 Author:       CAKE Websites
 Author URI:   https://cakewebsites.com
 Template:     generatepress
 Version:      0.1
*/

/* ============================
   HEADER
============================ */

.site-header,
.mobile-header-navigation {
	border-bottom: 2px solid #C9DCE0;
}

header .main-navigation .wp-block-button {
	margin-left: 1.25rem;
}

header .main-navigation.navigation-stick .menu-bar-items a {
	border-radius: 0;
	padding: 13px 20px;
}

header .site-logo,
header .site-branding {
	margin-bottom: 0;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-color: rgba(46, 84, 91, 0.50);
	text-decoration-thickness: 4%; /* 0.72px */
	text-underline-offset: 25%; /* 4.5px */
	text-underline-position: from-font;
}


/* --- Navigation Button --- */

.navigation-stick .hide-on-sticky {
	display: none;
}


/* --- Mobile Menu --- */

.main-navigation.slideout-navigation ul.wp-block-social-links {
	display: block;

}

.main-navigation.slideout-navigation ul.wp-block-social-links .wp-social-link svg {
	width: 2rem;
	height: 2rem;
	margin: 0 0.5rem;
}

.main-navigation.slideout-navigation ul.wp-block-social-links .wp-block-social-link-label {
	display: none
}


/* ============================
   FOOTER
============================ */

.site-footer {
	background: linear-gradient(0deg, rgba(30, 56, 61, 0.50) 0%, rgba(30, 56, 61, 0.00) 100%), #3D707A;
}

.site-footer .footer-widgets,
.site-footer .footer-links {
	gap: 2rem;
}

.site-footer .footer-widgets .widget:not(:last-child) {
	margin-bottom: 3rem;
}


/* ============================
   CONTENT
============================ */

hr,
hr.wp-block-separator {
	border: none;
	height: 1px;
	background: #C9DCE0;
	clear: both;
}

.site-content ul ul {
	margin-top: 0.5rem;
}

.site-content li {
	margin-bottom: 0.5rem;
}

/* --- Quotes --- */

blockquote,
.wp-block-quote {
	font-style: normal;
}

.wp-block-pullquote {
	padding: 0;
}

.wp-block-pullquote blockquote {
	border: none;
}

.wp-block-pullquote p {
	font-family: 'the-seasons', serif;
	color: var(--contrast-3);
	font-size: clamp(1.5rem, 0.792rem + 1.89vw, 2rem);
	line-height: 1.4;
	margin-bottom: 0;
}

.wp-block-quote cite,
.wp-block-pullquote cite {
	font-style: normal;
	font-weight: 500;
	font-size: clamp(0.75rem, 0.698rem + 0.47vw, 0.875rem);
	text-transform: uppercase;
	letter-spacing: 0.0175rem;
}

blockquote.wp-block-quote p {
	margin-bottom: 1.5rem;
}

blockquote.wp-block-quote p:last-child {
	margin-bottom: 0;
}

/* --- Breadcrumbs --- */

ol.breadcrumb {
	font-size: 0.75rem;
	margin-bottom: 1rem;
}

.breadcrumb,
.breadcrumb a {
	color: var(--contrast);
}


/* --- Homepage --- */

.gb-headline.gb-headline-ad0c4f27.gb-headline-text span {
	font-size: 0.78rem;
	line-height: 1.2em;
	letter-spacing: 0.03rem;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 0.88rem;
	color: #8e8d69;
	display: block;
}


/* --- Various Blocks --- */

.kb-google-maps-container {
	margin-bottom: 1.25rem;
}

/* --- Additional Classes for WP Editor --- */

.mt-0 { margin-top: 0; }
.mt-4 { margin-top: 4px; }
.mt-8 { margin-top: 8px; }
.mt-12 { margin-top: 12px; }
.mt-16 { margin-top: 16px; }
.mt-20 { margin-top: 20px; }
.mt-24 { margin-top: 24px; }
.mr-0 { margin-right: 0; }
.mr-4 { margin-right: 4px; }
.mr-8 { margin-right: 8px; }
.mr-12 { margin-right: 12px; }
.mr-16 { margin-right: 16px; }
.mr-20 { margin-right: 20px; }
.mr-24 { margin-right: 24px; }
.mb-0 { margin-bottom: 0!important; }
.mb-4 { margin-bottom: 4px; }
.mb-8 { margin-bottom: 8px; }
.mb-12 { margin-bottom: 12px; }
.mb-16 { margin-bottom: 16px; }
.mb-20 { margin-bottom: 20px; }
.mb-24 { margin-bottom: 24px; }
.ml-0 { margin-left: 0; }
.ml-4 { margin-left: 4px; }
.ml-8 { margin-left: 8px; }
.ml-12 { margin-left: 12px; }
.ml-16 { margin-left: 16px; }
.ml-20 { margin-left: 20px; }
.ml-24 { margin-left: 24px; }
.cg-0 { column-gap: 0; }
.cg-1 { column-gap: 1rem; }
.cg-2 { column-gap: 2rem; }
.cg-3 { column-gap: 3rem; }
.cg-4 { column-gap: 4rem; }
.cg-5 { column-gap: 5rem; }
.rg-0 { row-gap: 0; }
.rg-1 { row-gap: 1rem; }
.rg-2 { row-gap: 2rem; }
.rg-3 { row-gap: 3rem; }
.rg-4 { row-gap: 4rem; }
.rg-5 { row-gap: 5rem; }


/* ============================
   BUTTONS
============================ */

.site-content .wp-block-buttons {
	margin-top: 1.33rem;
	margin-bottom: 1.5rem;
}

.wp-block-buttons {
	font-weight: 500;
}

.wp-block-buttons>.wp-block-button a:hover{
	text-decoration: underline;
	text-decoration-color: color-mix(in srgb, currentColor 25%, transparent);
}

.wp-block-buttons>.wp-block-button.is-style-outline a.wp-block-button__link {
	background: #FFFFFF;
	border: 1px solid #B7D1D6;
	color: var(--contrast-2);
}


/* ============================
   HEADINGS
============================ */

h2, .faux-heading-2,
h3, .faux-heading-3 {
	margin-top: 2.5rem;
}

/* --- Faux Headings --- */

.wp-block-cr-faux-heading {
	display: block;
	margin-bottom: 20px;
}

.faux-heading-1, .faux-heading-2 {
	color: var(--contrast-3);
	font-family: the-seasons, serif;
	line-height: 1.2em;
}

.faux-heading-3, .faux-heading-4, .faux-heading-5, .faux-heading-6 {
	color: var(--contrast);
	font-family: inherit, sans-serif;
	line-height: 1.2em;
}

.faux-heading-1 {
	font-size: clamp(2.375rem, 0.075rem + 6.13vw, 4rem);
}

.faux-heading-2 {
	font-size: clamp(2rem, 0.585rem + 3.77vw, 3rem);
}

.faux-heading-3 {
	font-size: clamp(1.3rem, 0.663rem + 1.7vw, 1.75rem);
}

.faux-heading-4 {
	font-size: clamp(1.125rem, 0.594rem + 1.42vw, 1.5rem);
}

.faux-heading-5 {
	font-size: clamp(1rem, 0.646rem + 0.94vw, 1.25rem);
}

.faux-heading-6 {
	font-size: clamp(0.9rem, 0.582rem + 0.85vw, 1.125rem);
}

/* ============================
   TABS BLOCK
============================ */

.site-content .wp-block-atbs-tabs {
	border: 1px solid #C9DCE0;
	margin-top: 2rem!important;
	margin-bottom: 2rem;
}

.site-content .wp-block-atbs-tabs .atbs__tab-labels {
	gap: 0.5rem;
}

.site-content .wp-block-atbs-tabs .atbs__tab-labels .atbs__tab-label,
.site-content .atbs-tabs-accordion {
	padding: 0.75rem 1.25rem;
	background: #C9DCE0;
	color: var(--contrast);
	text-align: center;
	font-weight: 600;
	line-height: 1.1;
	border: 1px solid #C9DCE0;
	border-top-width: 3px;
}

.site-content .wp-block-atbs-tabs .atbs__tab-labels .atbs__tab-label.active,
.site-content .atbs-tabs-accordion.active {
	color: var(--contrast)!important;
	border-top: 3px solid #3D707A!important;
	border-bottom: 1px solid #FFF;
	background: #FFF;
}

.site-content .wp-block-atbs-tabs .atbs__tab-labels .atbs__tab-label.active {
	border-left: 1px solid #C9DCE0;
	border-right: 1px solid #C9DCE0;
}

.site-content .atbs-tabs-accordion.active {
	border-left: none;
	border-right: none;
}

.wp-block-atbs-tabs .atbs__tab-panel {
	padding: 1rem 1.25rem 1.25rem;
	background: #FFF;
}

.site-content .wp-block-atbs-tabs .atbs__tab-content :last-child {
	margin-bottom: 0;
}


/* ============================
   FORMS
============================ */

input#gform_submit_button_1 {
	font-size: 1rem;
	padding: 10px 20px;
	border-radius: 9999px;
}

/* --- Newsletter Subscription --- */

.newsletter-subscription #mc_embed_shell {
	margin: 0 auto 2rem;
}

.newsletter-subscription #mc_embed_signup_scroll {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
}

.newsletter-subscription .mc-field-group {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.newsletter-subscription .mc-field-group input {
	border: 1px solid #CCC;
	border-radius: 0.125rem;
	background: #FFF;
}

.newsletter-subscription #mc_embed_signup_scroll input.button {
	border-radius: 9999px;
	background: #2E545B;
	font-weight: 500;
}



/* ============================
   COCKTAIL MENU ITEMS IN GRID
============================ */

.cocktail-grid {
	grid-gap: 2.2rem 1.78rem;
	align-items: start;
}

.cocktail-outer {
	border-left: 1px solid #B7D1D6;
}

.cocktail-inner {
	padding-bottom: 0.44rem;
	display: flex;
	flex-direction: column;
}

.cocktail-type {
	align-self: flex-start;
	padding: 0.33rem 0.89rem;
	margin-bottom: 0.67rem;
	border-top: 1px solid #B7D1D6;
	border-right: 1px solid #B7D1D6;
	border-bottom: 1px solid #B7D1D6;
	background: #FFF;
	color: #3D707A;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 125%;
}

.cocktail-title,
.cocktail-price,
.cocktail-description,
.cocktail-ingredients {
	padding-left: 0.78rem;
}

.cocktail-title {
	color: #3D707A;
	font-family: the-seasons, serif;
	font-size: 1.78rem;
	font-weight: 400;
	line-height: 110%;
	margin-bottom: 0.22rem;
}

.cocktail-price {
	color: #6E6D4D;
	font-size: 1.33rem;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: 0.0267rem;
	margin-bottom: 0.675rem;
}

.cocktail-description {
	color: #2E545B;
	font-size: 0.875rem;
	margin-bottom: 0.675rem;
}

.cocktail-ingredients {
	margin-bottom: 0;
	color: #3D707A;
	font-size: 12px;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: 0.0067rem;
}


/* ============================
   MEDIA QUERIES
============================ */

@media (min-width: 768px) {

	/* --- Tabs Block --- */

	.site-content .wp-block-atbs-tabs {
		margin-top: 4.5rem!important;
	}

} /* --- min-width: 768px --- */


@media (min-width: 600px) {

	/* --- Newsletter Subscription --- */

	.newsletter-subscription #mc_embed_signup_scroll {
		flex-direction: row;
        align-items: flex-end;
	}

} /* --- min-width: 600px --- */