/*
Theme Name:     Gourmet Nut
Theme URI:      https://www.createvictory.com
Template:       kadence
Author:         Victory Creative
Author URI:     https://www.createvictory.com
Description:    Official theme for Gourmet Nut, by Victory Creative
Version:        1.0.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

.hidden {
  display: none !important;
}

.video-container {
	line-height: 0;
	width: 100%;
	/*height: 400px; /* Or whatever height you want */
	overflow: hidden; /* Hide cropped video parts */
}
.video-container > .kt-inside-inner-col,
.video-container > .kt-inside-inner-col > div {
  height: 100%;
}
.video-container video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wp-block-video video {
	border-radius: 14px;
}

.tilt-underline {
	--underline-thickness: 18px;
	--underline-angle: -2.25deg;
	
	--underline-offset-start: 16px; /* distance below first letter */
	--underline-offset-end: -4px;   /* distance below last letter */
	
	--underline-offset: 0.2em;   /* distance below the text */
	--underline-color: var(--global-palette2);

	position: relative;
	display: inline-block; /* ensure pseudo-element sizes to text width */
	z-index: 0; /* create stacking context so pseudo-element can go behind */
}
.tilt-underline.brown {
	--underline-color: var(--global-palette7);
}
.tilt-underline::after {
	content: "";
	position: absolute;
	left: -2%;
	/*bottom: calc(-1 * var(--underline-offset));*/
	bottom: var(--underline-offset-end);
	width: 104%;
	height: var(--underline-thickness);
	background: var(--underline-color);
	border-radius: calc(var(--underline-thickness) / 2);
	/*
	transform-origin: left center;
	transform: rotate(var(--underline-angle));
	*/
	pointer-events: none; /* keeps links clickable */
	z-index: -1; /* pushes it behind the text */
	border-radius: 0; /* square ends */
	
	/* Skew to create slope from left to right 
	transform-origin: left bottom;
	transform: skewY(
		calc(
			(var(--underline-offset-start) - var(--underline-offset-end)) / 100
		)
	);
	*/
	transform-origin: left bottom;
  	transform: translateY( 
			8px
		)
		rotate(var(--underline-angle)
	);
}


.kt-btn:visited:not(.wp-block-kadence-advancedbtn *),
.wp-block-button__link:visited:not(.wp-block-kadence-advancedbtn *) {
    color: inherit !important;
    background-color: inherit !important;
}

.btn-nav.menu-item:not(.current-menu-item) {
	margin: 1rem 0px;
}
.btn-nav.menu-item:not(.current-menu-item) a {
	border: 3px solid var(--global-palette1) !important;
    box-shadow: 4px 4px 0px var(--global-palette1);
	padding-right: calc(1.3em / 2) !important;
    padding-left: calc(1.3em / 2) !important;
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
	width: fit-content;
    background-color: #ffffff !important;
}
.btn-nav.menu-item:not(.current-menu-item) a:hover {
	background-color: var(--global-palette1);
	box-shadow: 0px 0px 0px var(--global-palette1);
	color: #ffffff;
}
@media all and (min-width: 721px) {
	.btn-nav.menu-item:not(.current-menu-item) {
		margin: 0px 22px;
	}
	.btn-nav.menu-item:not(.current-menu-item) a {
		border: 3px solid #ffffff !important;
		box-shadow: 4px 4px 0px #ffffff;
		padding-right: calc(1.3em / 2) !important;
		padding-left: calc(1.3em / 2) !important;
		padding-top: 0.2em !important;
		padding-bottom: 0.2em !important;
		width: fit-content;
		background-color: var(--global-palette1) !important;
	}
	.btn-nav.menu-item:not(.current-menu-item) a:hover {
		background-color: #ffffff !important;
		box-shadow: 0px 0px 0px #ffffff !important;
		color: var(--global-palette1) !important;
	}
}
/* Gravity Forms */
.gform_wrapper.gravity-theme .gform_required_legend {
	color: #999999;
	font-size: 16px;
    text-align: right;
}
.gform_wrapper.gravity-theme .gfield_label {
    font-size: 27px;
    font-family: 'greycliff-cf', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0px;
}
.gform_wrapper.gravity-theme .gfield_required {
    font-size: 27px;
}
.gform_wrapper.gravity-theme input[type=color], 
.gform_wrapper.gravity-theme input[type=date], 
.gform_wrapper.gravity-theme input[type=datetime-local], 
.gform_wrapper.gravity-theme input[type=datetime], 
.gform_wrapper.gravity-theme input[type=email], 
.gform_wrapper.gravity-theme input[type=month], 
.gform_wrapper.gravity-theme input[type=number], 
.gform_wrapper.gravity-theme input[type=password], 
.gform_wrapper.gravity-theme input[type=search], 
.gform_wrapper.gravity-theme input[type=tel], 
.gform_wrapper.gravity-theme input[type=text], 
.gform_wrapper.gravity-theme input[type=time], 
.gform_wrapper.gravity-theme input[type=url], 
.gform_wrapper.gravity-theme input[type=week], 
.gform_wrapper.gravity-theme select, 
.gform_wrapper.gravity-theme textarea {
    font-size: 18px;
	color: var(--global-palette1);
    padding: 14px;
}

.gform_wrapper.gravity-theme input[type=color]::placeholder, 
.gform_wrapper.gravity-theme input[type=date]::placeholder, 
.gform_wrapper.gravity-theme input[type=datetime-local]::placeholder, 
.gform_wrapper.gravity-theme input[type=datetime]::placeholder, 
.gform_wrapper.gravity-theme input[type=email]::placeholder, 
.gform_wrapper.gravity-theme input[type=month]::placeholder, 
.gform_wrapper.gravity-theme input[type=number]::placeholder, 
.gform_wrapper.gravity-theme input[type=password]::placeholder, 
.gform_wrapper.gravity-theme input[type=search]::placeholder, 
.gform_wrapper.gravity-theme input[type=tel]::placeholder, 
.gform_wrapper.gravity-theme input[type=text]::placeholder, 
.gform_wrapper.gravity-theme input[type=time]::placeholder, 
.gform_wrapper.gravity-theme input[type=url]::placeholder, 
.gform_wrapper.gravity-theme input[type=week]::placeholder, 
.gform_wrapper.gravity-theme select::placeholder, 
.gform_wrapper.gravity-theme textarea::placeholder {
	color: #999999;
}

#mobile-drawer .drawer-header {
	padding-right: 1em;
}
#mobile-drawer .drawer-header .drawer-toggle {
	margin-top: 0.6rem;
}
#mobile-toggle {
    border-radius: 6px;
}
.popup-drawer .drawer-header {
	background: var(--global-palette8);
    min-height: 80px !important;
	border-bottom: 2px solid var(--global-palette1);
}
.drawer-logo {
	position: absolute;
	z-index: 2;
	background-color: transparent !important;
    top: -12.5px;
    left: 20px;
    max-width: 210px;
}
#mobile-site-navigation {
	margin-top: 1rem;
}
.mobile-navigation ul li a {
	padding-left: 0px;
	padding-right: 0px;
}
#mobile-menu .sub-menu {
	padding-left: 0px;
}
@media all and (min-width: 721px) {
	#mobile-menu .sub-menu {
		padding-left: 0.5em;
	}
}
#mobile-menu .sub-menu li.menu-item a {
	font-size: 1.5rem;
}
#mobile-menu .sub-menu li.menu-item .sub-menu li.menu-item a {
	font-size: 1.5rem;
	text-transform: unset;
}
.kb-advanced-heading-link:empty {
  display: none;
}

.desktop-video-row,
.mobile-video-row {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.text-overlaying-video-row {
	aspect-ratio: 9 / 16;
	position: relative;
	z-index: 10;
}
@media all and (min-width: 721px) {
	.text-overlaying-video-row {
		aspect-ratio: 16 / 9;
	}
}

.press-items .button {
	color: #FFFFFF !important;
	margin-bottom: 20px;
}
.press-items .button:hover {
	color: var(--global-palette1) !important;
}

#faqs-accordion .kt-accordion-pane-1 button.kt-blocks-accordion-header.kt-acccordion-button-label-show {
	border-top: none;
}
#faqs-accordion .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:before {
	transform: none !important;
	width: 20px;
    height: 4px;
}
#faqs-accordion .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:after {
	transform: none !important;
	height: 20px;
    width: 4px;
	left: 10px;
    top: 3px;
}
#faqs-accordion .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before {
	transform: matrix(1, 0, 0, 1, 0, 0) !important;
    transform-origin: 10px 2px;
    height: 4px;
}
#faqs-accordion .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after {
	height: 0px;
}

@media all and (max-width: 720px) {
	h3.kt-accordion-header-wrap button.kt-blocks-accordion-header {
		line-height: 1.1;
	}
	h3.kt-accordion-header-wrap button.kt-blocks-accordion-header.kt-accordion-panel-active {
		padding-bottom: 0px !important;
	}
}