/*
Theme Name: Inspiro Child
Theme URI: https://www.wpzoom.com/themes/inspiro
Template: inspiro
Description: This is a simple Child Theme.
Author: WPZOOM
Author URI: https://www.wpzoom.com
Version: 1.0
*/

/* Write your custom CSS code below or add it in the Customizer > Additional CSS */


nav ul.sub-menu {
    max-height: 50vh;
    overflow: auto;
    scrollbar-width: thin;
}



/* Winemaker (Wine Producer) list page */

.page-template-winemakers-list.page h1.entry-title {
	margin: 30px 0 20px;
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	font-weight: var(--e-global-typography-primary-font-weight);
	font-size: 74px;
	line-height: 1.2;
	letter-spacing: 1.9px;
	text-transform: none;
}
.page-template-winemakers-list.page h1.entry-title:after {
	content: none;
	display: none;
}
.page-template-winemakers-list.page .entry_wrapper {
	margin-top: 0;
}

.winemaker-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 3em 0 0;
	list-style: none;
	
	--flex-items: 3;
	--flex-gap: 1.5em;
	
	gap: var(--flex-gap);
}
.winemaker-list li {
	position: relative;
	background-color: #000;
	color: #fff;
	max-width: 21em;
	width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap)));
}
.winemaker-list li .profile-image,
.winemaker-list li .profile-image-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.winemaker-list li .profile-image {
	z-index: 1;
	transition: opacity .5s;
}
.winemaker-list li:hover .profile-image {
	opacity: 0;
}
.winemaker-list li .profile-image-hover {
	z-index: 0;
}

.winemaker-list li::before {
    content: "";
    position: absolute;
	z-index: 2;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #01010247;
}

.winemaker-list li a {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1em;
	height: auto;
	width: 100%;
	aspect-ratio: 1.1;
	color: inherit;
	font-family: Barrio, sans-serif;
	font-size: 36px;
	font-weight: 500;
	text-align: center;
	line-height: 1.3;
	letter-spacing: 3.9px;
	text-decoration: none;
	transition: background-image 0.2s;
}
.winemaker-list li a:hover {
	color: inherit;
}

@media screen and (max-width: 1220px) {
	.winemaker-list li a {
		font-size: min(2.95vw, 36px);
	}
}
@media screen and (max-width: 850px) {
	.winemaker-list {
		--flex-items: 2;
	}
	.winemaker-list li a {
		font-size: min(4.25vw, 32px);
	}
}
@media screen and (max-width: 600px) {
	.winemaker-list {
		--flex-items: 1;
	}
	.winemaker-list li a {
		font-size: min(8.63vw, 31px);
	}
}





/* Winemaker (Wine Producer) Individual Page (Taxonomy Term Archive) */

.tax-wine-producer article.wine-producer .entry-header {
	position: relative;
	background-color: #fff;
}
.tax-wine-producer article.wine-producer .entry-header .banner-image {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	opacity: .7;
}
.tax-wine-producer article.wine-producer .entry-header .header-content {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 1em;
	margin: 0 auto;
	padding: 0.75em;
	max-width: 1500px;
	min-height: 10em;
}
.tax-wine-producer article.wine-producer .entry-header .header-content .header-left,
.tax-wine-producer article.wine-producer .entry-header .header-content .header-right {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 50%;
	padding: 1.5em;
	text-align: center;
}
.tax-wine-producer article.wine-producer .entry-header .header-content .header-right {
	
}
.tax-wine-producer article.wine-producer .entry-header .header-content .header-right .profile-image {
	border-radius: 42px;
	max-height: 350px;
	width: auto;
}

.tax-wine-producer article.wine-producer .entry-header .header-content h1.entry-title {
	color: var(--e-global-color-1a6cb76);
	font-family: "Barrio", Sans-serif;
	font-size: 5.5em;
	line-height: 1.1;
	letter-spacing: .1em;
	text-shadow: .125em .125em .125em rgba(0, 0, 0, 0.3);
}
.tax-wine-producer article.wine-producer .entry-header .header-content h1.entry-title.orange-text {
	color: #DBA640;
}
.tax-wine-producer article.wine-producer .entry-header .header-content h1.entry-title.white-text {
	color: #fff;
}


.tax-wine-producer article.wine-producer .wine-producer-info {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 2em;
}
.tax-wine-producer article.wine-producer .location-image {
	width: 33.33%;
}
.tax-wine-producer article.wine-producer .wine-producer-info-text {
	column-count: 2;
	column-gap: 2em;
	color: var(--e-global-color-b24d6ec);
	font-size: 14px;
	font-weight: 600;
}
.tax-wine-producer article.wine-producer .wine-producer-info-text :first-child::first-letter {
	float:  left;
	margin-right: .15em;
	font-size: 3em;
	line-height: 1;
}


.tax-wine-producer article.wine-producer h2 {
	margin: 2em 0 1em;
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	font-weight: var(--e-global-typography-primary-font-weight);
	font-size: 52px;
	line-height: 1.2;
	letter-spacing: 9px;
	text-align: center;
	text-transform: none;
}

.winelist {
	max-width: 70em;
	margin: 0 auto;
	list-style: none;
	column-count: auto;
	column-gap: 2em;
}
.winelist.multicol {
	column-count: 2;
}
.winelist li {
	margin: 0;
	break-inside: avoid;
	color: #261b1a;
	font-size: 2em;
	font-family: var(--e-global-typography-primary-font-family), serif;
	font-weight: 600;
	letter-spacing: .04em;
	text-align: center;
}
.winelist li a {
	color: inherit;
}


@media screen and (max-width: 1100px) {
	.winelist {
		column-count: 2;
	}
}

@media screen and (max-width: 700px) {
	.winelist {
		column-count: 1;
	}
}



.tax-wine-producer article.wine-producer.white-box-around-profile-image .entry-header .banner-image {
    opacity: 1;
}
.tax-wine-producer article.wine-producer.white-box-around-profile-image .entry-header .header-content .header-right {
    background-color: #f0f0f24c;
	border-radius: 42px;
	padding: 0.5em;
}
.tax-wine-producer article.wine-producer.white-box-around-profile-image .entry-header .header-content .header-right .profile-image {
    border-radius: 0;
	max-height: 400px;
}


.tax-wine-producer article.wine-producer.drop-in-profile-image .entry-header .header-content .header-right .profile-image {
    animation-name: slideInDown;
    animation-duration: .5s;
	animation-fill-mode: both;
}




@media screen and (max-width: 1220px) {
	
}
@media screen and (max-width: 850px) {
	.tax-wine-producer article.wine-producer .entry-header .header-content .header-left {
		flex-basis: 66.67%;
	}
	.tax-wine-producer article.wine-producer .entry-header .header-content .header-right {
		flex-basis: 33.33%;
	}
	
	.tax-wine-producer article.wine-producer .wine-producer-info {
		display: block;
	}
	.tax-wine-producer article.wine-producer .location-image {
		float: left;
		width: 50%;
		margin: 0 1em 1em 0;
	}
	.tax-wine-producer article.wine-producer .wine-producer-info-text {
		column-count: 1;
		display: inline;
	}
}
@media screen and (max-width: 600px) {
	.tax-wine-producer article.wine-producer .entry-header .header-content {
		display: block;
	}
	.tax-wine-producer article.wine-producer .entry-header .header-content .header-right .profile-image {
		max-height: 15em;
		width: auto;
	}
	
	.tax-wine-producer article.wine-producer .location-image {
		float: none;
		width: auto;
		margin: 0 0 1em;
	}
}





/* Wine Individual Page */

.single-wine article.wine h1.entry-title {
	margin: 30px 0 20px;
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	font-weight: var(--e-global-typography-primary-font-weight);
	font-size: 74px;
	line-height: 1.2;
	letter-spacing: 1.9px;
	text-align: center;
	text-transform: none;
}
.single-wine article.wine .infosheet {
	display: block;
	margin: 0 auto;
	max-width: 60em;
	width: 100%;
	height: auto;
	aspect-ratio: 8.5 / 11;
}



.nav-tabs {
	display: flex;
	gap: .5em;
	margin: 1em 0;
	padding: 0 .5em;
	border-bottom: 1px solid var(--e-global-color-primary);
	list-style-type: none;
	font-size: 16px;
}
.nav-tabs .nav-link {
	display: block;
	margin-bottom: -1px;
	padding: .5em 1em;
	border: 1px solid var(--e-global-color-primary);
	border-bottom: 1px solid var(--e-global-color-accent);
	background-color: var(--e-global-color-accent);
	color: inherit;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.2;
}
.nav-tabs .nav-link:not(.active) {
	border-bottom: 1px solid var(--e-global-color-primary);
	background-color: #0003;
}
.nav-tabs .nav-link:hover {
	color: inherit;
	text-decoration: underline;
}

.tab-content .tab-pane:not(.active) {
	display: none;
}




/* Purveyors List Page */

.page-template-purveyors-list.page h1.entry-title {
	margin: 30px 0 20px;
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	font-weight: var(--e-global-typography-primary-font-weight);
	font-size: 74px;
	line-height: 1.2;
	letter-spacing: 1.9px;
	text-align: center;
	text-transform: none;
}
.page-template-purveyors-list.page h1.entry-title:after {
	content: none;
	display: none;
}
.page-template-purveyors-list.page .entry_wrapper {
	margin-top: 0;
}
.page-template-purveyors-list.page h2 {
	margin: 2em 0 1em;
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	font-weight: var(--e-global-typography-primary-font-weight);
	font-size: 52px;
	line-height: 1.2;
	letter-spacing: 9px;
	text-align: center;
	text-transform: none;
}

.purveyors-list {
	margin: 0;
	list-style: none;
	column-count: 3;
	column-gap: 2em;
}
.purveyors-list li {
	margin: 0 0 4em;
	break-inside: avoid;
	
	font-weight: 600;
	text-align: center;
	overflow-wrap: break-word;
}
.purveyors-list li h3 {
	margin: 0 0 .25em;
	color: inherit;
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	font-weight: var(--e-global-typography-primary-font-weight);
	font-size: 34px;
	line-height: 1.2;
	letter-spacing: 2px;
	text-transform: none;
}
.purveyors-list li address {
	margin: 0;
	font: inherit;
}
.purveyors-list li a {
	margin: 0;
	font: inherit;
}

@media screen and (max-width: 1100px) {
	.purveyors-list {
		column-count: 2;
	}
}

@media screen and (max-width: 700px) {
	.purveyors-list {
		column-count: 1;
	}
}