:root {
	/** ===== COLORS ==== **/
	--color-primary: #73BF94;
	--color-secondary: #CDD973;

	--color-black: #0D0D0D;
	--color-gray: #D9D9D9;
	--color-white: #FEFEFE;
	--color-brown: #fdffeb;
	/** ================= **/

	/** ====== SHADES/TINTS ====== **/
	--color-primary-100: color-mix(in srgb,var(--color-primary),#fff 10%);
	--color-primary-200: color-mix(in srgb,var(--color-primary),#fff 20%);
	--color-primary-400: color-mix(in srgb,var(--color-primary),#000 10%);
	--color-primary-500: color-mix(in srgb,var(--color-primary),#000 20%);
	--color-primary-600: color-mix(in srgb,var(--color-primary),#000 30%);

	--color-secondary-100: color-mix(in srgb,var(--color-secondary),#fff 80%);
	--color-secondary-200: color-mix(in srgb,var(--color-secondary),#fff 20%);
	--color-secondary-400: color-mix(in srgb,var(--color-secondary),#000 10%);
	--color-secondary-500: color-mix(in srgb,var(--color-secondary),#000 20%);
	--color-secondary-600: color-mix(in srgb,var(--color-secondary),#000 30%);

	--color-white-100: color-mix(in srgb,var(--color-white),#fff 10%);
	--color-white-200: color-mix(in srgb,var(--color-white),#fff 20%);
	--color-white-400: color-mix(in srgb,var(--color-white),#000 10%);
	--color-white-500: color-mix(in srgb,var(--color-white),#000 20%);
	--color-white-600: color-mix(in srgb,var(--color-white),#000 30%);

	--color-gray-100: color-mix(in srgb,var(--color-gray),#fff 80%);
	--color-gray-200: color-mix(in srgb,var(--color-gray),#fff 40%);
	--color-gray-400: color-mix(in srgb,var(--color-gray),#000 20%);
	--color-gray-500: color-mix(in srgb,var(--color-gray),#000 40%);
	--color-gray-600: color-mix(in srgb,var(--color-gray),#000 60%);

	--color-black-100: color-mix(in srgb,var(--color-black),#fff 10%);
	--color-black-200: color-mix(in srgb,var(--color-black),#fff 20%);
	--color-black-400: color-mix(in srgb,var(--color-black),#000 10%);
	--color-black-500: color-mix(in srgb,var(--color-black),#000 20%);
	--color-black-600: color-mix(in srgb,var(--color-black),#000 30%);
	/** ======================== **/

	/** ====== ALIASES ===== **/
	--color-primary-lightest: var(--color-primary-100);
	--color-primary-light: var(--color-primary-200);
	--color-primary-dark: var(--color-primary-400);
	--color-primary-darkest: var(--color-primary-500);

	--color-secondary-lightest: var(--color-secondary-100);
	--color-secondary-light: var(--color-secondary-200);
	--color-secondary-dark: var(--color-secondary-400);
	--color-secondary-darkest: var(--color-secondary-500);

	--color-white-lightest: var(--color-white-100);
	--color-white-light: var(--color-white-200);
	--color-white-dark: var(--color-white-400);
	--color-white-darkest: var(--color-white-600);

	--color-gray-lightest: var(--color-gray-100);
	--color-gray-light: var(--color-gray-200);
	--color-gray-dark: var(--color-gray-400);
	--color-gray-darkest: var(--color-gray-600);

	--color-black-lightest: var(--color-black-100);
	--color-black-light: var(--color-black-200);
	--color-black-dark: var(--color-black-400);
	--color-black-darkest: var(--color-black-600);
	/** ===================== **/



	/** ====== FONT SETTINGS ====== **/
	--font-size-large: 40px;
	--font-size-medium: 32px;
	--font-size-normal: 22px;
	--font-size-regular: 17px;
	--font-size-small: 13px;
	--font-size-extra-small: 11px;

	--line-height-large: 44px;
	--line-height-medium: 36px;
	--line-height-normal: 22px;
	--line-height-regular: 30px;

	/** Fullscreen **/
	--fullscreen: 0;

	/** Padding for containers **/
	--padding-fullscreen: 2em;
	--padding-default: 10%;

	--padding-effective: calc( (var(--fullscreen) * var(--padding-fullscreen)) + ((1 - var(--fullscreen)) * var(--padding-default)));
	--padding-effective-article: calc(var(--padding-fullscreen) * var(--fullscreen));

	--padding-sides: var(--padding-effective);
	--padding-sides-container-main: calc( var(--padding-effective) * (1 - var(--fullscreen)));
	--padding-sides-article: var(--padding-effective-article);
	--padding-sides-article-grid: var(--padding-effective-article);
	--padding-sides-article-grid-text-offset: 2em;
	--margin-sides-sidebar: var(--padding-fullscreen);


	--padding-sides-content: calc(var(--padding-sides) * (1 - var(--content-fullscreen)));
	--fullscreen-default-article-padding: calc(var(--content-fullscreen) * var(--fullscreen-default-padding));
	--fullscreen-article-grid-padding: calc(var(--content-fullscreen) * var(--fullscreen-default-padding));
	--fullscreen-article-grid-text-offset: 2em;

	/** Default radius **/
	--border-radius: 5px;

	/** ==============================================================================
		Controll the animation of images when hovering over

		- Change --image-scale-hover to 1.1 to create zooming effect
	==============================================================================	**/
	--image-opacity: 0.8;
	--image-opacity-hover: 1;
	--image-scale: 1.0;
	--image-scale-hover: 1;
	--image-aspect-ratio: 1/1; /** 1/1 - 16/10 - 16/9 - auto**/

	/** --- Body --- **/
	--body-background: var(--color-brown);
	--body-background: var(--color-white);

	--body-color: var(--color-black);
	--body-font-size: var(--font-size-regular);
	--body-line-height: var(--line-height-regular);

	--logo-width: 400px;

	/** --- Header --- **/
	--header-background: var(--color-brown);
	--header-background: var(--color-white);

	--header-padding: 0 var(--padding-sides);
	--header-background-fullscreen: transparent;
	--header-position-fullscreen: absolute; /** absolute / sticky / fixed **/

	--header-logo-width: var(--logo-width);

	--header-cart-width: 24px;
	--header-cart-height: 24px;
	--header-cart-background: var(--color-primary);
	--header-cart-color: var(--color-white);
	--header-cart-background-hover: var(--color-primary-dark);
	--header-cart-color-hover: var(--color-white);

	--nav-main-background: transparent;
	--nav-main-dropdown-background: var(--color-white);
	--fullscreen-nav-main-dropdown-background: rgba(0, 0, 0, 50%);
	--nav-main-color: var(--color-black);
	--nav-main-color-hover: var(--color-primary);
	--nav-main-color-fullscreen: var(--color-white);
	--nav-main-color-hover-fullscreen: var(--color-white);
	--nav-main-font-weight: var(--custom-font-nav-main-font-weight, 600);

	--nav-mobile-color: var(--color-black);
	--nav-mobile-color-hover: var(--color-black);
	--nav-mobile-border-bottom: 1px dotted var(--color-black);
	--nav-mobile-button-background: var(--color-primary);
	--fullscreen-nav-mobile-background: rgba(0, 0, 0, 40%);
	--fullscreen-nav-mobile-color: var(--color-white-600);
	--fullscreen-nav-mobile-color-hover: var(--color-white);

	--nav-secondary-background: var(--color-primary);
	--nav-secondary-dropdown-background: var(--color-primary-dark);
	--nav-secondary-color: var(--color-white);
	--nav-secondary-color-hover: var(--color-white);

	--nav-site-border-color: var(--color-primary-600);

	--nav-contact-background: var(--color-primary-dark);
	--nav-contact-color: var(--color-white);
	--nav-contact-color-hover: var(--color-white);

	--nav-cart-background: var(--color-primary-dark);

	--crumbs-background: transparent;
	--crumbs-padding: 7px var(--padding-sides);
	--crumbs-font-size: var(--font-size-extra-small);
	--crumbs-color: var(--color-black-light);
	--crumbs-color-link: var(--color-gray);
	--crumbs-color-link-hover: var(--color-black);


	/** Banner **/
	--banner-height-full: 62vh;
	--banner-width-full: 100%;
	--banner-slim-height: 200px;
	--banner-slim-padding: 0 var(--padding-sides);
	--banner-fullscreen-mask-percentage: 15%;
	--banner-scroller-color: var(--color-white);

	/** Banner navigation arrows **/
	--banner-navigation-arrow-width: 27px;
	--banner-navigation-arrow-height: 27px;
	--banner-navigation-arrow-offset: 12px;
	--banner-navigation-arrow-background-prev: transparent url(../images/slider-arrows.png) no-repeat;
	--banner-navigation-arrow-background-next: transparent url(../images/slider-arrows.png) no-repeat -27px 0;

	/** Banner pagination bullets **/
	--banner-pagination-display: none;
	--banner-pagination-button-color: var(--color-white);
	--banner-pagination-button-radius: 15px;

	/** Banner caption h1 **/
	--banner-caption-font-size-h1: var(--font-size-h1);
	--banner-caption-font-weight-h1: var(--font-weight-h1);
	--banner-caption-line-height-h1: var(--line-height-h1);
	--banner-caption-font-color-h1: var(--color-white);
	--banner-caption-padding-h1: 9px 14px;
	--banner-caption-background-h1: var(--color-primary);

	/** Banner caption p **/
	--banner-caption-font-size-p: var(--font-size-h2);
	--banner-caption-font-weight-p: var(--font-weight-h2);
	--banner-caption-line-height-p: var(--line-height-h2);
	--banner-caption-font-color-p: var(--color-white);
	--banner-caption-padding-p: 7px 12px;
	--banner-caption-background-p: var(--color-gray);

	/** Banner caption fullscreen**/
	--banner-caption-fullscreen-padding-sides: var(--padding-sides);
	--banner-caption-fullscreen-color: var(--color-white);
	--banner-caption-fullscreen-font-size: inherit;
	--banner-caption-fullscreen-font-weight: 600;
	--banner-caption-fullscreen-caption-color: var(--color-white);
	--banner-caption-fullscreen-caption-font-weight: 900;

	/** Nav sidebar **/
	--nav-sidebar-margin: 0 0 4em;
	--nav-sidebar-color: var(--color-black);
	--nav-sidebar-color-hover: var(--color-primary);
	--nav-sidebar-padding: 10px 0;
	--nav-sidebar-item-margin: 4px 0;
	--nav-sidebar-font-size: var(--font-size-normal);
	--nav-sidebar-font-weight: 400;

	--article-offset: 2em;

	/** Links, buttons **/
	--a-color: var(--color-primary-500);
	--a-color-hover: var(--color-primary-darkest);

	--button-background: var(--color-primary);
	--button-background-hover: var(--color-primary-darkest);
	--button-color: var(--color-white);
	--button-color-hover: var(--color-white);
	--button-font-size: var(--fontsize-regular);
	--button-font-weight: 400;
	--button-padding: 8px 10px;
	--button-border-radius: var(--border-radius);

	/** --- Footer --- **/
	--footer-background: var(--color-gray-darkest);
	--footer-padding: 20px var(--padding-sides);
	--footer-div-padding: 2em var(--padding-sides);

	--footer-newsletter-background: var(--color-primary-dark) url(../images/icon-newsletter.png) center 32px / 128px 128px no-repeat;
	--footer-newsletter-color: var(--color-white);
	--footer-newsletter-padding: 2em var(--padding-sides);

	--footer-logo-width: var(--logo-width);

	--footer-address-color: var(--color-white);

	--footer-menu-background: var(--color-black);
	--footer-menu-padding: 20px 0;
	--footer-menu-padding-full: 20px var(--padding-sides) 0;
	--footer-menu-color: var(--color-gray);
	--footer-menu-color-hover: var(--color-white);

	--footer-credits-background: var(--color-black-600);
	--footer-credits-padding: 10px var(--padding-sides);
	--footer-credits-color: var(--color-gray);
	--footer-credits-color-hover: var(--color-white);
	--footer-credits-font-size: var(--font-size-small);

	/** --- Input --- **/
	--input-font-size:	var(--font-size-regular);
	--input-font-weight: 400;
	--input-font-family: var(--font-family);
	--input-background: var(--color-gray-lightest);
	--input-color: var(--color-black-dark);
	--input-padding: 7px 12px;
	--input-margin: 0 0 8px;
	--input-border-color: var(--color-white);
	--input-border-radius: var(--border-radius);

	--input-width: 100%;

	/** Cookies **/
	--cookies-background: var(--color-white);
	--cookies-padding: 2em var(--padding-sides);
	--cookies-border: 4px solid var(--color-secondary);
	--cookies-opacity: 0.8;
	--cookies-opacity-hover: 1;
	/** ------------------------------------------------- **/

	--transition-default: all 0.3s ease-in-out;

	--list-margin: 0 0 1em 0;
	--list-item-bullet-background: var(--color-primary);
	--list-item-bullet-color: var(--color-white);
	--list-item-margin: 7px 0 0 0;

	--time-font-size: var(--font-size-extra-small);
	--time-color: var(--color-gray-lightest);

	--error-color: #FF0000;

	/** ===============================================
						  WEBSHOP
	===============================================	**/
	--shopping-cart-padding-sides: var(--padding-sides);
	--shopping-cart-sidebar-offset: 4em;
	--shopping-cart-sidebar-width: 25%;

	--shopping-cart-nav-font-size: var(--font-size-regular);
	--shopping-cart-nav-color: var(--color-white);
	--shopping-cart-nav-color-hover: var(--color-white);

	--shopping-cart-product-color: var(--color-black);
	--shopping-cart-border-color: var(--color-primary);

	--shopping-cart-button-color: var(--color-black);
	--shopping-cart-button-background: var(--color-white);
	--shopping-cart-button-color-hover: var(--color-white);
	--shopping-cart-button-background-hover: var(--color-primary);

	--shopping-cart-controls-size: 34px;
	--shopping-cart-extended-display-headers: flex;
	--shopping-cart-extended-image: 100px;
	--shopping-cart-extended-display-price: block;

	/** ===============================================
						  CUSTOM BLOCK
	===============================================	**/
	--custom-block-background: transparent;
	--custom-block-margin: 0;
	--custom-block-padding: 0;
}

body {
	font-family: var(--font-family);
	background: var(--body-background);
	color: var(--body-color);
	font-weight: 300;
	font-size: var(--body-font-size);
	line-height: var(--body-line-height);
}

/* ==================== BUTTONS/ANCHORS ==================== **/
a {
	--color: var(--a-color);
	--font-size: var(--font-size-regular);
	--font-weight: 300;

	color: var(--color);
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	text-decoration: underline;
	outline: none;
	transition: var(--transition-default);
}

a:hover {
	--color: var(--a-color-hover);
	text-decoration: none;
}

a.next {
	text-decoration: none;
	background: transparent url(../images/icon-next.png) no-repeat 0 8px;
	padding-left: 10px;
}

a.previous {
	text-decoration: none;
	background: transparent url(../images/icon-previous.png) no-repeat 0 8px;
	padding-left: 10px;
	margin:  20px var(--padding-sides-article);
}

h1.share span a.a2a_dd {
	font-family: var(--font-family);
	font-size: var(--font-size-regular);
	text-transform: lowercase;
}

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	--background: var(--button-background);
	--border-radius: var(--button-border-radius);
	--color: var(--button-color);
	--font-size: var(--button-font-size);
	--font-weight: var(--button-font-weight);
	--padding: var(--button-padding);

	text-decoration: none;
	background: var(--background);
	border-radius: var(--border-radius);
	border: none;
	color: var(--color);
	display: inline-block;
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	cursor: pointer;
	margin: 10px 0;
	line-height: normal;
	padding: var(--padding);
	text-transform: uppercase;
	transition: var(--transition-default);
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	--background: var(--button-background-hover);
	--color: var(--button-color-hover);
}

button.inverted, button.inverted:disabled:hover {
	--background: #F0F0F0;
	--color: var(--color-black);
}

button.inverted:hover, button.inverted.selected, button.inverted.active {
	--background: var(--button-background);
	--color: var(--button-color);
}

img {
	vertical-align: bottom;
}

/* ==================== NAVS ==================== **/
header div {
	--background: transparent;
	background: var(--background);
}

nav ul, nav ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0 12px;
}

nav ul, nav ol, nav ul li a, nav ul ol li a {
	padding: 0;
	margin: 0;
}

nav ul li, nav ol li {
	--padding: 8px 0;
	background: 0;
	padding: var(--padding);
}

nav.logo, nav.site {
	flex: 0 1 auto;
}

nav.logo ul li a img {
	max-width: var(--logo-width);
}

nav ul li a, nav ol li a {
	--color: var(--white);
	--font-weight: 400;
	--font-size: var(--font-size-regular);
	text-decoration: none;
}

nav ul li.dropdown > a {
	display: flex;
}

nav ul li.dropdown > a::after {
	--icon: '\f078';
	content: var(--icon);
	display: inline-block;
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	margin: 0 0 0 5px;
	font-size: 10px;
}

nav ul li.cart {
	position: relative;
}

nav ul li.cart a span.amount {
	--width: 24px;
	--height: 24px;
	--background: var(--color-primary);
	--color: var(--color-white);

	display: inline-block;
	width: var(--width);
	height: var(--height);
	line-height: var(--height);
	background: var(--background);
	color: var(--color);
	text-align: center;
	border-radius: 100%;
	position: absolute;
}

nav ul li.cart a:hover span.amount {
	--background: var(--color-primary-dark);
	--color: var(--color-white);
}

nav ul li.cart i.icon::before {
	--icon: "\f07a";
	margin: 0 2px 0 0;
}

/** --- NAV MAIN --- **/
header div.main {
	--background: var(--nav-main-background);
}

header div.main nav.main {
	margin: 0 0 0 25px;
	flex: 1;
}

header div.main nav ul li a, nav.cart ol li a {
	--color: var(--nav-main-color);
	--font-weight: var(--nav-main-font-weight);
}

header div.main nav ul li a:hover, header div.main nav ul li a.selected, nav.cart ol li a:hover, nav.cart ol li a.selected {
	--color: var(--nav-main-color-hover);
	border-bottom-color: var(--nav-main-color-hover);
}

header div.main nav.logo ul li a:hover {
	border-bottom-color: transparent;
}

header.fullscreen div.main nav ul li a {
	--color: var(--nav-main-color-fullscreen);
}

header.fullscreen div.main nav ul li a:hover, header.fullscreen div.main nav ul li a.selected {
	--color: var(--nav-main-color-hover-fullscreen);
}

/** --- NAV SECONDARY --- **/
header div.secondary {
	--background: var(--nav-secondary-background);
	justify-content: space-between;
}

header div.secondary nav ul li a {
	--color: var(--nav-secondary-color);
	--font-size: var(--font-size-regular);
	--font-weight: 400;
	opacity: 0.5;
}

header div.secondary nav ul li a:hover, header div.secondary nav ul li a.selected {
	--color: var(--nav-secondary-color-hover);
	opacity: 1;
}

header div.secondary nav ul li.site a + a {
	border-left: 1px solid var(--nav-site-border-color);
}

header div.secondary nav ul li.search a i.icon::before {
	--icon: "\f002";
}

/** --- NAV CONTACT --- **/
header div.contact {
	--background: var(--nav-contact-background);
	--font-size: var(--font-size-small);
	--color: var(--nav-contact-color);
}

header div.contact nav ul li {
	opacity: 0.5;
	color: var(--color);
	transition: var(--transition-default);
}

header div.contact nav ul li:hover {
	opacity: 1;
}

header div.contact nav ul li a:hover{
	color: var(--nav-contact-color-hover);
}
/** --- NAV DROPDOWN --- **/
header div nav ul li.dropdown div {
	--background: transparent;
}

header div nav ul li.dropdown div ul {
	--background: transparent;
	background: var(--background);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

header div.main nav ul li.dropdown div ul {
	--background: var(--nav-main-dropdown-background);
}

header div.main nav ul li.dropdown div ul li a:hover, header div.main nav ul li.dropdown div ul li a.selected {
	text-decoration: underline;
	border-bottom-color: transparent;
}

header.fullscreen div.main nav ul li.dropdown div ul {
	--background: var(--fullscreen-nav-main-dropdown-background);
}

header.fullscreen div.main nav ul li.dropdown div ul li a {
	--color: var(--color-white-400);
}

header.fullscreen div.main nav ul li.dropdown div ul li a:hover, header.fullscreen div.main nav ul li.dropdown div ul li a.selected {
	--color: var(--color-white);
}

header div.secondary nav ul li.dropdown div ul {
	--background: var(--nav-secondary-dropdown-background);
}

header div.secondary nav ul li.dropdown div ul li a:hover, header div.secondary nav ul li.dropdown div ul li a.selected {
	opacity: 1;
}

/** --- NAV MOBILE --- **/
header div.main nav ul.toggle-mobile li button {
	--background: var(--nav-mobile-button-background);
}

header div.main nav ul.toggle-mobile li button i.icon::before {
	--icon: "\f0c9";
}

header div nav#mobile {
	--background: transparent;
	background: var(--background);
}

header.fullscreen div nav#mobile {
	--background: var(--fullscreen-nav-mobile-background);
}

header div nav#mobile ul li {
	--padding: 12px 0;
	border-bottom: var(--nav-mobile-border-bottom);
}

header div nav#mobile ul li a {
	--color: var(--nav-mobile-color);
	--font-weight: 300;
	--padding: 0 12px;
	border-bottom: 0;
}

header div nav#mobile ul li a:hover, header div nav#mobile ul li a.selected {
	--font-weight: 500;
	--color: var(--nav-mobile-color-hover);
}

header.fullscreen div nav#mobile {
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

header.fullscreen div nav#mobile ul li a {
	--color: var(--fullscreen-nav-mobile-color);
}

header.fullscreen div nav#mobile ul li a:hover, header.fullscreen div nav#mobile ul li a.selected {
	--font-weight: 400;
	--color: var(--fullscreen-nav-mobile-color-hover);
}

/** --- FOOTER --- **/
body > footer {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

body > footer > div {
	--background: transparent;
	--padding: var(--footer-newsletter-padding);
	--margin: 0;
	background: var(--background);
	padding: var(--padding);
	margin: var(--margin);
}

body > footer div.newsletter {
	--background: var(--footer-newsletter-background);
}

body > footer div.newsletter div span.heading2, body > footer div.newsletter div p {
	color: var(--footer-newsletter-color);
	text-align: center;
}

body > footer div.newsletter form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	box-sizing: border-box;
	max-width: 650px;
	margin: 0 auto;
}

body > footer div.newsletter.flex form {
	flex: 1;
	padding: 0 0 0 5%;
	border-left: 3px solid var(--footer-newsletter-color);
	max-width: none;
}

body > footer div.newsletter form div {
	flex: 1 1 calc(50% - 20px);
}

body > footer div.newsletter form div + div {
	margin: 0 0 0 20px;
}

body > footer div.newsletter form div.checkboxes {
	margin: 10px 0;
}

body > footer div.newsletter form div.checkboxes div.checkbox label {
	color: var(--footer-newsletter-color);
}

body > footer div.newsletter form div input[type="text"] {
	width: 100%;
	margin: 0;
}

body > footer div.newsletter form button {
	flex: 0 0 100%;
	margin: 10px 0 0 0;
}

body > footer div.newsletter form button, body > footer div.newsletter form div input {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

body > footer div.container {
	--background: var(--footer-background);
	gap: 2em;
}

body > footer div.container nav.logo a img {
	width: var(--footer-logo-width);
}

body > footer div.container div.address, body > footer div.container div.address span.heading2, body > footer div.container div.address span.heading3, body > footer div.container div.address, body > footer div.container div.address a {
	color: var(--footer-address-color);
}

body > footer div.container div.address span.heading2, body > footer div.container div.address span.heading3 {
	margin: 0 0 0.5em;
}

body > footer div.container div.address span.heading3 {
	font-size: var(--font-size-extra-small);
	text-transform: uppercase;
}

body > footer div.container div.address ul + ul {
	margin: 20px 0 0 0;
}

body > footer div.container div.address ul li:empty {
	height: 1.5em;
}

body > footer div.container div.address a {
	font-weight: 400;
	text-decoration: none;
}

body > footer div.container div.address a:hover {
	text-decoration: underline;
}

body > footer div.container div.address ul li.location a span {
	padding-left: 14px;
}

body > footer div.menu.slim {
	--padding: var(--footer-menu-padding);
	--background: var(--footer-background);
	flex: 3;
}

body > footer div.menu.full {
	--padding: 15px var(--padding-sides);
}

body > footer div.menu nav ul li a {
	--color: var(--footer-menu-color);
}

body > footer div.menu nav ul li a:hover {
	text-decoration: underline;
}

body > footer div.menu nav ul li a:hover, body > footer div.menu nav ul li a.selected {
	--color: var(--footer-menu-color-hover);
}

body > footer > div.credits {
	--background: var(--footer-credits-background);
	--padding: 10px var(--padding-sides);
}

body > footer div.credits, body > footer div.credits a {
	color: var(--footer-credits-color);
	font-size: var(--footer-credits-font-size);
	text-decoration: none;
}

body > footer div.credits a:hover {
	color: var(--footer-credits-color-hover);
	text-decoration: underline;
}

body > footer nav ul li {
	--padding: 0 0 2px;
}

body > footer nav.logo ul li {
	--padding: 0;
	flex: 1;
}

body > footer div.menu.full {
	--background: var(--color-black);
}

/* ====================================================== **/


/* ==================== HEADINGS ==================== **/
h1, h1 a, .heading1, .heading1 a,
h2, h2 a, .heading2, .heading2 a,
h3, h3 a, .heading3, .heading3 a,
h4, h4 a, .heading4, .heading4 a,
h5, h5 a, .heading5, .heading5 a,
h6, h6 a, .heading6, .heading6 a {
	--font-family: var(--font-family);
	--color: var(--color-black);
	--font-size: var(--font-size-large);
	--font-weight: 300;
	--line-height: var(--line-height-large);
	--margin: 0 0 16px;

	font-family: var(--font-family);
	color: var(--color);
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	line-height: var(--line-height);
	margin: var(--margin);
	text-decoration: none;
	display: block;
}

h1, h1 a, .heading1, .heading1 a {
	--color: var(--color-primary);
	--margin: 0 0 24px;
}

h2, h2 a, .heading2, .heading2 a {
	--margin: 0 0 20px;
	--color: var(--color-primary-dark);
	--font-size: var(--font-size-medium);
	--line-height: var(--line-height-medium);
}

h3, h3 a, .heading3, .heading3 a {
	--margin: 0 0 16px;
	--color: var(--color-primary-dark);
	--font-size: var(--font-size-medium);
	--line-height: var(--line-height-medium);
}

h4, h4 a, .heading4, .heading4 a {
	--font-size: var(--font-size-medium);
	--line-height: var(--line-height-medium);
}

h5, h5 a, .heading5, .heading5 a {
	--font-size: var(--font-size-normal);
	--line-height: var(--line-height-normal);
}

h6, h6 a, .heading6, .heading6 a {
	--font-size: var(--font-size-normal);
	--line-height: var(--line-height-normal);
}
/* ====================================================== **/

/* ==================== FLEX GALLERY ==================== **/
ul.flex-gallery {
	--background: transparent;
	--padding: 0;

	--items: 3;
	--item-offset: 20px;
	--item-width: calc( (100% - (var(--item-offset) * (var(--items) - 1))) / var(--items));

	--label-padding: 2px 6px;
	--label-background: var(--color-primary);
	--label-color: var(--color-white);
}

ul.flex-gallery h2 {
	--font-size: var(--font-size-normal);
	--line-height: var(--line-height-normal);
	--font-weight: 400;
}

ul.flex-gallery.zoom {
	--item-offset: 5px;
}

/** OVERVIEW **/
ul.flex-gallery.overview {
	--title-padding: 7px 0;
	--title-background: transparent;
	--title-background-hover: transparent;
	--title-color: var(--color-primary);
	--title-color-hover: var(--color-primary-dark);
}

/** ATTACHED TYPE **/
ul.flex-gallery.attached_type {
	--background: var(--color-gray-lightest);
	--padding: 25px var(--padding-sides);

	--item-flex-direction: column;
	--item-background: var(--color-white);
	--item-background-hover: var(--color-white);
	--item-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
	--item-border-radius: 5px;

	--icon-color: var(--color-primary);
	--icon-font-size: 40px;
	--icon-margin: 0;
	--icon-padding: 10px 0;
	--icon-border: 0;

	--image-polaroid: 0;
	--image-polaroid-padding: 4px;

	--item-title-color: var(--color-black);
	--item-title-margin: 0 0 10px;

	--item-content-color: var(--color-black);
	--item-content-margin: 0;
	--item-content-padding: 1em 2em;
	--item-content-text-align: center;

	--image-aspect-ratio: 16/10;
}

#core {
	--items: 3;
	--item-content-padding: 10px 2em;
}

#partners {
	--items: 8;
	--justify-content: center;
	--image-opacity: 1;
	--image-aspect-ratio: auto;
}

#trump {
	--background: var(--color-white);
	--item-background: var(--color-gray-lightest);
	--item-border: 1px solid var(--color-gray-light);
	--item-shadow: none;
	--item-flex-direction: row;
	--item-content-padding: 1em 0;
	--item-title-margin: 0;
	--item-title-font-weight: 300;
	--icon-background: var(--color-primary);
	--icon-font-size: var(--font-size-normal);
	--icon-color: var(--color-white);
	--icon-margin: 0;
	--icon-padding: 1em 1em 1em;
	--item-content-text-align: center;
}

/* ==================== ICONS ==================== **/
i.icon::before {
	--display: inline-block; /** inline-block: Show / none: hide **/
	--icon: "";
	--icon-weight: 900;
	--icon-color: inherit;

	display: var(--display);
	font-weight: var(--icon-weight);
	color: var(--icon-color);
	content: var(--icon);
}

li.phone i.icon::before {
	--icon: "\f095";
	--icon-weight: 900;
}

li.email i.icon::before {
	--icon: "\f0e0";
	--icon-weight: 400;
}

li.location i.icon::before {
	--icon: "\f3c5";
	--icon-weight: 600;
}