/*
Theme Name: Rowdy Kitchen
Template: generatepress
Theme URI: https://rowdykitchen.co.nz/
Author: Weave Digital Studio
Author URI: https://weave.co.nz/
Description: This is the Weave child theme for GeneratePress 
Version: 1.0.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gpc
*/

/*
CONTENTS:
1. GLOBALS
	1.1 Theme Variables
	1.2 Fonts
	1.3 Local Icons
	1.4 Layout
	1.5 Heading
	1.6 Text
	1.7 List
	1.8 Blockquote
	1.9 Link & Button
	1.10 Misc
2. HEADER
	2.1 Layout
	2.2 GP Desktop Menu
	2.3 GP Mobile Menu
	2.4 GP Sticky Header
3. FOOTER
4. COMPONENTS
	4.1 Social Review
	4.2 PP Modal
	4.3 Image Button
	4.4 Gravity Forms
5. HOME
6. MENU - FUNCTION MENUS
	6.1 Menu nav
	6.2 Menu Dietary
	6.3 Menu Global
	6.4 Menu Section
	6.5 Menu Item - Global

	6.6 Menu Item - Free Form Text
	6.7 Menu Item - Drinks
	6.8 Menu Sides
7. SEARCH RESULTS
8. MISC
9. STYLES TEMPLATE
*/


/*/////////////////////////////////////////////////////
1. GLOBAL
/////////////////////////////////////////////////////*/

/* --------------------------
THEME VARIABLES
-------------------------- */

:root {

	/* COLORS VARIABLES */

	/*
	--error: #ff4e7a;
	*/

	/* MISC VARIABLES */

	--transition-1: all .3s ease-out;

}

/* --------------------------
FONTS
-------------------------- */

/*
.woff2 		=> 	Super Modern Browsers
.woff 		=> 	Modern Browsers
.ttf 		=> 	Safari, Android, iOS
.eot 		=> 	IE9 Compat Modes
.eot?#iefix 	=> 	IE6-IE8
*/


/* --------------------------
LOCAL ICONS
-------------------------- */

[class^="rk-icon-"], 
[class*=" rk-icon-"] {
	display: inline-block;
}

/* --------------------------
LAYOUT
-------------------------- */

.full-width-content .container.grid-container {
	overflow: hidden;
}

/* --- RESPONSIVE --- */

@media (min-width: 921px) {
	.rk-mobile {
		display: none;
	}
}
@media (max-width: 920px) {
	.rk-desktop {
		display: none;
	}
}

/* --------------------------
HEADING
-------------------------- */

h1, h2, h3, h4, h5, h6, 
blockquote, blockquote p {
	text-wrap: balance;
} 
p+:is(h1,h2,h3,h4,h5,h6), 
ul+:is(h1,h2,h3,h4,h5,h6), 
ol+:is(h1,h2,h3,h4,h5,h6) {
	margin-top: 1em;
}

/* FAKE HN */

.rk-fake-h2 :is(h1) {
	font-size: 55px;
}
.rk-fake-h3 :is(h2) {
	font-size: 42px;
	line-height: 1.3;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
	.rk-fake-h2 :is(h1) {
		font-size: 41px;
	}
	.rk-fake-h3 :is(h2) {
		font-size: 33px;
	}
}
@media (max-width: 768px) {
	.rk-fake-h2 :is(h1) {
		font-size: 28px;
	}
	.rk-fake-h3 :is(h2) {
		font-size: 24px;
	}
}

/* --------------------------
TEXT
-------------------------- */

p {
	text-wrap: pretty;
}
strong, 
.fl-builder-content .fl-rich-text strong {
	font-weight: 500;
}
.rk-text-intro, 
.rk-text-intro p {
	font-size: 20px;
	font-weight: 300;
	line-height: 1.6;
}
.rk-no-margin-b p, 
p.rk-no-margin-b {
	margin-bottom: 0;
}
em {
	font-family: "Albula Pro Oblique";
}

.rk-comment, 
.rk-comment p {
	font-weight: 700;
	color: var(--error);
	text-align: center;
}
.rk-comment a {
	color: var(--error);
}
.rk-comment a:hover {
	color: var(--white);
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
	.rk-text-intro, 
	.rk-text-intro p {
		font-size: 19px;
	}
}
@media (max-width: 768px) {
	.rk-text-intro, 
	.rk-text-intro p {
		font-size: 16px;
	}
}

/* --------------------------
LIST
-------------------------- */

#content .fl-builder-content li {
	margin-bottom: .5em;
}
#content .fl-builder-content ul ul {
	margin-top: .25em;
}
#content .fl-builder-content li li {
	margin-bottom: .25em;
}

/* --------------------------
BLOCKQUOTE
-------------------------- */

blockquote {
	margin: 4em 0;
	padding: 20px 30px;
	font-style: normal;
	font-weight: 300;
	color: inherit;
	border-left: 2px solid var(--coral);
}
blockquote p {
	margin-bottom: 0;
	font-size: 24px;
}

/* --- RESPONSIVE --- */

@media (max-width: 768px) {
	blockquote {
		padding: 20px;
	}
	blockquote p {
		font-size: 20px;
	}
}

/* --------------------------
LINK & BUTTON
-------------------------- */

a:not([href]):hover {
	cursor: default;	
}
#content a, 
#content a *,
.fl-builder-content a, 
.fl-builder-content a *, 
#content .fl-button, 
#content .fl-button *, 
button.button, 
a.button, 
.button a {
	transition: all 0.15s ease-out;
}
.site-content a {
	text-decoration: underline;
}
.site-content :is(h1,h2,h3,h4,h5,h6) a {
	text-decoration: none;
}
button.button, 
.button a,
a.button, 
.button a, 
[data-node] .pp-gf-content .gform_wrapper .gform-button, 
[data-node] .pp-gf-content .gform_wrapper .gform_footer .gform_button, 
[data-node] .pp-gf-content .gform_wrapper .gform_page_footer .button {
	padding: 16px 20px 13px;
	background-color: var(--khaki);
	font-size: 17px;
	font-weight: 400;
	line-height: 1.2;
	text-decoration: none;
	border: 1px solid var(--khaki);
	border-radius: 8px;
}
button.rk-secondary.button, 
.rk-secondary.button a,
a.rk-secondary.button, 
.rk-secondary.button a {
	padding: 12px 18px 9px;
	font-size: 15px;
}
[data-node] .pp-gf-content .gform_wrapper .gform-button, 
[data-node] .pp-gf-content .gform_wrapper .gform_footer .gform_button, 
[data-node] .pp-gf-content .gform_wrapper .gform_page_footer .button {
	background-color: var(--coral);
	border-color: var(--coral);
}
button.button:hover, 
a.button:hover, 
.button a:hover, 
[data-node] .pp-gf-content .gform_wrapper .gform-button:hover, 
[data-node] .pp-gf-content .gform_wrapper .gform_footer .gform_button:hover, 
[data-node] .pp-gf-content .gform_wrapper .gform_page_footer .button:hover {
	background-color: white;
}
[data-node] .pp-gf-content .gform_wrapper .gform-button:hover, 
[data-node] .pp-gf-content .gform_wrapper .gform_footer .gform_button:hover, 
[data-node] .pp-gf-content .gform_wrapper .gform_page_footer .button:hover {
	background-color: white;
	color: var(--coral);
}
.fl-builder-content .fl-button i {
	font-size: 1.1em;
}

*:focus {
	outline: none;
}
*:focus-visible {
	outline: 1px dotted rgba(0,0,0,.6);
}
.rk-no-link {
	pointer-events: none;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
	button.button, 
	a.button, 
	.button a, 
	[data-node] .pp-gf-content .gform_wrapper .gform-button, 
	[data-node] .pp-gf-content .gform_wrapper .gform_footer .gform_button, 
	[data-node] .pp-gf-content .gform_wrapper .gform_page_footer .button {
		padding: 13px 17px 11px;
		font-size: 16px;
		border-radius: 6px;
	}
	button.rk-secondary.button, 
	.rk-secondary.button a,
	a.rk-secondary.button, 
	.rk-secondary.button a {
		padding: 11px 15px 8px;
		font-size: 14px;
	}
}
@media (max-width: 768px) {
	button.button, 
	a.button, 
	.button a, 
	[data-node] .pp-gf-content .gform_wrapper .gform-button, 
	[data-node] .pp-gf-content .gform_wrapper .gform_footer .gform_button, 
	[data-node] .pp-gf-content .gform_wrapper .gform_page_footer .button {
		padding: 11px 16px 9px;
		font-size: 14px;
		border-radius: 4px;
	}
	button.rk-secondary.button, 
	.rk-secondary.button a,
	a.rk-secondary.button, 
	.rk-secondary.button a {
		padding: 10px 13px 7px;
		font-size: 13px;
	}
}

/* --------------------------
MISC
-------------------------- */

hr {
	margin: 2em 0;
	border: none;
	border-top: 1px solid var(--sand-dark);
}


/*/////////////////////////////////////////////////////
2. HEADER
/////////////////////////////////////////////////////*/

/* --------------------------
LAYOUT
-------------------------- */

header .inside-header.grid-container, 
header .navigation-stick .inside-navigation.grid-container {
	max-width: 1640px;
}
header .inside-header {
	justify-content: space-between;
}
html .site-logo.mobile-header-logo img {
	height: 80px;
}

/* --------------------------
GP DESKTOP MENU
-------------------------- */

/* DEV */
/* .main-navigation ul ul {
	left: 0;
	height: auto;
	opacity: 1;
} */
/* END DEV */

/* GLOBAL */ 

#site-navigation, 
#site-navigation .inside-navigation, 
#site-navigation .inside-navigation #primary-menu, 
#sticky-navigation .inside-navigation #primary-menu {
	flex: 1;
	margin: unset;
}
#site-navigation {
	display: flex;
	justify-content: flex-end;
}
#site-navigation .inside-navigation {
	max-width: unset;
}
#site-navigation .inside-navigation #primary-menu, 
#sticky-navigation .inside-navigation #primary-menu {
	position: relative;
}
#site-navigation .inside-navigation #primary-menu .menu, 
#sticky-navigation .inside-navigation #primary-menu .menu {
	margin-right: 165px;
}

/* MENU BUTTON */ 

#site-navigation .main-nav ul li.button, 
#sticky-navigation .main-nav ul li.button {
	position: absolute;
	right: 0;
	padding: 0 0 0 20px;
}
.main-navigation .main-nav ul li.button a, 
.slideout-navigation.main-navigation .main-nav ul li.button a {
	line-height: 1.4em;
	color: white;
	border: none;
	transition: all 0.15s ease-out;
}
.main-navigation .main-nav ul li.button:hover a,
.main-navigation .main-nav ul li.button a:hover {
	background-color: var(--coral);
	color: white;
}

/* SUB MENU */ 

.main-navigation .main-nav ul ul {
	padding-top: 10px;
	padding-bottom: 10px;
}
.main-navigation ul ul {
	box-shadow: 0 10px 40px rgba(0,0,0,.1);
}

/* --- RESPONSIVE --- */

@media (max-width: 1200px) {
	.main-navigation .main-nav ul li:not(.button, .shortcode) a {
		padding-right: 15px;
		padding-left: 15px;
	}
	.menu-item-has-children .dropdown-menu-toggle {
		padding-right: 5px;
	}
}

/* --------------------------
GP MOBILE MENU
-------------------------- */

html .main-navigation .menu-toggle .gp-icon svg {
	fill: var(--khaki);
}
html .slideout-navigation .slideout-menu {
	max-width: 320px;
}
html .slideout-navigation.do-overlay .inside-navigation {
	padding-top: 20%;
}
html .slideout-navigation.do-overlay .slideout-menu li {
	margin-bottom: 0;
}
html .slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
	margin: 0;
	border: none;
}
html #generate-slideout-menu.main-navigation .main-nav ul ul {
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid rgba(255,255,255,.6);
	border-bottom: 1px solid rgba(255,255,255,.6);
}
html .slideout-navigation.main-navigation .main-nav ul li.button {
	order: -1;
	margin-bottom: 20px;
}
html .slideout-navigation.main-navigation .main-nav ul li.button a {
	background-color: white;
	color: var(--brown);
}
html .slideout-navigation.main-navigation .main-nav ul li.button:not([class*="current-menu-"]):hover > a {
	background-color: var(--coral);
	color: white;
}
.slideout-navigation.main-navigation .main-nav ul li.shortcode a {
	line-height: inherit;
}
.slideout-navigation.main-navigation .main-nav ul li.shortcode .fl-icon a {
	padding: inherit;
}

/* --- RESPONSIVE --- */

@media (max-width: 768px) {
	html .main-navigation .menu-toggle {
		padding: 15px;
	}
	html .main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
		padding: 10px;
	}
	html .slideout-navigation.do-overlay .slideout-exit {
		position: absolute;
	}
	html .slideout-navigation .main-nav ul ul li a {
		padding-top: 8px; 
		padding-bottom: 8px; 
	}
}

/* --------------------------
GP STICKY HEADER
-------------------------- */

#sticky-navigation .button a {
	padding-top: 10px;
	padding-bottom: 10px;
}
header .navigation-stick .inside-navigation.grid-container {
	padding-right: 40px;
	padding-left: 40px;
}

/* --- RESPONSIVE --- */

/* @media (max-width: 1210px) {
	html #site-navigation .navigation-branding, 
	html #sticky-navigation .navigation-branding {
		margin-left: 0;
	}
} */
@media (max-width: 1024px) {
	header .navigation-stick .inside-navigation.grid-container {
		padding-right: 20px;
	}
}
@media (max-width: 768px) {
	header .navigation-stick .inside-navigation.grid-container {
		padding-right: 10px;
		padding-left: 20px;
	}
}


/*/////////////////////////////////////////////////////
3. FOOTER
/////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////
4. COMPONENTS
/////////////////////////////////////////////////////*/

/*--------------------------
SOCIAL REVIEW
--------------------------*/

html #ndrsl-grid .ndrsl-row {
	gap: 20px;
}
html #ndrsl-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
html #ndrsl-grid .ndrsl-col.ndrsl-col-3,
html #ndrsl-grid .ndrsl-col.ndrsl-col-2 {
	flex: 1;
	max-width: unset;
	background-color: white;
	border: 1px solid var(--coral);
	border-radius: 10px;
}
html .ndrsl-live-compact-card .ndrsl-live-avatar-container {
	max-width: 88px;
}
h3.ndrsl-live-user-name {
	font-size: 20px;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
	html #ndrsl-grid .ndrsl-row {
		flex-direction: column;
	}
	html #ndrsl-grid .ndrsl-col.ndrsl-col-2 {
		border-radius: 8px;
	}
	h3.ndrsl-live-user-name {
		font-size: 18px;
	}
}
@media (max-width: 768px) {
	html #ndrsl-grid .ndrsl-col.ndrsl-col-2 {
		border-radius: 5px;
	}
	h3.ndrsl-live-user-name {
		font-size: 16px;
	}
}

/* ---------------------- */
/* PP MODAL */
/* ---------------------- */

.pp-modal .pp-modal-body, 
.pp-modal .pp-modal-content, 
.pp-modal .pp-modal-content-inner {
	height: 100vh;
	overflow: hidden;
}
.pp-modal .pp-modal-content, 
.pp-modal .pp-modal-content-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1 0 100%;
}
.pp-modal .fl-builder-content {
	flex: 1 0 100%;
}

.rk-loyalty-app-modal .fl-col {
	min-height: 0;
}

/* --- RESPONSIVE --- */

@media (max-width: 768px) {
	.pp-modal .pp-modal-content-inner {
		max-width: 420px;
	}
}

/* ---------------------- */
/* IMAGE BUTTON */
/* ---------------------- */

.fl-col-group-equal-height.fl-col-group-align-center .rk-img-button {
	width: auto;
}
.rk-img-button .fl-module-content a {
	display: inline-block;
	padding: 10px 25px;
	border-radius: 50px;
}
.rk-img-button.rk-bg-white .fl-module-content a {
	background-color: white;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
	.rk-img-button .fl-module-content a {
		padding: 9px 22px;
	}
}
@media (max-width: 810px) {
	.rk-img-button .fl-module-content a {
		padding: 8px 20px;
	}
}

/*--------------------------
GRAVITY FORMS
--------------------------*/

html .gform_wrapper.gravity-theme .ginput_complex label {
	font-size: 80%;
}

/* VALIDATION */

html .gform_wrapper.gravity-theme .gform_validation_errors {
	background: none;
}
html .gform_wrapper.gravity-theme .gform_validation_errors > h2 {
	font-family: "Spline Sans", Arial, Verdana, sans-serif;
	font-size: 15px;
}

html .gform_wrapper.gravity-theme .gfield_validation_message, 
html .gform_wrapper.gravity-theme .validation_message, 
html .pp-gf-content .gform_wrapper .gfield .gfield_description.validation_message {
	background: none;
	padding: 8px 20px;
	border-radius: 5px;
}


/*/////////////////////////////////////////////////////
5. HOME
/////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////
6. MENU - FUNCTION MENUS
/////////////////////////////////////////////////////*/

/* ---------------------- */
/* MENU NAV */
/* ---------------------- */

.rk-menus-nav {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px 15px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.rk-menus-nav a.button {
	gap: .5em;
	padding-top: 13px;
	padding-bottom: 10px;
	background-color: unset;
	color: var(--khaki);
	border: 1px solid var(--khaki);
}
.rk-menus-nav a:hover, 
.rk-menus-nav a.rk-current-term, 
.rk-menus-nav a.rk-active {
	background-color: var(--khaki);
	color: white;
}
.rk-menus-nav a.rk-active > span {
	color: white;
}
.rk-menus-nav a.rk-current-term, 
.rk-menus-nav a.rk-active {
	pointer-events: none;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
	.rk-menus-nav a.button {
		padding-top: 10px;
		padding-bottom: 7px;
	}
}
@media (max-width: 768px) {
	.rk-menus-nav {
		gap: 5px 10px;
	}
	.rk-menus-nav a.button {
		padding-top: 7px;
		padding-bottom: 4px;
	}
}

/* ---------------------- */
/* MENU DIETARY */
/* ---------------------- */

.rk-menu .rk-dietary-legend, 
.rk-menu .rk-dietary-legend li {
	margin: 0; 
	padding: 0;
	list-style-type: none;
}
.rk-menu .rk-dietary-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 40px;
	justify-content: center;
	margin-bottom: 30px;
	font-size: 13px;
	font-weight: 500;
}
.rk-menu .rk-dietary-legend li {
	white-space: nowrap;
}
.rk-menu span[class*="rk-tag"] {
	line-height: 0;
	vertical-align: middle;
}
.rk-menu .rk-dietary [class*="rk-tag"] + [class*="rk-tag"] {
	margin-left: .25em;
}
.rk-menu :is(li, span)[class*="rk-tag"]::before {
	background-color: white;
	font-family: 'Rowdy-Kitchen-Icons';
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	border-radius: 100%;
}
.rk-menu .rk-dietary-legend [class*="rk-tag"]::before {
	margin-right: .4em;
	vertical-align: middle;
}
.rk-menu .rk-menu-item :is(li, span)[class*="rk-tag"]::before {
	font-size: 22px;
}
.rk-menu .rk-sides .rk-menu-item :is(li, span)[class*="rk-tag"]::before {
	font-size: 20px;
}
.rk-menu :is(li, span).rk-tag-V::before {
	content: "\e90b";
}
.rk-menu :is(li, span).rk-tag-GF::before {
	content: "\e90c";
}
.rk-menu :is(li, span).rk-tag-DF::before {
	content: "\e90d";
}
.rk-menu :is(li, span).rk-tag-CBGF::before {
	content: "\e90e";
}
.rk-menu :is(li, span).rk-tag-CBDF::before {
	content: "\e90f";
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
	.rk-menu .rk-dietary-legend {
		column-gap: 20px;
		margin-bottom: 20px;
	}
	.rk-menu :is(li, span)[class*="rk-tag"]::before {
		font-size: 22px;
	}
	.rk-menu .rk-menu-item :is(li, span)[class*="rk-tag"]::before {
		font-size: 20px;
	}
	.rk-menu .rk-sides .rk-menu-item :is(li, span)[class*="rk-tag"]::before {
		font-size: 18px;
	}
}
@media (max-width: 768px) {
	.rk-menu .rk-dietary-legend {
		font-size: 12px;
	}
	.rk-menu :is(li, span)[class*="rk-tag"]::before {
		font-size: 20px;
	}
	.rk-menu .rk-menu-item :is(li, span)[class*="rk-tag"]::before {
		font-size: 18px;
	}
	.rk-menu .rk-sides .rk-menu-item :is(li, span)[class*="rk-tag"]::before {
		font-size: 16px;
	}
}

/* ---------------------- */
/* MENU SECTION */
/* ---------------------- */

.rk-menu .rk-section {
	padding: 50px 80px 80px;
	background-color: white; 
	border-radius: 20px;
}
.rk-menu .rk-section:not(:last-child) {
	margin-bottom: 50px;
}
.rk-menu h3.rk-section-title, 
.rk-menu.rk-function h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	margin: 0;
	padding-bottom: 1.5em;
	font-size: 30px;
	text-align: center;
	color: var(--coral);
}
.rk-menu h3.rk-section-title:before,
.rk-menu.rk-function h3::before,
.rk-menu h3.rk-section-title::after, 
.rk-menu.rk-function h3::after {
	content: "";
	border-top: 1px solid var(--coral);
	flex: 1 0 auto;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
	.rk-menu .rk-section {
		padding: 40px 40px 40px;
		border-radius: 15px;
	}
	.rk-menu .rk-section:not(:last-child) {
		margin-bottom: 40px;
	}
	.rk-menu h3.rk-section-title, 
	.rk-menu.rk-function h3 {
		font-size: 26px;
	}
}
@media (max-width: 768px) {
	.rk-menu .rk-section {
		padding: 30px 20px;
		border-radius: 10px;
	}
	.rk-menu .rk-section:not(:last-child) {
		margin-bottom: 20px;
	}
	.rk-menu h3.rk-section-title, 
	.rk-menu.rk-function h3 {
		font-size: 21px;
	}
}

/* ---------------------- */
/* MENU ITEM - GLOBAL */
/* ---------------------- */

.rk-menu .rk-menu-items {
	columns: 2;
	gap: 100px;
}
.rk-menu .rk-menu-items .rk-menu-item {
	break-inside: avoid;
	display: flex;
	gap: 1.5em;
	margin-bottom: 1.2em;
}
.rk-menu .rk-sides .rk-menu-items .rk-menu-item {
	margin-bottom: .5em;
}
.rk-menu .rk-menu-item .rk-content {
	display: flex;
	flex-wrap: wrap;
	gap: 0 .75em;
}
.rk-menu .rk-menu-item h4 {
	margin-bottom: 0;
	font-family: "Spline Sans", Arial, Verdana, sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--khaki);
}
.rk-menu .rk-sides .rk-menu-item h4, 
.rk-menu .rk-sides .rk-menu-item .rk-price {
	font-size: 18px;
}
.rk-menu .rk-sides .rk-menu-item h4 {
	font-weight: 300;
}
.rk-menu .rk-menu-item .rk-description {
	flex-basis: 100%;
	margin-top: .5em;
	margin-bottom: 0;
	font-size: 17px;
}
.rk-menu .rk-menu-item .rk-price {
	flex: 1 0 auto;
	font-weight: 600;
	text-align: right;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
	.rk-menu .rk-menu-items {
		gap: 80px;
	}
	.rk-menu .rk-menu-item h4 {
		font-size: 18px;
	}
	.rk-menu .rk-sides .rk-menu-item h4, 
	.rk-menu .rk-sides .rk-menu-item .rk-price {
		font-size: 16px;
	}
	.rk-menu .rk-menu-item .rk-description {
		font-size: 16px;
	}
}
@media (max-width: 768px) {
	.rk-menu .rk-menu-items {
		columns: unset;
	}
	.rk-menu .rk-menu-item h4 {
		font-size: 16px;
	}
	.rk-menu .rk-sides .rk-menu-item h4, 
	.rk-menu .rk-sides .rk-menu-item .rk-price {
		font-size: 14px;
	}
	.rk-menu .rk-menu-item .rk-description {
		font-size: 14px;
	}
}
/* @media (max-width: 420px) {
	.rk-menu .rk-menu-items .rk-menu-item {
		flex-direction: column;
		gap: 8px;
		margin-bottom: 1.5em;
	}
	.rk-menu .rk-menu-item .rk-description {
		margin-top: .25em;
		margin-bottom: 0;
	}
	.rk-menu .rk-menu-item .rk-price {
		flex-basis: 100%;
		text-align: left;
	}
} */

/* ---------------------- */
/* MENU ITEM - FREE FORM TEXT */
/* ---------------------- */

.rk-menu .rk-free-form-text {
	text-align: center;
}
.rk-menu .rk-free-form-text .rk-price {
	margin-left: .25em;
}
.rk-menu .rk-free-form-text h3 + .rk-text-intro {
	margin-top: -2em;
	margin-bottom: 2em;
}


/*/////////////////////////////////////////////////////
7. SEARCH RESULTS
/////////////////////////////////////////////////////*/

.search-results [data-node] .pp-content-post .pp-post-image {
	width: 20%;
}
.search-results [data-node] .pp-content-post .pp-content-body {
	width: 80%;
}
.relevanssi-query-term {
	position: relative;
	z-index: 0;
	padding-bottom: .25em;
}
.relevanssi-query-term::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right:0;
	bottom: 0;
	left: 0;
	border-bottom: 2px solid var(--green);
}

/* --- RESPONSIVE --- */

@media (max-width: 768px) {
	.search-results .rs-posts.rs-grid .pp-content-post {
		margin-bottom: 0;
	}
	.search-results [data-node] .pp-content-post .pp-post-image {
		max-width: 160px;
		width: auto;
	}
	.search-results [data-node] .pp-content-post .pp-content-body {
		width: 100%;
		padding-left: 0;
	}
}


/*/////////////////////////////////////////////////////
8. MISC
/////////////////////////////////////////////////////*/

.fl-builder-block-thumbnail {
	display: none;
}

/* --- responsive embed --- */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*/////////////////////////////////////////////////////
9. STYLES TEMPLATE
/////////////////////////////////////////////////////*/

[class*="av-demo-font-"] {
	font-size: 24px;
}
[class*="av-demo-font-"] h2, 
[class*="av-demo-font-"] h3 {
	margin-bottom: .75em; 
}
.av-demo-font-1, 
.av-demo-font-1 h2, 
.av-demo-font-1 h3 {
	font-family: "Roca One"; 
}
.av-demo-font-2, 
.av-demo-font-2 h2, 
.av-demo-font-2 h3 {
	font-family: "Spline Sans"; 
}