/*
Theme Name:   Eet Smakelijk Theme
Theme URI:    https://elementor.com/hello-theme/
Description:  Eet Smakelijk custom theme
Author:       Vincent van den Brink
Author URI:   https://pixelwrk.nl
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-child
*/

/*** GENERAL ***/
html {
	font-size: 1rem;
	scroll-behavior: smooth;
}

body * {
	outline: none;
}

h1, h2, h3, h4, h5, h6 {
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
}

/* Sharpen images in Chrome */
img {
	image-rendering: -webkit-optimize-contrast !important;
}

img:is([sizes="auto" i], [sizes^="auto," i]) {
	contain-intrinsic-size: auto !important;
}

/* Headings */
h1 { font-size: 3.5rem }
h2 { font-size: 3rem }
h3 { font-size: 2.5rem }
h4 { font-size: 2rem }
h5 { font-size: 1.5rem}
h6 { font-size: 1.2rem }

/* Paragraphs */
p {
	margin-top: 0;
}

/* Links */
.elementor-widget-text-editor a {
	text-decoration: underline !important;
}

.elementor-widget-text-editor a:hover {
	text-decoration: none !important;
}


/* List */
.elementor-widget-text-editor ul,
.elementor-widget-theme-post-content ul,
.elementor-widget-text-editor ol,
.elementor-widget-theme-post-content ol {
	margin: 0 0 24px 0;
}

.elementor-widget-text-editor :last-child,
.elementor-widget-theme-post-content :last-child {
	margin-bottom: 0;
}

/* Buttons */
a.elementor-button,
a:hover.elementor-button {
	font-size: var(--e-global-typography-accent-font-size) !important;
	font-weight: var(--e-global-typography-accent-font-weight) !important;
	line-height: var(--e-global-typography-accent-line-height) !important;
}

/* Hide inner shadow on inputs */
input,
textarea {   
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}



/*** GENERAL ***/

/* Edged */
.elementor-element.edged {
	--edge-height: 24px;
	--edge-color: var(--e-global-color-ce79ce6);
	
	position: relative;
}

.elementor-element.edged::before,
.elementor-element.edged::after {
	top: 0;
	left: 0;
	right: 0;
	height: var(--edge-height);
	content: '';
	background: var(--edge-color);
	position: absolute;
	pointer-events: none;
	-webkit-mask-image: url("/wp-content/themes/hello-child/img/edge.svg");
	mask-image: url("/wp-content/themes/hello-child/img/edge.svg");
	-webkit-mask-repeat: repeat-x;
	mask-repeat: repeat-x;
	-webkit-mask-size: auto 100%;
	mask-size: auto 100%;
}

.elementor-element.edged::after {
	top: auto;
	bottom: 0;
	transform: scaleY(-1);
}

/* Frame (pictures) */
.framed {
	aspect-ratio: 1/1;
	position: relative;
}

.framed::after {
	inset: 0;
	content: '';
	background: var(--e-global-color-ce79ce6);
	pointer-events: none;
	position: absolute;
	-webkit-mask: url("/wp-content/themes/hello-child/img/frame.svg") no-repeat center / 100% 100%;
	mask: url("/wp-content/themes/hello-child/img/frame.svg") no-repeat center / 100% 100%;
}

/* Colors */
.framed.primary::after {
	background: var(--e-global-color-primary);
}

/* Lines (headings) */
.lines::before {
	top: 50%;
	left: 0;
	width: 100%;
	content: '';
	border-bottom: 3px double var(--e-global-color-primary);
	position: absolute;
}

.lines .elementor-heading-title {
	margin: 0 -16px;
	padding: 0 16px;
	background: var(--e-global-color-ce79ce6);
	position: relative;
	display: inline-flex;
}

/*** FORM ***/
.es-form .af-form {
    display: flex;
    flex-direction: column;	
}

/** Pages **/
.es-form .af-fields .af-page-wrap {
	margin: 16px 8px;
	border: 1px solid var(--e-global-color-51bb8b9);
}

/* Button */
.es-form .af-fields .af-page-wrap .af-page-button {
	color: var(--e-global-color-text);
	background: var(--e-global-color-ce79ce6);
	display: flex;
	justify-content: center;
	align-items: center;
}

.es-form .af-fields .af-page-wrap .af-page-button .index {
	display: none;
}

.es-form .af-fields .af-page-wrap .af-page-button .title {
	padding-left: 14px;
}

.es-form .af-fields .af-page-wrap .af-page-button::before {
	border-left-color: var(--e-global-color-51bb8b9);
}

.es-form .af-fields .af-page-wrap .af-page-button::after {
	border-left-color: var(--e-global-color-ce79ce6);
}

/* Enabled */
.es-form .af-fields .af-page-wrap .af-page-button.enabled {
	background: var(--e-global-color-fd7dd47);
}

.es-form .af-fields .af-page-wrap .af-page-button.enabled:after {
    border-left-color: var(--e-global-color-fd7dd47);
}

/* Current */
.es-form .af-fields .af-page-wrap .af-page-button.current {
	color: var(--e-global-color-3bd2cc8);
	font-weight: var(--e-global-typography-accent-font-weight);
	background: var(--e-global-color-primary);
}

.es-form .af-fields .af-page-wrap .af-page-button.current:after {
    border-left-color: var(--e-global-color-primary);
}


/** Fields **/
.es-form .af-fields {
	margin: -8px;
}

.es-form .af-fields > .af-field {
	padding: 8px;
	border: none;
}

/** Label **/
.es-form .af-form .af-label {
	margin-bottom: 8px;
}

.es-form .af-form .af-label label {
	margin: 0;
	font-weight: var(--e-global-typography-accent-font-weight);
}

.es-form .af-form .af-label label .acf-required {
	color: var(--e-global-color-secondary);
}

.es-form .af-form .af-label .af-field-instructions {
	margin: 8px 0;
}

/** Input **/
.es-form .af-form .af-input {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.es-form .af-form .af-input .acf-input-wrap {
	order: 1;
}

/** Notice (general) **/
.es-form .af-form .acf-notice {
	margin: 0 0 16px 0;
	padding: 16px;
	border: none;
	background: var(--e-global-color-f7323e3);
}

.es-form .af-form .acf-notice p {
	margin: 0;
	padding-right: 32px;
	font-size: 1rem;
}

.es-form .af-form .acf-notice a.acf-notice-dismiss {
	top: 50%;
	right: 12px;
	width: 24px;
	height: 24px;
	line-height: 22px;
	font-size: var(--e-global-typography-text-font-size);
	border: none;
	background-color: rgba(255,255,255,0.2) !important;
	transform: translatey(-50%);
	opacity: 1;
	transition: background-color .3s ease;
}

.es-form .af-form .acf-notice a.acf-notice-dismiss:hover {
	background-color: rgba(255,255,255,0.4) !important;
}

.es-form .af-form .acf-icon:before {
	margin: 0;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: var(--e-global-typography-text-font-size);
}

/** Field notice (error) **/
.es-form .af-form .af-input .acf-notice {
	margin: 0;
	padding: 0;
	color: var(--e-global-color-f7323e3);
	border: none;
	background: none;
	order: 2;
}

.es-form .af-form .af-input .acf-notice p {
	margin: 0;
	font-size: 15px;
}

/** Input & Textarea **/
.es-form .af-form .af-input input {
	height: 52px;
}

.es-form .af-form .af-input input:focus,
.es-form .af-form .af-input select:focus,
.es-form .af-form .af-input textarea:focus {
	border-color: var(--e-global-color-primary);
}

.es-form .af-form .af-input textarea {
	padding: 16px;
	font-size: var(--e-global-typography-text-font-size);
}

/* Buttons */
.es-form .acf-fields > .af-submit {
	padding: 8px;
}

.es-form .af-submit button {
	padding: 12px 24px;
	transition: background 0.3s ease;
	cursor: pointer;
}

.es-form .af-submit button:disabled {
  	cursor: not-allowed;
  	opacity: 0.5;
}

/** Radio **/
.es-form .acf-radio-list.acf-hl li {
	margin: 2px 16px 2px 0;
}

.es-form .acf-radio-list input[type='radio'] {
	opacity: 0;
	position: absolute;
	pointer-events: none;
}

.es-form .acf-radio-list label {
	padding-left: 32px;
	line-height: 24px;
	font-weight: var(--e-global-typography-text-font-weight);
	cursor: pointer;
	user-select: none;
	position: relative;
}

/* Buitenste cirkel */
.es-form .acf-radio-list label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	border: 3px double var(--e-global-color-51bb8b9);
	border-radius: 50%;
	background: white;
	transition: border-color .3s ease;
}

/* Binnenste bolletje */
.es-form .acf-radio-list label::after {
	content: '';
	position: absolute;
	left: 6px;
	top: 6px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--e-global-color-primary);
	opacity: 0;
	transition: opacity .3s ease;
}

.es-form .acf-radio-list label:has(input[type='radio']:checked)::after {
	opacity: 1;
}

.es-form .acf-radio-list label:has(input[type='radio']:hover)::before,
.es-form .acf-radio-list label:has(input[type='radio']:checked)::before,
.es-form .acf-radio-list label:has(input[type='radio']:active)::before {
	border-color: var(--e-global-color-primary);
}

/** Select **/
.es-form .af-form .af-input select {
	padding: 8px 36px 8px 16px;
	height: 52px;
	font-size: 1rem;
	color: var(--e-global-color-text);
	background-color: var(--e-global-color-3bd2cc8);
	border: 3px double var(--e-global-color-51bb8b9);
	transition: .3s ease;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.es-form .af-form .acf-field-select .af-input::after {
	top: 50%;
	right: 16px;
	width: 0;
	height: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid currentColor;
	position: absolute;
	transform: translateY(-50%);
	pointer-events: none;
} 

/** Checkbox **/
.es-form .acf-checkbox-list.acf-bl {
	margin: -4px 0;
}

.es-form .acf-checkbox-list.acf-bl li {
	margin: 4px 16px 4px 0;
}

.es-form .acf-checkbox-list input[type='checkbox'] {
	opacity: 0;
	position: absolute;
	pointer-events: none;
}

.es-form .acf-checkbox-list label {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	line-height: 24px;
	font-weight: var(--e-global-typography-text-font-weight);
	cursor: pointer;
	user-select: none;
	position: relative;
}

/* Buitenste vakje */
.es-form .acf-checkbox-list label::before {
	content: '';
	width: 24px;
	height: 24px;
	border: 3px double var(--e-global-color-51bb8b9);
	background: white;
	transition: border-color .3s ease;
	flex-shrink: 0;
}

/* Check vinkje */
.es-form .acf-checkbox-list label::after {
	content: '';
	position: absolute;
	left: 8px;
	top: 4px;
	width: 8px;
	height: 13px;
	border: solid var(--e-global-color-primary);
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
	opacity: 0;
	transition: opacity .3s ease;
}

.es-form .acf-checkbox-list label:has(input[type='checkbox']:checked)::after {
	opacity: 1;
}

.es-form .acf-checkbox-list label:has(input[type='checkbox']:hover)::before,
.es-form .acf-checkbox-list label:has(input[type='checkbox']:checked)::before,
.es-form .acf-checkbox-list label:has(input[type='checkbox']:active)::before {
	border-color: var(--e-global-color-primary);
}



/*** HEADER ***/

/* Header (sticky) edge */
#header.edged {
	top: 0;
	background: var(--e-global-color-ce79ce6);
	position: sticky;
}

#header.edged::before {
	display: none;
}

#header.edged::after {
	bottom: -24px;
	transform: none;
}

/* Main menu */
#menu .elementor-nav-menu--dropdown {
	padding: 8px 0;
	min-width: 100% !important;
}

#menu .elementor-nav-menu .menu-item a,
#menu .elementor-nav-menu .menu-item a:hover { 
	border-left: none;
	line-height: var(--e-global-typography-primary-line-height);
	justify-content: center;
}

#menu .elementor-nav-menu .menu-item .sub-arrow {
	display: none;
}

#menu .menu-item a:hover {
	text-decoration: underline;
}

/* Mobile menu */
#menu .elementor-menu-toggle {
	padding: 4px;
	width: 36px;
	height: 36px;
}

#menu .elementor-menu-toggle > span {
	margin-top: 3px;
}

/*** HOMEPAGE ***/
#aanbod .gerecht-foto {
	aspect-ratio: 1/1;
	position: relative;
	display: flex;
	overflow: hidden;
}

#aanbod .gerecht-foto::before,
#aanbod .gerecht-foto::after {
	content: '';
	box-shadow: inset 0 0 0 1px var(--e-global-color-ce79ce6);
	position: absolute;
	z-index: 5;
}

#aanbod .gerecht-foto::before {
	width: calc(100% - 16px);
	height: calc(100% - 16px);
	inset: 8px;
}

#aanbod .gerecht-foto::after {
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	inset: 10px;
}

#aanbod .gerecht-foto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	z-index: 2;
}



/*** GERECHT PAGINA ***/

/* Hero */
#hero {
	min-height: 380px;
}

#hero .overlay {
	z-index: 0;
}

#hero .overlay .e-con-inner {
	position: relative;
}

/* Price badge */
#price-badge {
	--g:/11.546% 11.546% radial-gradient(#000 calc(71% - 1px), #0000 71%) no-repeat;	

	width: 200px;
	color: var(--e-global-color-3bd2cc8);
	background: radial-gradient(circle, var(--e-global-color-secondary) 20%, var(--e-global-color-primary) 100%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1/1;
	mask: 100% 50% var(--g),98.296% 62.941% var(--g),93.301% 75% var(--g),85.355% 85.355% var(--g),75% 93.301% var(--g),62.941% 98.296% var(--g),50% 100% var(--g),37.059% 98.296% var(--g),25% 93.301% var(--g),14.645% 85.355% var(--g),6.699% 75% var(--g),1.704% 62.941% var(--g),0% 50% var(--g),1.704% 37.059% var(--g),6.699% 25% var(--g),14.645% 14.645% var(--g),25% 6.699% var(--g),37.059% 1.704% var(--g),50% 0% var(--g),62.941% 1.704% var(--g),75% 6.699% var(--g),85.355% 14.645% var(--g),93.301% 25% var(--g),98.296% 37.059% var(--g),radial-gradient(100% 100%,#000 43.849%,#0000 calc(43.849% + 1px));
	transform: rotate(8deg);
}

#price-badge .row {
	line-height: normal;
	font-size: 1.5rem;
}

#price-badge .row.price {
	font-size: 2rem;
	font-weight: bold;
}

/* Lunch blocks */
#lunch .elementor-icon-box-title {
	margin-top: 0;
}


/** Gerechten **/
.gerechten ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Dishes list */
.gerechten-lijst ul {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

/* Dishes with photos (GRID) */
.gerechten-fotos-grid ul {
	display: grid;
	gap: 40px;
}

.gerechten-fotos-grid.cols-1 ul { grid-template-columns: repeat(1, 1fr); }
.gerechten-fotos-grid.cols-2 ul { grid-template-columns: repeat(2, 1fr); }
.gerechten-fotos-grid.cols-3 ul { grid-template-columns: repeat(3, 1fr); }
.gerechten-fotos-grid.cols-4 ul { grid-template-columns: repeat(4, 1fr); }

/* Grid item (foto boven, content onder) */
.gerechten-fotos-grid li.gerecht-item {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* Dishes with photos (LIST) */
.gerechten-fotos-lijst ul {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

/* List item (foto links, content rechts) */
.gerechten-fotos-lijst li.gerecht-item {
	display: flex;
	flex-direction: row;
	gap: 16px;
	align-items: flex-start;
}

/* Zorg dat tekst kan wrappen binnen flex */
.gerechten-fotos-lijst .gerecht-content {
	min-width: 0;
}

/* Foto in lijst: vaste maat zodat het netjes blijft */
.gerechten-fotos-lijst .gerecht-foto {
	flex: 0 0 126px;
	aspect-ratio: 1/1;
}

.gerechten .gerecht-foto.is-empty {
	background-color: var(--e-global-color-fd7dd47);
}

.gerechten-lijst li.gerecht-item {
	padding-left: 24px;
	position: relative;
}

.gerechten-lijst li.gerecht-item:before {
	top: 0;
	left: 0;
	content: "◆";
	color: var(--e-global-color-primary);
	position: absolute;
}

/* Content */
.gerechten .gerecht-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.gerechten-lijst .gerecht-content {
	gap: 0;
}

/* Title */
.gerechten .gerecht-titel {
	margin: 0;
	font-size: 1.5rem;
	overflow-wrap: break-word;
	word-break: break-word;
}

.gerechten-lijst .gerecht-titel {
	display: inline-flex;
}

/* Subtitle */
.gerechten .gerecht-ondertitel {
	font-style: italic;
	color: var(--e-global-color-primary);
	overflow-wrap: break-word;
	word-break: break-word;
}

.gerechten-lijst .gerecht-ondertitel:before {
	content: '(';
}

.gerechten-lijst .gerecht-ondertitel:after {
	content: ')';
}

/* Description */
.gerechten .gerecht-omschrijving {
	overflow-wrap: break-word;
	word-break: break-word;
}

.gerechten .gerecht-omschrijving  p:last-child {
	margin-bottom: 0;
}

/* Photo */
.gerechten-fotos .gerecht-foto {
	aspect-ratio: 1/1;
	position: relative;
	display: flex;
	overflow: hidden;
}

.gerechten-fotos .gerecht-foto a::before,
.gerechten-fotos .gerecht-foto a::after {
	content: '';
	box-shadow: inset 0 0 0 1px var(--e-global-color-ce79ce6);
	position: absolute;
	z-index: 5;
}

.gerechten-fotos .gerecht-foto a::before {
	width: calc(100% - 12px);
	height: calc(100% - 12px);
	inset: 6px;
}

.gerechten-fotos .gerecht-foto a::after {
	width: calc(100% - 16px);
	height: calc(100% - 16px);
	inset: 8px;
}

.gerechten-fotos-lijst .gerecht-foto a::before {
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	inset: 4px;
}

.gerechten-fotos-lijst .gerecht-foto a::after {
	display: none;
}

.gerechten-fotos .gerecht-foto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	z-index: 2;
}

/** Lightbox **/
.dialog-lightbox-widget {
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
}

.dialog-lightbox-widget a.dialog-close-button {
	font-size: 24px !important;
}

.dialog-lightbox-widget .swiper-lazy-preloader {
	width: 48px;
	height: 48px;
	border-width: 4px;
	border-color: rgba(255,255,255,.25) !important;
	border-top-color: rgba(255,255,255,1) !important;
}

.dialog-lightbox-widget img[src=""],
.dialog-lightbox-widget img:not([src]) {
  display: none !important;
}

.dialog-lightbox-widget .elementor-slideshow__title {
	font-size: var(--e-global-typography-text-font-size);
}


/** Stepper **/
#stepper .step {
	--s: 96px;
	width: var(--s);
	aspect-ratio: 1/1;
	color: var(--e-global-color-primary);
	font-size: 3rem;
	--g:/calc(var(--s)*0.156) calc(var(--s)*0.156) radial-gradient(50% 50%,#000 99%,#0000 101%) no-repeat;
	mask: calc(50% + var(--s)*0.4) calc(50% + var(--s)*0) var(--g),calc(50% + var(--s)*0.37) calc(50% + var(--s)*0.153) var(--g),calc(50% + var(--s)*0.283) calc(50% + var(--s)*0.283) var(--g),calc(50% + var(--s)*0.153) calc(50% + var(--s)*0.37) var(--g),calc(50% + var(--s)*0) calc(50% + var(--s)*0.4) var(--g),calc(50% + var(--s)*-0.153) calc(50% + var(--s)*0.37) var(--g),calc(50% + var(--s)*-0.283) calc(50% + var(--s)*0.283) var(--g),calc(50% + var(--s)*-0.37) calc(50% + var(--s)*0.153) var(--g),calc(50% + var(--s)*-0.4) calc(50% + var(--s)*0) var(--g),calc(50% + var(--s)*-0.37) calc(50% + var(--s)*-0.153) var(--g),calc(50% + var(--s)*-0.283) calc(50% + var(--s)*-0.283) var(--g),calc(50% + var(--s)*-0.153) calc(50% + var(--s)*-0.37) var(--g),calc(50% + var(--s)*0) calc(50% + var(--s)*-0.4) var(--g),calc(50% + var(--s)*0.153) calc(50% + var(--s)*-0.37) var(--g),calc(50% + var(--s)*0.283) calc(50% + var(--s)*-0.283) var(--g),calc(50% + var(--s)*0.37) calc(50% + var(--s)*-0.153) var(--g),radial-gradient(calc(var(--s)*0.462),#000 99%,#0000 101%) subtract,calc(50% + var(--s)*0.518) calc(50% + var(--s)*0.103) var(--g),calc(50% + var(--s)*0.439) calc(50% + var(--s)*0.293) var(--g),calc(50% + var(--s)*0.293) calc(50% + var(--s)*0.439) var(--g),calc(50% + var(--s)*0.103) calc(50% + var(--s)*0.518) var(--g),calc(50% + var(--s)*-0.103) calc(50% + var(--s)*0.518) var(--g),calc(50% + var(--s)*-0.293) calc(50% + var(--s)*0.439) var(--g),calc(50% + var(--s)*-0.439) calc(50% + var(--s)*0.293) var(--g),calc(50% + var(--s)*-0.518) calc(50% + var(--s)*0.103) var(--g),calc(50% + var(--s)*-0.518) calc(50% + var(--s)*-0.103) var(--g),calc(50% + var(--s)*-0.439) calc(50% + var(--s)*-0.293) var(--g),calc(50% + var(--s)*-0.293) calc(50% + var(--s)*-0.439) var(--g),calc(50% + var(--s)*-0.103) calc(50% + var(--s)*-0.518) var(--g),calc(50% + var(--s)*0.103) calc(50% + var(--s)*-0.518) var(--g),calc(50% + var(--s)*0.293) calc(50% + var(--s)*-0.439) var(--g),calc(50% + var(--s)*0.439) calc(50% + var(--s)*-0.293) var(--g),calc(50% + var(--s)*0.518) calc(50% + var(--s)*-0.103) var(--g);
	background: var(--e-global-color-3bd2cc8);
	display: flex;
	justify-content: center;
	align-items: center;
}


/*** SITEMAP ***/
#sitemap .elementor-sitemap-title {
	margin: 0 0 16px 0;
}

#sitemap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sitemap ul li {
	padding-left: 20px;
	position: relative;
}

#sitemap ul li::before {
	left: 0;
	top: 10px;
	width: 10px;
	height: 10px;
	content: '';
	border: 1px solid var(--e-global-color-primary);
	transform: rotate(45deg);
	transition: border-color .3s ease, background-color .3s ease;
	position: absolute;
}

#sitemap ul li:hover::before {
	border-color: var(--e-global-color-primary);
	background: var(--e-global-color-primary)
}



/*** FOOTER ***/

/* Edged */
#footer {
	margin-top: 24px;
}

#footer.edged::before {
	top: -23px;
	left: 0;
	right: 0;
	height: 24px;
	content: '';
	background: var(--e-global-color-primary);
	position: absolute;
	pointer-events: none;
	-webkit-mask-image: url("/wp-content/themes/hello-child/img/edge.svg");
	mask-image: url("/wp-content/themes/hello-child/img/edge.svg");
	-webkit-mask-repeat: repeat-x;
	mask-repeat: repeat-x;
	-webkit-mask-size: auto 100%;
	mask-size: auto 100%;
	transform: scaleY(-1);
}

#footer.edged::after {
	display: none;
}

/* Menu */
#footer .menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer .menu ul li {
	padding-left: 20px;
	position: relative;
}

#footer .menu ul li::before {
	left: 0;
	top: 10px;
	width: 10px;
	height: 10px;
	content: '';
	border: 1px solid var(--e-global-color-secondary);
	transform: rotate(45deg);
	transition: border-color .3s ease, background-color .3s ease;
	position: absolute;
}

#footer .menu ul li:hover::before {
	border-color: var(--e-global-color-3bd2cc8);
	background: var(--e-global-color-3bd2cc8)
}



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



	/*** GERECHT PAGINA ***/

	/* Gerechten */
	.gerechten-fotos.cols-4 ul { grid-template-columns: repeat(3, 1fr); }



}

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

	/* HEADINGS */
	h1 { font-size: 3rem }
	h2 { font-size: 2.5rem }
	h3 { font-size: 2rem }
	h4 { font-size: 1.75rem}
	h5 { font-size: 1.5rem }
	h6 { font-size: 1.2rem }


	/*** FORM ***/
	.es-form .acf-fields > .af-field {
		width: 100% !important;
	}



	/*** MENU ***/

	/* Main menu */
	#menu nav.elementor-nav-menu__container {
		top: 64px !important;
		left: 16px !important;
		right: 16px !important;
		width: calc(100% - 32px) !important;
		position: fixed;
	}

	#menu .elementor-nav-menu--dropdown {
		min-width: auto !important;
	}

	#menu .sub-menu.elementor-nav-menu--dropdown {
		padding: 0;
	}


	/*** GERECHT PAGINA ***/

	/* Price badge */
	#price-badge {
		width: 160px;
	}

	#price-badge .row {
		font-size: 1.5rem;
	}

	#price-badge .row.price {
		font-size: 1.75rem;
	}

	/* Gerechten */
	.gerechten-fotos.cols-3 ul { grid-template-columns: repeat(2, 1fr); }
	.gerechten-fotos.cols-4 ul { grid-template-columns: repeat(2, 1fr); }

	/* Dishes with photos */
	.gerechten-fotos ul {
		display: grid;
		column-gap: 24px; /* horizontaal */
		row-gap: 40px;    /* verticaal */
	}



}