/*** HELPERS & GENERAL ***/

:root {
	--primary: #932c3d;
	--secondary: #6b1e23;
	--accent: #974955;
	--soft: #efe6d8;
	--brown: #5a3e2b;
	--soft-brown: #efecea;
	--olive: #6e7f5b;
	--soft-olive: #f1f3ef;
	--terracotta: #c66a4a;
	--soft-terracotta: #faf1ed;
	--amethyst: #9768c1;
	--soft-amethyst: #f5f0f9;

	--white: #ffffff;
	--white-a: rgba(255, 255, 255, .1);
	--white-a-l: rgba(255, 255, 255, .05);
	--black: #000000;
	--black-a: rgba(0, 0, 0, .1);
	--black-a-l: rgba(0, 0, 0, .05);

	--error: #DC3545;
	--error-w: #ED9AA2;
	--error-a-w: #F8D6DA;
	--error-d: #c6313e;
	--success: #198754;
	--success-w: #8CC3A9;
	--success-a-w: #D1E7DD;
	--success-d: #157247;

	--linkedin: #0a66c2;
	--linkedin-d: #0854a1;

	--u-xs: 5px;
	--u-xs-n: -5px;
	--u-sm: 10px;
	--u-sm-n: -10px;
	--u: 20px;
	--u-n: -20px;
	--u-me: 30px;
	--u-me-n: -30px;
	--u-lg: 40px;
	--u-lg-n: -40px;
	--u-xl: 80px;
	--u-xl-n: -80px;
	--u-xxl: 100px;
	--u-xxl-n: -100px;

	--bw: 1px;
	--bw-n: -1px;
	--border: 1px solid var(--black-a);

	--shadow: 0 2px 10px rgba(0, 0, 0, .1);
	--shadow-lg: 0 5px 40px rgba(0, 0, 0, .1);

	--transition: .3s;
	--transition-bezier: .6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

::selection {color: var(--primary); background: rgba(233, 226, 45, .66);}
::-moz-selection {color: var(--primary); background: rgba(233, 226, 45, .66);}

body.admin-bar {
	margin-top: 32px;
}

main {margin-top: 0 !important;}

* {outline: none !important;}

/*** COLOR & TYPOGRAPHY ***/

.primary-text, .has-primary-color, .has-primary-color * {color: var(--primary) !important};
.secondary-text, .has-secondary-color, .has-secondary-color * {color: var(--secondary) !important};
.accent-text, .has-accent-color, .has-accent-color * {color: var(--accent) !important};
.soft-text, .has-soft-color, .has-soft-color * {color: var(--soft) !important};
.brown-text, .has-brown-color, .has-brown-color * {color: var(--brown) !important};
.soft-brown-text, .has-soft-brown-color, .has-soft-brown-color * {color: var(--soft-brown) !important};
.olive-text, .has-olive-color, .has-olive-color * {color: var(--olive) !important};
.soft-olive-text, .has-soft-olive-color, .has-soft-olive-color * {color: var(--soft-olive) !important};
.terracotta-text, .has-terracotta-color, .has-terracotta-color * {color: var(--terracotta) !important};
.soft-terracotta-text, .has-soft-terracotta-color, .has-soft-terracotta-color * {color: var(--soft-terracotta) !important};
.amethyst-text, .has-amethyst-color, .has-amethyst-color * {color: var(--amethyst) !important};
.soft-amethyst-text, .has-soft-amethyst-color, .has-soft-amethyst-color * {color: var(--soft-amethyst) !important};

.primary, .has-primary-background-color {background: var(--primary) !important;}
.secondary, .has-secondary-background-color {background: var(--secondary) !important;}
.accent, .has-accent-background-color {background: var(--accent) !important;}
.soft, .has-soft-background-color {background: var(--soft) !important;}
.brown, .has-brown-background-color {background: var(--brown) !important;}
.soft-brown, .has-soft-brown-background-color {background: var(--soft-brown) !important;}
.olive, .has-olive-background-color {background: var(--olive) !important;}
.soft-olive, .has-soft-olive-background-color {background: var(--soft-olive) !important;}
.terracotta, .has-terracotta-background-color {background: var(--terracotta) !important;}
.soft-terracotta, .has-soft-terracotta-background-color {background: var(--soft-terracotta) !important;}
.amethyst, .has-amethyst-background-color {background: var(--amethyst) !important;}
.soft-amethyst, .has-soft-amethyst-background-color {background: var(--soft-amethyst) !important;}

.white, .has-white-background-color {background: var(--white) !important;}
.white-a {background: var(--white-a) !important;}
.black, .has-black-background-color {background: var(--black) !important;}

p, blockquote, b, i, em, strong, span {color: inherit;}

p, blockquote, ol {margin: var(--u) 0;}
p:first-child, blockquote:first-child, ul:first-child, ol:first-child {margin-top: 0;}
p:last-child, blockquote:last-child, ul:last-child, ol:last-child {margin-bottom: 0;}

.center-align {text-align: center;}
.right-align {text-align: right;}
.justify {text-align: justify;}
.pre-line {white-space: pre-line;}

.bold, strong, b {font-weight: 700;}

.uppercase {text-transform: uppercase;}

/*** COMPONENTS ***/

.wp-block-button__link.wp-element-button {
	transition: var(--transition);
	padding-bottom: 12px;
}

.wp-block-button.is-style-outline .wp-block-button__link.wp-element-button {
	margin-top: -1px;
}

.wp-block-button__link.wp-element-button:hover, .wp-block-button__link.wp-element-button.has-soft-background-color:hover, .wp-block-button__link.wp-element-button.has-ivory-background-color:hover {
	background: var(--accent) !important;
	color: var(--soft) !important;
}

.wp-block-button__link.wp-element-button.has-soft-background-color:hover {
	background: var(--accent) !important;
	color: var(--soft) !important;
}

.entry-content {overflow: hidden;}

/*** GRID SYSTEM ***/

/*** HEADER ***/

#sticky-wrapper {
	z-index: 9;
	position: absolute;
	width: 100%;
}

header {
	background: transparent;
	transition: .3s;
}

.is-sticky header {
/*	background: #EFE6D8;*/
/*	background: linear-gradient(180deg, rgba(239, 230, 216, 1) 0%, rgba(239, 230, 216, 0) 100%);*/
	color: var(--terracotta);
	background: rgba(239, 230, 216, .8);
	backdrop-filter: blur(10px);
}

header .wp-block-button {white-space: nowrap;}

/*** HOME ***/

#hero {
	border-bottom-right-radius: 200px;
	overflow: hidden;
}

#intro {margin-top: -200px;}

#vins .wp-block-columns {mix-blend-mode: darken;}

#map iframe {
	width: 100%;
	border: 0;
	vertical-align: middle;
	mix-blend-mode: hard-light;
}

/*** PAGES ***/

/*** SINGLES ***/

/*** WP CONTENT ***/

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {white-space: nowrap;}

.wp-container-content-16d1eb73 {max-height: 20px !important;}

.wp-block-accordion-heading__toggle-icon {
	font-size: 0rem;
	width: 15px;
}

.wp-block-accordion-heading__toggle-icon::after {
	content: '›';
	font-size: 1.6rem;
}

.wp-block-accordion-item.is-open>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
	transform: rotate(90deg);
}

/*** FOOTER ***/

/*** FLUENT FORMS ***/

/*** JS ***/

/*** CHEATS ***/

.margin-u {margin: var(--u) 0 !important;}
.margin-u-xs {margin: var(--u-xs) 0 !important;}
.margin-u-sm {margin: var(--u-sm) 0 !important;}
.margin-u-me {margin: var(--u-me) 0 !important;}
.margin-u-lg {margin: var(--u-lg) 0 !important;}
.margin-u-xl {margin: var(--u-xl) 0 !important;}
.margin-t-u {margin-top: var(--u) !important;}
.margin-b-u {margin-bottom: var(--u) !important;}
.margin-t-u-xs {margin-top: var(--u-xs) !important;}
.margin-t-u-sm {margin-top: var(--u-sm) !important;}
.margin-t-u-me {margin-top: var(--u-me) !important;}
.margin-t-u-lg {margin-top: var(--u-lg) !important;}
.margin-t-u-xl {margin-top: var(--u-xl) !important;}
.margin-t-u-xxl {margin-top: var(--u-xxl) !important;}
.margin-b-u-xs {margin-bottom: var(--u-xs) !important;}
.margin-b-u-sm {margin-bottom: var(--u-sm) !important;}
.margin-b-u-me {margin-bottom: var(--u-me) !important;}
.margin-b-u-lg {margin-bottom: var(--u-lg) !important;}
.margin-b-u-xl {margin-bottom: var(--u-xl) !important;}
.margin-b-u-xxl {margin-bottom: var(--u-xxl) !important;}
.margin-u-n {margin: var(--u-n) 0 !important;}
.margin-t-u-n {margin-top: var(--u-n) !important;}
.margin-b-u-n {margin-bottom: var(--u-n) !important;}
.margin-t-u-xs-n {margin-top: var(--u-xs-n) !important;}
.margin-t-u-sm-n {margin-top: var(--u-sm-n) !important;}
.margin-t-u-me-n {margin-top: var(--u-me-n) !important;}
.margin-t-u-lg-n {margin-top: var(--u-lg-n) !important;}
.margin-t-u-xl-n {margin-top: var(--u-xl-n) !important;}
.margin-t-u-xxl-n {margin-top: var(--u-xxl-n) !important;}
.margin-b-u-xs-n {margin-bottom: var(--u-xs-n) !important;}
.margin-b-u-sm-n {margin-bottom: var(--u-sm-n) !important;}
.margin-b-u-me-n {margin-bottom: var(--u-me-n) !important;}
.margin-b-u-lg-n {margin-bottom: var(--u-lg-n) !important;}
.margin-b-u-xl-n {margin-bottom: var(--u-xl-n) !important;}
.margin-b-u-xxl-n {margin-bottom: var(--u-xxl-n) !important;}

.no-margin {margin: 0 !important;}
.no-margin-t {margin-top: 0 !important;}
.no-margin-b {margin-bottom: 0 !important;}

.padding-u {padding: var(--u) 0 !important;}
.padding-u-xs {padding: var(--u-xs) 0 !important;}
.padding-u-sm {padding: var(--u-sm) 0 !important;}
.padding-u-me {padding: var(--u-me) 0 !important;}
.padding-u-lg {padding: var(--u-lg) 0 !important;}
.padding-u-xl {padding: var(--u-xl) 0 !important;}
.padding-t-u {padding-top: var(--u) !important;}
.padding-b-u {padding-bottom: var(--u) !important;}
.padding-t-u-xs {padding-top: var(--u-xs) !important;}
.padding-t-u-sm {padding-top: var(--u-sm) !important;}
.padding-t-u-me {padding-top: var(--u-me) !important;}
.padding-t-u-lg {padding-top: var(--u-lg) !important;}
.padding-t-u-xl {padding-top: var(--u-xl) !important;}
.padding-t-u-xxl {padding-top: var(--u-xxl) !important;}
.padding-b-u-xs {padding-bottom: var(--u-xs) !important;}
.padding-b-u-sm {padding-bottom: var(--u-sm) !important;}
.padding-b-u-me {padding-bottom: var(--u-me) !important;}
.padding-b-u-lg {padding-bottom: var(--u-lg) !important;}
.padding-b-u-xl {padding-bottom: var(--u-xl) !important;}
.padding-b-u-xxl {padding-bottom: var(--u-xxl) !important;}
.padding-u-n {padding: var(--u-n) 0 !important;}
.padding-t-u-n {padding-top: var(--u-n) !important;}
.padding-b-u-n {padding-bottom: var(--u-n) !important;}
.padding-t-u-xs-n {padding-top: var(--u-xs-n) !important;}
.padding-t-u-sm-n {padding-top: var(--u-sm-n) !important;}
.padding-t-u-me-n {padding-top: var(--u-me-n) !important;}
.padding-t-u-lg-n {padding-top: var(--u-lg-n) !important;}
.padding-t-u-xl-n {padding-top: var(--u-xl-n) !important;}
.padding-t-u-xxl-n {padding-top: var(--u-xxl-n) !important;}
.padding-b-u-xs-n {padding-bottom: var(--u-xs-n) !important;}
.padding-b-u-sm-n {padding-bottom: var(--u-sm-n) !important;}
.padding-b-u-me-n {padding-bottom: var(--u-me-n) !important;}
.padding-b-u-lg-n {padding-bottom: var(--u-lg-n) !important;}
.padding-b-u-xl-n {padding-bottom: var(--u-xl-n) !important;}
.padding-b-u-xxl-n {padding-bottom: var(--u-xxl-n) !important;}

.padding-l-u {padding-left: var(--u) !important;}
.padding-r-u {padding-right: var(--u) !important;}
.padding-l-u-xs {padding-left: var(--u-xs) !important;}
.padding-l-u-sm {padding-left: var(--u-sm) !important;}
.padding-l-u-me {padding-left: var(--u-me) !important;}
.padding-l-u-lg {padding-left: var(--u-lg) !important;}
.padding-l-u-xl {padding-left: var(--u-xl) !important;}
.padding-l-u-xxl {padding-left: var(--u-xxl) !important;}
.padding-r-u-xs {padding-right: var(--u-xs) !important;}
.padding-r-u-sm {padding-right: var(--u-sm) !important;}
.padding-r-u-me {padding-right: var(--u-me) !important;}
.padding-r-u-lg {padding-right: var(--u-lg) !important;}
.padding-r-u-xl {padding-right: var(--u-xl) !important;}
.padding-r-u-xxl {padding-right: var(--u-xxl) !important;}
.padding-u-n {padding: var(--u-n) 0 !important;}
.padding-l-u-n {padding-left: var(--u-n) !important;}
.padding-r-u-n {padding-right: var(--u-n) !important;}
.padding-l-u-xs-n {padding-left: var(--u-xs-n) !important;}
.padding-l-u-sm-n {padding-left: var(--u-sm-n) !important;}
.padding-l-u-me-n {padding-left: var(--u-me-n) !important;}
.padding-l-u-lg-n {padding-left: var(--u-lg-n) !important;}
.padding-l-u-xl-n {padding-left: var(--u-xl-n) !important;}
.padding-l-u-xxl-n {padding-left: var(--u-xxl-n) !important;}
.padding-r-u-xs-n {padding-right: var(--u-xs-n) !important;}
.padding-r-u-sm-n {padding-right: var(--u-sm-n) !important;}
.padding-r-u-me-n {padding-right: var(--u-me-n) !important;}
.padding-r-u-lg-n {padding-right: var(--u-lg-n) !important;}
.padding-r-u-xl-n {padding-right: var(--u-xl-n) !important;}
.padding-r-u-xxl-n {padding-right: var(--u-xxl-n) !important;}

.no-padding {padding: 0 !important;}
.no-padding-t {padding-top: 0 !important;}
.no-padding-b {padding-bottom: 0 !important;}

.hide, *.hide {display: none !important;}

.o-10 {opacity: .1;}
.o-20 {opacity: .2;}
.o-50 {opacity: .5;}

.border-radius-u-sm {border-radius: var(--u-sm);}
.border-radius-u {border-radius: var(--u);}
.border-radius-u-lg {border-radius: var(--u-lg);}
.border-radius-u-xl {border-radius: var(--u-xl);}

.o-hidden {overflow: hidden;}
.o-x-hidden {overflow-x: hidden;}