/*!
Theme Name: Enable Cookies
Theme URI: http://underscores.me/
Author: Arielle M., John S.
Author URI: https://johnsjustwantstochill.ca/enable-cookies
Description: A WordPress theme for Enable Cookies.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: enable-cookies
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Enable Cookies is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #1C1009;
	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1.125rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	text-transform: lowercase;
}

h1 {
	font-family: "Caprasimo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: 400;
	color: #ffd230;
	font-size: 2.5rem;
}

h2 {
	font-family: "Caprasimo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: 400;
	font-size: 2.5rem;
	color: #1C1009;
	margin-bottom: 0.5rem;
}
h2 > span {
	color: #723f18;
}

h3 {
	font-family: "Playpen Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1.5rem;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #ce631a;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
:target {
	scroll-margin-top: 2rem;
}

body {
	background: #fffdf8;
	overflow-x: hidden;
}
body .site,
body .site-main {
	background-color: transparent;
	max-width: 75rem;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	min-height: 80vh;
	padding: 0;
}
body .site > section,
body .site-main > section {
	padding: 1rem;
}
@media (min-width: 37.5em) {
	body .site > section,
	body .site-main > section {
		padding: 2rem;
	}
}
@media (min-width: 75em) {
	body .site .full-bleed,
	body .site-main .full-bleed {
		width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
		margin: 0 -50vw;
		display: grid;
		grid-template-columns: 1fr min(75rem, 100%) 1fr;
	}
	body .site .full-bleed > div,
	body .site-main .full-bleed > div {
		grid-column: 2/3;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	body .site header.full-bleed > div,
	body .site-main header.full-bleed > div {
		display: flex;
		padding: 0;
	}
	body .site footer.full-bleed > div,
	body .site-main footer.full-bleed > div {
		display: block;
	}
	body .site section.full-bleed,
	body .site footer.full-bleed,
	body .site-main section.full-bleed,
	body .site-main footer.full-bleed {
		padding-left: 0;
		padding-right: 0;
	}
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

ol > li {
	list-style: none;
}

ol > li h3::before {
	content: counter(list-item);
	font-family: "Caprasimo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: 400;
	font-size: 1.75rem;
	background-color: #1C1009;
	color: #fffdf8;
	position: absolute;
	left: -3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3rem;
	width: 2.75rem;
	height: 2.75rem;
}

li {
	position: relative;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

svg path {
	fill: #723f18;
}

/* Links
--------------------------------------------- */
a {
	color: #7f120a;
	transition: 200ms ease;
}
@media screen and (prefers-reduced-motion: reduce) {
	a {
		transition: none;
	}
}
a:visited {
	color: #65110c;
}
a:hover, a:focus, a:active {
	color: #ce631a;
}
a:focus {
	outline: 3px dotted #e4772e;
}
a:hover, a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.button.primary {
	transition: 200ms ease;
	border-radius: 4px;
	background: #7f120a;
	color: #fffdf8;
	line-height: 1;
	padding: 0.75rem 2.5rem;
	text-decoration: none;
	text-transform: uppercase;
}
@media screen and (prefers-reduced-motion: reduce) {
	button,
	input[type=button],
	input[type=reset],
	input[type=submit],
	.button,
	.button.primary {
		transition: none;
	}
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
.button:hover,
.button.primary:hover {
	background: #ce631a;
}
button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active,
.button:active,
.button.primary:active {
	background: #65110c;
}
button:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
.button:focus,
.button.primary:focus {
	outline: 3px dotted #e4772e;
}
button:hover, button:active,
input[type=button]:hover,
input[type=button]:active,
input[type=reset]:hover,
input[type=reset]:active,
input[type=submit]:hover,
input[type=submit]:active,
.button:hover,
.button:active,
.button.primary:hover,
.button.primary:active {
	outline: 0;
}

.button {
	display: inline-block;
	margin-top: 1rem;
	text-decoration: none;
	border-radius: 8px;
	font-weight: bold;
}
.button:hover, .button:active, .button:focus {
	color: #fffdf8;
}

.button.order-button {
	display: block;
	width: -moz-max-content;
	width: max-content;
	margin: 4rem auto;
}

.button.order-button:visited,
.button.order-form:visited {
	color: #fffdf8;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
	color: #723f18;
	border: 1px solid #ce631a;
	border-radius: 3px;
	padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
	color: #1C1009;
}

select {
	border: 1px solid #ce631a;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
@property --stop1 {
	syntax: "<percentage>";
	initial-value: 0%;
	inherits: false;
}
@property --stop2 {
	syntax: "<percentage>";
	initial-value: 0%;
	inherits: false;
}
.menu-toggle {
	stroke: #1C1009;
	color: #1C1009;
	background: transparent;
	text-transform: uppercase;
	font-weight: 500;
	display: block;
	margin: 0;
	padding: 0.8rem 0.875rem;
	font-size: 1em;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1100;
	border: 0;
	box-shadow: none;
	text-shadow: none;
	text-decoration: none;
	cursor: pointer;
	border-radius: 0;
}
.menu-toggle:hover {
	background: #ce631a;
}
.menu-toggle:active {
	background: #e4772e;
}
.menu-toggle:focus {
	outline: 3px dotted #e4772e;
}
.menu-toggle svg path {
	fill: none;
	stroke: #1C1009;
	stroke-width: 0.125rem;
	stroke-linecap: round;
	stroke-linejoin: round;
	transform-origin: right center;
	transition: opacity 200ms ease, width 200ms ease, rotate 200ms ease, translate 200ms ease;
}
@media screen and (prefers-reduced-motion: reduce) {
	.menu-toggle svg path {
		transition: none;
	}
}

.main-navigation.toggled .menu-toggle svg path:first-of-type {
	rotate: -45deg;
	translate: 0.0625rem -0.2625rem;
}
.main-navigation.toggled .menu-toggle svg path:last-of-type {
	rotate: 45deg;
	translate: 0.0625rem 0.2625rem;
}
.main-navigation.toggled .menu-toggle svg path:nth-of-type(2) {
	opacity: 0;
	width: 0;
}

.main-navigation {
	display: block;
	width: 100%;
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}
.main-navigation li {
	position: relative;
}
.main-navigation a {
	color: #1C1009;
	padding: 1rem;
	display: block;
	font-size: 1.25rem;
	text-align: right;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	transition: --stop1 250ms ease-in-out, --stop2 250ms ease-in-out, background-color 150ms ease-in-out;
	background: radial-gradient(circle at right, #fffdf8 var(--stop1), transparent var(--stop2));
	background-color: transparent;
}
@media screen and (prefers-reduced-motion: reduce) {
	.main-navigation a {
		transition: none;
	}
}
.main-navigation a:hover {
	--stop1: 50%;
	--stop2: 50.125%;
	background-color: #e4772e;
}

.main-navigation.toggled .menu-header-menu-container ul {
	background: #ffd230;
	display: block;
	position: absolute;
	width: 100%;
	z-index: 150;
	right: 0;
	top: 4rem;
}
.main-navigation.toggled .menu-header-menu-container ul .nav-menu {
	background: #ffd230;
	list-style: none;
	padding: 0;
	margin: 0;
}
.main-navigation.toggled .menu-header-menu-container ul .nav-menu a {
	text-align: center;
	display: block;
}
.main-navigation.toggled .menu-header-menu-container ul .site-header-cart {
	display: none;
}

@media (min-width: 46.875em) {
	.main-navigation,
	.main-navigation.toggled {
		width: auto;
	}
	.main-navigation .menu-item-home,
	.main-navigation .menu-toggle,
	.main-navigation.toggled .menu-item-home,
	.main-navigation.toggled .menu-toggle {
		display: none;
	}
	.main-navigation ul,
	.main-navigation.toggled ul {
		background: transparent;
	}
	.main-navigation .menu-header-menu-container,
	.main-navigation.toggled .menu-header-menu-container {
		display: flex;
		display: block;
		position: static;
	}
	.main-navigation .menu-header-menu-container li,
	.main-navigation.toggled .menu-header-menu-container li {
		position: static;
	}
	.main-navigation .menu-header-menu-container li a,
	.main-navigation.toggled .menu-header-menu-container li a {
		font-size: 1rem;
		height: 4rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 1rem 1.25rem;
		border-radius: 0 0 50% 50%;
		overflow-x: visible;
		background: radial-gradient(circle at top, #fffdf8 var(--stop1), transparent var(--stop2));
		transition: --stop1 250ms ease-in-out, --stop2 250ms ease-in-out, background-color 250ms 50ms ease-in-out;
	}
	.main-navigation .menu-header-menu-container li a:hover,
	.main-navigation.toggled .menu-header-menu-container li a:hover {
		--stop1: 100%;
		--stop2: 100%;
		background-color: #fffdf8;
	}
	.main-navigation ul,
	.main-navigation.toggled ul {
		display: flex;
	}
	.main-navigation ul ul,
	.main-navigation.toggled ul ul {
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		float: left;
		position: absolute;
		top: 100%;
		left: 5rem;
		z-index: 99999;
		background-color: #111;
		flex-direction: column;
	}
	.main-navigation ul ul a,
	.main-navigation.toggled ul ul a {
		left: -999em;
		top: 0;
		width: 200px;
		text-align: left;
	}
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul,
	.main-navigation.toggled ul ul li:hover > ul,
	.main-navigation.toggled ul ul li.focus > ul {
		left: 100%;
		top: 0;
		left: auto;
	}
	.main-navigation a,
	.main-navigation.toggled a {
		padding: 0 1rem;
	}
	.main-navigation ul,
	.main-navigation.toggled ul {
		display: flex;
		justify-content: center;
	}
}
.admin-bar .main-navigation.toggled .menu-header-menu-container ul.nav-menu {
	position: absolute;
	top: 4rem;
}
@media (min-width: 46.875em) {
	.admin-bar .menu-header-menu-container .nav-menu {
		top: 0;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

body .site header.site-header {
	background: #ffd230;
	height: 4rem;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 9999;
}
body .site header.site-header > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
body .site header.site-header > div .site-branding {
	display: flex;
	align-items: center;
}
body .site header.site-header > div .site-branding .custom-logo-link {
	opacity: 0;
	transition: opacity 200ms ease-in-out 100ms;
	width: 4.5rem;
	height: 4rem;
	display: flex;
	align-items: center;
}
@media screen and (prefers-reduced-motion: reduce) {
	body .site header.site-header > div .site-branding .custom-logo-link {
		transition: none;
	}
}
body .site header.site-header > div .site-branding .custom-logo-link img.custom-logo {
	height: auto;
	width: 4rem;
	margin: 0 0.5rem;
}
body .site header.site-header.scrolled div .site-branding .custom-logo-link {
	opacity: 100;
}

.admin-bar header.site-header {
	position: relative;
}

footer.site-footer {
	background: #1C1009;
	color: #fffdf8;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
footer.site-footer a, footer.site-footer abbr {
	color: #ffd230;
	text-decoration: none;
}
footer.site-footer a:hover, footer.site-footer abbr:hover {
	color: #e4772e;
}
footer.site-footer a:active, footer.site-footer a:visited, footer.site-footer abbr:active, footer.site-footer abbr:visited {
	color: #ce631a;
}
footer.site-footer .contact {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto 2rem;
}
footer.site-footer .contact .custom-logo-link {
	width: 45%;
	height: auto;
	filter: contrast(10%) brightness(200%);
}
footer.site-footer .contact .contact-links {
	text-align: center;
}
footer.site-footer .contact .contact-links a {
	display: inline-block;
	padding: 0.25rem;
}
footer.site-footer .contact .contact-links a .dashicons, footer.site-footer .contact .contact-links a img {
	width: 2rem;
	height: 2rem;
	margin: 0.25rem;
}
footer.site-footer .contact .contact-links a .dashicons {
	font-size: 2rem;
}
footer.site-footer .footer-navigation ul {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	list-style: none;
}
footer.site-footer .footer-navigation ul li {
	display: block;
	text-align: center;
	padding: 0.5rem;
}
footer.site-footer .site-credits {
	text-align: center;
	font-size: 1rem;
	margin: 3rem 0 0 0;
}
@media (min-width: 37.5em) {
	footer.site-footer {
		display: block;
	}
	footer.site-footer .site-info {
		display: flex;
		justify-content: space-between;
	}
	footer.site-footer .site-info .contact {
		margin: 0;
		align-items: start;
	}
	footer.site-footer .site-info .contact .contact-links {
		text-align: left;
		margin: 0 0 0 1.25rem;
	}
	footer.site-footer .footer-navigation ul {
		margin: 2.5rem 0 0 0;
	}
	footer.site-footer .footer-navigation ul li {
		text-align: right;
	}
}

/* Posts and pages, Content
--------------------------------------------- */
.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

header.hero {
	background: linear-gradient(to bottom, #ffd230, #ffd230 85%, #fffdf8 85%, #fffdf8);
}
header.hero > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 1rem 2rem;
	margin-bottom: 3rem;
}
header.hero > div a.custom-logo-link {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1rem;
}
header.hero > div a.custom-logo-link img.custom-logo {
	max-width: 80%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}
header.hero > div > div {
	position: relative;
}
header.hero > div > div .button.order-button {
	position: absolute;
	bottom: 1.5rem;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.cookies {
	margin-bottom: 5rem;
}
.cookies li.product_cat-cookies {
	position: relative;
	margin-top: 4rem;
}
@media (min-width: 53.125em) {
	.cookies li.product_cat-cookies {
		margin-top: 5rem;
	}
}
@media (min-width: 62.5em) {
	.cookies li.product_cat-cookies {
		margin-top: 6rem;
	}
}
.cookies .product_cat-cookies h3 {
	position: absolute;
	top: -3.125rem;
	left: 0;
	right: 0;
}
@media (min-width: 34.375em) {
	.cookies .product_cat-cookies h3 {
		top: -4.125rem;
	}
}
@media (min-width: 36.6875em) {
	.cookies .product_cat-cookies h3 {
		top: -3rem;
	}
}
@media (min-width: 42.1875em) {
	.cookies .product_cat-cookies h3 {
		top: -3.25rem;
	}
}
@media (min-width: 56.25em) {
	.cookies .product_cat-cookies h3 {
		top: -3.75rem;
	}
}
@media (min-width: 62.5em) {
	.cookies .product_cat-cookies h3 {
		top: -3rem;
	}
}
@media (min-width: 75em) {
	.cookies .product_cat-cookies h3 {
		top: -3.5rem;
	}
}
.cookies svg.cookie text {
	font-family: "Playpen Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 2rem;
	font-weight: 700;
}
.cookies svg.cookie {
	width: 75%;
	height: auto;
	overflow: hidden;
}
@media (min-width: 42.1875em) {
	.cookies svg.cookie {
		width: 70%;
	}
}
@media (min-width: 75em) {
	.cookies svg.cookie {
		width: 80%;
	}
}
.cookies .product_cat-cookies a img {
	width: 60%;
	height: auto;
}
@media (min-width: 42.1875em) {
	.cookies .product_cat-cookies a img {
		width: 55%;
	}
}
@media (min-width: 75em) {
	.cookies .product_cat-cookies a img {
		width: 65%;
	}
}
.cookies .product_cat-cookies a img {
	scale: 1;
	transition: scale 400ms ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
	.cookies .product_cat-cookies a img {
		transition: none;
	}
}
.cookies .product_cat-cookies a svg.cookie {
	rotate: 0;
	transition: rotate 400ms ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
	.cookies .product_cat-cookies a svg.cookie {
		transition: none;
	}
}
.cookies .product_cat-cookies a:hover img {
	scale: 1.05;
}
.cookies .product_cat-cookies a:hover svg.cookie {
	rotate: 360deg;
}
@media screen and (prefers-reduced-motion: reduce) {
	.cookies .product_cat-cookies a:hover svg.cookie {
		rotate: 15deg;
	}
}

body section.about h2 span {
	display: block;
}
body section.about img {
	border-radius: 3rem;
	-o-object-fit: cover;
	   object-fit: cover;
	height: -moz-max-content;
	height: max-content;
}
@media (min-width: 43.75em) {
	body section.about {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		gap: 3rem;
	}
	body section.about img {
		max-width: 55%;
		height: revert-layer;
		-o-object-fit: cover;
		   object-fit: cover;
	}
}
@media (min-width: 62.5em) {
	body section.about {
		gap: 6rem;
	}
}
@media (min-width: 68.75em) {
	body section.about img {
		max-width: 65%;
	}
}

.business-proposition div {
	flex: 1;
}
.business-proposition ol {
	flex: 2;
	padding: 1rem;
	background-color: #ffd230;
	border-radius: 3rem;
}
.business-proposition ol li {
	padding-top: 5rem;
}
.business-proposition ol li h3 {
	margin: 2rem 2rem 0;
	color: #723f18;
	position: relative;
}
.business-proposition ol li h3::before {
	top: -4rem;
	left: 0;
	right: 0;
}
.business-proposition ol li p {
	margin: 0.5rem 2rem 1.5rem;
}

@media (min-width: 62.5em) {
	.business-proposition {
		display: flex;
		align-items: center;
		gap: 6rem;
	}
	.business-proposition ol {
		padding: 2rem 3rem 2rem 8rem;
		padding-left: 5rem;
	}
}
body section.packs li.product_cat-pack-of-cookies span {
	font-size: 1.375rem;
	color: #65110c;
}

body section.order {
	background-color: #ffd230;
}
body section.order .reminder {
	border: 4px dashed #ce631a;
	border-radius: 1.5rem;
	padding: 1rem 1.5rem;
	background: #fffdf8;
	margin: 1.5rem auto 0;
	max-width: 45rem;
}
body section.order ol {
	padding: 0;
}
body section.order ol li {
	padding: 5rem 0 0.5rem 0;
}
body section.order ol li h3 {
	margin-top: 2rem;
	color: #723f18;
	position: relative;
}
body section.order ol li h3::before {
	top: -4rem;
	left: 0;
	right: 0;
}
body section.order ol li p {
	margin-top: 0.5rem;
}
body section.order ol li .button {
	margin: 0 0 1rem 0;
}
body section.order ol li .button span {
	margin-left: 0.5rem;
}
body section.order .contact {
	margin: 1rem auto 1.5rem;
	padding: 1rem 1.5rem;
	border-radius: 1.5rem;
	background: #fffdf8;
}
body section.order .contact p {
	margin: 0.5rem 0 1rem;
}
body section.order .contact div {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 1rem;
}
body section.order .contact div span.dashicons {
	font-size: 2rem;
	height: 2rem;
	width: 2rem;
	text-decoration: none;
}
@media (min-width: 34.375em) {
	body section.order .contact {
		width: calc(100% - 8rem);
	}
}
@media (min-width: 48em) {
	body section.order .reminder {
		padding: 2rem 3rem;
	}
	body section.order ol li {
		flex-direction: column;
		align-items: flex-start;
	}
	body section.order ol li h3::before {
		margin-bottom: 0.5rem;
	}
	body section.order .button {
		margin-left: 2rem;
	}
}
@media (min-width: 52.8125em) {
	body section.order .contact div {
		flex-direction: row;
		justify-content: center;
	}
	body section.order .contact div a {
		width: 45%;
	}
}
@media (min-width: 56.25em) {
	body section.order .reminder {
		margin: 2.5rem auto 0;
	}
	body section.order .contact {
		padding: 2rem 3rem;
	}
}
@media (min-width: 68.75em) {
	body section.order .contact {
		width: calc(100% - 12rem);
	}
}

body section.faq {
	padding: 2rem 1rem 3rem 1rem;
}
@media (min-width: 75em) {
	body section.faq {
		padding: 2rem 2rem 3rem 2rem;
	}
}
body section.faq ul {
	list-style: none;
	padding: 0;
	margin: 2rem 0 0 0;
}
@media screen and (min-width: 600px) {
	body section.faq ul {
		display: flex;
		flex-wrap: wrap;
		gap: 2rem;
	}
	body section.faq ul li {
		flex: 0 0 calc(50% - 1rem);
		box-sizing: border-box;
	}
	body section.faq ul li h3 {
		margin-top: 0;
	}
}

body section.error-404.not-found {
	background: #ffd230;
}
body section.error-404.not-found > div {
	height: 80vh;
	width: calc(100vw - 2rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
body section.error-404.not-found h1 {
	color: #723f18;
	font-size: 4rem;
	margin: 0.5rem;
	text-align: center;
}
body section.error-404.not-found p {
	text-align: center;
	margin: 0.25rem 0;
}
body section.error-404.not-found .order-button {
	margin: 2rem auto;
}
body section.error-404.not-found span {
	display: block;
	text-align: center;
	font-size: 5rem;
}
@media (min-width: 37.5em) {
	body section.error-404.not-found > div {
		width: calc(100vw - 4rem);
	}
}
@media (min-width: 75em) {
	body section.error-404.not-found > div {
		width: 75rem;
	}
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}
.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
	/*rtl:ignore*/
	float: left;
	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
/*# sourceMappingURL=sass/style.css.map */