@charset "UTF-8";
/*
Theme Name: ONIE Choose Homemade 2023
Author: Clevyr
Author URI: https://clevyr.com
Description: Theme for ONIE's Choose Homemade WordPress site, 2023.
Version: 1.0.5-20261028180549-f136cdc3
Tested up to: 6.3
Requires PHP: 8.0
Text Domain: onie
Update URI: clevyr/wp-onie-choose-homemade-2023/latest
*/
/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
  box-sizing: border-box;
}

html {
  /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1.15; /* 1. Correct the line height in all browsers. */
  -webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */ /* 3. Use a more readable tab size (opinionated). */
  tab-size: 4; /* 3 */
}

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

/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

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

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
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;
}

/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

/*
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; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and 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.
*/
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
  padding: 0;
}

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

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-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; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-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; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

.has-blue-color {
  color: #2e81c3;
}

h2.has-blue-color > a:not([class]),
h3.has-blue-color > a:not([class]),
h4.has-blue-color > a:not([class]),
h5.has-blue-color > a:not([class]),
h6.has-blue-color > a:not([class]) {
  color: #2e81c3;
}

.has-blue-background-color {
  background-color: #2e81c3;
}

.has-blue-50-color {
  color: #eaf2f9;
}

h2.has-blue-50-color > a:not([class]),
h3.has-blue-50-color > a:not([class]),
h4.has-blue-50-color > a:not([class]),
h5.has-blue-50-color > a:not([class]),
h6.has-blue-50-color > a:not([class]) {
  color: #eaf2f9;
}

.has-blue-50-background-color {
  background-color: #eaf2f9;
}

.has-blue-500-color {
  color: #2974b0;
}

h2.has-blue-500-color > a:not([class]),
h3.has-blue-500-color > a:not([class]),
h4.has-blue-500-color > a:not([class]),
h5.has-blue-500-color > a:not([class]),
h6.has-blue-500-color > a:not([class]) {
  color: #2974b0;
}

.has-blue-500-background-color {
  background-color: #2974b0;
}

.has-blue-700-color {
  color: #174162;
}

h2.has-blue-700-color > a:not([class]),
h3.has-blue-700-color > a:not([class]),
h4.has-blue-700-color > a:not([class]),
h5.has-blue-700-color > a:not([class]),
h6.has-blue-700-color > a:not([class]) {
  color: #174162;
}

.has-blue-700-background-color {
  background-color: #174162;
}

.has-blue-900-color {
  color: #050d13;
}

h2.has-blue-900-color > a:not([class]),
h3.has-blue-900-color > a:not([class]),
h4.has-blue-900-color > a:not([class]),
h5.has-blue-900-color > a:not([class]),
h6.has-blue-900-color > a:not([class]) {
  color: #050d13;
}

.has-blue-900-background-color {
  background-color: #050d13;
}

.has-yellow-50-color {
  color: #fff8ec;
}

h2.has-yellow-50-color > a:not([class]),
h3.has-yellow-50-color > a:not([class]),
h4.has-yellow-50-color > a:not([class]),
h5.has-yellow-50-color > a:not([class]),
h6.has-yellow-50-color > a:not([class]) {
  color: #fff8ec;
}

.has-yellow-50-background-color {
  background-color: #fff8ec;
}

.has-yellow-100-color {
  color: #fee4b3;
}

h2.has-yellow-100-color > a:not([class]),
h3.has-yellow-100-color > a:not([class]),
h4.has-yellow-100-color > a:not([class]),
h5.has-yellow-100-color > a:not([class]),
h6.has-yellow-100-color > a:not([class]) {
  color: #fee4b3;
}

.has-yellow-100-background-color {
  background-color: #fee4b3;
}

.has-yellow-300-color {
  color: #fdc966;
}

h2.has-yellow-300-color > a:not([class]),
h3.has-yellow-300-color > a:not([class]),
h4.has-yellow-300-color > a:not([class]),
h5.has-yellow-300-color > a:not([class]),
h6.has-yellow-300-color > a:not([class]) {
  color: #fdc966;
}

.has-yellow-300-background-color {
  background-color: #fdc966;
}

.has-yellow-color {
  color: #fdbb40;
}

h2.has-yellow-color > a:not([class]),
h3.has-yellow-color > a:not([class]),
h4.has-yellow-color > a:not([class]),
h5.has-yellow-color > a:not([class]),
h6.has-yellow-color > a:not([class]) {
  color: #fdbb40;
}

.has-yellow-background-color {
  background-color: #fdbb40;
}

.has-yellow-500-color {
  color: #ca9633;
}

h2.has-yellow-500-color > a:not([class]),
h3.has-yellow-500-color > a:not([class]),
h4.has-yellow-500-color > a:not([class]),
h5.has-yellow-500-color > a:not([class]),
h6.has-yellow-500-color > a:not([class]) {
  color: #ca9633;
}

.has-yellow-500-background-color {
  background-color: #ca9633;
}

.has-orange-50-color {
  color: #fdf2ec;
}

h2.has-orange-50-color > a:not([class]),
h3.has-orange-50-color > a:not([class]),
h4.has-orange-50-color > a:not([class]),
h5.has-orange-50-color > a:not([class]),
h6.has-orange-50-color > a:not([class]) {
  color: #fdf2ec;
}

.has-orange-50-background-color {
  background-color: #fdf2ec;
}

.has-orange-100-color {
  color: #f6cbb1;
}

h2.has-orange-100-color > a:not([class]),
h3.has-orange-100-color > a:not([class]),
h4.has-orange-100-color > a:not([class]),
h5.has-orange-100-color > a:not([class]),
h6.has-orange-100-color > a:not([class]) {
  color: #f6cbb1;
}

.has-orange-100-background-color {
  background-color: #f6cbb1;
}

.has-orange-color {
  color: #e97e3c;
}

h2.has-orange-color > a:not([class]),
h3.has-orange-color > a:not([class]),
h4.has-orange-color > a:not([class]),
h5.has-orange-color > a:not([class]),
h6.has-orange-color > a:not([class]) {
  color: #e97e3c;
}

.has-orange-background-color {
  background-color: #e97e3c;
}

.has-orange-500-color {
  color: #ba6530;
}

h2.has-orange-500-color > a:not([class]),
h3.has-orange-500-color > a:not([class]),
h4.has-orange-500-color > a:not([class]),
h5.has-orange-500-color > a:not([class]),
h6.has-orange-500-color > a:not([class]) {
  color: #ba6530;
}

.has-orange-500-background-color {
  background-color: #ba6530;
}

.has-red-50-color {
  color: #fbeced;
}

h2.has-red-50-color > a:not([class]),
h3.has-red-50-color > a:not([class]),
h4.has-red-50-color > a:not([class]),
h5.has-red-50-color > a:not([class]),
h6.has-red-50-color > a:not([class]) {
  color: #fbeced;
}

.has-red-50-background-color {
  background-color: #fbeced;
}

.has-red-100-color {
  color: #efb4b7;
}

h2.has-red-100-color > a:not([class]),
h3.has-red-100-color > a:not([class]),
h4.has-red-100-color > a:not([class]),
h5.has-red-100-color > a:not([class]),
h6.has-red-100-color > a:not([class]) {
  color: #efb4b7;
}

.has-red-100-background-color {
  background-color: #efb4b7;
}

.has-red-color {
  color: #d7444c;
}

h2.has-red-color > a:not([class]),
h3.has-red-color > a:not([class]),
h4.has-red-color > a:not([class]),
h5.has-red-color > a:not([class]),
h6.has-red-color > a:not([class]) {
  color: #d7444c;
}

.has-red-background-color {
  background-color: #d7444c;
}

.has-red-600-color {
  color: #973035;
}

h2.has-red-600-color > a:not([class]),
h3.has-red-600-color > a:not([class]),
h4.has-red-600-color > a:not([class]),
h5.has-red-600-color > a:not([class]),
h6.has-red-600-color > a:not([class]) {
  color: #973035;
}

.has-red-600-background-color {
  background-color: #973035;
}

.has-red-700-color {
  color: #6c2226;
}

h2.has-red-700-color > a:not([class]),
h3.has-red-700-color > a:not([class]),
h4.has-red-700-color > a:not([class]),
h5.has-red-700-color > a:not([class]),
h6.has-red-700-color > a:not([class]) {
  color: #6c2226;
}

.has-red-700-background-color {
  background-color: #6c2226;
}

.has-white-color {
  color: #fff;
}

h2.has-white-color > a:not([class]),
h3.has-white-color > a:not([class]),
h4.has-white-color > a:not([class]),
h5.has-white-color > a:not([class]),
h6.has-white-color > a:not([class]) {
  color: #fff;
}

.has-white-background-color {
  background-color: #fff;
}

.has-gray-600-color {
  color: #4d4d4d;
}

h2.has-gray-600-color > a:not([class]),
h3.has-gray-600-color > a:not([class]),
h4.has-gray-600-color > a:not([class]),
h5.has-gray-600-color > a:not([class]),
h6.has-gray-600-color > a:not([class]) {
  color: #4d4d4d;
}

.has-gray-600-background-color {
  background-color: #4d4d4d;
}

.has-gray-700-color {
  color: #333;
}

h2.has-gray-700-color > a:not([class]),
h3.has-gray-700-color > a:not([class]),
h4.has-gray-700-color > a:not([class]),
h5.has-gray-700-color > a:not([class]),
h6.has-gray-700-color > a:not([class]) {
  color: #333;
}

.has-gray-700-background-color {
  background-color: #333;
}

.has-gray-900-color {
  color: #1a1a1a;
}

h2.has-gray-900-color > a:not([class]),
h3.has-gray-900-color > a:not([class]),
h4.has-gray-900-color > a:not([class]),
h5.has-gray-900-color > a:not([class]),
h6.has-gray-900-color > a:not([class]) {
  color: #1a1a1a;
}

.has-gray-900-background-color {
  background-color: #1a1a1a;
}

button,
input,
select,
optgroup,
textarea {
  font-family: brandon-grotesque, sans-serif;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 1rem 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: brandon-grotesque, sans-serif;
  line-height: 1.3;
  font-weight: 800;
  color: #174162;
}

h2, .h2 {
  font-size: 2.281rem;
}

h3, .h3 {
  font-size: 2.027rem;
}

h4, .h4 {
  font-size: 1.802rem;
}

h5, .h5 {
  font-size: 1.602rem;
}

h6, .h6 {
  font-size: 1.424rem;
}

a:not([class]) {
  color: #2974b0;
  text-decoration: none;
}

a:not([class]):hover, a:not([class]):focus {
  color: #205a89;
  text-decoration: underline;
}

ol, ul, p {
  font-size: 1.125rem;
  line-height: 1.8;
}

p,
dl,
address {
  margin: 0;
  padding: 0 0 1rem 0;
}

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

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

code,
kbd,
tt,
var {
  font-family: "Courier 10 Pitch", courier, monospace;
}

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

html {
  font-size: 16px;
  width: 100%;
  --scrollbar-width: 0px;
  scroll-behavior: smooth;
  scroll-padding-top: 8rem;
}

@media screen and (max-width: 960px) {
  html {
    scroll-padding-top: 5.8rem;
  }
}
body {
  font-family: brandon-grotesque, sans-serif;
  font-size: 1rem;
  margin: 0;
  padding: 0;
  outline: 0;
  background-color: #fff;
  overflow-x: hidden;
  width: 100%;
  color: #2F2B23;
}

body.mobile-menu-open {
  overflow: hidden;
}

.container, .site-main {
  width: 100%;
  max-width: 64rem;
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (max-width: 960px) {
  .container, .site-main {
    max-width: 100%;
  }
}
.site-main {
  outline: 0;
  min-height: 68vh;
}

.site-main.recipe-main {
  max-width: 72rem;
}

@media screen and (max-width: 960px) {
  .site-main {
    padding-top: 90px;
  }
}
.site-main .alignfull {
  width: calc(100vw - var(--scrollbar-width));
  margin-left: calc(50% - 50vw + var(--scrollbar-width) / 2);
}

.site-main .alignwide {
  width: calc(100vw - var(--scrollbar-width));
  max-width: 72rem;
  margin-left: -5rem;
}

@media screen and (max-width: 72rem) {
  .site-main .alignwide {
    width: calc(100vw - var(--scrollbar-width));
    margin-left: calc(50% - 50vw + var(--scrollbar-width) / 2);
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 640px) {
  .hide-on-mobile {
    display: none;
  }
}
.entry-content {
  padding-bottom: 3rem;
}

body.home .entry-content, body.page .entry-content {
  padding-bottom: 0;
}

.entry-content:after {
  content: "";
  display: table;
  clear: both;
}

.site-header__wrap {
  height: 0;
  width: 100%;
  overflow: visible;
}

@media print {
  .site-header__wrap {
    display: none;
  }
}
.site-header {
  position: relative;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0 0 0;
}

.site-header.stuck {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  background-color: #fff;
  box-shadow: 0 10px 46px 0 rgba(1, 7, 39, 0.1);
  transform: translate(0, -100%);
}

.animation-ready .site-header.stuck {
  animation: stuck-header-animation 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}

@media screen and (max-width: 1088px) {
  .site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 10px 46px 0 rgba(1, 7, 39, 0.1);
  }
}
.site-header__banner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 5.625rem;
  max-width: 64rem;
  margin: 0 auto;
  padding: 0 2rem;
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 10px 46px 0 rgba(1, 7, 39, 0.1);
}

.stuck .site-header__banner {
  border-radius: 0;
  box-shadow: none;
}

@media screen and (max-width: 1088px) {
  .site-header__banner {
    border-radius: 0;
    box-shadow: none;
    height: 5rem;
  }
}
.site-header__title {
  position: relative;
  left: -1rem;
}

.site-header__branding {
  margin: 0;
  padding: 0;
  font-size: 1rem;
}

.site-header__branding .hlogo.hlogo-en {
  position: relative;
  top: 2px;
  width: 130px;
}

.site-header__branding .hlogo.hlogo-es {
  position: relative;
  top: 2px;
  width: 96px;
}

.site-header__home-link {
  display: block;
  color: #2974b0;
  text-decoration: none;
  padding: 0.25rem;
  border-radius: 0.25rem;
}

.site-header__skip-link {
  display: none;
}

@keyframes stuck-header-animation {
  100% {
    transform: translate(0, 0);
  }
}
.header__navigation {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
}

.site-header__primary-menu {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  grid-auto-flow: column;
}

.site-header__primary-menu a {
  text-decoration: none;
}

.site-header__primary-menu a:hover, .site-header__primary-menu a:focus {
  text-decoration: none;
}

.site-header__primary-menu > .menu-item {
  position: relative;
  padding: 0.75rem 1rem;
  margin: 0 0.5rem;
}

.site-header__primary-menu > .menu-item > a {
  padding: 0.25rem 0.5rem;
  font-size: 1.125rem;
  display: inline-block;
  color: #333;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), outline-offset 0.2s ease-in-out;
  border-radius: 0.25rem;
}

.site-header__primary-menu > .menu-item > a:hover, .site-header__primary-menu > .menu-item > a:focus {
  color: #2974b0;
}

.site-header__primary-menu > .menu-item:hover > .sub-menu, .site-header__primary-menu > .menu-item:focus-within > .sub-menu {
  opacity: 1;
  transform: rotateX(0);
}

.site-header__primary-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  padding: 0;
  min-width: 15ch;
  list-style: none;
  margin: 0;
  transform: rotateX(-90deg);
  transform-origin: top center;
  opacity: 0;
}

.animation-ready .site-header__primary-menu .sub-menu {
  transition: 0.3s opacity cubic-bezier(0.25, 0.8, 0.25, 1) 0.3s, 0.0001s transform linear 0.3s;
}

.site-header__primary-menu .sub-menu > .menu-item {
  margin: 0;
  padding: 0;
}

.site-header__primary-menu .sub-menu a {
  display: block;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  color: #333;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), outline-offset 0.2s ease-in-out;
}

.site-header__primary-menu .sub-menu a:hover, .site-header__primary-menu .sub-menu a:focus {
  color: #fff;
  background-color: #205a89;
}

.site-header__primary-menu .sub-menu > .menu-item:first-child a {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.site-header__primary-menu .sub-menu > .menu-item:last-child a {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.site-header__translations {
  height: 2rem;
  background-color: #eaf2f9;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1024px) {
  .site-header__translations {
    margin-left: auto;
  }
}
.site-header__translations:hover .site-header__translation--active, .site-header__translations:focus-within .site-header__translation--active {
  opacity: 0.1;
}

.site-header__translation {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
  font-size: 0.825rem;
  line-height: 1;
  color: #2974b0;
  text-decoration: none;
  border-radius: 50%;
  text-transform: capitalize;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0.2s, outline-offset 0.2s ease-in-out;
}

.site-header__translation:not(.site-header__translation--active):hover, .site-header__translation:not(.site-header__translation--active):focus {
  color: #050d13;
  background-color: #82b3db;
  transform: translateX(-0.25rem);
}

.site-header__translation:first-child {
  margin-right: 0.5rem;
}

.site-header__translation.site-header__translation--active {
  color: #fff;
  background-color: #2974b0;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0.3s, outline-offset 0.2s ease-in-out;
}

.menu-toggle {
  display: none;
  margin-left: 1.5rem;
  padding: 0.25rem;
  border-radius: 0.25rem;
  border: none;
  background-color: transparent;
}

.menu-toggle .site-header__menu-icon-show {
  display: block;
}

.menu-toggle .site-header__menu-icon-hide {
  display: none;
}

.menu-toggle[aria-expanded=true] .site-header__menu-icon-show {
  display: none;
}

.menu-toggle[aria-expanded=true] .site-header__menu-icon-hide {
  display: block;
}

@media screen and (max-width: 1024px) {
  .menu-toggle {
    display: flex;
    transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), outline-offset 0.2s ease-in-out;
  }
  .menu-toggle:hover, .menu-toggle:focus {
    color: #2e81c3;
  }
  .header__navigation {
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    background-color: rgba(26, 26, 26, 0.9);
    margin-left: -2rem;
    transform: translateY(-100%);
  }
  .animation-ready .header__navigation {
    transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .header__navigation.active {
    transform: translateY(0);
  }
  .site-header__primary-menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    background-color: #eaf2f9;
    padding: 5rem 0 0;
  }
  .site-header__primary-menu .menu-item {
    width: 100%;
    border-bottom: 1px solid #abcde7;
  }
  .site-header__primary-menu .menu-item > a {
    width: 100%;
    font-size: 1.5rem;
  }
  .site-header__primary-menu .sub-menu {
    position: relative;
    top: unset;
    left: -1rem;
    width: calc(100% + 2rem);
    border-radius: 0;
    box-shadow: unset;
    background-color: transparent;
    padding: 0;
    margin: 0;
    transform: unset;
    opacity: 1;
  }
  .site-header__primary-menu .sub-menu .menu-item {
    border-bottom: 1px solid #eaf2f9;
  }
  .site-header__primary-menu .sub-menu .menu-item > a {
    font-size: 1.25rem;
    padding-left: 3rem;
  }
  .site-header__primary-menu .sub-menu .menu-item > a:hover, .site-header__primary-menu .sub-menu .menu-item > a:focus {
    background-color: #eaf2f9;
    color: #205a89;
  }
}
.wp-block-onie-page-hero.archive {
  padding: 12rem 1rem 6rem;
}

.category-parent {
  position: relative;
  z-index: 1;
  color: #fed68c;
  text-decoration: none;
  padding-left: 4px;
}

.category-parent:hover, .category-parent:focus {
  text-decoration: underline;
}

.blog-container {
  display: flex;
  align-items: flex-start;
  justify-content: stretch;
}

.blog-content {
  width: calc(100% - 18rem);
  padding-right: 2rem;
}

@media screen and (max-width: 860px) {
  .blog-content {
    width: 100%;
    padding-right: 0;
  }
}
.blog-sidebar {
  flex-grow: 0;
  flex-shrink: 0;
  width: 18rem;
  padding: 4rem 0 2rem 0;
}

@media screen and (max-width: 860px) {
  .blog-sidebar {
    display: none;
  }
}
.blog-list {
  padding: 2rem 0;
}

.post-card {
  padding: 1.25rem 1rem;
}

@media screen and (max-width: 860px) {
  .post-card {
    padding-right: 0;
    padding-left: 0;
  }
}
.post-card__inner {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

@media screen and (max-width: 1024px) {
  .post-card__inner {
    flex-direction: column;
  }
}
.post-card__image {
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  z-index: -1;
  width: 100%;
  max-width: 50%;
}

@media screen and (max-width: 1024px) {
  .post-card__image {
    max-width: 100%;
  }
}
.post-card__image-inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 70%;
  border-radius: 0.5rem;
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .post-card__image-inner {
    padding-top: 56.25%;
  }
}
.post-card__image-inner > img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
  transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.post-card__image-inner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(rgba(46, 129, 195, 0.7), rgba(5, 13, 19, 0.7));
  transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}

.post-card__image-fallback-inner {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  background: radial-gradient(#fff8ec, #fee4b3);
}

.post-card__date-badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0.25rem;
}

.post-card__date-badge--day {
  font-size: 1.5rem;
  font-weight: 700;
}

.post-card__date-badge--month {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.825rem;
  font-weight: 700;
}

.post-card__card {
  padding: 2rem 0;
  width: 100%;
  max-width: 50%;
}

@media screen and (max-width: 1024px) {
  .post-card__card {
    padding-top: 0;
    padding-left: 2rem;
    max-width: 100%;
  }
}
@media screen and (max-width: 860px) {
  .post-card__card {
    padding-left: 1rem;
  }
}
.post-card__card-inner {
  display: flex;
  flex-direction: column;
  width: calc(100% + 2rem);
  min-height: 100%;
  padding: 2rem;
  margin-left: -2rem;
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.12);
  outline-offset: 6px;
  transition: outline-offset 0.2s ease-in-out;
}

@media screen and (max-width: 1024px) {
  .post-card__card-inner {
    width: calc(100% - 2rem);
    min-height: unset;
    padding: 2rem;
    margin-left: 0;
    margin-top: -2rem;
  }
}
@media screen and (max-width: 860px) {
  .post-card__card-inner {
    width: calc(100% - 1rem);
  }
}
.post-card__card-body {
  flex-grow: 1;
}

.post-card__card-date {
  color: #4d4d4d;
  font-size: 0.825rem;
  text-transform: capitalize;
}

.post-card__card-title {
  padding-top: 0.25rem;
  font-size: 1.5rem;
  word-wrap: break-word;
}

.post-card__card-title a {
  color: #0e273a;
}

.post-card__card-title a:focus, .post-card__card-title a:hover {
  text-decoration: none;
}

.post-card__card-title a:focus {
  outline: none;
}

.post-card__card-title a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.post-card__card-excerpt {
  line-height: 1.5;
}

.post-card__card-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}

@media screen and (max-width: 860px) {
  .post-card__card-footer {
    flex-direction: column;
    align-items: center;
  }
}
.post-card__card-cats {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 860px) {
  .post-card__card-cats {
    width: 100%;
    text-align: center;
    padding-bottom: 1rem;
  }
}
.post-card__card-cats a {
  font-size: 0.75rem;
  overflow-wrap: break-word;
}

.post-card__card-cats a:not(:last-child):after {
  content: ", ";
}

.post-card__card-more {
  display: inline-flex;
  padding: 0.375rem 0.75rem;
  background-color: #2974b0;
  border-radius: 0.25rem;
  color: #fff;
  font-size: 0.9375rem;
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  white-space: nowrap;
}

.post-card:focus-within .post-card__image-inner:after, .post-card:hover .post-card__image-inner:after {
  opacity: 0.5;
}

.post-card:focus-within .post-card__image-inner img, .post-card:hover .post-card__image-inner img {
  transform: scale(1.1);
}

.post-card:focus-within .post-card__card-more, .post-card:hover .post-card__card-more {
  background-color: #174162;
}

.post-card .post-card__effect {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
  overflow: hidden;
}

.post-card .post-card__effect > svg {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.25rem;
}

.post-card:focus-within .post-card__card-inner {
  outline: 1px solid #2e81c3;
  outline-offset: 2px;
}

.navigation.pagination {
  padding: 2rem 0;
}

.blog-sidebar h2, .blog-sidebar h3, .blog-sidebar h4 {
  font-size: 1.3rem;
}

.archive-featured-recipes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 0 4rem 0;
  margin-top: 4rem;
  background-image: linear-gradient(187deg, rgb(41, 116, 176) 0%, rgb(23, 65, 98) 50%);
}

.archive-featured-recipes h2 {
  color: #fff;
  width: 100%;
  max-width: 72rem;
  padding: 1rem 1rem 2rem;
}

.archive-featured-recipes__inner {
  max-width: 72rem;
  padding: 0 1rem;
}

.blog-post__title-link {
  color: #fff;
  text-decoration: none;
}

.entry-cats {
  padding-bottom: 2rem;
}

.blog-post__header-category {
  font-size: 0.825rem;
  color: #174162;
  text-decoration: none;
}

.blog-post__header-category:hover, .blog-post__header-category:focus {
  text-decoration: underline;
  color: #2974b0;
}

.cat-sep {
  font-size: 1rem;
  padding: 0 0.5rem;
  opacity: 0.5;
}

.entry-header {
  padding-top: 3rem;
  padding-bottom: 2rem;
}

.entry-title {
  font-size: 2.5rem;
  padding: 0;
  margin: 0;
  word-wrap: break-word;
}

.entry-posted-on {
  font-size: 0.825rem;
}

.entry-posted-on-icon {
  position: relative;
  top: 1px;
}

.entry-image {
  max-width: 100%;
  border-radius: 0.5rem;
}

body.single article.type-post .alignwide {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
}

@media screen and (max-width: 72rem) {
  body.single article.type-post .alignwide {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
body.single article.type-post .alignfull {
  width: 100%;
  margin-left: 0;
}

.recipe-ratings-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5rem 0 2rem;
  max-width: 51rem;
}

@media screen and (max-width: 640px) {
  .recipe-ratings-section {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media print {
  .recipe-ratings-section {
    display: none;
  }
}
.recipe-ratings__form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 0 2rem;
  padding: 1rem 0;
}

.recipe-ratings__form[hidden] {
  display: none;
}

.recipe-ratings__fieldset {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  border: 0;
}

.recipe-ratings__legend {
  font-size: 1rem;
  font-weight: 700;
  padding-right: 1rem;
}

.recipe-ratings__legend.success {
  display: none;
}

.recipe-ratings__form.success .recipe-ratings__legend.success {
  display: block;
}

.recipe-ratings__form.success .recipe-ratings__legend.before-success {
  display: none;
}

.recipe-ratings__stars {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  border: 0;
}

.recipe-ratings__stars .recipe-ratings__stars-label {
  fill: none;
}

.recipe-ratings__form:not([disabled]) .recipe-ratings__stars:hover .recipe-ratings__stars-label {
  fill: #f1c40f;
}

.recipe-ratings__stars-label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: #f1c40f;
}

form.recipe-ratings__form:not([disabled]) .recipe-ratings__stars-label {
  cursor: pointer;
}

.recipe-ratings__stars-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0.000001;
}

.recipe-ratings__stars-input:focus {
  outline: none;
}

.recipe-ratings__stars-star {
  border-radius: 0.25rem;
  outline-offset: 6px;
  transition: outline-offset 0.2s ease-in-out;
}

.recipe-ratings__stars-input:focus + .recipe-ratings__stars-star {
  outline: 1px solid #2e81c3;
  outline-offset: 2px;
}

.recipe-ratings__form:not([disabled]) .recipe-ratings__stars-label:hover ~ .recipe-ratings__stars-label {
  fill: none !important;
}

form.recipe-ratings__form.has-rating-1 .recipe-ratings__stars .recipe-ratings__stars-label:nth-child(1) {
  fill: #f1c40f;
}

form.recipe-ratings__form.has-rating-2 .recipe-ratings__stars .recipe-ratings__stars-label:nth-child(1),
form.recipe-ratings__form.has-rating-2 .recipe-ratings__stars .recipe-ratings__stars-label:nth-child(2) {
  fill: #f1c40f;
}

form.recipe-ratings__form.has-rating-3 .recipe-ratings__stars .recipe-ratings__stars-label:nth-child(1),
form.recipe-ratings__form.has-rating-3 .recipe-ratings__stars .recipe-ratings__stars-label:nth-child(2),
form.recipe-ratings__form.has-rating-3 .recipe-ratings__stars .recipe-ratings__stars-label:nth-child(3) {
  fill: #f1c40f;
}

form.recipe-ratings__form.has-rating-4 .recipe-ratings__stars .recipe-ratings__stars-label:nth-child(1),
form.recipe-ratings__form.has-rating-4 .recipe-ratings__stars .recipe-ratings__stars-label:nth-child(2),
form.recipe-ratings__form.has-rating-4 .recipe-ratings__stars .recipe-ratings__stars-label:nth-child(3),
form.recipe-ratings__form.has-rating-4 .recipe-ratings__stars .recipe-ratings__stars-label:nth-child(4) {
  fill: #f1c40f;
}

form.recipe-ratings__form.has-rating-5 .recipe-ratings__stars .recipe-ratings__stars-label:nth-child(1),
form.recipe-ratings__form.has-rating-5 .recipe-ratings__stars .recipe-ratings__stars-label:nth-child(2),
form.recipe-ratings__form.has-rating-5 .recipe-ratings__stars .recipe-ratings__stars-label:nth-child(3),
form.recipe-ratings__form.has-rating-5 .recipe-ratings__stars .recipe-ratings__stars-label:nth-child(4),
form.recipe-ratings__form.has-rating-5 .recipe-ratings__stars .recipe-ratings__stars-label:nth-child(5) {
  fill: #f1c40f;
}

.recipe-ratings__submit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 32px;
  padding: 0.25rem 1rem;
  margin: 0 0 0 1rem;
  border: none;
  border-radius: 0.25rem;
  color: #fff;
  background-color: #2974b0;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.recipe-ratings__submit:hover:not(.busy):not(.success), .recipe-ratings__submit:focus:not(.busy):not(.success) {
  background-color: #174162;
  color: #fff;
}

.recipe-ratings__submit .recipe-ratings__submit-text {
  font-size: 14px;
}

.recipe-ratings__submit .recipe-ratings__spinner {
  animation: spin 1s linear infinite;
}

.recipe-ratings__submit .recipe-ratings__success {
  animation: appear 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
}

.recipe-ratings__submit .recipe-ratings__success,
.recipe-ratings__submit .recipe-ratings__spinner {
  display: none;
}

.recipe-ratings__submit.busy {
  background-color: #2974b0;
  color: #fff;
}

.recipe-ratings__submit.busy .recipe-ratings__submit-text {
  display: none;
}

.recipe-ratings__submit.busy > .recipe-ratings__spinner {
  display: block;
}

.recipe-ratings__submit.success {
  background-color: #507a5d;
  color: #fff;
  opacity: 0;
}

.recipe-ratings__submit.success .recipe-ratings__submit-text {
  display: none;
}

.recipe-ratings__submit.success > .recipe-ratings__success {
  display: block;
}

@keyframes spin {
  100% {
    transform: rotate(1turn);
  }
}
@keyframes appear {
  100% {
    opacity: 1;
  }
}
.comments-area {
  width: 100%;
  max-width: 51rem;
  padding-bottom: 5rem;
}

@media print {
  .comments-area {
    display: none;
  }
}
.comments-area .comment-reply-title {
  padding-left: 2rem;
}

.comment-respond.no-comments .comments-area .comment-reply-title {
  padding-left: 0;
}

@media screen and (max-width: 640px) {
  .comments-area .comment-reply-title {
    padding-left: 0;
  }
}
.comments-area .comment-form {
  display: flex;
  flex-wrap: wrap;
  padding-left: 2rem;
}

@media screen and (max-width: 640px) {
  .comments-area .comment-form {
    padding-left: 0;
  }
}
.comments-area .comment-respond.no-comments .comment-form,
.comments-area .comment-respond.no-comments .comment-reply-title {
  padding-left: 0;
}

.comments-area .comment-form-email,
.comments-area .comment-form-author {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding: 1rem 0 0;
}

@media screen and (max-width: 640px) {
  .comments-area .comment-form-email,
  .comments-area .comment-form-author {
    width: 100%;
  }
}
.comments-area .comment-form-email > input,
.comments-area .comment-form-author > input {
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  padding: 0.5rem;
}

.comments-area .comment-form-email .required,
.comments-area .comment-form-author .required {
  color: #973035;
}

.comments-area .comment-form-author {
  padding-right: 0.5rem;
}

@media screen and (max-width: 640px) {
  .comments-area .comment-form-author {
    padding-right: 0;
  }
}
.comments-area .comment-form-email {
  padding-left: 0.5rem;
}

@media screen and (max-width: 640px) {
  .comments-area .comment-form-email {
    padding-left: 0;
  }
}
.comments-area .comment-form-comment {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem 0;
}

.comments-area .comment-form-comment > textarea {
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  padding: 0.5rem;
}

.comments-area .comment-form-comment .required {
  color: #973035;
}

.comments-area .comment-form-cookies-consent {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 0 0 1rem 0;
  font-size: 0.825rem;
}

.comments-area .comment-form-cookies-consent input {
  position: relative;
  top: -1px;
  margin-right: 0.5rem;
}

.comments-area .logged-in-as {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}

.comments-area .logged-in-as a {
  display: inline-flex;
  font-size: 0.825rem;
  border-radius: 0.25rem;
}

.comments-area .form-submit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 1rem 0 1rem 1rem;
}

.comments-area .form-submit > input.submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  padding: 0.25rem 1rem;
  color: #fff;
  background-color: #2974b0;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), outline-offset 0.2s ease-in-out;
}

.comments-area .form-submit > input.submit:hover, .comments-area .form-submit > input.submit:focus {
  background-color: #174162;
  color: #fff;
}

.comments-area .comment-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.comments-area .comment-list > li {
  padding: 0 0 2rem 2rem;
  margin: 0;
}

.comments-area .comment-list .comment-body {
  position: relative;
  border: 1px solid #174162;
  border-radius: 0.25rem;
  padding: 1rem 1rem 1rem 3rem;
  background-color: #eaf2f9;
}

.comments-area .comment-list .comment-body .reply {
  position: absolute;
  bottom: 0;
  right: 1rem;
  transform: translateY(50%);
}

.comments-area .comment-list .comment-body .reply .comment-reply-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 1rem;
  color: #fff;
  background-color: #2974b0;
  border-radius: 0.5rem;
  font-size: 0.825rem;
  text-decoration: none;
  border: none;
  cursor: pointer;
  outline-offset: 6px;
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), outline-offset 0.2s ease-in-out;
}

.comments-area .comment-list .comment-body .reply .comment-reply-link:hover, .comments-area .comment-list .comment-body .reply .comment-reply-link:focus {
  background-color: #174162;
  color: #fff;
  outline-offset: 2px;
}

.comments-area .comment-list .comment-avatar {
  position: absolute;
  top: 1rem;
  left: -2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border: 1px solid #174162;
  border-radius: 50%;
  background-color: #fff;
}

.comments-area .comment-list .comment-avatar .comment-avatar__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  overflow: hidden;
}

.comments-area .comment-list .comment-avatar .comment-avatar__icon.default {
  background-color: #abcde7;
  fill: #0e273a;
}

.comments-area .comment-list .comment-avatar .comment-avatar__icon.default > svg {
  width: 100%;
  height: 100%;
}

.comments-area .comment-list .comment-avatar .comment-avatar__icon.staff {
  display: none;
}

.comments-area .comment-list .comment-author {
  font-weight: 700;
}

.comments-area .comment-list .comment-metadata {
  margin-top: -0.5rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: #4d4d4d;
  padding-bottom: 0.75rem;
}

.comments-area .comment-list .comment-content > ol,
.comments-area .comment-list .comment-content > ul {
  padding: 0;
}

.comments-area .comment-list .comment-content > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.comments-area .comment-list .comment-awaiting-moderation {
  position: absolute;
  top: 0;
  right: 1rem;
  transform: translateY(-35%);
  background-color: #fff;
  border-radius: 0.25rem;
  padding: 2px 8px;
  font-size: 0.75rem;
  border: 1px solid #174162;
  font-weight: 400;
  color: #174162;
}

.comments-area .byuser > .comment-body {
  border-color: #fdbb40;
  background-color: #fff8ec;
}

.comments-area .byuser > .comment-body .comment-author {
  color: #33250d;
}

.comments-area .byuser > .comment-body .comment-avatar {
  border-color: #fdbb40;
}

.comments-area .byuser > .comment-body .comment-avatar .comment-avatar__icon.staff {
  display: flex !important;
}

.comments-area .byuser > .comment-body .comment-avatar .comment-avatar__icon.default {
  display: none;
}

.comments-area ol.children {
  list-style: none;
  padding: 0;
}

.comments-area ol.children > li.comment {
  padding: 2rem 0 0 0;
}

.comments-area ol.children > li.comment:last-child {
  padding-bottom: 0;
}

.comments-area li > .comment-respond {
  padding: 2rem 0 0 0;
}

.comments-area li > .comment-respond .comment-form {
  padding: 1rem 1.5rem;
  border-radius: 0.25rem;
  border: 1px solid #2974b0;
  background-color: #fff;
}

.comments-area li > .comment-respond .comment-form .form-submit {
  padding-bottom: 0;
  padding-right: 0;
}

.comments-area li > .comment-respond .comment-reply-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 1.3rem;
  padding-left: 0;
}

.comments-area li > .comment-respond .comment-reply-title a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.5rem;
  color: #ac363d;
  background-color: #fff;
  border-radius: 0.25rem;
  font-size: 0.825rem;
  text-decoration: none;
  border: 1px solid #ac363d;
  cursor: pointer;
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), outline-offset 0.2s ease-in-out;
}

.comments-area li > .comment-respond .comment-reply-title a:hover, .comments-area li > .comment-respond .comment-reply-title a:focus {
  background-color: #ac363d;
  color: #fff;
}

.navigation.pagination,
.comments-pagination {
  width: 100%;
}

.navigation.pagination .nav-links,
.comments-pagination .nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.navigation.pagination .nav-links .page-numbers,
.comments-pagination .nav-links .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  border: 1px solid transparent;
  color: #333;
  margin: 0 0.5rem;
  padding: 0;
  font-size: 0.825rem;
  font-weight: 700;
  text-decoration: none;
}

.navigation.pagination .nav-links .page-numbers.current,
.comments-pagination .nav-links .page-numbers.current {
  border-color: #c0d9ed;
  box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.01);
}

.navigation.pagination .nav-links a.page-numbers,
.comments-pagination .nav-links a.page-numbers {
  background-color: #c0d9ed;
  cursor: pointer;
  box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.01);
  transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), outline-offset 0.2s ease-in-out;
}

.navigation.pagination .nav-links a.page-numbers:hover, .navigation.pagination .nav-links a.page-numbers:focus,
.comments-pagination .nav-links a.page-numbers:hover,
.comments-pagination .nav-links a.page-numbers:focus {
  background-color: #589acf;
}

.alignleft {
  /*rtl:ignore*/
  float: left;
  clear: both;
  /*rtl:ignore*/
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1rem;
  margin-bottom: 1rem;
  clear: both;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  clear: both;
}

.wp-block-table {
  max-width: 100%;
  overflow-y: hidden;
}

.wp-block-table .wp-element-caption {
  padding: 0.5rem;
  font-size: 1.2rem;
  font-style: italic;
  color: #4d4d4d;
  text-align: center;
}

.wp-block-table table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  line-height: 1.4;
  white-space: nowrap;
}

.wp-block-table table th {
  font-size: 1rem;
  padding: 1rem 0.825rem;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid #e6e6e6;
  color: #174162;
  font-weight: 700;
  text-align: left;
}

.wp-block-table table td {
  font-size: 1rem;
  padding: 1rem 0.825rem;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #e6e6e6;
}

.wp-block-quote {
  border-radius: 0.5rem;
  background-color: #e6e6e6;
  padding: 1rem;
  margin: 0 0 1rem;
}

.wp-block-quote > *:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.wp-block-quote > cite {
  display: block;
  text-align: right;
  padding-top: 1rem;
  color: #174162;
}

.wp-block-quote > cite > br {
  display: none;
}

.wp-block-quote > cite:before {
  content: "—";
  color: #2e81c3;
  margin-right: 0.5rem;
}

.wp-block-quote.is-large:where(:not(.is-style-plain)), .wp-block-quote.is-style-large:where(:not(.is-style-plain)) {
  padding: 2rem;
  margin: 0 0 1rem;
}

.wp-block-pullquote {
  border-radius: 0.5rem;
}

ul,
ol {
  margin: 0;
  padding: 0 0 1rem;
}

ul li,
ol li {
  padding: 0;
  margin: 0 0 0 3ch;
}

ul li ol, ul li ul,
ol li ol,
ol li ul {
  padding: 0;
}

dl {
  margin: 0;
  padding: 0;
}

dl dt {
  font-size: 1.2rem;
  color: #0e273a;
  font-weight: 700;
  padding-bottom: 0.25rem;
}

dl dd {
  padding: 0 0 1rem 1rem;
  margin: 0;
}

.wp-block-separator {
  margin: 1rem 0 2rem;
}

.wp-block-separator.is-style-wide {
  max-width: 20rem;
  margin-left: auto;
  margin-right: auto;
}

.wp-block-image {
  margin: 0 0 1rem 0;
}

.wp-block-image img {
  position: relative;
  z-index: 1;
  border-radius: 0.5rem;
}

.wp-block-image figcaption, .wp-block-image .alignnone figcaption, .wp-block-image .aligncenter figcaption, .wp-block-image .alignleft figcaption, .wp-block-image .alignright figcaption, .wp-block-image.alignnone figcaption, .wp-block-image.aligncenter figcaption, .wp-block-image.alignleft figcaption, .wp-block-image.alignright figcaption {
  position: relative;
  top: -1rem;
  background-color: #0e273a;
  color: #fff;
  margin: 0;
  padding: 2rem 1rem 1rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.wp-block-image figcaption a, .wp-block-image .alignnone figcaption a, .wp-block-image .aligncenter figcaption a, .wp-block-image .alignleft figcaption a, .wp-block-image .alignright figcaption a, .wp-block-image.alignnone figcaption a, .wp-block-image.aligncenter figcaption a, .wp-block-image.alignleft figcaption a, .wp-block-image.alignright figcaption a {
  position: relative;
  z-index: 1;
  color: #abcde7;
}

.wp-block-image:not(.alignleft) figure:not(.alignleft), .wp-block-image:not(.aligncenter) figure:not(.aligncenter), .wp-block-image:not(.alignright) figure:not(.alignright), .wp-block-image .alignnone, .wp-block-image.alignnone {
  display: table;
}

.wp-block-image:not(.alignleft) figure:not(.alignleft) figcaption, .wp-block-image:not(.aligncenter) figure:not(.aligncenter) figcaption, .wp-block-image:not(.alignright) figure:not(.alignright) figcaption, .wp-block-image .alignnone figcaption, .wp-block-image.alignnone figcaption {
  display: table-caption;
  caption-side: bottom;
}

.wp-block-button .wp-block-button__link {
  display: inline-flex;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  font-size: 1.1rem;
  border: 2px solid;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), filter 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), outline-offset 0.2s ease-in-out;
  box-shadow: none;
  text-decoration: none;
}

.wp-block-button .wp-block-button__link:not(.has-text-color) {
  color: #fff;
}

.wp-block-button .wp-block-button__link:not(.has-background) {
  background-color: #2974b0;
  border-color: #2974b0;
}

.wp-block-button .wp-block-button__link:not(.has-background):hover, .wp-block-button .wp-block-button__link:not(.has-background):focus {
  background-color: #174162;
  border-color: #174162;
}

.wp-block-button .wp-block-button__link.has-blue-background-color {
  border-color: #2e81c3;
}

.wp-block-button .wp-block-button__link.has-blue-50-background-color {
  border-color: #eaf2f9;
}

.wp-block-button .wp-block-button__link.has-blue-500-background-color {
  border-color: #2974b0;
}

.wp-block-button .wp-block-button__link.has-blue-700-background-color {
  border-color: #174162;
}

.wp-block-button .wp-block-button__link.has-blue-900-background-color {
  border-color: #050d13;
}

.wp-block-button .wp-block-button__link.has-yellow-50-background-color {
  border-color: #fff8ec;
}

.wp-block-button .wp-block-button__link.has-yellow-100-background-color {
  border-color: #fee4b3;
}

.wp-block-button .wp-block-button__link.has-yellow-300-background-color {
  border-color: #fdc966;
}

.wp-block-button .wp-block-button__link.has-yellow-background-color {
  border-color: #fdbb40;
}

.wp-block-button .wp-block-button__link.has-yellow-500-background-color {
  border-color: #ca9633;
}

.wp-block-button .wp-block-button__link.has-orange-50-background-color {
  border-color: #fdf2ec;
}

.wp-block-button .wp-block-button__link.has-orange-100-background-color {
  border-color: #f6cbb1;
}

.wp-block-button .wp-block-button__link.has-orange-background-color {
  border-color: #e97e3c;
}

.wp-block-button .wp-block-button__link.has-orange-500-background-color {
  border-color: #ba6530;
}

.wp-block-button .wp-block-button__link.has-red-50-background-color {
  border-color: #fbeced;
}

.wp-block-button .wp-block-button__link.has-red-100-background-color {
  border-color: #efb4b7;
}

.wp-block-button .wp-block-button__link.has-red-background-color {
  border-color: #d7444c;
}

.wp-block-button .wp-block-button__link.has-red-600-background-color {
  border-color: #973035;
}

.wp-block-button .wp-block-button__link.has-red-700-background-color {
  border-color: #6c2226;
}

.wp-block-button .wp-block-button__link.has-white-background-color {
  border-color: #fff;
}

.wp-block-button .wp-block-button__link.has-gray-600-background-color {
  border-color: #4d4d4d;
}

.wp-block-button .wp-block-button__link.has-gray-700-background-color {
  border-color: #333;
}

.wp-block-button .wp-block-button__link.has-gray-900-background-color {
  border-color: #1a1a1a;
}

.wp-block-button .wp-block-button__link.has-color:hover, .wp-block-button .wp-block-button__link.has-color:focus, .wp-block-button .wp-block-button__link.has-background:hover, .wp-block-button .wp-block-button__link.has-background:focus {
  filter: contrast(1.5) brightness(0.95);
}

.wp-block-button.is-style-outline .wp-block-button__link {
  display: inline-flex;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  font-size: 1.1rem;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), outline-offset 0.2s ease-in-out;
  box-shadow: none;
  text-decoration: none;
}

.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
  color: #2974b0;
}

.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
  background-color: transparent;
  border: 2px solid #2974b0;
}

.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):focus {
  color: #fff;
  background-color: #174162;
  border-color: #174162;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-blue-background-color {
  border-color: #2e81c3;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-blue-50-background-color {
  border-color: #eaf2f9;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-blue-500-background-color {
  border-color: #2974b0;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-blue-700-background-color {
  border-color: #174162;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-blue-900-background-color {
  border-color: #050d13;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-yellow-50-background-color {
  border-color: #fff8ec;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-yellow-100-background-color {
  border-color: #fee4b3;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-yellow-300-background-color {
  border-color: #fdc966;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-yellow-background-color {
  border-color: #fdbb40;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-yellow-500-background-color {
  border-color: #ca9633;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-orange-50-background-color {
  border-color: #fdf2ec;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-orange-100-background-color {
  border-color: #f6cbb1;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-orange-background-color {
  border-color: #e97e3c;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-orange-500-background-color {
  border-color: #ba6530;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-red-50-background-color {
  border-color: #fbeced;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-red-100-background-color {
  border-color: #efb4b7;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-red-background-color {
  border-color: #d7444c;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-red-600-background-color {
  border-color: #973035;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-red-700-background-color {
  border-color: #6c2226;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-white-background-color {
  border-color: #fff;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-gray-600-background-color {
  border-color: #4d4d4d;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-gray-700-background-color {
  border-color: #333;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-gray-900-background-color {
  border-color: #1a1a1a;
  background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-color:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-color:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-background:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-background:focus {
  filter: contrast(1.5) brightness(0.95);
}

.wp-block-gallery figure {
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
}

.wp-block-gallery figure img {
  border-radius: 0.5rem;
}

.wp-block-gallery figure > a {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  height: 100%;
  margin: 0;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  position: absolute;
  bottom: 0;
  top: unset;
  z-index: 2;
  padding: 0.5rem;
  background: rgba(14, 39, 58, 0.8);
  border-radius: 0.5rem;
}

.blocks-gallery-caption {
  display: block;
  text-align: center;
  background-color: #e6e6e6;
  border-radius: 0.25rem;
  font-style: italic;
}

.wp-block-file a {
  font-size: 1.2rem;
  font-weight: 700;
}

.wp-block-file .wp-block-file__button {
  display: inline-flex;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  font-size: 1.1rem;
  border: 2px solid #2974b0;
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), outline-offset 0.2s ease-in-out;
  box-shadow: none;
  text-decoration: none;
  background-color: #2974b0;
}

.wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus {
  background-color: #174162;
  border-color: #174162;
}

.widget_categories ul.wp-block-categories {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget_categories ul.wp-block-categories li.cat-item {
  margin: 0;
  padding: 0.25rem 0;
}

.wp-block-latest-posts__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wp-block-latest-posts__list li {
  position: relative;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  row-gap: 0;
  column-gap: 0.5rem;
  padding: 0.5rem 0;
  margin: 0;
}

.wp-block-latest-posts__featured-image {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 0.25rem;
  overflow: hidden;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}

.wp-block-latest-posts__featured-image > img {
  display: block;
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 0.25rem;
}

.wp-block-latest-posts__post-title {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
  line-height: 1.1;
  color: #2974b0;
  text-decoration: none;
  border-radius: 0.25rem;
}

.wp-block-latest-posts__post-title:focus, .wp-block-latest-posts__post-title:hover {
  color: #205a89;
  text-decoration: none;
}

.wp-block-latest-posts__post-title:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wp-block-latest-posts__post-date {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
  color: #4d4d4d;
  font-size: 0.825rem;
}

.gform_required_legend {
  display: none;
}

.my-plate__cta-icon {
  display: none;
}

.nutrition-facts__title {
  font-family: Inter, sans-serif;
  font-weight: 900;
  text-align: center;
}

[data-lang=es] .nutrition-facts__title {
  font-size: 25px;
  text-align: center;
}

.nutrition-facts__calories-value,
.nutrition-facts__calories-label {
  font-family: Inter, sans-serif;
  font-weight: 900;
}

.recipe-layout__content-title {
  max-width: 100%;
  overflow-wrap: break-word;
}

@media screen and (max-width: 860px) {
  .recipe-layout__content-title {
    font-size: 3.25rem !important;
  }
}
@media screen and (max-width: 860px) {
  .recipe-layout__badge {
    margin-bottom: 0.5rem;
  }
}
.page-hero__content-title {
  max-width: 100%;
  overflow-wrap: break-word;
}

@media screen and (max-width: 860px) {
  .page-hero__content-title {
    font-size: 3.5rem !important;
  }
}
.site-footer {
  background-color: #eaf2f9;
  background-image: linear-gradient(to bottom, #eaf2f9 0%, rgb(97.5294117647%, 98.4705882353%, 99.2941176471%) 100%);
  border-top: 1px solid #abcde7;
}

@media print {
  .site-footer {
    display: none;
  }
}
.site-footer__inner {
  padding-top: 2rem;
  border-top: 1px solid #fff;
}

.site-footer__menu-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 2rem;
}

.site-footer__social ul,
.site-footer__menu {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer__social ul li,
.site-footer__menu li {
  padding: 0.25rem 0.5rem;
  margin: 0 0.25rem;
}

.site-footer__social ul li a,
.site-footer__menu li a {
  display: block;
  color: #205a89;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), outline-offset 0.2s ease-in-out;
}

.site-footer__social ul li a > svg,
.site-footer__menu li a > svg {
  display: block;
}

.site-footer__social ul li a:hover, .site-footer__social ul li a:focus,
.site-footer__menu li a:hover,
.site-footer__menu li a:focus {
  color: #174162;
}

.site-footer__logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1rem;
}

.site-footer__social {
  padding-bottom: 1rem;
}

.site-footer__social ul li {
  padding: 0;
  margin: 0 0.25rem;
}

.site-footer__social ul li a {
  color: #205a89;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), outline-offset 0.2s ease-in-out;
}

.site-footer__social ul li a:hover, .site-footer__social ul li a:focus {
  color: #174162;
}

.site-footer__legal {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 0.75rem;
  color: #205a89;
  border-top: 1px solid #82b3db;
}

@media screen and (max-width: 1024px) {
  .site-footer__legal {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .site-footer__copyright {
    padding-top: 0.5rem;
  }
}
.site-footer__menu-legal {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  list-style: none;
  margin: 0 0 0 auto;
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .site-footer__menu-legal {
    justify-content: center;
    margin: 0;
  }
}
.site-footer__menu-legal li {
  margin: 0 0.25rem;
}

.site-footer__menu-legal li a {
  font-size: 0.75rem;
  color: #0e273a;
  border-radius: 0.25rem;
  transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), outline-offset 0.2s ease-in-out;
}

.site-footer__menu-legal li a:hover, .site-footer__menu-legal li a:focus {
  color: #050d13;
}

.image-modal,
.video-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  padding: 1rem;
  background: radial-gradient(rgba(5, 13, 19, 0.98), rgba(0, 0, 0, 0.98));
}

.image-modal[hidden],
.video-modal[hidden] {
  display: none;
}

.image-modal__content,
.video-modal__content {
  position: relative;
  max-width: 1280px;
  width: 100%;
}

.image-modal__content-inner,
.video-modal__content-inner {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.image-modal__image,
.video-modal__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-modal__close,
.video-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  width: 3.5rem;
  height: 3.5rem;
  justify-content: center;
  align-items: center;
  color: #4d4d4d;
  background: transparent;
  border: none;
}

.image-modal__close:hover, .image-modal__close:focus,
.video-modal__close:hover,
.video-modal__close:focus {
  color: #fff;
}

.image-modal__close > svg,
.video-modal__close > svg {
  width: 3rem;
  height: 3rem;
}

.screen-reader-text,
.sr-only {
  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;
}

input,
select,
button,
textarea,
label,
a,
[tabindex] {
  outline-offset: 6px;
  transition: outline-offset 0.2s ease-in-out;
}

input:focus,
select:focus,
button:focus,
textarea:focus,
label:focus,
a:focus,
[tabindex]:focus {
  outline: 1px solid #2e81c3;
  outline-offset: 2px;
}
/*# sourceMappingURL=style.css.map */