/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/import-glob-loader/index.js!./theme/_loader.scss ***!
  \****************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*! 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;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* 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;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 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;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* 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;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

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

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

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

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  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;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 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;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 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;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * 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;
  /* 1 */
  font: inherit;
  /* 2 */ }

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

/*!
	By André Rinas, www.andrerinas.de
	Documentation, www.simplelightbox.com
	Available for use under the MIT License
	Version 2.14.3
*/
body.hidden-scroll {
  overflow: hidden; }

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  display: none;
  z-index: 1035; }

.sl-wrapper {
  z-index: 1040;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed; }

.sl-wrapper * {
  box-sizing: border-box; }

.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 28px;
  padding: 0;
  cursor: pointer; }

.sl-wrapper button:hover {
  opacity: 0.7; }

.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 10060;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace;
  color: #000;
  font-size: 3rem; }

.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 10060;
  color: #000;
  font-size: 1rem; }

.sl-wrapper .sl-download {
  display: none;
  position: fixed;
  bottom: 5px;
  width: 100%;
  text-align: center;
  z-index: 10060;
  color: #fff;
  font-size: 1rem; }

.sl-wrapper .sl-download a {
  color: #fff; }

.sl-wrapper .sl-navigation {
  width: 100%;
  display: none; }

.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  height: 44px;
  width: 22px;
  line-height: 44px;
  text-align: center;
  display: block;
  z-index: 10060;
  font-family: Arial, Baskerville, monospace;
  color: #000; }

.sl-wrapper .sl-navigation button.sl-next {
  right: 5px;
  font-size: 2rem; }

.sl-wrapper .sl-navigation button.sl-prev {
  left: 5px;
  font-size: 2rem; }

@media (min-width: 35.5em) {
  .sl-wrapper .sl-navigation button {
    width: 44px; }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
    font-size: 3rem; }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
    font-size: 3rem; } }

@media (min-width: 50em) {
  .sl-wrapper .sl-navigation button {
    width: 44px; }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 20px;
    font-size: 3rem; }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 20px;
    font-size: 3rem; } }

.sl-wrapper.sl-dir-rtl .sl-navigation {
  direction: ltr; }

.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000; }

.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0 none;
  width: 100%;
  height: auto; }

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image img {
    border: 0 none; } }

@media (min-width: 50em) {
  .sl-wrapper .sl-image img {
    border: 0 none; } }

.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0 none; }

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none; } }

@media (min-width: 50em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none; } }

.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0; }

.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto; }

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite; }

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.sl-transition {
  transition: -moz-transform ease 200ms;
  transition: -ms-transform ease 200ms;
  transition: -o-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms; }

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

/*=================================
=            1. Colors            =
==================================*/
/*=====================================
=            2. Typography            =
=====================================*/
/*======================================
=            3. Breakpoints            =
======================================*/
/*==================================
=            4. Z-index            =
===================================*/
/*======================================
=            5. Transitions            =
======================================*/
/*========================================
=            6. Border radius            =
========================================*/
/*----------  Initializing  ----------*/
/*----------  Typography  ----------*/
/*----------  Styling  ----------*/
/*==============================
=            sizing            =
==============================*/
/*===============================
=            Borders            =
===============================*/
/*===================================
=            Transitions            =
===================================*/
/*==============================
=            Shadow            =
==============================*/
/*========================================
=            Legacy targeting            =
========================================*/
/*========================================
=            Remove list styling         =
========================================*/
/**
	This file contains all variables that are used in other scss files
	and allows overriding of default values from the @growling/sass package
	Todo --- insert link here ---
*/
/*  ==========================================================================
    FORM
    ========================================================================== */
form {
  text-align: left; }

/*  ==========================================================================
    LABEL
    ========================================================================== */
label {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
  font-weight: 700; }

.hidden_label label {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.hidden_label input {
  margin-top: 0.5rem; }

/*  ==========================================================================
    LEGEND
    ========================================================================== */
legend {
  font-size: 0.9rem;
  font-weight: 700; }

/*  ==========================================================================
    INPUTS
    ========================================================================== */
select,
input[type="checkbox"],
input[type="range"],
input[type="radio"] {
  cursor: pointer; }

input:not([type="submit"]),
textarea,
select {
  appearance: none;
  display: block;
  width: 100%;
  height: 38px;
  padding: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: #bcbcbc;
  border-radius: 0;
  outline: none;
  color: #000;
  background-color: #fff;
  font-family: inherit;
  font-size: inherit; }
  input:not([type="submit"]):focus, input:not([type="submit"]):active,
  textarea:focus,
  textarea:active,
  select:focus,
  select:active {
    border-color: #ae8515; }
  input:not([type="submit"]):disabled, input:not([type="submit"])[readonly],
  textarea:disabled,
  textarea[readonly],
  select:disabled,
  select[readonly] {
    cursor: not-allowed;
    opacity: 0.5; }

/*  Textarea
    ========================================================================== */
textarea {
  height: auto;
  resize: vertical; }

/*  Select
    ========================================================================== */
select {
  padding-right: 3.5rem;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%), linear-gradient(to right, #bcbcbc, #bcbcbc);
  background-position: calc(100% - 20px) calc(1rem + 2px), calc(100% - 15px) calc(1rem + 2px), calc(100% - 2.5rem) 0.65rem;
  background-size: 5px 5px, 5px 5px, 1px 1.2rem;
  background-repeat: no-repeat; }
  select:focus {
    background-image: linear-gradient(45deg, transparent 50%, #ecc463 50%), linear-gradient(135deg, #ecc463 50%, transparent 50%), linear-gradient(to right, #bcbcbc, #bcbcbc); }
  select:-ms-expand {
    display: none; }
  select[multiple] {
    padding-right: 10px;
    background-image: none;
    overflow-y: auto; }

/*  Checkbox & Radio
    ========================================================================== */
input[type="checkbox"],
input[type="radio"] {
  position: relative;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin: -0.2rem 0.5rem 0 0; }
  input[type="checkbox"]:checked,
  input[type="radio"]:checked {
    color: #ecc463; }
    input[type="checkbox"]:checked:before,
    input[type="radio"]:checked:before {
      content: "•";
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%); }

input[type="radio"] {
  border-radius: 50%; }

input[type="checkbox"]:checked:before {
  content: "✔";
  transform: translateY(-50%) translateY(0.5px) translateX(-6px); }

/*  ==========================================================================
    GRAVITY FORMS SLECTORS
	========================================================================== */
/*  Single Field
    ========================================================================== */
.gform_wrapper ul li.gfield {
  margin: 0.5rem 0; }
  .gform_wrapper ul li.gfield .gfield_required {
    display: inline-block;
    margin-left: 0.25rem;
    color: #d95656; }

.gform_wrapper ul li.gfield_visibility_hidden,
.gf_invisible,
.ginput_container_mollie_components {
  display: none; }

/*  Honeypot
    ========================================================================== */
.gform_wrapper .gform_validation_container {
  display: none !important;
  position: absolute !important;
  left: -9000px; }

/*  Validation Error
    ========================================================================== */
.gform_wrapper .validation_error {
  margin-bottom: 1rem;
  color: #d95656; }

/*  Validation Message
    ========================================================================== */
.gform_wrapper .validation_message {
  margin-top: 0.5rem;
  color: #d95656;
  font-size: 0.75rem; }

/*  Field Error
    ========================================================================== */
.gform_wrapper .gfield_error input:not([type="submit"]),
.gform_wrapper .gfield_error textarea,
.gform_wrapper .gfield_error select {
  border-color: #d95656; }

/*  ClearTalk numbers under form
    ========================================================================== */
.gform_wrapper .apbct_special_field {
  display: none !important; }

/*  Footer
    ========================================================================== */
.gform_wrapper .gform_footer {
  width: 100%;
  padding: 1rem 0 0 0;
  clear: both; }
  .gform_wrapper .gform_footer .gform_ajax_spinner {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-left: 4px solid #ae8515;
    animation: spinner 1.1s infinite linear;
    border-radius: 50%;
    width: 30px;
    height: 30px; }

/*  ==========================================================================
    GROWL FORMS SLECTORS
	========================================================================== */
/*  Inline layout
	========================================================================== */
.growl-form-inline {
  position: relative;
  display: flex; }
  .growl-form-inline .gform_body {
    flex-grow: 1; }
  .growl-form-inline .gform_footer {
    width: auto;
    padding: 0.5rem 0; }
  .growl-form-inline .gform_fields li {
    margin-right: 0.5rem; }
  .growl-form-inline input[type="submit"] {
    height: 38px;
    padding: 0.5rem 1rem; }
  .growl-form-inline .validation_error {
    position: absolute;
    top: 0;
    left: 0; }
    .growl-form-inline .validation_error ~ div {
      margin-top: 50px; }

/*  ==========================================================================
    OTHER
	========================================================================== */
@keyframes spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.card_input .gform_card_icon_container {
  display: none; }

html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

figure {
  margin: 0; }
  figure iframe {
    max-width: 100%; }

a,
[class*="button"] {
  color: #ae8515;
  text-decoration: none;
  transition: all 0.2s linear; }
  a:hover,
  [class*="button"]:hover {
    color: #6a510d; }

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

ul,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none; }

body {
  font-size: 1rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  line-height: 1.5;
  color: #000; }
  @media (min-width: 900px) {
    body {
      font-size: 1rem; } }

h1, .h1 {
  font-size: 2.5rem; }
  @media (min-width: 900px) {
    h1, .h1 {
      font-size: 2.75rem; } }
  @media (min-width: 1200px) {
    h1, .h1 {
      font-size: 3rem; } }

h2, .h2 {
  font-size: 2rem; }
  @media (min-width: 900px) {
    h2, .h2 {
      font-size: 2.375rem; } }
  @media (min-width: 1200px) {
    h2, .h2 {
      font-size: 2.75rem; } }

h3, .h3 {
  font-size: 1.75rem; }
  @media (min-width: 900px) {
    h3, .h3 {
      font-size: 1.875rem; } }
  @media (min-width: 1200px) {
    h3, .h3 {
      font-size: 2rem; } }

h4, .h4 {
  font-size: 1.5rem; }
  @media (min-width: 900px) {
    h4, .h4 {
      font-size: 1.625rem; } }
  @media (min-width: 1200px) {
    h4, .h4 {
      font-size: 1.75rem; } }

h5, .h5 {
  font-size: 1.25rem; }
  @media (min-width: 900px) {
    h5, .h5 {
      font-size: 1.375rem; } }
  @media (min-width: 1200px) {
    h5, .h5 {
      font-size: 1.5rem; } }

h6, .h6 {
  font-size: 1rem; }
  @media (min-width: 900px) {
    h6, .h6 {
      font-size: 1.125rem; } }
  @media (min-width: 1200px) {
    h6, .h6 {
      font-size: 1.25rem; } }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-top: 0;
  margin-bottom: .5em;
  font-family: "Georgia", "Cambria", "Times New Roman", "Times", "Noto", serif;
  font-weight: 500;
  line-height: 1.2; }

p {
  max-width: unset; }
  p:last-child {
    margin-bottom: 0; }

.growl-component-about-widget {
  background-color: #f0f0f0;
  padding: 1.25rem; }
  .growl-component-about-widget__title {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 0.625rem; }
  .growl-component-about-widget__text {
    margin: 0.625rem 0 1.25rem 0; }
    .growl-component-about-widget__text p:first-of-type {
      margin-top: 0; }

.growl-component-advantages {
  background: rgba(0, 0, 0, 0.65); }
  .growl-component-advantages__list {
    columns: 2;
    display: block;
    padding-bottom: 1rem; }
    @media (min-width: 900px) {
      .growl-component-advantages__list {
        padding-bottom: 0;
        display: flex;
        flex-flow: row;
        justify-content: space-between; } }
  .growl-component-advantages__point {
    text-transform: uppercase;
    padding: 1rem 0;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 300; }
  .growl-component-advantages__check {
    display: inline-block;
    width: 16px;
    height: auto;
    margin-right: 5px; }
    .growl-component-advantages__check path {
      fill: #ae8515; }

.growl-component-banner {
  padding: 1rem 0;
  text-align: center;
  font-weight: 700;
  position: relative;
  background-color: #ae8515; }
  .growl-component-banner__wrapper {
    color: #fff; }
  .growl-component-banner p {
    margin: 0; }

.growl-component-breed-card {
  width: calc(50% - 2rem);
  box-shadow: 0 0 20px 3px rgba(25, 25, 25, 0.15);
  transition: box-shadow 0.2s ease-in-out; }
  .growl-component-breed-card:hover {
    box-shadow: 0 0 20px 10px rgba(25, 25, 25, 0.15); }
    .growl-component-breed-card:hover .growl-component-breed-card__figure > .growl-component-breed-card__photo > img {
      transform: scale(1.1) translate(-45%, -45%); }
  @media (min-width: 600px) {
    .growl-component-breed-card {
      width: calc(33.33333% - 2rem); } }
  @media (min-width: 900px) {
    .growl-component-breed-card {
      width: calc(20% - 2rem); } }
  @media (min-width: 1200px) {
    .growl-component-breed-card {
      width: calc(16.66667% - 2rem); } }
  .growl-component-breed-card--out-of-budget {
    opacity: 0.5;
    order: 1; }
  .growl-component-breed-card__figure {
    position: relative; }
    .growl-component-breed-card__figure .growl-component-breed-card__photo {
      position: relative;
      display: block;
      width: 100%;
      height: 220px;
      overflow: hidden;
      background-color: #fff; }
      @media (min-width: 600px) {
        .growl-component-breed-card__figure .growl-component-breed-card__photo {
          height: 250px; } }
      @media (min-width: 900px) {
        .growl-component-breed-card__figure .growl-component-breed-card__photo {
          height: 205px; } }
      .growl-component-breed-card__figure .growl-component-breed-card__photo > img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: scale(1) translate(-50%, -50%);
        transition: transform 0.2s linear; }
    .growl-component-breed-card__figure .growl-component-breed-card__availability {
      position: absolute;
      top: 10px;
      right: -10px;
      z-index: 1;
      background: #28a745;
      font-size: 0.875rem;
      color: #fff;
      padding: 0.5rem 1rem; }
    .growl-component-breed-card__figure .growl-component-breed-card__caption {
      display: block;
      padding: 0.8rem 0;
      background-color: #f0f0f0;
      text-align: center;
      font-size: 0.875rem; }
      .growl-component-breed-card__figure .growl-component-breed-card__caption > a {
        text-decoration: none;
        white-space: nowrap;
        font-weight: 500;
        display: inline-block;
        width: 90%;
        overflow: hidden !important;
        text-overflow: ellipsis;
        color: #191919;
        background-color: transparent; }
        .growl-component-breed-card__figure .growl-component-breed-card__caption > a:hover, .growl-component-breed-card__figure .growl-component-breed-card__caption > a:focus, .growl-component-breed-card__figure .growl-component-breed-card__caption > a:active {
          text-decoration: underline;
          color: #191919; }

.growl-component-breeds {
  padding: 3rem 0; }
  @media (min-width: 900px) {
    .growl-component-breeds {
      padding: 4rem 0; } }
  .growl-component-breeds__filters {
    margin-bottom: 3rem; }
    @media (min-width: 600px) {
      .growl-component-breeds__filters {
        display: flex;
        align-items: flex-end; } }
  .growl-component-breeds__search {
    flex: 1; }
    .growl-component-breeds__search > button {
      display: none; }
  .growl-component-breeds__budget {
    margin-top: 1rem; }
    @media (min-width: 600px) {
      .growl-component-breeds__budget {
        margin: 0 0 0 2rem;
        width: 10rem; } }
  .growl-component-breeds__items {
    display: flex;
    flex-wrap: wrap;
    margin: -1rem; }
    .growl-component-breeds__items > * {
      margin: 1rem; }
  .growl-component-breeds--has-bg {
    background-color: #f0f0f0; }

.growl-component-button {
  font: inherit;
  display: inline-block;
  padding: 0.5rem 1rem 0.5rem 1rem;
  border: 1px solid #ae8515;
  border-radius: 0;
  background-color: #ae8515;
  color: #fff;
  font-size: 1rem;
  text-transform: uppercase;
  cursor: pointer; }
  .growl-component-button:active, .growl-component-button:focus {
    outline: 0; }
  .growl-component-button:active, .growl-component-button:hover {
    color: #fff;
    text-decoration: none;
    box-shadow: inset 0 0 0 99rem rgba(17, 17, 17, 0.2); }
  .growl-component-button--big {
    padding: 0.8rem 1.3rem; }
  .growl-component-button--outline {
    background-color: transparent;
    color: #ae8515; }
    .growl-component-button--outline:hover {
      background-color: #ae8515;
      color: #fff; }
  .growl-component-button--radius {
    border-radius: 5px; }
  .growl-component-button--full-width {
    width: 100% !important; }
  .growl-component-button--disabled {
    border-color: #ebebeb;
    background-color: #ebebeb;
    color: black;
    cursor: default; }
    .growl-component-button--disabled:hover, .growl-component-button--disabled:active, .growl-component-button--disabled:focus {
      border-color: #ebebeb;
      background-color: #ebebeb;
      color: black;
      box-shadow: unset; }

.growl-component-container {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 600px) {
    .growl-component-container {
      max-width: 720px; } }
  @media (min-width: 900px) {
    .growl-component-container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .growl-component-container {
      max-width: 1160px; } }
  .growl-component-container--is-fluid {
    max-width: unset !important; }
  .growl-component-container--has-margin {
    margin-top: 3rem;
    margin-bottom: 3rem; }
    @media (min-width: 900px) {
      .growl-component-container--has-margin {
        margin-top: 4rem;
        margin-bottom: 4rem; } }
  .growl-component-container--has-bg {
    background-color: #f0f0f0; }
    .growl-component-container--has-bg:not(.growl-component-container--is-fluid) {
      position: relative; }
      .growl-component-container--has-bg:not(.growl-component-container--is-fluid):before, .growl-component-container--has-bg:not(.growl-component-container--is-fluid):after {
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #f0f0f0; }
      .growl-component-container--has-bg:not(.growl-component-container--is-fluid):before {
        left: -99.9%; }
      .growl-component-container--has-bg:not(.growl-component-container--is-fluid):after {
        right: -99.9%; }
  .wp-block[data-type*="container"] .growl-component-container {
    border: 1px dashed lightgray;
    padding: 25px; }

.growl-component-create-review {
  margin-bottom: 4rem; }
  .growl-component-create-review__title {
    font-weight: 700; }
  @media (min-width: 900px) {
    .growl-component-create-review .gform_wrapper .gform_fields {
      display: grid;
      column-gap: 2.5rem;
      grid-template-columns: 0.65fr 0.35fr; } }
  .growl-component-create-review .gform_wrapper .gfield:nth-of-type(1), .growl-component-create-review .gform_wrapper .gfield:nth-of-type(2), .growl-component-create-review .gform_wrapper .gfield:nth-of-type(3) {
    grid-column: 1 / 2; }
  .growl-component-create-review .gform_wrapper .gfield:nth-of-type(4), .growl-component-create-review .gform_wrapper .gfield:nth-of-type(5), .growl-component-create-review .gform_wrapper .gfield:nth-of-type(6) {
    grid-column: 2 / 3;
    grid-row: 1 / 3; }
  .growl-component-create-review .gform_wrapper .gfield:nth-of-type(4) {
    margin-top: 0.5rem; }
  @media (min-width: 900px) {
    .growl-component-create-review .gform_wrapper .gfield:nth-of-type(5) {
      margin-top: 6rem; } }
  @media (min-width: 900px) {
    .growl-component-create-review .gform_wrapper .gfield:nth-of-type(6) {
      margin-top: 11.5rem; } }
  .growl-component-create-review .gform_wrapper input {
    width: 100%; }
  .growl-component-create-review .gform_wrapper .gfield_radio {
    display: flex; }
    .growl-component-create-review .gform_wrapper .gfield_radio label {
      display: none; }
    .growl-component-create-review .gform_wrapper .gfield_radio input {
      border: 0;
      margin: 0;
      background-color: #e0e0e0;
      -webkit-mask: url(3251b402a79fcb60cfdd137e5d39ac85.svg) no-repeat 100% 100%;
      mask: url(3251b402a79fcb60cfdd137e5d39ac85.svg) no-repeat 100% 100%;
      height: 1rem; }
      .growl-component-create-review .gform_wrapper .gfield_radio input.selected {
        background-color: #f2c94c;
        -webkit-mask: url(f9459cf95acf21fce69ab328987f05ad.svg) no-repeat 100% 100%;
        mask: url(f9459cf95acf21fce69ab328987f05ad.svg) no-repeat 100% 100%;
        border: 0; }
      .growl-component-create-review .gform_wrapper .gfield_radio input::before {
        display: none; }
  .growl-component-create-review .gform_wrapper .gfield:nth-of-type(3) {
    display: flex;
    align-items: center; }
    .growl-component-create-review .gform_wrapper .gfield:nth-of-type(3) label,
    .growl-component-create-review .gform_wrapper .gfield:nth-of-type(3) .gform_fileupload_rules {
      display: none; }
    .growl-component-create-review .gform_wrapper .gfield:nth-of-type(3) .ginput_container_fileupload + div {
      overflow: hidden;
      order: -1;
      display: flex;
      flex-wrap: wrap; }
    .growl-component-create-review .gform_wrapper .gfield:nth-of-type(3) .gform_drop_area {
      display: flex;
      flex-flow: column;
      align-items: flex-start; }
    .growl-component-create-review .gform_wrapper .gfield:nth-of-type(3) .gform_button_select_files {
      background-color: #fff;
      order: -1;
      width: auto;
      text-transform: uppercase;
      color: #ae8515;
      border: 1px solid #ae8515;
      padding: 0.6rem 1rem; }
    .growl-component-create-review .gform_wrapper .gfield:nth-of-type(3) .gform_drop_instructions {
      margin-top: 0.25rem;
      color: #4f4f4f;
      font-size: 0.75rem; }
    .growl-component-create-review .gform_wrapper .gfield:nth-of-type(3) .gfield_description {
      width: 100%; }
  .growl-component-create-review .gform_wrapper .ginput_preview {
    display: block;
    position: relative;
    margin-right: 1rem;
    margin-bottom: 1rem; }
    .growl-component-create-review .gform_wrapper .ginput_preview .image {
      object-fit: cover;
      width: 5.6rem;
      height: 5.6rem; }
  .growl-component-create-review .gform_wrapper .gform_delete {
    cursor: pointer;
    position: absolute;
    background-color: white;
    top: 0.2rem;
    right: 0.2rem;
    border-radius: 50%;
    padding: 2px; }
  .growl-component-create-review .gform_wrapper .gform_footer {
    padding: 0; }
  .growl-component-create-review .gform_wrapper .gform_button {
    width: auto; }
  .growl-component-create-review__legal {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: #4f4f4f; }

.growl-component-exit-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  display: none; }
  .growl-component-exit-popup--show {
    display: grid;
    place-items: center; }
  .growl-component-exit-popup::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); }
  .growl-component-exit-popup__inner {
    background-color: #fff;
    max-width: 90%;
    width: 100%;
    position: relative;
    z-index: 201;
    padding: 2rem;
    border-radius: 8px;
    text-align: center; }
    @media (min-width: 900px) {
      .growl-component-exit-popup__inner {
        max-width: 42rem; } }
  .growl-component-exit-popup__close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    padding: 0 0.75rem;
    border: 0;
    font-size: 2rem;
    cursor: pointer; }
  .growl-component-exit-popup__text p {
    font-size: 1.5rem; }
  .growl-component-exit-popup__button {
    margin-top: 2rem; }

.growl-component-footer {
  padding-top: 2rem;
  background-color: #191919;
  color: #fff; }
  .growl-component-footer__address {
    padding-bottom: 1rem;
    font-style: normal; }
    .growl-component-footer__address ul {
      margin-top: 1rem; }
  .growl-component-footer__location {
    display: block;
    margin-bottom: 1rem; }
    .growl-component-footer__location img {
      width: 100%; }
  .growl-component-footer__dl {
    display: flex;
    flex-wrap: wrap; }
    .growl-component-footer__dl dt {
      width: 75px;
      font-weight: 700; }
    .growl-component-footer__dl dd {
      width: calc(100% - 100px);
      margin: 0; }
  .growl-component-footer__form {
    margin-top: 1.5rem; }
    @media (min-width: 900px) {
      .growl-component-footer__form {
        margin-top: 0; } }
    .growl-component-footer__form input:not([type="submit"]),
    .growl-component-footer__form textarea {
      color: #bcbcbc; }
    .growl-component-footer__form textarea {
      height: 92px; }
  .growl-component-footer__bottom {
    margin-top: 2rem;
    padding: 0.5rem;
    background-color: #000;
    text-align: center;
    font-size: 0.875rem; }
    .growl-component-footer__bottom ul {
      display: inline-block;
      width: 100%; }
      .growl-component-footer__bottom ul li {
        display: inline-block;
        margin-right: 0.5rem; }
      .growl-component-footer__bottom ul li:last-of-type a {
        color: #fff; }
  .growl-component-footer .gform_wrapper .top_label input.medium {
    width: 100%; }

@media (min-width: 900px) {
  .growl-component-footer {
    padding-top: 3rem; }
    .growl-component-footer > [class*="container"] {
      display: flex;
      justify-content: space-between; }
    .growl-component-footer__column {
      width: calc(33.33% - 1rem); }
    .growl-component-footer__bottom {
      margin-top: 3rem;
      text-align: left; }
      .growl-component-footer__bottom > [class*="container"] {
        position: relative; }
      .growl-component-footer__bottom ul {
        width: auto; }
        .growl-component-footer__bottom ul li:last-of-type {
          position: absolute;
          right: 0;
          margin-right: 1rem; }
      .growl-component-footer__bottom ul:before {
        content: "·";
        display: inline-block;
        margin: 0 0.5rem; } }

.growl-component-gallery {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 4rem auto; }
  .growl-component-gallery__item {
    display: flex;
    position: relative;
    flex-grow: 1;
    flex-direction: column;
    align-items: justify;
    overflow: hidden;
    justify-content: space-evenly;
    width: calc(50% - 1rem);
    margin: 2.5px; }
    @media (min-width: 600px) {
      .growl-component-gallery__item {
        width: calc(25% - 1rem); } }
    .growl-component-gallery__item > a {
      display: flex;
      width: 100%;
      height: 100%;
      background-size: cover;
      padding-bottom: 100%;
      height: 0; }
      .growl-component-gallery__item > a > img {
        display: flex;
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute; }

.growl-component-heading {
  margin-bottom: 1rem; }
  .growl-component-heading [class^="h"] {
    margin-top: 0;
    margin-bottom: 0; }
  .growl-component-heading--margin-sm {
    margin-bottom: .5rem; }
  .growl-component-heading--margin-md {
    margin-bottom: 1.5rem; }
  .growl-component-heading--margin-lg {
    margin-bottom: 2rem; }
  .growl-component-heading--margin-xl {
    margin-bottom: 3rem; }
  .growl-component-heading--margin-disabled {
    margin-bottom: 0; }
  .growl-component-heading--bold h2 {
    font-weight: 700; }
  .growl-component-heading--center {
    text-align: center; }
  .growl-component-heading p {
    margin-top: 1rem; }

.growl-component-hero {
  background-size: cover;
  background-position: center; }
  .growl-component-hero__wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 2rem;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.35);
    max-width: 600px;
    padding: 10rem 0; }
    .growl-component-hero__wrapper p {
      margin: 0 0 1rem; }
    .growl-component-hero__wrapper a {
      color: #000;
      text-decoration: underline; }
    @media (min-width: 600px) {
      .growl-component-hero__wrapper {
        font-size: 3rem; } }

.growl-component-input-budget__button {
  display: none; }

.growl-component-lightbox-with-content {
  margin: 50px 0; }
  .growl-component-lightbox-with-content__wrapper {
    display: flex;
    flex-flow: column; }
    @media (min-width: 900px) {
      .growl-component-lightbox-with-content__wrapper {
        flex-flow: row;
        justify-content: space-between; } }
  @media (min-width: 900px) {
    .growl-component-lightbox-with-content__content {
      width: 48%; } }
  .growl-component-lightbox-with-content__lightbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
    align-content: flex-start; }
    @media (min-width: 900px) {
      .growl-component-lightbox-with-content__lightbox {
        width: 49%;
        margin-top: 0; } }
  .growl-component-lightbox-with-content__text {
    margin-bottom: 20px; }
  .growl-component-lightbox-with-content__image {
    width: 48%;
    margin-bottom: 4%; }
    @media (min-width: 600px) {
      .growl-component-lightbox-with-content__image {
        width: 24%;
        margin-bottom: 0; } }

.growl-component-modal {
  overflow-y: scroll;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 8000;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s 0s, visibility 0s 0.3s; }
  @media (min-width: 900px) {
    .growl-component-modal {
      position: fixed;
      overflow-y: hidden; } }
  .growl-component-modal__container {
    z-index: 9000;
    position: fixed;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    max-height: 100vh;
    overflow-y: scroll;
    width: 100%;
    min-height: 100vh;
    padding: 1rem;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
    @media (min-width: 900px) {
      .growl-component-modal__container {
        position: relative;
        overflow: auto;
        width: 90%;
        min-height: unset;
        max-width: 800px;
        max-height: 85%;
        margin: 4em auto;
        border-radius: 0.5rem;
        transform: translateY(-40px);
        transition-property: transform;
        transition-duration: 0.3s;
        padding: 2rem 3rem; } }
  .growl-component-modal__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    border: none;
    background-color: #f0f0f0; }
    @media (min-width: 900px) {
      .growl-component-modal__close {
        border-radius: 0.5rem; } }
    .growl-component-modal__close svg {
      width: 20px;
      height: 20px; }
  .growl-component-modal-trigger {
    cursor: pointer; }
  .growl-component-modal-lock-body {
    overflow: hidden; }
  .growl-component-modal--visible {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    overflow-y: hidden; }
    .growl-component-modal--visible .growl-component-modal__container {
      transform: translateY(0); }

.growl-component-navbar {
  position: relative;
  z-index: 100; }
  .growl-component-navbar__inside {
    background: #000; }
  .growl-component-navbar__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .growl-component-navbar__left {
    width: 70%; }
    @media (min-width: 900px) {
      .growl-component-navbar__left {
        width: 50%; } }
  .growl-component-navbar__image {
    display: block; }
  .growl-component-navbar__right {
    width: 30%;
    display: flex;
    justify-content: flex-end; }
    @media (min-width: 900px) {
      .growl-component-navbar__right {
        width: 100%;
        text-align: center; } }
  .growl-component-navbar__element {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    margin-left: 1rem;
    display: block; }
    .growl-component-navbar__element--button {
      background: #ae8515;
      padding: 0.8rem;
      display: inline-flex; }
  .growl-component-navbar__menu-wrapper {
    font-family: "Georgia", "Cambria", "Times New Roman", "Times", "Noto", serif;
    font-size: 1.15rem; }
    .growl-component-navbar__menu-wrapper .growl-component-navbar__menu {
      display: none;
      position: absolute;
      width: 100%;
      top: 5.75rem;
      left: 0;
      background: #000;
      padding: 1.25rem 0; }
    .growl-component-navbar__menu-wrapper .growl-component-navbar__menu-navigation li {
      padding: 0.625rem 0; }
    @media (min-width: 900px) {
      .growl-component-navbar__menu-wrapper .growl-component-navbar__menu-navigation {
        display: flex;
        align-items: center; } }
    .growl-component-navbar__menu-wrapper .growl-component-navbar__menu-secondary {
      display: flex;
      flex-direction: column; }
      @media (min-width: 900px) {
        .growl-component-navbar__menu-wrapper .growl-component-navbar__menu-secondary {
          flex-direction: row;
          align-items: center; } }
    .growl-component-navbar__menu-wrapper .growl-component-navbar__stars {
      display: flex;
      margin-left: 1rem;
      padding: 0.625rem 0; }
      @media (min-width: 900px) {
        .growl-component-navbar__menu-wrapper .growl-component-navbar__stars {
          align-items: center;
          justify-content: center;
          margin-left: 0;
          padding: 0; } }
    .growl-component-navbar__menu-wrapper .growl-component-navbar__star {
      color: #bcbcbc; }
      .growl-component-navbar__menu-wrapper .growl-component-navbar__star svg {
        display: block;
        height: 1rem;
        fill: currentColor; }
      .growl-component-navbar__menu-wrapper .growl-component-navbar__star--yellow {
        color: #f2c94c; }
    .growl-component-navbar__menu-wrapper .growl-component-navbar__stars-text {
      color: white;
      font-size: 0.875rem;
      margin-left: 0.5rem; }
      @media (min-width: 900px) {
        .growl-component-navbar__menu-wrapper .growl-component-navbar__stars-text {
          border-right: 1px solid white;
          padding-right: 0.5rem; } }
    .growl-component-navbar__menu-wrapper .growl-component-navbar__menu-languages {
      display: flex; }
      @media (min-width: 900px) {
        .growl-component-navbar__menu-wrapper .growl-component-navbar__menu-languages {
          justify-content: flex-end; } }
    .growl-component-navbar__menu-wrapper--active .growl-component-navbar__menu {
      display: block; }
    .growl-component-navbar__menu-wrapper--active .growl-component-navbar__menu-disabler {
      background: rgba(0, 0, 0, 0.4);
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      z-index: -1; }
    @media (min-width: 900px) {
      .growl-component-navbar__menu-wrapper .growl-component-navbar__menu {
        padding: 0;
        display: flex;
        position: initial;
        align-items: flex-end;
        justify-content: center;
        flex-flow: column; } }
  .growl-component-navbar__burger {
    padding: 0.3125rem 0.625rem;
    margin: 0.625rem 0;
    background: #ae8515;
    display: inherit; }
    .growl-component-navbar__burger svg {
      width: 1.5625rem; }
    .growl-component-navbar__burger path {
      fill: #fff; }
    @media (min-width: 900px) {
      .growl-component-navbar__burger {
        display: none; } }

.growl-component-page-hero {
  background-size: cover;
  background-position: center;
  margin-bottom: 2rem; }
  @media (min-width: 900px) {
    .growl-component-page-hero {
      padding-bottom: 14.375rem;
      margin-bottom: 4rem; } }

.gc-pagination {
  display: flex;
  list-style-type: none;
  justify-content: center; }
  .gc-pagination__link {
    padding: 0 0.4rem;
    height: 2.2rem;
    text-align: center;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center; }
  .gc-pagination__current {
    font-weight: bold; }
  .gc-pagination__prev, .gc-pagination__next {
    width: 2.6rem;
    background-color: #ae8515;
    color: #fff; }
  .gc-pagination__prev {
    margin-right: 0.6rem; }
  .gc-pagination__next {
    margin-left: 0.6rem; }

.growl-component-pet-card-list__pets {
  display: grid;
  gap: 1.875rem; }
  @media (min-width: 600px) {
    .growl-component-pet-card-list__pets {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 900px) {
    .growl-component-pet-card-list__pets {
      grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 1200px) {
    .growl-component-pet-card-list__pets {
      grid-template-columns: repeat(4, 1fr); } }

.growl-component-pet-card-list__modal {
  display: flex;
  align-items: center;
  flex-flow: column; }

.growl-component-pet-card-list__modal-image {
  max-width: 300px;
  max-height: 300px; }

.growl-component-pet-card-list__label {
  font-weight: bold; }

.growl-component-pet-card-list__form {
  width: 100%; }

.growl-component-pet-card-list__payment-methods {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 0; }

.growl-component-pet-card-list__payment-logo {
  width: 40px; }
  @media (min-width: 600px) {
    .growl-component-pet-card-list__payment-logo {
      width: 70px; } }

.growl-component-pet-card {
  width: 100%;
  cursor: pointer; }
  .growl-component-pet-card--reserved {
    cursor: default; }
  .growl-component-pet-card--out-of-budget {
    opacity: 0.5;
    order: 1; }
  .growl-component-pet-card__image {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position-y: center;
    position: relative; }
  .growl-component-pet-card__badge {
    position: absolute;
    right: -0.5rem;
    top: 1rem;
    padding: 0.5rem 1rem;
    color: white; }
    .growl-component-pet-card__badge .h6 {
      margin-bottom: 0; }
    .growl-component-pet-card__badge--reserved {
      background-color: #3f9ed3; }
    .growl-component-pet-card__badge--no-image {
      padding: 0.5rem 0.5rem;
      background-color: #b5ac93; }
  .growl-component-pet-card__info {
    background: #fff;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: -8px;
    padding: 15px 0; }

.growl-component-popular-breeds {
  padding: 3rem 0; }
  @media (min-width: 900px) {
    .growl-component-popular-breeds {
      padding: 4rem 0; } }
  .growl-component-popular-breeds__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: column;
    margin-bottom: 1.5rem; }
    @media (min-width: 600px) {
      .growl-component-popular-breeds__header {
        flex-flow: row;
        margin-bottom: 0; } }
  .growl-component-popular-breeds__items {
    display: flex;
    flex-wrap: wrap;
    margin: -1rem; }
    .growl-component-popular-breeds__items > * {
      margin: 1rem; }
    @media (min-width: 900px) and (max-width: 1199px) {
      .growl-component-popular-breeds__items > *:nth-child(6) {
        display: none; } }
  .growl-component-popular-breeds--has-bg {
    position: relative;
    overflow: hidden; }
    .growl-component-popular-breeds--has-bg:after {
      content: '';
      position: absolute;
      z-index: -1;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: #f0f0f0; }
  .growl-component-hero + .growl-component-popular-breeds {
    margin-top: -170px;
    padding-top: 0; }
    .growl-component-hero + .growl-component-popular-breeds .growl-component-popular-breeds--has-bg:after {
      top: 170px; }
    .growl-component-hero + .growl-component-popular-breeds [class*="heading"] {
      color: #fff;
      text-shadow: 1px 1px rgba(0, 0, 0, 0.35); }
    @media (min-width: 900px) {
      .growl-component-hero + .growl-component-popular-breeds {
        margin-top: -130px; }
        .growl-component-hero + .growl-component-popular-breeds .growl-component-popular-breeds--has-bg:after {
          top: 130px; } }
  .growl-component-popular-breeds + .growl-component-popular-breeds {
    padding-top: 0; }

.growl-component-review-item {
  background-color: #fff;
  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.25));
  display: flex;
  flex-flow: column; }
  .growl-component-review-item__spreader {
    flex: 1; }
  .growl-component-review-item__image {
    height: 12.5rem;
    width: 100%;
    object-fit: cover; }
  .growl-component-review-item__content {
    padding: 1.5rem;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start; }
  .growl-component-review-item__stars {
    display: flex; }
  .growl-component-review-item__star svg {
    display: block;
    height: 1rem;
    margin-right: 0.2rem;
    fill: #bcbcbc; }
  .growl-component-review-item__star--yellow svg {
    fill: #f2c94c; }
  .growl-component-review-item__title {
    font-size: 1rem;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
    margin: 0.5rem 0; }
  .growl-component-review-item__message {
    margin: 1rem 0;
    line-height: 1.375;
    display: -webkit-box;
    max-width: 200px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden; }

.growl-component-reviews-large-widget {
  border: 1px solid #ae8515;
  padding: 2.3rem 1.5rem; }
  .growl-component-reviews-large-widget__title {
    font-size: 1.5rem;
    margin-bottom: 0.5rem; }
  .growl-component-reviews-large-widget__rating {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 0.75rem; }
  .growl-component-reviews-large-widget__stars {
    display: flex;
    margin-right: 0.8rem; }
  .growl-component-reviews-large-widget__star svg {
    display: block;
    height: 1.1rem;
    margin-right: 0.2rem;
    fill: #bcbcbc; }
  .growl-component-reviews-large-widget__star--yellow svg {
    fill: #f2c94c; }
  .growl-component-reviews-large-widget__text {
    line-height: 1.25; }

.growl-component-reviews-widget {
  background: rgba(25, 25, 25, 0.75);
  color: #fff;
  text-align: center;
  font-weight: 700;
  padding: 1.25rem; }
  .growl-component-reviews-widget__stars {
    display: flex;
    justify-content: center;
    margin-bottom: 0.625rem; }
  .growl-component-reviews-widget__star svg {
    display: block;
    height: 2rem;
    fill: #f2c94c; }
  .growl-component-reviews-widget__star--yellow svg {
    fill: #f2c94c; }
  .growl-component-reviews-widget a {
    color: #fff;
    text-decoration: underline; }

.growl-component-visual {
  margin: 3rem 0; }
  @media (min-width: 900px) {
    .growl-component-visual {
      margin: 4rem 0; } }
  .growl-component-visual__content {
    background-color: #fff; }
    .growl-component-visual__content > [class*="heading"] {
      line-height: 1; }
    .growl-component-visual__content > [class*="button"] {
      margin-top: 1rem; }
      @media (min-width: 900px) {
        .growl-component-visual__content > [class*="button"] {
          margin-top: 1.5rem; } }
  .growl-component-visual .growl-component-visual__media {
    margin-bottom: 1.5rem; }
    .growl-component-visual .growl-component-visual__media img,
    .growl-component-visual .growl-component-visual__media iframe {
      object-fit: cover;
      max-height: 350px;
      width: 100%; }
    .growl-component-visual .growl-component-visual__media iframe {
      height: 350px; }
    @media (min-width: 900px) {
      .growl-component-visual .growl-component-visual__media {
        margin-bottom: 0; }
        .growl-component-visual .growl-component-visual__media img,
        .growl-component-visual .growl-component-visual__media iframe {
          max-height: 100%;
          height: 100%; } }
  .growl-component-visual--has-bg {
    background-color: #f0f0f0; }
    .growl-component-visual--has-bg .growl-component-visual__content {
      background-color: #f0f0f0; }
    .growl-component-visual--has-bg.growl-component-visual--is-over-media {
      background-color: #fff; }
      .growl-component-visual--has-bg.growl-component-visual--is-over-media .growl-component-visual__content {
        background-color: #f0f0f0; }
  .growl-component-visual--has-media > [class*="container"] {
    display: flex;
    flex-direction: column; }
  @media (min-width: 900px) {
    .growl-component-visual--has-media > [class*="container"] {
      flex-direction: row;
      justify-content: space-between; }
    .growl-component-visual--has-media .growl-component-visual__content {
      width: calc(50% - 1rem); }
    .growl-component-visual--has-media .growl-component-visual__media {
      width: calc(50% - 1rem); } }
  .growl-component-visual--is-reversed .growl-component-visual__media {
    order: 1;
    margin-bottom: 0;
    margin-top: 1.5rem; }
    @media (min-width: 900px) {
      .growl-component-visual--is-reversed .growl-component-visual__media {
        margin-top: 0; } }
  .growl-component-visual--is-over-media .growl-component-visual__content {
    padding: 1rem; }
  @media (min-width: 900px) {
    .growl-component-visual--is-over-media {
      margin: 6rem 0; }
      .growl-component-visual--is-over-media > [class*="container"] {
        position: relative; }
      .growl-component-visual--is-over-media .growl-component-visual__content {
        position: relative;
        left: calc(50% + 1rem);
        z-index: 1;
        padding: 1.5rem; }
      .growl-component-visual--is-over-media .growl-component-visual__media {
        position: absolute;
        top: -2.5rem;
        left: 0;
        width: 65%;
        height: calc(100% + 5rem); }
      .growl-component-visual--is-over-media.growl-component-visual--is-reversed .growl-component-visual__content {
        left: 0; }
      .growl-component-visual--is-over-media.growl-component-visual--is-reversed .growl-component-visual__media {
        left: unset;
        right: 0; } }
  .growl-component-visual:not(.growl-component-visual--has-media) {
    padding: 1rem 0; }

.growl-page-review {
  margin-bottom: 4rem; }
  .growl-page-review__columns {
    display: grid;
    gap: 3.1rem; }
    @media (min-width: 1200px) {
      .growl-page-review__columns {
        grid-template-columns: 1fr 1fr; } }
  .growl-page-review__title {
    font-weight: 700;
    margin-bottom: 0.5rem;
    font-size: 2.75rem; }
  .growl-page-review__pet-name {
    margin: 2rem 0; }
  .growl-page-review__label {
    font-weight: 700;
    min-width: 8rem;
    margin-right: 0.5rem; }
  .growl-page-review__rating {
    margin: 1rem 0;
    display: flex; }
  .growl-page-review__stars {
    display: flex;
    align-items: center; }
  .growl-page-review__star svg {
    display: block;
    height: 1.1rem;
    margin-right: 0.2rem;
    fill: #bcbcbc; }
  .growl-page-review__star--yellow svg {
    fill: #f2c94c; }
  .growl-page-review__message {
    margin: 2.5rem 0 1.5rem 0;
    line-height: 1.25; }
  .growl-page-review__response {
    background-color: #f0f0f0;
    padding: 2rem 1.5rem;
    line-height: 1.25; }
  .growl-page-review__response-title {
    font-weight: 700;
    font-size: 1rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
    margin-bottom: 0.3rem; }
  .growl-page-review__images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.8rem;
    margin-bottom: 1.5rem; }
    @media (min-width: 600px) {
      .growl-page-review__images {
        grid-template-columns: repeat(4, 1fr); } }
  .growl-page-review__image {
    object-fit: cover;
    height: 7.8rem;
    width: 100%; }

@media (min-width: 900px) {
  .growl-page-breed h1 {
    flex-basis: 100%; } }

@media (min-width: 600px) {
  .growl-page-breed__header-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem; } }

.growl-page-breed__title {
  font-weight: 700;
  margin-top: 0; }

.growl-page-breed__budget {
  margin-bottom: 2rem; }
  @media (min-width: 600px) {
    .growl-page-breed__budget {
      margin: 0 0 0 2rem;
      width: 16.5rem; } }

.growl-page-breed__content {
  margin-bottom: 20px; }

.growl-page-breed__available {
  margin-top: 2rem;
  background: #f0f0f0;
  padding: 50px 0; }

.growl-page-breed__info {
  background: #fff;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: -8px;
  padding: 15px 0; }

.growl-page-breed__wrapper {
  display: flex;
  flex-flow: column; }
  @media (min-width: 900px) {
    .growl-page-breed__wrapper {
      flex-flow: row;
      justify-content: space-between;
      flex-wrap: wrap; } }

@media (min-width: 900px) {
  .growl-page-breed__column {
    max-width: 65%;
    margin-bottom: 50px; } }

@media (min-width: 600px) {
  .growl-page-breed__sidebar {
    display: flex;
    align-items: center; } }

@media (min-width: 900px) {
  .growl-page-breed__sidebar {
    max-width: 30%;
    order: 2;
    align-items: unset;
    flex-direction: column;
    margin-top: -5rem; } }

.growl-page-breed__image {
  display: block;
  margin: 0 auto; }

.growl-page-breed__cta {
  background: #f0f0f0;
  padding: 15px;
  margin-bottom: 1rem; }
  @media (min-width: 900px) {
    .growl-page-breed__cta {
      margin: 0; } }
  .growl-page-breed__cta h3 {
    display: none; }
    @media (min-width: 900px) {
      .growl-page-breed__cta h3 {
        display: block; } }

.growl-page-breed__modal {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .growl-page-breed__modal h3 {
    flex-basis: 100%; }
  .growl-page-breed__modal__contents, .growl-page-breed__modal__form {
    flex-basis: 100%; }
    @media (min-width: 900px) {
      .growl-page-breed__modal__contents, .growl-page-breed__modal__form {
        flex-basis: calc(50% - 1rem); } }
  .growl-page-breed__modal__image {
    height: 300px;
    width: 100%;
    background-size: cover;
    background-position-y: center;
    margin-bottom: 1rem; }
    @media (min-width: 600px) {
      .growl-page-breed__modal__image {
        width: 350px; } }
  .growl-page-breed__modal__label {
    font-weight: bold; }
  .growl-page-breed__modal__buttons {
    display: flex;
    margin-top: 1rem; }
  .growl-page-breed__modal__button {
    margin-right: 5px;
    text-align: center; }
  .growl-page-breed__modal__form {
    margin-bottom: 1rem; }
  .growl-page-breed__modal__payment-methods {
    flex-basis: 100%;
    margin-top: 2rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap; }
    @media (min-width: 900px) {
      .growl-page-breed__modal__payment-methods {
        flex-wrap: unset; } }
  .growl-page-breed__modal__payment-logo {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
    margin-right: 1rem; }

.growl-template-contact__title {
  margin-top: 0; }

.growl-template-contact__wrapper {
  display: flex;
  justify-content: space-between;
  flex-flow: column; }

.growl-template-contact__column {
  margin-bottom: 2rem; }

.growl-template-contact__address {
  font-style: normal; }
  .growl-template-contact__address ul {
    margin: 1.25rem 0; }

.growl-template-contact__opening-hours {
  margin-bottom: 1.25rem; }
  .growl-template-contact__opening-hours span {
    font-weight: 700;
    margin-right: 1rem; }

.growl-template-contact__map {
  width: 100%;
  margin-bottom: 1rem; }

@media (min-width: 900px) {
  .growl-template-contact__wrapper {
    flex-flow: row; }
  .growl-template-contact__column {
    width: 55%; }
  .growl-template-contact__sidebar {
    width: 35%; } }

.growl-template-reservation__wrapper {
  display: flex;
  flex-flow: column; }
  @media (min-width: 900px) {
    .growl-template-reservation__wrapper {
      flex-flow: row;
      justify-content: space-between; } }

@media (min-width: 900px) {
  .growl-template-reservation__column {
    width: 50%;
    padding-right: 20px; } }

@media (min-width: 900px) {
  .growl-template-reservation__sidebar {
    width: 50%;
    padding-left: 20px;
    margin-top: 80px; } }

.growl-template-reservation__location {
  display: none; }
  @media (min-width: 900px) {
    .growl-template-reservation__location {
      display: block; } }

.growl-template-reviews__header {
  display: grid;
  gap: 1.5rem;
  margin-bottom: 2.25rem; }
  @media (min-width: 600px) {
    .growl-template-reviews__header {
      gap: 2.5rem;
      grid-template-columns: 1fr 1fr; } }

.growl-template-reviews__title {
  font-weight: 700;
  font-size: 2.75rem;
  margin-bottom: 1rem; }

.growl-template-reviews__text {
  line-height: 1.25; }

.growl-template-reviews__background {
  background-color: #f0f0f0;
  padding: 4rem 0; }

.growl-template-reviews__grid {
  display: grid;
  gap: 2rem; }
  @media (min-width: 600px) {
    .growl-template-reviews__grid {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1200px) {
    .growl-template-reviews__grid {
      grid-template-columns: repeat(4, 1fr); } }

.growl-template-reviews__pagination {
  margin-top: 2rem; }


/*# sourceMappingURL=styles.css.map*/