/**
 * Theme Name: Champagne Malingre-Truchon
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: malingre-truchon
 */

/* Page header */

.hero-section {
	overflow: hidden;
}

.hero-section .page-title span {
	position: relative;
	display: inline-block;
	padding-right: 30px;
	border-bottom: 1px solid var(--theme-palette-color-2);
}

.hero-section .page-title span::after {
	content: '';
	display: block;
	width: 1px;
	height: 60%;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: var(--theme-palette-color-2);
}

.hero-section .page-title span::before {
	content: '';
	display: block;
	width: 1px;
	height: 300px;
	position: absolute;
	left: 50%;
	top: 100%;
	background-color: var(--theme-palette-color-2);
}

/* Cuvées navigation - item separator */

.cuvees-navigation .cuvees-separator {
	display: block;
	width: 1px;
	height: 100%;
	background-color: var(--theme-palette-color-2);
	flex-shrink: 0;
}

/* Cuvées navigation - sticky */

.cuvees-navigation-sticky .entry-content > .hero-section {
    position: relative;
	z-index: 100;
}

.cuvees-navigation-sticky .cuvees-navigation-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.cuvees-navigation-sticky .ct-header-cta {
	display: none;
}

/* Cuvées navigation - horizontal scroll paddings */

.cuvees-navigation {
    max-width: calc(var(--wp--style--global--content-size) + var(--theme-content-spacing) + var(--theme-content-spacing));
}

.cuvees-navigation .wp-block-button:first-of-type {
    padding-left: var(--theme-content-spacing);
}

.cuvees-navigation .wp-block-button:last-of-type {
    padding-right: var(--theme-content-spacing);
}

/* Navigation */

#offcanvas {
	background: url(offcanvas.webp);
}

#offcanvas .menu-container .ct-button {
	display: inline-block;
	padding: 2px 45px;
	margin-top: 30px;
	margin-left: auto;
	color: var(--theme-button-text-initial-color);
	border: var(--theme-button-border);
	background-color: var(--theme-button-background-initial-color);
}

#offcanvas .menu-container .ct-button:hover {
	background-color: var(--theme-button-background-hover-color);
}

#offcanvas .menu-container .ct-button:hover a {
	color: var(--theme-button-text-hover-color);
}

#offcanvas .menu-container .ct-button a {
	font-size: 1.25rem;
	font-family: var(--wp--preset--font-family--mulish);
	text-transform: uppercase;
}

@media (min-width: 1000px) {
	#offcanvas .ct-toggle-close {
		margin-left: 0;
	}

	#offcanvas .ct-panel-content-inner {
		height: 100%;
	}

	#offcanvas .menu-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-end;
		width: 50%;
		height: 100%;
		position: relative;
	}

	#offcanvas .menu-container::before,
	#offcanvas .menu-container::after {
		content: '';
		display: block;
		width: 1px;
		height: calc(50% - 65px);
		position: absolute;
		right: 0;
		background-color: var(--theme-palette-color-1);
	}

	#offcanvas .menu-container::before {
		top: 0;
	}

	#offcanvas .menu-container::after {
		bottom: 0;
	}

	#offcanvas .menu-container > ul {
		position: relative;
		padding-right: 140px;
		display: flex;
		flex-direction: column;
	}

	#offcanvas .menu-container > ul::before {
		content: '';
		display: block;
		width: 66px;
		height: 63px;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(50%) translateY(-50%);
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 66 63'%3E%3Cpath fill='%23735D52' d='M18.3,16.9h-0.1c-1.9,0-3.4,1.5-3.4,3.4v35.9H6.8V30.6H0V63h6.8v0h7.9v0h6.8V20.3C21.6,18.4,20.1,16.9,18.3,16.9C18.3,16.9,18.3,16.9,18.3,16.9 M29.6,41.7h6.8V63h-6.8V41.7z M59.2,30.6v25.5h-7.9V20.3c0-1.9-1.5-3.4-3.3-3.4c0,0,0,0,0,0h-0.1c-1.9,0-3.4,1.5-3.4,3.4V63h6.8v0h7.9v0H66V30.6L59.2,30.6z M48.2,6.6c6.2,0,11.1,6.4,11.1,14.6v1.4h6.6v-1.4C65.9,9.3,58.1,0,48.2,0h-0.4C41.7,0,36.3,3.6,33,9.1C29.7,3.6,24.3,0,18.2,0h-0.4C7.9,0,0.1,9.3,0.1,21.2v1.4h6.6v-1.4c0-8.2,4.9-14.6,11.1-14.6h0.4c6.3,0,11.5,6.6,11.5,14.6v12.6h6.6V21.2c0-8.1,5.1-14.6,11.5-14.6L48.2,6.6z'/%3E%3C/svg%3E");
	}

	#offcanvas .menu-container > ul > li .sub-menu {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 100%;
		padding-left: 140px;
		width: 150%;
		--items-vertical-spacing: 25px;
	}

	#offcanvas .ct-toggle-dropdown-mobile {
		position: absolute;
		left: -40px;
	}

	#offcanvas .menu-container .ct-menu-link {
		display: inline-block;
		text-align: right;
	}

	#offcanvas .menu-container .sub-menu .ct-menu-link {
		text-align: left;
		font-family: var(--wp--preset--font-family--mulish);
	}
}

/* Section title */

.wp-block-heading {
	position: relative;
	z-index: 1;
}

.wp-block-heading > mark {
	position: relative;
	z-index: -1;
	display: inline-block;
	font-family: var(--wp--preset--font-family--manchester-signature);
	font-size: 275%;
}

/*.wp-block-heading > mark::first-letter {
	text-transform: uppercase;
}*/

/* Sidebar */

@media (max-width: 999.98px) {
	.single-post-layout {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.single-post-layout .main {
		grid-column: span 2 !important;
	}
}

@media (max-width: 689.98px) {
	.single-post-layout {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}

	.single-post-layout .main {
		grid-column: span 1 !important;
	}
}

/* Titles */

.sidebar-title::before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 8'%3E%3Crect y='6' fill='%23735D52' width='28' height='2'/%3E%3Crect x='12' fill='%23735D52' width='16' height='2'/%3E%3C/svg%3E");
	display: inline-block;
	width: 28px;
	height: 8px;
	vertical-align: middle;
	margin-right: .625rem;
}

/* Post archives */

.sidebar .post-archives:has(.wp-block-latest-posts__featured-image.alignleft) li {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 12px;
}

.sidebar .post-archives:has(.wp-block-latest-posts__featured-image.alignleft) li .wp-block-latest-posts__featured-image.alignleft {
    float: none;
    margin: 0;
    grid-column: 1;
    grid-row: 1 / 3;
}

.sidebar .post-archives:has(.wp-block-latest-posts__featured-image.alignleft) li .wp-block-latest-posts__post-date {
    grid-column: 2;
    grid-row: 1;
}

.sidebar .post-archives:has(.wp-block-latest-posts__featured-image.alignleft) li .wp-block-latest-posts__post-title {
    grid-column: 2;
    grid-row: 2;
}

.sidebar .post-archives li:not(:last-child) {
  margin-bottom: 1.875rem;
}

.sidebar .post-archives li a {
  text-decoration: none;
}

.sidebar .post-archives time {
	font-weight: 400;
  color: var(--theme-palette-color-2);
}

/* Post categories */

.sidebar .wp-block-categories-list {
	list-style: none;
	padding: 0;
}

.sidebar .wp-block-categories-list li a {
	background-color: var(--theme-palette-color-3);
	padding: 1.25rem 1.875rem;
	display: flex;
	align-items: center;
	column-gap: 1rem;
}

.sidebar .wp-block-categories-list li a::after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 11'%3E%3Cpath fill='%23735D52' d='M20.9,5.1l-5-5c-0.2-0.2-0.5-0.2-0.7,0c-0.2,0.2-0.2,0.5,0,0.7L19.3,5L0.5,5C0.2,5,0,5.2,0,5.5C0,5.8,0.2,6,0.5,6l18.8,0l-4.1,4.2c-0.2,0.2-0.2,0.5,0,0.7c0.1,0.1,0.2,0.1,0.4,0.1c0.1,0,0.3,0,0.4-0.1l5-5C21,5.7,21,5.3,20.9,5.1z'/%3E%3C/svg%3E");
	display: inline-block;
	width: 21px;
	height: 11px;
	flex: 0 0 auto;
	margin-left: auto;
}


.sidebar .wp-block-categories-list li:not(:last-child) {
	margin-bottom: 1.125rem;
}

/* Blocksy Post Date Meta */

.ct-meta-element-date {
    display: inline-flex;
    align-items: baseline;
}

.date-day {
    font-size: var(--wp--preset--font-size--x-large);
    font-weight: 700;
    line-height: 1;
}

.date-separator {
    font-size: var(--wp--preset--font-size--x-large);
	font-weight: 700;
    margin: 0 3px;
}

/* Age Gate */

.age-gate {
	padding: var(--wp--preset--spacing--40);
}

.age-gate__challenge {
	font-size: 1rem;
	letter-spacing: 0;
	line-height: 1.4;
}

.age-gate__buttons button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--theme-button-min-height);
	border-radius: var(--theme-button-border-radius, 3px);
	padding: var(--theme-button-padding);
	font-family: var(--theme-button-font-family,var(--theme-font-family) );
	font-size: var(--theme-button-font-size);
	font-weight: var(--theme-button-font-weight);
	font-style: var(--theme-button-font-style);
	line-height: var(--theme-button-line-height);
	letter-spacing: var(--theme-button-letter-spacing);
	text-transform: var(--theme-button-text-transform);
	-webkit-text-decoration: var(--theme-button-text-decoration);
	text-decoration: var(--theme-button-text-decoration);
	color: var(--theme-button-text-initial-color);
	border: var(--theme-button-border);
	background-color: var(--theme-button-background-initial-color);
	transition: all .2s ease;
	text-transform: uppercase;
}

.age-gate__buttons button:hover {
	background-color: var(--theme-button-background-hover-color);
	color: var(--theme-button-text-hover-color);
	border: var(--theme-button-border);
}

/* Complianz */

.age-gate__restricted #cmplz-cookiebanner-container {
	display: none !important;
}

.site-main #cmplz-document {
	max-width: var(--wp--style--global--content-size);
	width: var(--theme-block-width);
}

.site-main #cmplz-document h2,
.site-main #cmplz-document h3 {
	font-family: var(--theme-font-family);
	font-size: var(--theme-font-size);
	font-weight: var(--theme-font-weight);
	font-style: var(--theme-font-style, inherit);
	line-height: var(--theme-line-height);
	letter-spacing: var(--theme-letter-spacing);
	text-transform: var(--theme-text-transform);
	-webkit-text-decoration: var(--theme-text-decoration);
	text-decoration: var(--theme-text-decoration);
}

/* WPForms */

.wpforms-container {
	letter-spacing: 0;
}

.wpforms-container ul {
	padding: 0;
	list-style: none;
}

.wpforms-form .wpforms-field-gdpr-checkbox label {
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--theme-font-weight);
	letter-spacing: 0;
}

.wpforms-submit-container {
	text-align: center;
	margin-top: var(--wp--preset--spacing--40);
}

.wpforms-submit-container .wpforms-submit {
	width: 70%;
	--theme-button-padding: .85em;
	text-transform: uppercase;
}