/**
 * Theme Name:       Further v4
 * Theme URI:        https://bizbudding.com/mai-theme/
 * Description:      Further theme on Mai Theme v2.
 * Author:           BizBudding, Mike Hemberger, Rafal Tomal
 * Author URI:       https://further.net/
 * Version:          4.0.5
 * Text Domain:      further
 * Template:         genesis
 * Template Version: 3.3.1
 * License:          GPL-2.0-or-later
 * License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 */

:root {
	--body-color: #333;
	--site-header-border-bottom: none;
	--shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.12);
	--content-sidebar-gap: calc(var(--column-gap) * 6);
	--content-sidebar-wrap-margin-bottom: var(--spacing-xl);
	--heading-font-family: calluna !important;
	--heading-font-weight: 700;
	--body-font-family: source-sans-pro !important;
	--body-font-weight: 400;
	--body-font-weight-semi-bold: 600;
	--body-font-weight-bold: 700;
	--button-font-size: 17px;
	--button-font-weight: bold;
}

.has-standard-content {
	--content-max-width: 680px;
}

.entry-content > .wp-block-image > figure.aligncenter {
	width: calc(100% + (var(--side-spacing) * 2));
	max-width: unset;
	margin-right: calc(var(--side-spacing) * -1);
	margin-left: calc(var(--side-spacing) * -1);
}

.entry-content > .wp-block-image > figure.aligncenter img {
	display: block;
	width: 100%;
}

.entry-content h2,
.entry-content h3 {
	--heading-margin-top: var(--spacing-xxl);
	--heading-margin-bottom: var(--spacing-xl);
	--heading-letter-spacing: -1px;
	padding-bottom: var(--spacing-lg);
	border-bottom: 1px solid #ddd;
}

.entry-content h3 span {
	font-weight: 300 !important;
}

.entry-content a {
	--link-color-hover: #333;
	--link-text-decoration-hover: none;
	border-bottom: 1px solid rgba(204, 153, 33, 0.32);
}

.nav-header {
	--menu-font-size: var(--font-size-sm);
	--menu-font-weight: var(--body-font-weight-semi-bold);
	--menu-item-link-padding: 18px var(--spacing-md);
	--menu-item-link-color: var(--color-menu-item);
	--menu-item-link-color-hover: var(--color-black);
	--menu-item-link-border-color: #e5e5e5;
}

.nav-header .menu-item-link {
	--menu-item-link-padding: 18px 24px;
	border-bottom: 1px solid var(--menu-item-link-border-color);
}

.nav-header .menu-item-link:hover,
.nav-header .menu-item-link:focus,
.nav-header .menu-item-link-current {
	--menu-item-link-border-color: var(--color-black);
}

.nav-header-left .menu-item-last,
.nav-header-right .menu-item-first {
	position: relative;
}

.nav-header-left .menu-item-last::after,
.nav-header-right .menu-item-first::before {
	position: absolute;
	bottom: 0;
	display: block;
	width: 64px;
	height: 1px;
	background-color: #e5e5e5;
	content: "";
}

.nav-header-left .menu-item-last::after {
	left: 100%;
}

.nav-header-right .menu-item-first::before {
	right: 100%;
}

.nav-header-left {
	--nav-header-margin: var(--spacing-md) var(--spacing-xxl) 0 0;
	--menu-justify-content: flex-end;
}

.nav-header-right {
	--nav-header-margin: var(--spacing-md) 0 0 var(--spacing-xxl);
	--menu-justify-content: flex-start;
}

.home-cover {
	position: relative;
	min-height: calc(100vh - var(--body-top, 0));
}

.home-cover::after {
	position: absolute;
	width: 100%;
	height: 80%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 0) 100%);
	content: "";
}

.home-cover .wp-block-cover__inner-container {
	margin-bottom: auto;
}

.entry-title-single,
.archive-title,
.woocommerce-products-header__title {
	margin-bottom: var(--entry-title-single-margin-bottom, var(--spacing-xl));
	text-align: center;
}

.entries-archive.has-boxed .entry-archive {
	--entry-box-shadow: none;
	--entry-padding: calc(24px + 2vw) calc(24px + 4vw);
}

.entry-meta {
	color: #666;
}

.entry-meta a {
	color: var(--color-link);
	border-bottom: 1px solid rgba(204, 153, 33, 0.32);
	font-size: 12px;
	font-weight: var(--body-font-weight-bold);
	letter-spacing: 1.5px;
	margin: 0 3px;
	text-transform: uppercase;
}

.entry-meta a:hover {
	color: #333;
	text-decoration: none;
}

.further-optin {
	z-index: 99 !important;
}

.further-home-optin .wp-block-group__inner-container  {
	max-width: none;
}

.single-post .entry-meta {
	text-align: center;
}

.entry .author-box {
	--author-box-background: var(--color-alt);
	--author-box-border: none;
	--author-box-shadow: none;
	--author-box-avatar-margin: 0 auto var(--spacing-md) !important;
	--avatar-border-radius: 50%;
	display: block;
	text-align: center;
}

.footer {
	position: relative;
	overflow: hidden;
	--link-text-decoration: underline;
}

.footer::after {
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 80%,rgba(0, 0, 0, 0.75) 100%);
	content: "";
}

.footer.has-lg-content-width {
	--content-max-width: 920px;
}

.footer-credits {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: var(--spacing-md);
	text-shadow: 0 0 4px var(--color-body);
}

blockquote {
	--blockquote-padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-xl) var(--spacing-xxxl);
	--blockquote-background: var(--color-alt);
	--blockquote-font-size: var(--font-size-lg);
	--blockquote-border-left: none;
	--blockquote-border: none;
	--blockquote-box-shadow: none;

	position: relative;
}

blockquote::before {
	position: absolute;
	top: var(--spacing-md);
	left: var(--spacing-xl);
	color: var(--color-primary);
	font-size: var(--font-size-xxxxl);
	font-style: normal;
	content: "\201C";
}

.alert.gold {
	border: 2px solid #bd8101;
	border-radius: 5px;
}

.alert.black {
	border: 2px solid #111;
	border-radius: 5px;
}


/* home page testimonials */

.entry-content .further-testimonial figure.aligncenter {
	margin: 0 auto;
	text-align: center;
}

.entry-content .further-testimonial {
	padding: 40px;
}

.entry-content .further-testimonial p {
	font-family: 'calluna';
	font-size: 22px;
	font-style: italic;
}

.entry-content .further-testimonial p.is-style-subheading {
	font-family: source-sans-pro;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
}



@media only screen and (max-width: 600px) {

	.entry-title {
		--entry-title-font-size: var(--font-size-xxl);
	}
}

@media only screen and (min-width: 800px) {

	.entry-content img.centered,
	.entry-content .aligncenter {
		display: block;
		margin: 0 -40px 40px;
		max-width: none;
	}

	.formkit-field {
		flex: 1 !important;
	}

	.formkit-submit {
		flex: 0 1 auto !important;
	}

	.formkit-field,
	.formkit-submit {
		margin: var(--spacing-sm) var(--spacing-xxs) !important;
	}
}


/* WooCommerce */

.woocommerce-products-header__title,
.product_title {
	margin-bottom: var(--spacing-xs);
	text-align: center;
}

.nav-store {
	margin-bottom: var(--spacing-xxxl);
	--menu-item-link-color: var(--color-heading);
	--menu-font-size: var(--font-size-sm);
	--menu-font-weight: var(--body-font-weight-bold);
	--menu-letter-spacing: 1px;
	--menu-text-decoration: none;
	--menu-text-transform: uppercase;
}

.product-single > *:not(.woocommerce-product-gallery):not(.summary) {
	max-width: var(--breakpoint-md);
	margin-right: auto;
	margin-left: auto;
}

li.product {
	--product-border: var(--border);
	--product-border-radius: var(--radius);
}

.is-archive {
	--product-padding: var(--spacing-xl);
}

.is-single {
	--product-padding: var(--spacing-md);
}

li.product .button {
	--button-color: var(--button-primary-color);
	--button-color-hover: var(--button-primary-color-hover, var(--button-primary-color));
	--button-background: var(--button-primary-background, var(--color-primary));
	--button-background-hover: var(--button-primary-background-hover, var(--color-primary-dark, var(--color-primary)));
	--button-font-weight: bold;
	font-size: 17px;
}

.woocommerce .woocommerce-checkout .col2-set .col-1,
.woocommerce .woocommerce-checkout .col2-set .col-2 {
    width: 100% !important;
}

.woocommerce-form-coupon {
	display: block;
	border: 1px solid #d3ced2;
	padding: 20px;
}

.woocommerce div.product p.price {
	color: var(--color-link);
	line-height: 1.5;
	font-size: var(--font-size-xxxl);
	font-weight: var(--body-font-weight-bold);
}

.woocommerce div.product form.cart .variations {
	margin-bottom: var(--spacing-md);
	table-layout: fixed;
	width: auto;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
	border: 1px solid #ddd;
}