/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@import url("https://use.typekit.net/nuq8mce.css");
@import url(//fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic|&subset=latin,cyrillic,greek,greek-ext,latin-ext,cyrillic-ext);
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
  --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
  --bs-success-text-emphasis: rgb(10, 54, 33.6);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
  --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
  --bs-success-bg-subtle: rgb(209, 231, 220.8);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
  --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
  --bs-success-border-subtle: rgb(163, 207, 186.6);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
  --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(10.4, 88, 202.4);
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: rgb(109.8, 168, 253.8);
  --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
  --bs-success-text-emphasis: rgb(117, 183, 152.4);
  --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
  --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
  --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(2.6, 22, 50.6);
  --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
  --bs-success-bg-subtle: rgb(5, 27, 16.8);
  --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
  --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
  --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: rgb(7.8, 66, 151.8);
  --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
  --bs-success-border-subtle: rgb(15, 81, 50.4);
  --bs-info-border-subtle: rgb(7.8, 121.2, 144);
  --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
  --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(109.8, 168, 253.8);
  --bs-link-hover-color: rgb(138.84, 185.4, 254.04);
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(102, 77.2, 2.8);
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(117, 183, 152.4);
  --bs-form-valid-border-color: rgb(117, 183, 152.4);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}

*,
*::before,
*::after,
.real-dog-thumb-img:after,
.square-img-container-small-image-outlined:after,
.square-img-container-no-outline:after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

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

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

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.container, .family-container,
.container-fluid,
.modal-container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container, .family-container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container, .family-container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container, .family-container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container, .family-container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .family-container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(206.6, 226, 254.6);
  --bs-table-border-color: rgb(165.28, 180.8, 203.68);
  --bs-table-striped-bg: rgb(196.27, 214.7, 241.87);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(185.94, 203.4, 229.14);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(191.105, 209.05, 235.505);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(225.6, 227.4, 229);
  --bs-table-border-color: rgb(180.48, 181.92, 183.2);
  --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: rgb(209, 231, 220.8);
  --bs-table-border-color: rgb(167.2, 184.8, 176.64);
  --bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(188.1, 207.9, 198.72);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: rgb(206.6, 244.4, 252);
  --bs-table-border-color: rgb(165.28, 195.52, 201.6);
  --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: rgb(255, 242.6, 205.4);
  --bs-table-border-color: rgb(204, 194.08, 164.32);
  --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: rgb(248, 214.6, 217.8);
  --bs-table-border-color: rgb(198.4, 171.68, 174.24);
  --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: rgb(198.4, 199.2, 200);
  --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 224.1, 225);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: rgb(77.4, 80.6, 83.8);
  --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::-moz-placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -webkit-appearance: none;
          appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: rgb(182.4, 211.5, 254.4);
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
       appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: rgb(182.4, 211.5, 254.4);
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}
.form-floating > :disabled ~ label::after,
.form-floating > .form-control:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
  --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(10.4, 88, 202.4);
  --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
  --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(86.4, 93.6, 100);
  --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
  --bs-btn-hover-border-color: rgb(20, 108, 67.2);
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(20, 108, 67.2);
  --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
  --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(61.4, 212.6, 243);
  --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
  --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(255, 205.4, 56.6);
  --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
  --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(176, 42.4, 55.2);
  --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
  --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(198.4, 199.2, 200);
  --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
  --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
  --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container, .navbar > .family-container,
.navbar > .container-fluid,
.navbar > .modal-container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse {
  border-radius: 0;
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-stacked > .progress {
  overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}

.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  filter: var(--bs-btn-close-white-filter);
}

[data-bs-theme=dark] .btn-close {
  filter: var(--bs-btn-close-white-filter);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg, .modal-lg-login,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}

[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
  background-color: #000;
}
[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
  color: #000;
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
          mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
          mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.object-fit-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.object-fit-fill {
  -o-object-fit: fill !important;
     object-fit: fill !important;
}

.object-fit-scale {
  -o-object-fit: scale-down !important;
     object-fit: scale-down !important;
}

.object-fit-none {
  -o-object-fit: none !important;
     object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}

.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
       column-gap: 0.25rem !important;
}

.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
       column-gap: 0.5rem !important;
}

.column-gap-3 {
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important;
}

.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
       column-gap: 1.5rem !important;
}

.column-gap-5 {
  -moz-column-gap: 3rem !important;
       column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

.link-opacity-100 {
  --bs-link-opacity: 1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
.fsp-picker--no-scroll {
  font-family: unset;
}

.container-fluid, .modal-container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  width: 85%;
  max-width: 1400px;
}
@media (max-width: 544px) {
  .container-fluid, .modal-container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    width: 90%;
  }
}

.clearfix {
  clear: both;
}

/*--------------------------------------*/
/* Colors
/*--------------------------------------*/
/* Spree green    */
/* Error red      */
/*--------------------------------------*/
/* Fonts import from remote
/*--------------------------------------*/
/*--------------------------------------*/
/* Font families
/*--------------------------------------*/
/*--------------------------------------
  | Font sizes
  |--------------------------------------
  |- Navigation
  |                                    */
/*|------------------------------------
  |- Product Listing
  |                                  */
/*|------------------------------------
  |- Product Details
  |                                  */
/*|------------------------------------
  |- Basic
  |                                  */
html {
  font-size: 1em;
}

body {
  font-family: "Roboto", sans-serif;
  color: #333333;
}

.eyebrow {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 600;
  letter-spacing: 3px;
}

.light-eyebrow {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 600;
  letter-spacing: 3px;
  color: rgb(165, 167, 168);
}

a {
  color: inherit;
  text-decoration: none;
}

h1, .h1 {
  font-size: 2.5rem;
  font-family: "Sutro", serif;
}

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

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

h4, .h4 {
  font-size: 1.25em;
}

h6, .h6 {
  font-size: 0.8784em;
  letter-spacing: 1.2px;
}

small, .small, .font_small {
  font-size: 0.75rem;
}

.italic {
  font-style: italic;
}

.center {
  text-align: center;
}

.serif, .capture-header-section h1, .capture-header-section .h1, .listing-sort-bar h2, .listing-sort-bar .h2, .listing-sort-bar h1, .listing-sort-bar .h1, .color-subtitle, .brand-story .heavy, .confirm-subtotal, .confirm-total, .home-intro-text .large, .home-intro-text .medium, .cart-line-item-details h4, .cart-line-item-details .h4, .cart-total-header h4, .cart-total-header .h4 {
  font-family: "sutro", serif;
}

.sans-serif, .dog-hero-section p, .product-header-title-section h2, .product-header-title-section .h2, .article-block-title, .article-scheduled, .article-title, #errorExplanation h2, #errorExplanation .h2, .landing-photo-text, .home-intro-text .small, .login-tab, .brand-overlay-box .donation, .mobile-overlay p {
  font-family: "Roboto", sans-serif;
}

.light {
  font-weight: 300;
}

.heavy {
  font-weight: 500;
}

.extra-heavy, .article-block-title {
  font-weight: 700;
}

.weight-400 {
  font-weight: 400;
}

.uppercase {
  text-transform: uppercase;
}

.underline {
  text-decoration: underline;
}

.link, .link:hover, .link:focus, .link:active {
  color: inherit;
  cursor: pointer;
}

.pointer {
  cursor: pointer;
}

.small-medium-caps-gray {
  color: rgb(180, 181, 182);
  text-transform: uppercase;
  font-size: 0.8784em;
  font-weight: 400;
}
@media (max-width: 768px) {
  .small-medium-caps-gray {
    font-size: 12px;
  }
}

.small-caps-gray {
  color: rgb(180, 181, 182);
  text-transform: uppercase;
  font-size: 0.707em;
  font-weight: 400;
}

.overall-rating-text {
  color: rgb(180, 181, 182);
  text-transform: uppercase;
  font-size: 0.7777em;
  font-weight: 400;
}

.business-details-uppercase {
  color: rgb(180, 181, 182);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
}

.caps-gray {
  color: rgb(180, 181, 182);
  text-transform: uppercase;
  font-weight: 400;
}

.uppercase {
  text-transform: uppercase;
}

.left-align {
  text-align: left;
}

.full-width-seperator {
  width: 100%;
  height: 2px;
  border-bottom: 1px solid #dbdbdb;
}

.white-text {
  color: white;
}

.green {
  color: #b5d013;
}

.black {
  color: black;
}

.gray {
  color: rgb(186, 187, 188);
}

.scaling-text {
  font-size: 16px;
  font-size: 1.1vw;
}
@media (max-width: 768px) {
  .scaling-text {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .scaling-text {
    font-size: 1vw;
  }
}
@media (min-width: 1200px) {
  .scaling-text {
    font-size: 14px;
  }
}

.scaling-text-small {
  font-size: 16px;
  font-size: 1.1vw;
}
@media (max-width: 544px) {
  .scaling-text-small {
    font-size: 10px;
  }
}
@media (max-width: 768px) {
  .scaling-text-small {
    font-size: 10px;
  }
}
@media (min-width: 992px) {
  .scaling-text-small {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .scaling-text-small {
    font-size: 12px;
  }
}

.line-height-10 {
  line-height: 10px;
}

.headline-p {
  font-size: 22px;
}
@media (max-width: 768px) {
  .headline-p {
    font-size: 18px;
  }
}

.story-body {
  font-weight: 300;
  font-size: 1.4em;
}

.pointer {
  cursor: pointer;
}

.prof-one-liner {
  font-family: "sutro", serif;
  font-style: italic;
  font-size: 22px;
  font-weight: 400;
  text-transform: none;
}

.margin-top-none {
  margin-top: 0px;
}

.margin-bottom-none {
  margin-bottom: 0px;
}

.margin-xs {
  margin: 8px;
}

.margin-top-xs {
  margin-top: 8px;
}

.margin-top-xxs {
  margin-top: 4px;
}

.margin-bottom-xxs {
  margin-bottom: 4px;
}

.margin-bottom-xs {
  margin-bottom: 8px;
}

.margin-sm {
  margin: 1rem;
}

.margin-top-sm {
  margin-top: 1rem;
}

.margin-top-none {
  margin-top: 0;
}

.margin-bottom-sm {
  margin-bottom: 1rem;
}

.margin-left-none {
  margin-left: 0;
}

.margin-left-sm {
  margin-left: 1rem;
}

.margin-right-none {
  margin-right: 0;
}

.margin-x-none {
  margin-left: 0;
  margin-right: 0;
}

.margin-md {
  margin: 3em;
}

.margin-top-md {
  margin-top: 3em;
}

.margin-bottom-md {
  margin-bottom: 3em;
}

.margin-lg {
  margin: 80px;
}

.margin-top-lg {
  margin-top: 80px;
}

.margin-bottom-lg {
  margin-bottom: 80px;
}

.no-padding {
  padding: 0px;
}

.p0 {
  padding: 0;
}

.padding-top-none {
  padding-top: 0 !important;
}

.padding-bottom-none {
  padding-bottom: 0 !important;
}

.padding-left-none {
  padding-left: 0;
}

.m0 {
  margin: none;
}

.ml0 {
  margin-left: 0 !important;
}

.mr0 {
  margin-right: 0 !important;
}

.width-eighty {
  width: 80%;
}

.pl0 {
  padding-left: 0;
}

.p0 {
  padding: 0;
}

.pr1 {
  padding-right: 12px;
}

.btn {
  border-radius: 0px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .btn {
    line-height: 1em;
  }
}

.btn-green {
  background-color: #b5d013;
  border: 1px solid #b5d013;
  font-weight: 500;
  text-align: center;
  color: white;
  border-radius: 5px;
  padding: 0.75rem 0.55rem;
}
.btn-green:active {
  text-decoration: none;
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
  color: #333333;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.btn-green:hover {
  text-decoration: none;
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
  color: #333333;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.btn-green:focus {
  border: 1px solid white;
  border-radius: 15px;
  outline: none;
  box-shadow: 2px 2px 0px 2px white, -2px 2px 0px 2px white, 2px -2px 0px 2px white, -2px -2px 0px 2px white;
}

.btn-neutral {
  background-color: #dbdbdb;
  font-weight: 500;
  text-align: center;
  color: #333333;
  border-radius: 5px;
  padding: 0.75rem 0.55rem;
}
.btn-neutral:hover {
  text-decoration: none;
  background-color: #b5d013;
  color: white;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.btn-inactive {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #ef6f37;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: #ef6f37;
  font-size: 0.75rem;
  font-weight: 500;
  margin-right: 0rem;
}

.btn-inactive-homepage {
  background-color: white;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ef6f37;
  font-size: 1rem;
  font-weight: 500;
  margin-right: 0rem;
}
.btn-inactive-homepage:hover {
  border: 1px solid #ef6f37;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}

.btn-inactive-homepage-selected {
  background-color: #f4f5f6;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ef6f37;
  font-size: 1rem;
  font-weight: 500;
  margin-right: 0rem;
}
.btn-inactive-homepage-selected:hover {
  border: 1px solid #ef6f37;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}

.btn-active {
  background-color: #ef6f37;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: white;
}
.btn-active:hover {
  background-color: #b5d013;
  border: 1px solid #b5d013 !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: white !important;
  text-decoration: none;
}

.btn-show-toggle {
  background-color: white;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #333333;
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: normal;
  padding: 0.375rem 0.75rem;
}
.btn-show-toggle:focus, .btn-show-toggle:hover {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  color: #333333;
  font-weight: normal;
  outline: none;
}
.btn-show-toggle:focus {
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
  color: #333333;
  font-weight: normal;
}

.btn-follow-tag {
  background-color: white;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #333333;
  font-size: 0.85rem;
  font-weight: 500;
  margin-right: 0rem;
}
.btn-follow-tag:disabled {
  background-color: white;
  cursor: not-allowed;
  opacity: 0.65;
}
.btn-follow-tag:focus, .btn-follow-tag:hover {
  background-color: white;
  border: 1px solid #ef6f37;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.btn-follow-tag:focus {
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
  color: #333333;
  font-weight: normal;
}
.btn-follow-tag svg {
  color: #ef6f37;
  position: relative;
  top: -1px;
}
@media (max-width: 544px) {
  .btn-follow-tag {
    min-height: 35px;
  }
}

.btn-transparent-white {
  border: 1px solid white;
  border-radius: 5px;
  color: white;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0rem 1rem;
}
.btn-transparent-white:hover {
  border: 1px solid #ef6f37;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: #ef6f37;
}

.btn-unfollow-tag {
  background-color: white;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ef6f37;
  font-size: 1rem;
  font-weight: 500;
  margin-right: 0rem;
}
.btn-unfollow-tag:hover {
  border: 1px solid #ef6f37;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}

.btn-gray {
  background-color: #dbdbdb;
  width: auto;
  height: auto;
  color: #494949;
}

.btn-orange {
  background-color: #ef6f37;
  width: auto;
  height: auto;
  color: white;
}
.btn-orange:hover {
  color: #333333;
  background-color: #dbdbdb;
}

.brand-fav-btn {
  background-color: white;
  width: 100%;
  height: auto;
  color: #494949;
}

.btn-success {
  background-color: #b5d013;
  border-radius: 0;
  color: white;
  border: 1px solid #b5d013;
}

.btn-danger {
  background-color: #F53240;
  border-radius: 0;
  color: white;
  border: 1px solid #F53240;
}

.btn-default {
  background-color: #ef6f37;
  border: 1px solid #ef6f37;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: white;
}
.btn-default:hover {
  background-color: #b5d013;
  border: 1px solid #b5d013 !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: white !important;
  text-decoration: none;
}

.btn-inverse {
  background-color: white;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #ef6f37;
  font-size: 1rem;
  font-weight: 500;
  margin-right: 0rem;
}
.btn-inverse:hover {
  border: 1px solid #b5d013 !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}

.btn-follow-inverse {
  background-color: white;
  border-color: #ef6f37;
  color: #ef6f37;
}
.btn-follow-inverse:hover {
  text-decoration: none;
  background-color: #ef6f37;
  color: white;
}

.btn-success:hover, .btn-success:focus, .btn-success:active {
  background-color: rgb(164.7339207048, 189.3074889868, 17.2925110132);
  border: 1px solid rgb(164.7339207048, 189.3074889868, 17.2925110132);
  color: white;
}

.cart-button {
  width: 100%;
  box-shadow: 0px 0px 0px 1px white inset;
  border: 5px solid #b5d013;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

.cart-button:hover, .cart-button:focus, .cart-button:active {
  background-color: rgb(164.7339207048, 189.3074889868, 17.2925110132);
  border: 5px solid rgb(164.7339207048, 189.3074889868, 17.2925110132);
  color: white;
}

.cart-button-floated {
  width: 100%;
  height: 68px;
  float: right;
  box-shadow: 0px 0px 0px 1px white inset;
  border: 5px solid #b5d013;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

.cart-button-floated:hover, .cart-button-floated:focus, .cart-button-floated:active {
  background-color: rgb(164.7339207048, 189.3074889868, 17.2925110132);
  border: 5px solid rgb(164.7339207048, 189.3074889868, 17.2925110132);
  color: white;
}

.quick-add-to-cart-button {
  background-color: rgb(180, 181, 182);
  border: none;
  color: white;
  font-weight: 300;
  letter-spacing: 1.2px;
  width: 100%;
  height: 50px;
  position: relative;
  left: 0px;
  top: 0px;
}

.quick-add-to-cart-button:hover, .quick-add-to-cart-button:focus, .quick-add-to-cart-button:active {
  background-color: rgb(169.6621621622, 170.8, 171.9378378378);
  border: none;
  color: white;
  width: 100%;
}

.white-button {
  width: auto;
  padding-right: 60px;
  padding-left: 60px;
  margin: auto;
  box-shadow: 0px 0px 0px 1px #b5d013 inset;
  border: 5px solid white;
  text-transform: uppercase;
  letter-spacing: 2.2px;
  background-color: white;
  color: #494949;
}

.white-button:hover, .white-button:focus, .white-button:active {
  box-shadow: 0px 0px 0px 1px rgb(152.5343612335, 175.2881057269, 16.0118942731) inset;
  color: #494949;
}

.shelter-support-button {
  width: 100%;
  background-color: #b5d013;
  box-shadow: 0px 0px 0px 1px white inset;
  border: 5px solid #b5d013;
  color: white;
  text-transform: uppercase;
  letter-spacing: 2.2px;
  text-align: center;
  display: inline-block;
  margin-top: 36px;
  padding: 6px 0;
  margin-bottom: 12px;
}

.shelter-support-button:hover, .shelter-support-button:focus, .shelter-support-button:active {
  box-shadow: 0px 0px 0px 1px rgb(237.15, 237.15, 237.15) inset;
  color: white;
  text-decoration: none;
}

.home-cta, .home-cta-green, .home-cta-green-tall {
  width: auto;
  padding-right: 60px;
  padding-left: 60px;
  box-shadow: 0px 0px 0px 1px #b5d013 inset;
  border: 5px solid white;
  text-transform: uppercase;
  letter-spacing: 2.2px;
  background-color: white;
  color: #494949;
}

.home-cta:hover, .home-cta-green:hover, .home-cta-green-tall:hover, .home-cta:focus, .home-cta-green:focus, .home-cta-green-tall:focus, .home-cta:active, .home-cta-green:active, .home-cta-green-tall:active {
  box-shadow: 0px 0px 0px 1px rgb(152.5343612335, 175.2881057269, 16.0118942731) inset;
  color: #494949;
}

.home-cta-green, .home-cta-green-tall {
  box-shadow: 0px 0px 0px 1px white inset;
  border: 5px solid #b5d013;
  background-color: #b5d013;
  color: white;
}

.home-cta-green:hover, .home-cta-green-tall:hover, .home-cta-green:focus, .home-cta-green-tall:focus, .home-cta-green:active, .home-cta-green-tall:active {
  box-shadow: 0px 0px 0px 1px rgb(237.15, 237.15, 237.15) inset;
  color: white;
}

.home-cta-green-tall {
  height: 60px;
  padding-left: 40px;
  padding-right: 40px;
  line-height: 36px;
}
@media (max-width: 544px) {
  .home-cta-green-tall {
    font-size: 0.8em;
  }
}

.gray-button {
  width: auto;
  padding-right: 15%;
  padding-left: 15%;
  margin: auto;
  box-shadow: 0px 0px 0px 1px white inset;
  border: 5px solid rgb(234, 235, 236);
  text-transform: uppercase;
  letter-spacing: 2.2px;
  background-color: rgb(234, 235, 236);
  color: #494949;
}

.gray-back-button {
  width: 100px;
  padding-right: 15%;
  padding-left: 15%;
  margin: auto;
  box-shadow: 0px 0px 0px 1px white inset;
  border: 5px solid rgb(234, 235, 236);
  text-transform: uppercase;
  letter-spacing: 2.2px;
  background-color: rgb(234, 235, 236);
  color: #494949;
}

.gray-continue-button {
  width: auto;
  padding-right: 40px;
  padding-left: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
  float: right;
  box-shadow: 0px 0px 0px 1px white inset;
  border: 5px solid rgb(234, 235, 236);
  text-transform: uppercase;
  letter-spacing: 2.2px;
  background-color: rgb(234, 235, 236);
  color: #494949;
  font-weight: 500;
}
.gray-continue-button:hover {
  color: black;
  text-decoration: none;
}

.full-width-button {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}

.bottom-quote-button {
  position: absolute;
  bottom: 10%;
  left: 10%;
  width: 80%;
  padding: 12px;
  font-size: 14px;
}

.gray-button:hover, .gray-button:focus, .gray-button:active {
  box-shadow: 0px 0px 0px 1px white inset;
  color: #494949;
}

.modal-login-btn {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  font-size: 0.9em;
}
@media (max-width: 992px) {
  .modal-login-btn {
    font-size: 0.8em;
  }
}

.view-more-button {
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  line-height: 0.1em;
  margin: 10px 0 20px;
  letter-spacing: 2.2px;
}
.view-more-button span, .view-more-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .view-more-button td[data-hook=cart_item_price], .view-more-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .view-more-button td[data-hook=cart_item_total] {
  text-align: center;
  border: none;
  min-width: 237px;
  width: auto;
  height: 30px;
  background-color: black;
  color: white;
  justify-content: center;
  text-transform: uppercase;
  margin: auto;
  padding: 18px 40px;
  border: 15px solid white;
  font-size: 0.8784em;
  font-weight: 600;
}
@media (max-width: 768px) {
  .view-more-button {
    letter-spacing: 0;
  }
  .view-more-button span, .view-more-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .view-more-button td[data-hook=cart_item_price], .view-more-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .view-more-button td[data-hook=cart_item_total] {
    font-size: 13px;
    letter-spacing: 1px;
  }
}

.view-more {
  cursor: pointer;
  text-align: center;
  line-height: 0.1em;
  margin: 10px 0 20px;
  letter-spacing: 2.2px;
  border: none;
  height: 30px;
  background-color: black;
  border-color: black;
  color: white;
  text-transform: uppercase;
  margin: auto;
  padding: 18px 40px;
  font-size: 0.8784em;
  font-weight: 600;
  border-radius: 0;
}
.view-more:hover {
  background-color: black !important;
  text-decoration: none;
  border-color: black;
}
.view-more:visited {
  background-color: black !important;
  text-decoration: none;
  border-color: black;
}
.view-more:active {
  background-color: black !important;
  text-decoration: none;
  border-color: black;
}
.view-more:focus {
  background-color: black !important;
  text-decoration: none;
  border-color: black;
}
@media (max-width: 768px) {
  .view-more {
    letter-spacing: 0;
    font-size: 13px;
    letter-spacing: 1px;
  }
}

.color-page-section .view-more-button span, .product-header-title-section .view-more-button span, .light-color-page-section .view-more-button span, .color-page-section .view-more-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], .product-header-title-section .view-more-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], .light-color-page-section .view-more-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .color-page-section .view-more-button td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .product-header-title-section .view-more-button td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .light-color-page-section .view-more-button td[data-hook=cart_item_price], .color-page-section .view-more-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], .product-header-title-section .view-more-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], .light-color-page-section .view-more-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .color-page-section .view-more-button td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .product-header-title-section .view-more-button td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .light-color-page-section .view-more-button td[data-hook=cart_item_total], .color-top-page-section .view-more-button span, .color-top-page-section .view-more-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .color-top-page-section .view-more-button td[data-hook=cart_item_price], .color-top-page-section .view-more-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .color-top-page-section .view-more-button td[data-hook=cart_item_total] {
  border: 15px solid rgb(244, 245, 246);
}

.color-top-page-section {
  padding-top: 0px;
}

.favorites-button {
  width: 280px;
  background-color: #b5d013;
  color: white;
  font-size: 1rem;
  line-height: 2.5em;
  position: relative;
  letter-spacing: 1.2px;
  margin: auto;
  margin-top: 12px;
  margin-bottom: 12px;
}
.favorites-button i {
  margin-left: 25px;
  margin-right: -36px;
}

.nonfavorite-button {
  width: 280px;
  background-color: rgb(234, 235, 236);
  color: black;
  line-height: 2.5em;
  margin-top: 12px;
}
@media (max-width: 768px) {
  .nonfavorite-button {
    margin-top: 0px;
    line-height: 1.25em;
  }
}
.nonfavorite-button i {
  margin-left: 10px;
}

.small-text-button {
  font-size: 16px;
  font-size: 1.1vw;
}
@media (max-width: 768px) {
  .small-text-button {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .small-text-button {
    font-size: 1vw;
  }
}
@media (min-width: 1200px) {
  .small-text-button {
    font-size: 14px;
  }
}

.black-button {
  background-color: black;
  border: 4px solid black;
  color: white;
  box-shadow: 0px 0px 0px 1px white inset;
  text-transform: uppercase;
  padding: 14px;
}

.black-button-borderless {
  background-color: black;
  color: #cecece;
  text-transform: uppercase;
  padding: 20px 60px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
}

.be-btn {
  min-width: 300px;
  width: 50%;
  margin: auto;
  margin-top: 15px;
  max-width: 350px;
  text-align: center;
}

.brand-favorites-button {
  width: 390px;
  background-color: #b5d013;
  color: white;
  font-size: 1rem;
  line-height: 2.5em;
  position: relative;
  letter-spacing: 1.2px;
  margin: auto;
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: -12px;
}
.brand-favorites-button i {
  margin-left: 25px;
  margin-right: -36px;
}

.brand-nonfavorite-button {
  width: 390px;
  background-color: white;
  color: #333333;
  line-height: 2.5em;
  margin-top: 12px;
  margin-left: -12px;
}
@media (max-width: 768px) {
  .brand-nonfavorite-button {
    margin-top: 0px;
    line-height: 1.25em;
  }
}
.brand-nonfavorite-button i {
  margin-left: 10px;
}

.annoucement-banner {
  background-color: rgba(181, 208, 19, 0.35);
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100vw;
  height: 65px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.annoucement-banner svg {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.annoucement-banner:hover {
  text-decoration: none;
  color: #333333;
}

.message-me-community {
  background-color: rgb(244, 245, 246);
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  width: 100%;
  padding: 0.5rem;
}
.message-me-community svg {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  color: #b5d013;
}
.message-me-community:hover {
  text-decoration: none;
  color: #333333;
}

@media (max-width: 350px) {
  .annoucement-banner {
    height: auto;
    padding: 0.5rem;
  }
}
.backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 101;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.5);
}

.get-started-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 101;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.5);
}

.subscription-backdrop {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 101;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.5);
}

/* Product Carousel 2025 - Modern Stimulus-based carousel */
.pc2025-carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0 0 1rem 0 !important;
  box-sizing: border-box;
}

.pc2025-track {
  display: flex;
  transition: transform 0.3s ease-in-out;
  will-change: transform;
}

.pc2025-item {
  flex-shrink: 0;
  box-sizing: border-box;
  min-width: 250px;
}

/* Navigation Buttons */
.pc2025-nav-button {
  position: absolute;
  top: 33%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 9999;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.pc2025-nav-button:hover {
  background: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transform: translateY(-50%) scale(1.05);
}

.pc2025-nav-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: translateY(-50%) scale(0.95);
}

.pc2025-nav-button:disabled:hover {
  transform: translateY(-50%) scale(0.95);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.pc2025-prev {
  left: 5px; /* Inside the padding */
}

.pc2025-next {
  right: 5px; /* Inside the padding */
}

/* Arrow icons */
.pc2025-nav-button::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
}

.pc2025-prev::before {
  transform: rotate(-135deg);
  margin-left: 2px;
}

.pc2025-next::before {
  transform: rotate(45deg);
  margin-right: 2px;
}

/* Optional: Dots/indicators */
.pc2025-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
}

.pc2025-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ccc;
  cursor: pointer;
  transition: background 0.2s ease;
}

.pc2025-dot.active {
  background: #333;
}

.pc2025-dot:hover {
  background: #666;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .pc2025-carousel {
    padding: 0 45px;
  }
  .pc2025-nav-button {
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 576px) {
  .pc2025-carousel {
    padding: 0 40px;
  }
  .pc2025-nav-button {
    width: 32px;
    height: 32px;
  }
  .pc2025-nav-button::before {
    width: 6px;
    height: 6px;
  }
}
/* Touch/swipe feedback */
.pc2025-track.dragging {
  transition: none;
  cursor: grabbing;
}

/* Loading state */
.pc2025-carousel.loading .pc2025-track {
  opacity: 0.5;
}

/* Smooth entrance animation */
.pc2025-carousel {
  opacity: 0;
  animation: pc2025-fade-in 0.3s ease-out forwards;
}

@keyframes pc2025-fade-in {
  to {
    opacity: 1;
  }
}
/* Optional: Hide scrollbar for browsers that show it */
.pc2025-carousel::-webkit-scrollbar {
  display: none;
}

.pc2025-carousel {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

@media only screen and (max-width: 479px) {
  #content {
    text-align: left;
  }
}

.cart-dashed-line {
  width: 100%;
  height: 4px;
  margin-top: 18px;
  margin-bottom: 12px;
  border-bottom: 2px dashed #dbdbdb;
}

.cart-total-header {
  position: relative;
  left: 21%;
  margin: 0;
}
.cart-total-header h4, .cart-total-header .h4 {
  font-weight: 500;
  margin: 0;
}

.cart-total-number {
  font-size: 20px;
  font-weight: 500;
  position: relative;
  left: 25%;
}
@media (max-width: 768px) {
  .cart-total-number {
    left: -2%;
  }
}

.cart-header-row {
  border-bottom: 1px solid rgb(165, 167, 168);
  text-transform: uppercase;
  font-weight: 500;
}

.cart-item-brand-header {
  font-size: 18px;
  font-weight: 500;
  margin-top: 4px;
  margin-bottom: 14px;
  color: rgb(165, 167, 168);
}

.cart-donates {
  font-weight: 500;
  line-height: 16px;
  margin-top: 18px;
}

.cart-item-brand-name {
  font-size: 18px;
  color: rgb(186, 187, 188);
  font-weight: 500;
  margin-bottom: 14px;
}

.cart-line-item-attribute {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

.cart-line-item-details {
  padding: 0;
  padding-left: 20px;
}
.cart-line-item-details h4, .cart-line-item-details .h4 {
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0;
}
@media (max-width: 768px) {
  .cart-line-item-details {
    padding-left: 0;
  }
}

.cart-line-item-price-value {
  color: #333333;
  font-weight: 500;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
}
.cart-line-item-price-value span, .cart-line-item-price-value table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .cart-line-item-price-value td[data-hook=cart_item_price], .cart-line-item-price-value table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .cart-line-item-price-value td[data-hook=cart_item_total] {
  padding-left: 0rem !important;
}

.cart-line-item-confirm-value {
  color: black;
  font-weight: 500;
  font-size: 22px;
}

.cart-line-item-price {
  width: 32%;
  display: inline-block;
}
@media (max-width: 768px) {
  .cart-line-item-price {
    width: -moz-fit-content;
    width: fit-content;
  }
  .cart-line-item-price .price:first-child, .cart-line-item-price table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price]:first-child, table#cart-detail-dogly tbody#line_items tr .cart-line-item-price td[data-hook=cart_item_price]:first-child, .cart-line-item-price table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total]:first-child, table#cart-detail-dogly tbody#line_items tr .cart-line-item-price td[data-hook=cart_item_total]:first-child {
    font-size: 16px;
  }
  .cart-line-item-price .discount:first-child {
    font-size: 12px;
  }
}

.confirm-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .confirm-buttons .to-edit {
    width: 150px;
  }
  .confirm-buttons .to-place {
    width: 150px;
  }
}
.confirm-buttons .matchup {
  box-shadow: 0px 0px 0px 1px white inset;
  border: 5px solid #b5d013;
}
.confirm-buttons .matchup a:link {
  color: white;
  text-decoration: none;
}
.confirm-buttons .matchup a:visited {
  color: white;
}

.cart-line-item-delivery {
  width: 38%;
  display: inline-block;
}
.cart-line-item-delivery span, .cart-line-item-delivery table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .cart-line-item-delivery td[data-hook=cart_item_price], .cart-line-item-delivery table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .cart-line-item-delivery td[data-hook=cart_item_total] {
  padding-left: 10px;
}
.cart-line-item-delivery span.qty, .cart-line-item-delivery table#cart-detail-dogly tbody#line_items tr td.qty[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .cart-line-item-delivery td.qty[data-hook=cart_item_price], .cart-line-item-delivery table#cart-detail-dogly tbody#line_items tr td.qty[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .cart-line-item-delivery td.qty[data-hook=cart_item_total] {
  padding-left: 4px;
}

.cart-line-item-delivery-item {
  color: rgb(165, 167, 168);
  font-size: 14px;
  margin-bottom: 6px;
  letter-spacing: 2px;
  font-weight: 600;
}

.cart-line-item-delivery-qty {
  width: 20%;
  display: inline-block;
  color: rgb(165, 167, 168);
  font-size: 14px;
  margin-bottom: 6px;
  letter-spacing: 2px;
  font-weight: 600;
}
.cart-line-item-delivery-qty span, .cart-line-item-delivery-qty table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .cart-line-item-delivery-qty td[data-hook=cart_item_price], .cart-line-item-delivery-qty table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .cart-line-item-delivery-qty td[data-hook=cart_item_total] {
  padding-left: 10px;
}
.cart-line-item-delivery-qty span.qty, .cart-line-item-delivery-qty table#cart-detail-dogly tbody#line_items tr td.qty[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .cart-line-item-delivery-qty td.qty[data-hook=cart_item_price], .cart-line-item-delivery-qty table#cart-detail-dogly tbody#line_items tr td.qty[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .cart-line-item-delivery-qty td.qty[data-hook=cart_item_total] {
  padding-left: 4px;
}

.cart-line-item-qty {
  width: 25%;
  display: inline-block;
  color: rgb(165, 167, 168);
  font-size: 14px;
  margin-bottom: 6px;
  letter-spacing: 2px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .cart-line-item-qty {
    width: 50%;
  }
}
.cart-line-item-qty textarea, .cart-line-item-qty input[type=date], .cart-line-item-qty input[type=datetime], .cart-line-item-qty input[type=datetime-local], .cart-line-item-qty input[type=email], .cart-line-item-qty input[type=month], .cart-line-item-qty input[type=number], .cart-line-item-qty input[type=password], .cart-line-item-qty input[type=search], .cart-line-item-qty input[type=tel], .cart-line-item-qty input[type=text], .cart-line-item-qty input[type=time], .cart-line-item-qty input[type=url], .cart-line-item-qty input[type=week] {
  border: 1px solid #dbdbdb;
  font-size: 18px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  margin: 0;
  padding: 0;
  color: #333333;
  width: 65%;
  padding-bottom: 2px;
  padding-left: 10px;
  text-align: center;
  height: 42px;
}
.cart-line-item-qty .quantity-update {
  text-align: center;
  margin: auto;
  text-transform: uppercase;
  text-decoration: underline;
  border: none;
  font-weight: 500;
  font-size: 14px;
  margin-top: 4px;
  padding-left: 10px;
  width: 65%;
  letter-spacing: 0.5px;
  color: #333333;
}

.cart-line-item-total {
  width: 50%;
  display: inline-block;
  color: rgb(165, 167, 168);
  font-size: 14px;
  margin-bottom: 6px;
  letter-spacing: 2px;
  font-weight: 600;
}

.cart-line-item-remove-link {
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: 500;
  font-size: 14px;
  margin-top: 4px;
  letter-spacing: 0.5px;
  color: #333333;
}

.line-item-image-container {
  width: 15vw;
  height: 15vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .line-item-image-container {
    width: 40%;
    height: 130px;
    margin-right: 24px;
  }
}

.line-item-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .line-item-image {
    height: auto;
    max-height: 10rem;
    max-width: 10rem;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

[data-hook=cart_container] h1, [data-hook=cart_container] .h1 {
  font-size: 52px;
  text-align: center;
  line-height: 72px;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 768px) {
  [data-hook=cart_container] h1, [data-hook=cart_container] .h1 {
    font-size: 32px;
    line-height: 64px;
    margin-bottom: 12px;
  }
}
[data-hook=cart_container] .empty-cart-text {
  margin-left: 1rem;
}

[data-hook=cart_container] p {
  margin-left: 1rem;
}

.dogly-cart-head {
  border-bottom: 1px solid rgb(186, 187, 188);
  background-color: white;
}

span.price, table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total] {
  font-weight: bold;
  color: #cecece;
}
span.price.selling, table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total] {
  font-size: 20px;
}
span.price.diff, table#cart-detail-dogly tbody#line_items tr td.diff[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr td.diff[data-hook=cart_item_total] {
  font-weight: bold;
}

table#cart-detail-dogly {
  width: 100%;
}
table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_quantity] .line_item_quantity {
  width: 65px;
}
table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_delete] .delete {
  display: block;
  width: 20px;
}

.line-item .full-width-seperator {
  margin-top: 48px;
}

@media (max-width: 768px) {
  .one-col .container, .one-col .family-container {
    width: 90%;
    margin-left: 5%;
  }
  .one-col #content {
    width: 90%;
    margin-left: 5%;
  }
}

textarea, input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
  font-family: "Roboto", sans-serif;
  padding: 20px;
  font-weight: 400;
  font-size: 16px;
}

.cart-line-item-image {
  display: flex;
}
@media (max-width: 768px) {
  .cart-line-item-image {
    display: none;
  }
}

.mobile-cart-line-item-image {
  display: none;
}
@media (max-width: 768px) {
  .mobile-cart-line-item-image {
    display: flex;
  }
}

.confirmation-modal {
  position: fixed;
  z-index: 500;
  background-color: white;
  width: 70%;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 1px 1px 1px #ccc;
  padding: 16px;
  left: 15%;
  top: 30%;
  box-sizing: border-box;
  transition: all 0.3s ease-out;
}
.confirmation-modal .modal-button-close {
  margin: 0rem !important;
  width: 36px !important;
}

.confirmation-modal.basic p {
  text-align: center;
}
.confirmation-modal.basic .cta-button-container {
  align-items: center;
  flex-direction: column;
  margin: 1rem 0rem 0rem 0rem;
}
.confirmation-modal.basic .cta-button-container button, .confirmation-modal.basic .cta-button-container a {
  margin: 1rem;
}
.confirmation-modal.basic .cta-button-container a.btn-inverse {
  border: 1px solid #ef6f37;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.confirmation-modal.basic .cta-button-container p:last-of-type {
  align-self: flex-end;
}
.confirmation-modal.basic .cta-button-container p:last-of-type a.link {
  margin: 0rem 0rem 0rem 0.25rem !important;
}
.confirmation-modal.basic .cta-button-container a.link {
  color: #ef6f37;
  margin: auto;
  text-decoration: underline;
  width: unset;
}
.confirmation-modal.basic .cta-button-container a.link:active, .confirmation-modal.basic .cta-button-container a.link:focus, .confirmation-modal.basic .cta-button-container a.link:hover {
  background-color: unset;
  color: #b5d013;
  outline: none;
}

.confirmation-modal.fork p {
  text-align: center;
}
.confirmation-modal.fork .cta-button-container {
  align-items: center;
  flex-direction: column;
  margin: 1rem 0rem 0rem 0rem;
}
.confirmation-modal.fork .cta-button-container button, .confirmation-modal.fork .cta-button-container a {
  margin: 1rem;
}
.confirmation-modal.fork .cta-button-container .btn.btn-active:focus, .confirmation-modal.fork .cta-button-container .btn.btn-active:hover {
  background-color: white;
  border: 1px solid #ef6f37 !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: #ef6f37 !important;
  outline: none;
  text-decoration: none;
}
.confirmation-modal.fork .cta-button-container .btn.btn-inactive {
  font-size: 1rem;
}
.confirmation-modal.fork .cta-button-container .btn.btn-inactive:focus, .confirmation-modal.fork .cta-button-container .btn.btn-inactive:hover {
  background-color: #ef6f37 !important;
  border: 1px solid #ef6f37 !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: white !important;
  outline: none;
  text-decoration: none;
}
.confirmation-modal.fork .cta-button-container p:last-of-type {
  align-self: flex-end;
}
.confirmation-modal.fork .cta-button-container p:last-of-type a.link {
  margin: 0rem 0rem 0rem 0.25rem !important;
}
.confirmation-modal.fork .cta-button-container a.link {
  color: #ef6f37;
  margin: auto;
  text-decoration: underline;
  width: unset;
}
.confirmation-modal.fork .cta-button-container a.link:active, .confirmation-modal.fork .cta-button-container a.link:focus, .confirmation-modal.fork .cta-button-container a.link:hover {
  background-color: unset;
  color: #b5d013;
  outline: none;
}

@media (min-width: 600px) {
  .confirmation-modal {
    width: 500px;
    left: calc(50% - 250px);
  }
}
@media (max-width: 992px) {
  .confirmation-modal .cta-button-container {
    flex-wrap: wrap;
  }
  .confirmation-modal .cta-button-container button {
    margin: 0.5rem;
  }
}
.subscription-modal {
  transform: translateY(-100vh);
  opacity: 0;
}

.get-started-modal, .subscription-modal {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 1px 1px 1px #ccc;
  box-sizing: border-box;
  height: 80vh;
  left: 15%;
  overflow: auto;
  padding: 16px;
  position: fixed;
  top: 10vh;
  transition: all 0.3s ease-out;
  width: 70%;
  z-index: 500;
}
.get-started-modal h1, .get-started-modal .h1, .subscription-modal h1, .subscription-modal .h1 {
  color: #333333 !important;
}
@media (max-width: 544px) {
  .get-started-modal h1, .get-started-modal .h1, .subscription-modal h1, .subscription-modal .h1 {
    font-size: 1.5rem !important;
    margin: 0rem 0rem 0.5rem 0rem !important;
  }
}
@media (max-width: 544px) {
  .get-started-modal label, .subscription-modal label {
    font-size: 0.85rem !important;
    margin: 0rem !important;
  }
}
.get-started-modal p, .subscription-modal p {
  text-align: center;
}
@media (max-width: 544px) {
  .get-started-modal p, .subscription-modal p {
    font-size: 0.85rem !important;
  }
}
.get-started-modal input:hover, .get-started-modal input:focus, .get-started-modal input:focus-visible, .get-started-modal input:focus-within, .subscription-modal input:hover, .subscription-modal input:focus, .subscription-modal input:focus-visible, .subscription-modal input:focus-within {
  border-color: rgba(181, 208, 19, 0.8);
  box-shadow: 0 0 0 0.2rem rgba(239, 111, 55, 0.8);
  outline: none;
}
.get-started-modal .btn-active:focus, .get-started-modal .btn-active:hover, .subscription-modal .btn-active:focus, .subscription-modal .btn-active:hover {
  background-color: white;
  border: 1px solid #ef6f37 !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: #ef6f37 !important;
  outline: none;
  text-decoration: none;
}
.get-started-modal .cta-button-container, .subscription-modal .cta-button-container {
  align-items: center;
  flex-direction: column;
}
.get-started-modal .cta-button-container button, .get-started-modal .cta-button-container a, .subscription-modal .cta-button-container button, .subscription-modal .cta-button-container a {
  margin: 1rem;
}
.get-started-modal .cta-button-container a.btn-inverse, .subscription-modal .cta-button-container a.btn-inverse {
  border: 1px solid #ef6f37;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.get-started-modal .cta-button-container p, .subscription-modal .cta-button-container p {
  align-self: flex-end;
}
.get-started-modal .cta-button-container p a.link, .subscription-modal .cta-button-container p a.link {
  margin: 0rem 0rem 0rem 0.25rem !important;
}
.get-started-modal .cta-button-container a.link, .subscription-modal .cta-button-container a.link {
  color: #ef6f37;
  margin: auto;
  text-decoration: underline;
  width: unset;
}
.get-started-modal .cta-button-container a.link:active, .get-started-modal .cta-button-container a.link:focus, .get-started-modal .cta-button-container a.link:hover, .subscription-modal .cta-button-container a.link:active, .subscription-modal .cta-button-container a.link:focus, .subscription-modal .cta-button-container a.link:hover {
  background-color: unset;
  color: #b5d013;
  outline: none;
}
.get-started-modal .fg-name, .subscription-modal .fg-name {
  left: -5000px;
  position: absolute;
  z-index: -1;
}
@media (max-width: 544px) {
  .get-started-modal .form-group, .subscription-modal .form-group {
    margin: 0rem 0rem 0.5rem 0rem !important;
  }
}
.get-started-modal .modal-button-close, .subscription-modal .modal-button-close {
  margin: 0rem !important;
  width: 36px !important;
}

@media (max-width: 544px) {
  .get-started-modal, .subscription-modal {
    left: 5% !important;
    width: 90% !important;
    padding: 0.5rem !important;
  }
}
@media (min-width: 600px) {
  .get-started-modal, .subscription-modal {
    width: 500px;
    left: calc(50% - 250px);
  }
}
@media (max-width: 992px) {
  .get-started-modal .cta-button-container, .subscription-modal .cta-button-container {
    flex-wrap: wrap;
  }
  .get-started-modal .cta-button-container button, .subscription-modal .cta-button-container button {
    margin: 0.5rem;
  }
}
.mobile-cover-photo-container {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .mobile-cover-photo-container {
    display: none;
  }
}

.mobile-cover-photo {
  position: relative;
  height: auto;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  display: flex; /* establish flex container */
  align-items: center;
}

.cover-photo-container-short {
  width: 100%;
  height: 500px;
}
@media (max-width: 768px) {
  .cover-photo-container-short {
    display: none;
  }
}

.cover-photo-container {
  width: 100%;
  height: 59vh;
  min-height: 580px;
}
@media (max-width: 768px) {
  .cover-photo-container {
    height: auto;
    min-height: 0px;
  }
}

.cover-photo-container-with-card {
  width: 100%;
  height: 59vh;
  min-height: 580px;
}
@media (max-width: 768px) {
  .cover-photo-container-with-card {
    height: auto;
    min-height: 660px;
  }
}

.cover-photo-container-zoe {
  width: 100%;
  height: 52vh;
  min-height: 520px;
}

.cover-photo, .zoe-hero {
  position: relative;
  min-height: 580px;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  display: flex; /* establish flex container */
  align-items: center;
}
@media (max-width: 768px) {
  .cover-photo, .zoe-hero {
    min-height: 460px;
  }
}

.push-down {
  padding-bottom: 245px;
}

.listing-cover-photo {
  position: relative;
  min-height: 580px;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  display: flex; /* establish flex container */
  align-items: center;
}
@media (max-width: 768px) {
  .listing-cover-photo {
    min-height: 460px;
  }
}

.listing-cover-photo:after {
  background: rgba(0, 0, 0, 0.1);
  height: 100%;
  width: 100%;
  display: block;
  content: " ";
}

.zoe-hero {
  min-height: 520px;
}

.cover-photo-short {
  position: relative;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  display: flex; /* establish flex container */
  align-items: center;
}

.inner-cover-video-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
  display: flex; /* establish flex container */
  align-items: center;
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
}
@media (max-width: 768px) {
  .inner-cover-video-container {
    display: none;
  }
}

.cover-photo-video {
  display: none;
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .cover-photo-video {
    display: flex;
  }
}

.video-overlay {
  z-index: 5;
  position: relative;
}
.video-overlay p {
  font-size: 1.4em;
  font-weight: 300;
  margin-top: 12px;
}
@media (max-width: 992px) {
  .video-overlay {
    text-align: center;
  }
}

.mobile-overlay {
  padding-top: 3em;
  padding-bottom: 80px;
  z-index: 5;
}
.mobile-overlay h2, .mobile-overlay .h2 {
  font-size: 1.6rem;
}
.mobile-overlay p {
  font-size: 16px;
  margin-bottom: 8px;
}

.cover-video {
  position: absolute;
  top: 0px;
  left: 0px;
  min-height: 580px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}

.cover-info-card {
  width: 390px;
  max-width: 100%;
  background-color: white;
  height: 475px;
  min-width: 300px;
  padding: 12px;
  position: relative;
  top: -40px;
}
.cover-info-card .pct {
  font-size: 30px;
}
@media (max-width: 768px) {
  .cover-info-card {
    z-index: 100;
    height: 300px;
    margin: auto;
  }
}
@media (max-width: 768px) {
  .cover-info-card .brand-card-slide .brand-photo {
    width: 80px;
    height: 125px;
    top: 0px;
  }
}
.cover-info-card .brand-photo-square {
  position: relative;
  top: -40px;
  margin-bottom: -40px;
  height: 80px;
  width: 80px;
  background-color: #f4f5f6;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .cover-info-card .brand-photo-square {
    top: 0px;
  }
}

.favorites-button-container {
  width: 100%;
  position: absolute;
  bottom: 78px;
  left: 0px;
  height: auto;
}

@media (max-width: 768px) {
  .brand-fb {
    margin-top: 12px;
    line-height: 1.25em;
  }
}

.info-card-content {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid #dbdbdb;
  padding: 20px;
  text-align: center;
}
@media (max-width: 768px) {
  .info-card-content .middle-content {
    min-height: 45px;
  }
  .info-card-content .middle-content .eyebrow {
    top: 70px;
    position: relative;
  }
}
.info-card-content .brand-image {
  max-width: 100px;
  max-height: 100px;
  margin-bottom: 12px;
}
.info-card-content .percent-column {
  padding-right: 0px;
  text-align: right;
}
.info-card-content .text-column {
  text-align: center;
  width: auto;
  max-width: 260px;
  margin: auto;
  position: relative;
  left: -4px;
}
.info-card-content h3, .info-card-content .h3 {
  letter-spacing: 2.2px;
}
.info-card-content .star {
  height: 30px;
  width: 30px;
  background-size: cover;
  display: inline-block;
  margin-left: -6px;
}
.info-card-content .brand-card-slide {
  height: 26px;
}

.percent-row {
  color: white;
  background-color: black;
  position: absolute;
  bottom: -82px;
  left: 0;
  z-index: 10;
  font-weight: 400;
  text-transform: uppercase;
  width: 100%;
  padding: 12px;
}
@media (max-width: 768px) {
  .percent-row {
    padding: 8px 12px;
  }
}
.percent-row .donated-container {
  width: 80%;
  margin: auto;
}
.percent-row .percent {
  font-size: 36px;
  text-align: right;
  margin-right: -12px;
}
@media (max-width: 768px) {
  .percent-row .percent {
    font-size: 34px;
  }
}
.percent-row .percent-number {
  font-size: 42px;
  line-height: 30px;
  margin-right: -8px;
}
@media (max-width: 768px) {
  .percent-row .percent-number {
    font-size: 36px;
  }
}
.percent-row .number {
  margin-left: 30px;
}
.percent-row .words {
  height: 100%;
  margin-left: 10px;
  text-transform: uppercase;
  width: 62%;
  float: right;
}
@media (max-width: 768px) {
  .percent-row .words {
    width: 65%;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 8px;
  }
}
.percent-row .of-purchases {
  font-size: 10px;
  letter-spacing: 1.2px;
  margin-top: 8px;
  margin-bottom: -24px;
  margin-left: 0px;
}
.percent-row .donated {
  font-size: 25px;
  font-weight: 300;
  letter-spacing: 1.85px;
  line-height: 16px;
  margin-left: 1px;
  position: relative;
  top: -2px;
}
.percent-row .regular-text {
  color: rgb(254, 255, 255);
  margin-top: 12px;
  float: left;
}

.info-card-social-icons {
  float: right;
}
.info-card-social-icons i {
  font-size: 20px;
  width: 46px;
  height: 46px;
  border-radius: 30px;
  text-align: center;
  padding: 14px;
  margin-right: 16px;
  color: black;
  background-color: white;
}
.info-card-social-icons i:last-child {
  margin-right: 0px;
}
.info-card-social-icons a {
  font-size: 26px;
  color: #494949;
  margin-right: 8px;
}
.info-card-social-icons a:last-child {
  margin-right: 0px;
}

.brand-certificate {
  margin: 12px;
  background-image: url("https://cdn.filepicker.io/auto_image/compress/QUNMkFRWmNacCDl65J9g");
  background-size: 150px 150px;
  background-repeat: no-repeat;
  background-position: center;
}
.brand-certificate span, .brand-certificate table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .brand-certificate td[data-hook=cart_item_price], .brand-certificate table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .brand-certificate td[data-hook=cart_item_total] {
  padding-top: 150px;
  color: white;
}

.info-card-bullets {
  text-align: center;
  line-height: 32px;
  font-size: 0.7em;
  letter-spacing: 1px;
  font-weight: 600;
  color: #494949;
  text-transform: uppercase;
  width: 80%;
  margin: 24px auto 0;
  position: absolute;
  bottom: 24px;
  left: 36px;
  height: 225px;
}
@media (max-width: 768px) {
  .info-card-bullets {
    bottom: -100px;
    margin: auto;
  }
}
.info-card-bullets i {
  color: #494949;
  font-size: 20px;
  margin-right: 0px;
  width: 31.5px;
  height: 31.5px;
  display: inline-block;
  background-size: cover;
  position: relative;
  top: 2px;
}
.info-card-bullets .bullet-row {
  margin-bottom: -10px;
}
.info-card-bullets span, .info-card-bullets table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .info-card-bullets td[data-hook=cart_item_price], .info-card-bullets table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .info-card-bullets td[data-hook=cart_item_total] {
  position: relative;
  top: -6px;
}
.info-card-bullets .row {
  border-top: 1px solid #dbdbdb;
  padding: 6px 0;
}
@media (max-width: 768px) {
  .info-card-bullets .row {
    padding: 4px 0;
  }
}

.info-card-footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: rgb(244, 245, 246);
  height: 3em;
  width: 100%;
}

.bottom-bar {
  height: auto;
  display: inline-block;
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.photo-credits-bar {
  background-color: rgba(244, 245, 246, 0.95);
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  padding-top: 18px;
  padding-bottom: 18px;
  display: inline-block;
  position: relative;
  left: 15px;
  width: 100%;
  max-width: 100%;
  padding-left: 4.5%;
  z-index: 1;
  float: right;
}
.photo-credits-bar ul {
  display: inline;
  text-transform: uppercase;
  margin-left: 0px;
  padding: 0px;
}
.photo-credits-bar ul:last-child {
  margin-left: 4%;
}
.photo-credits-bar li {
  display: inline;
  list-style: none;
  overflow: hidden;
  margin-right: 0px;
}
.photo-credits-bar .key {
  color: rgb(180, 181, 182);
}
.photo-credits-bar .value {
  color: #494949;
}
.photo-credits-bar li:after {
  content: "|";
  margin-left: 14px;
  margin-right: 14px;
  font-size: 10px;
  position: relative;
  top: -2px;
  color: rgb(180, 181, 182);
}
.photo-credits-bar li:last-child:after {
  display: none;
}
@media (max-width: 768px) {
  .photo-credits-bar {
    width: 100%;
    max-width: 100%;
    left: 0px;
    padding-left: 28px;
  }
  .photo-credits-bar li {
    display: block;
  }
  .photo-credits-bar li:after {
    display: none;
  }
  .photo-credits-bar ul:last-child {
    margin-left: 0px;
  }
}
.photo-credits-bar a {
  color: inherit;
}

.dog-model-photo {
  display: inline-block;
  width: 10%;
  min-width: 120px;
  margin-bottom: -90px;
  margin-left: -10px;
  float: left;
  z-index: 10;
  position: relative;
}
.dog-model-photo img {
  width: 100%;
  max-width: 140px;
  border: 8px solid rgb(244, 245, 246);
}
@media (max-width: 768px) {
  .dog-model-photo {
    display: block;
    margin: auto;
    float: none;
  }
}

.filter-circle, .modal-filter-circle {
  display: inline-block;
  width: 130px;
  height: 130px;
  border-radius: 150px;
  padding-top: 24px;
  margin-bottom: -90px;
  margin-left: -10px;
  float: left;
  z-index: 10;
  position: relative;
  border: 12px solid rgb(244, 245, 246);
  background-color: #b5d013;
  color: rgb(244, 245, 246);
  text-transform: uppercase;
  text-align: center;
}
.filter-circle i, .modal-filter-circle i {
  font-size: 2.5rem;
}
@media (max-width: 768px) {
  .filter-circle, .modal-filter-circle {
    display: block;
    margin: auto;
    float: none;
    top: 40px;
  }
}

.filter-bar {
  background-color: rgb(244, 245, 246);
  font-weight: 400;
  font-size: 2.2rem;
  font-weight: 300;
  letter-spacing: 2px;
  padding-top: 28px;
  padding-bottom: 28px;
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-left: 120px;
  padding-right: 48px;
  z-index: 1;
}
@media (max-width: 768px) {
  .filter-bar {
    width: 100%;
    max-width: 100%;
    left: 0px;
    padding-left: 28px;
    padding-top: 50px;
    font-size: 1.3rem;
    text-indent: 0px;
    margin-bottom: -132px;
  }
}

.filter-row {
  margin-top: -40px;
}

.bottom-filter-bar {
  height: auto;
  display: inline-block;
  position: relative;
  width: 100%;
  margin: auto;
  margin-top: -147px;
  top: -59px;
  margin-bottom: -40px;
}
@media (max-width: 768px) {
  .bottom-filter-bar {
    top: -150px;
    margin-bottom: -90px;
    float: right;
  }
}

.hero-right-links {
  width: 310px;
  height: auto;
  float: right;
  position: relative;
  top: -160px;
  margin-bottom: -18px;
}
.hero-right-links a:hover {
  color: #b5d013;
}

.brand-overlay-box {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 12px;
  padding-bottom: 0;
  width: 330px;
  color: black;
  height: auto;
  display: inline-block;
  position: relative;
  margin: auto;
  margin-top: -147px;
  top: -140px;
  margin-bottom: -40px;
}
.brand-overlay-box h4, .brand-overlay-box .h4 {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 16px;
  border-bottom: 2px solid rgb(180, 181, 182);
}
.brand-overlay-box .brand-name {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  position: relative;
  top: 0;
}
.brand-overlay-box .donation {
  position: relative;
  font-weight: 300;
  left: 14px;
}
.brand-overlay-box a {
  cursor: pointer;
}
.brand-overlay-box a:hover {
  color: #b5d013;
}
.brand-overlay-box .more-ambassadogs-photo {
  margin-bottom: 0;
  display: inline;
  margin-right: 14px;
}
.brand-overlay-box img {
  float: left;
  border: 6px solid rgb(234, 235, 236);
  width: 74px;
  height: 74px;
  background-color: white;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 8px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .brand-overlay-box {
    top: -150px;
    margin-bottom: -90px;
    float: right;
  }
}

.color-page-section, .product-header-title-section, .light-color-page-section, .color-top-page-section {
  background-color: rgb(244, 245, 246);
  width: 100%;
  height: auto;
  min-height: 20px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.color-page-section a, .product-header-title-section a, .light-color-page-section a, .color-top-page-section a {
  color: inherit;
}
.color-page-section .more-ambassadogs-photo img, .product-header-title-section .more-ambassadogs-photo img, .light-color-page-section .more-ambassadogs-photo img, .color-top-page-section .more-ambassadogs-photo img {
  border: 15px solid white;
}

.light-color-page-section {
  background-color: rgb(250, 250, 250);
}

.white-page-section, .white-top-page-section {
  width: 100%;
  height: auto;
  min-height: 100px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.white-page-section .more-ambassadogs-photo img, .white-top-page-section .more-ambassadogs-photo img {
  border: 15px solid rgb(244, 245, 246);
}
.white-page-section a, .white-top-page-section a {
  color: inherit;
}
.white-page-section .shelter-select, .white-top-page-section .shelter-select {
  display: none;
}

.white-top-page-section {
  padding-top: 0px;
}

.more-ambassadogs-photo {
  max-width: 220px;
  margin: auto;
  margin-bottom: 1rem;
}

.dark-gray-page-section {
  background-color: rgb(186, 187, 188);
  width: 100%;
  height: auto;
  min-height: 100px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.green-page-section {
  background-color: #b5d013;
  color: black;
  width: 100%;
  height: auto;
  min-height: 100px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.col-half {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
  flex: 0 0 auto;
  width: 50%;
}
@media (max-width: 544px) {
  .col-half {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (max-width: 544px) {
  .container, .family-container {
    padding: 0;
  }
}

.inline-block {
  display: inline-block;
}

.block {
  display: block;
}

.full-width-container {
  width: 100%;
}
.full-width-container .row {
  max-width: 100%;
}

.email-grab {
  display: flex;
  width: 65%;
  margin: 2rem auto;
  justify-content: center;
  align-items: center;
  align-content: space-between;
}
.email-grab label {
  white-space: nowrap;
  font-weight: normal;
  font-size: 1.25rem;
}
.email-grab input {
  margin-left: 1rem;
  margin-right: 1rem;
}
.email-grab button {
  height: 50px;
  margin-top: -8px;
}

@media (max-width: 992px) {
  .email-grab {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .email-grab {
    margin-top: 2rem;
    flex-wrap: wrap;
  }
  .email-grab input {
    margin: 0.5rem auto 1rem auto;
  }
  .email-grab button {
    margin-top: auto;
  }
}
.product-grid-product, .no-margin-grid-item, .sm-margin-grid-item, .md-margin-grid-item, .product-grid-product-circular {
  min-width: 288px;
  margin-bottom: 80px;
}
.product-grid-product .add-to-cart-pending::before, .no-margin-grid-item .add-to-cart-pending::before, .sm-margin-grid-item .add-to-cart-pending::before, .md-margin-grid-item .add-to-cart-pending::before, .product-grid-product-circular .add-to-cart-pending::before {
  content: "Adding to cart...";
  color: white;
  background-color: #b5d013;
  width: 100%;
  float: left;
  text-align: center;
  bottom: 0;
  height: 64px;
  line-height: 64px;
  font-size: 1.2em;
  position: absolute;
  left: 0;
  z-index: 100;
}
.product-grid-product .add-to-cart-pending, .no-margin-grid-item .add-to-cart-pending, .sm-margin-grid-item .add-to-cart-pending, .md-margin-grid-item .add-to-cart-pending, .product-grid-product-circular .add-to-cart-pending {
  border: 2px dashed #b5d013 !important;
}
.product-grid-product .add-to-cart-success, .no-margin-grid-item .add-to-cart-success, .sm-margin-grid-item .add-to-cart-success, .md-margin-grid-item .add-to-cart-success, .product-grid-product-circular .add-to-cart-success {
  border: 2px solid #b5d013 !important;
}
.product-grid-product .more-products-product, .no-margin-grid-item .more-products-product, .sm-margin-grid-item .more-products-product, .md-margin-grid-item .more-products-product, .product-grid-product-circular .more-products-product {
  width: 98%;
}
.product-grid-product .more-products-product .img-container, .no-margin-grid-item .more-products-product .img-container, .sm-margin-grid-item .more-products-product .img-container, .md-margin-grid-item .more-products-product .img-container, .product-grid-product-circular .more-products-product .img-container {
  border: none;
}
.product-grid-product .more-products-product-outlined, .no-margin-grid-item .more-products-product-outlined, .sm-margin-grid-item .more-products-product-outlined, .md-margin-grid-item .more-products-product-outlined, .product-grid-product-circular .more-products-product-outlined {
  width: 98%;
}
.product-grid-product .more-products-product-outlined .img-container, .no-margin-grid-item .more-products-product-outlined .img-container, .sm-margin-grid-item .more-products-product-outlined .img-container, .md-margin-grid-item .more-products-product-outlined .img-container, .product-grid-product-circular .more-products-product-outlined .img-container {
  border: none;
}
.product-grid-product a, .no-margin-grid-item a, .sm-margin-grid-item a, .md-margin-grid-item a, .product-grid-product-circular a {
  color: inherit;
}
@media (max-width: 768px) {
  .product-grid-product, .no-margin-grid-item, .sm-margin-grid-item, .md-margin-grid-item, .product-grid-product-circular {
    margin-bottom: 3em;
  }
}
@media (max-width: 544px) {
  .product-grid-product, .no-margin-grid-item, .sm-margin-grid-item, .md-margin-grid-item, .product-grid-product-circular {
    margin-bottom: 3em;
  }
}
.product-grid-product .img-container, .no-margin-grid-item .img-container, .sm-margin-grid-item .img-container, .md-margin-grid-item .img-container, .product-grid-product-circular .img-container {
  background-color: white;
  width: 100%;
  border: none;
  vertical-align: middle;
  position: relative;
  margin: auto;
  transform-style: preserve-3d;
}
.product-grid-product .img-container:after, .no-margin-grid-item .img-container:after, .sm-margin-grid-item .img-container:after, .md-margin-grid-item .img-container:after, .product-grid-product-circular .img-container:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.product-grid-product img, .no-margin-grid-item img, .sm-margin-grid-item img, .md-margin-grid-item img, .product-grid-product-circular img {
  width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  vertical-align: middle;
  top: 50%;
  transform: translateY(-50%);
}
.product-grid-product .category, .no-margin-grid-item .category, .sm-margin-grid-item .category, .md-margin-grid-item .category, .product-grid-product-circular .category {
  color: rgb(180, 181, 182);
  text-transform: uppercase;
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  letter-spacing: 1.2px;
}
@media (max-width: 768px) {
  .product-grid-product .category, .no-margin-grid-item .category, .sm-margin-grid-item .category, .md-margin-grid-item .category, .product-grid-product-circular .category {
    margin-top: 0.5em;
  }
}
.product-grid-product .product-review-photos, .no-margin-grid-item .product-review-photos, .sm-margin-grid-item .product-review-photos, .md-margin-grid-item .product-review-photos, .product-grid-product-circular .product-review-photos {
  margin-bottom: 8px;
}
.product-grid-product .product-review-photos .grid-review-photo, .no-margin-grid-item .product-review-photos .grid-review-photo, .sm-margin-grid-item .product-review-photos .grid-review-photo, .md-margin-grid-item .product-review-photos .grid-review-photo, .product-grid-product-circular .product-review-photos .grid-review-photo {
  float: left;
  position: relative;
  width: 16%;
  margin-right: 8px;
}
.product-grid-product .product-review-photos .grid-review-photo img, .no-margin-grid-item .product-review-photos .grid-review-photo img, .sm-margin-grid-item .product-review-photos .grid-review-photo img, .md-margin-grid-item .product-review-photos .grid-review-photo img, .product-grid-product-circular .product-review-photos .grid-review-photo img {
  border: none;
  position: absolute;
  top: 22px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.product-grid-product .product-review-photos .grid-review-photo:before, .no-margin-grid-item .product-review-photos .grid-review-photo:before, .sm-margin-grid-item .product-review-photos .grid-review-photo:before, .md-margin-grid-item .product-review-photos .grid-review-photo:before, .product-grid-product-circular .product-review-photos .grid-review-photo:before {
  content: "";
  display: block;
  padding-top: 100%; /* initial ratio of 1:1*/
}
.product-grid-product .reviewed, .no-margin-grid-item .reviewed, .sm-margin-grid-item .reviewed, .md-margin-grid-item .reviewed, .product-grid-product-circular .reviewed {
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  margin-top: 6%;
}
@media (max-width: 768px) {
  .product-grid-product .reviewed, .no-margin-grid-item .reviewed, .sm-margin-grid-item .reviewed, .md-margin-grid-item .reviewed, .product-grid-product-circular .reviewed {
    font-size: 0.707em;
  }
}

.product-grid-product-circular {
  margin-bottom: 24px;
}
.product-grid-product-circular .img-container {
  border: none;
  border-radius: 500px;
}
.product-grid-product-circular .cover-img {
  border-radius: 500px;
}
.product-grid-product-circular .category {
  margin-top: 0;
}
.product-grid-product-circular .product-name-and-price-line {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 1.5em;
  min-height: 48px;
}
.product-grid-product-circular .product-name {
  text-align: left;
}
.product-grid-product-circular .product-price {
  text-align: right;
}
.product-grid-product-circular .more-products-product-outlined {
  width: 98%;
}
.product-grid-product-circular .more-products-product-outlined .img-container {
  border: none;
  width: 84%;
}

.grid-product-price {
  margin-top: 12px;
}

.product-discounted {
  color: #a5a7a8;
  text-decoration: line-through;
  text-decoration-color: #ef6f37;
}

.product-name {
  font-weight: 400;
  letter-spacing: 1.2px;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .product-name a {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
  }
}

.md-margin-grid-item {
  margin-bottom: 3em;
}

.sm-margin-grid-item {
  margin-bottom: 1rem;
}

.no-margin-grid-item {
  margin-bottom: 0;
}

.quick-favorite-container {
  position: absolute;
  right: 5%;
  height: 40px;
  width: 40px;
  line-height: 40px;
  top: 5%;
  text-align: center;
  display: none;
  cursor: pointer;
}
.quick-favorite-container .fa-heart {
  color: #b5d013;
}
.quick-favorite-container .fa-heart-o {
  color: #b5d013;
}

.quick-login-to-favorite {
  background-color: rgb(244, 245, 246);
  width: 90%;
  height: 60px;
  line-height: 60px;
  position: absolute;
  right: 5%;
  top: 5%;
  text-align: center;
  display: none;
}
.quick-login-to-favorite a {
  text-decoration: underline;
}

.quick-shop-container, .quick-shop-wide .quick-shop-container {
  width: 90%;
  margin-left: 5%;
  height: auto;
  background-color: rgb(244, 245, 246);
  position: absolute;
  bottom: 5%;
  color: black;
  text-align: center;
  line-height: 50px;
  display: none;
  cursor: pointer;
}
.quick-shop-container form, .quick-shop-wide .quick-shop-container form {
  display: none;
}

@media (hover: hover) {
  .quick-shop-container:hover .quick-span {
    display: none;
  }
  .quick-shop-container:hover form {
    display: block;
  }
}
.quick-shop-wide {
  height: auto;
  width: 100%;
}
.quick-shop-wide .quick-shop-container {
  width: 50%;
  margin-left: 25%;
  display: none;
}

.quick-shop-contents {
  position: relative;
  width: 100%;
  height: auto;
}
.quick-shop-contents a {
  line-height: 32px;
}

.grid-shelter {
  min-height: 330px;
}

.favorites-heart {
  font-size: 22px;
}
@media (max-width: 768px) {
  .favorites-heart {
    font-size: 18px;
  }
}

.outline-box {
  width: 100%;
  min-height: 100px;
}
.outline-box .box-content {
  border: 14px solid white;
  padding: 20px 10px;
  text-align: center;
}
.outline-box a {
  color: inherit;
  cursor: pointer;
}
.outline-box h3, .outline-box .h3 {
  letter-spacing: 3px;
  margin-bottom: 24px;
}

.gray-background {
  background-color: rgb(244, 245, 246);
}

.white-background {
  background-color: rgb(254, 255, 255);
}

.no-outline-box {
  width: 100%;
  height: auto;
  min-height: 100px;
  padding: 18px;
  text-align: center;
}

.no-outline {
  border: none;
}

.responsive-right-column-boxes {
  max-width: 290px;
  margin: auto;
}
@media (max-width: 992px) {
  .responsive-right-column-boxes {
    max-width: none;
  }
}

.round-star-small {
  height: 40px;
  width: 40px;
  background-size: cover;
  display: inline-block;
  margin-left: -6px;
}

.round-star-overall {
  height: 50px;
  width: 50px;
  background-size: cover;
  display: inline-block;
  margin-left: -8px;
}

.round-star {
  height: 40px;
  width: 40px;
  background-size: cover;
  display: inline-block;
  margin-left: -6px;
}

.overall-rating {
  text-align: center;
}

.thumb {
  height: 32px;
  width: 32px;
  background-size: cover;
  display: inline-block;
}

.thumb-rating span, .thumb-rating table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .thumb-rating td[data-hook=cart_item_price], .thumb-rating table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .thumb-rating td[data-hook=cart_item_total] {
  font-size: 0.707em;
  color: #cecece;
  position: relative;
  top: -10px;
  margin-right: 10px;
}

.upload-thumbnail-image {
  width: 200px;
  height: auto;
}

.upload-thumbnail-wide-image {
  width: auto;
  height: 200px;
}

.brand_ambassadors .checkbox {
  display: block;
}
.brand_ambassadors .checkbox input {
  margin-right: 1rem;
}

.styled-select {
  border: 1px solid #ccc;
  width: 70px;
  overflow: hidden;
  background: #cecece asset-url(/assets/icon-select-cd779caa1ac489a588bad8a403087ad90d48efec02e7497f6dcc9092ed8bdaf9.png) no-repeat;
  background-position: right;
  background-size: 20px 20px;
}
.styled-select select {
  padding: 5px 8px;
  width: 130%;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
}
.styled-select select:focus {
  outline: none;
}

.styled-select-food {
  width: 100%;
  overflow: hidden;
  background: rgb(234, 235, 236) asset-url(/assets/icon-select-cd779caa1ac489a588bad8a403087ad90d48efec02e7497f6dcc9092ed8bdaf9.png) no-repeat;
  background-position: 90% 50%;
  background-size: 20px 20px;
  padding: 8px;
}
.styled-select-food select {
  padding: 8px 6px;
  width: 130%;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
}
.styled-select-food select:focus {
  outline: none;
}

.styled-select-light-gray {
  width: 100%;
  overflow: hidden;
  background: rgb(254, 255, 255) asset-url(/assets/icon-select-cd779caa1ac489a588bad8a403087ad90d48efec02e7497f6dcc9092ed8bdaf9.png) no-repeat;
  background-position: 90% 50%;
  background-size: 20px 20px;
  padding: 8px;
}
.styled-select-light-gray select {
  padding: 8px 6px;
  width: 130%;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
}
.styled-select-light-gray select:focus {
  outline: none;
}

.styled-select-floated {
  float: left;
  height: 46px;
  line-height: 36px;
  border: 1px solid #ccc;
  width: 20%;
  overflow: hidden;
  background: #cecece asset-url(/assets/icon-select-cd779caa1ac489a588bad8a403087ad90d48efec02e7497f6dcc9092ed8bdaf9.png) no-repeat;
  background-position: right;
  background-size: 20px 20px;
}
.styled-select-floated select {
  padding: 5px 8px;
  width: 130%;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
}
.styled-select-floated select:focus {
  outline: none;
}
@media (max-width: 768px) {
  .styled-select-floated {
    height: 42px;
  }
}

.styled-select-alternate {
  width: auto;
  position: relative;
  top: 8px;
  max-width: 400px;
  display: inline-block;
  overflow: hidden;
  background: #cecece asset-url(/assets/down-triangle-17135b99dea7c62aed43f73d53ac4ca2f650dc50bdc76d62a8930db1580ed2f8.png) no-repeat;
  background-position: 95% 55%;
  background-size: 18px 12px;
  line-height: 1em;
  text-indent: 0px;
}
.styled-select-alternate select {
  width: 130%;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  font-size: 0.55em;
  padding-left: 10px;
  margin-right: 30px;
  text-transform: uppercase;
  letter-spacing: 2.2px;
  text-align: center;
}
.styled-select-alternate select:focus {
  outline: none;
}

.control-group {
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
}
.control-group input:checked + .control {
  color: #494949;
}

.control {
  font-size: 0.85em;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  position: relative;
  display: block;
  margin-bottom: 0px;
  cursor: pointer;
  color: rgb(180, 181, 182);
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control__indicator {
  position: absolute;
  top: 2px;
  right: 0;
  width: 20px;
  height: 20px;
  background: white;
  border: 1px solid #dbdbdb;
  color: #494949;
}

.control--radio .control__indicator {
  border-radius: 50%;
}

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: white;
}

/* Checked state */
.control input:checked ~ .control__indicator,
.control input:checked ~ .label-text {
  background-color: white;
  color: #494949;
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background-color: white;
}

.control:hover input:not([disabled]):checked ~ .label-text,
.control input:checked:focus ~ .label-text {
  color: rgb(91.5, 91.5, 91.5);
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
  pointer-events: none;
  opacity: 0.6;
  background: #e6e6e6;
}

.control:hover input:disabled ~ .label-text,
.control input:disabled:focus ~ .label-text {
  color: rgb(91.5, 91.5, 91.5);
}

/* Check mark */
.control__indicator:after {
  position: absolute;
  display: none;
  content: "";
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
  display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
  top: 4px;
  left: 8px;
  width: 5px;
  height: 8px;
  transform: rotate(45deg);
  border: solid #494949;
  border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}

/* Radio button inner circle */
.control--radio .control__indicator:after {
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #494949;
}

/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}

.constrained-width-form {
  max-width: 500px;
}

.form-group label {
  display: block;
}
.form-group label.left {
  text-align: left;
}

.light-form {
  margin: auto;
}
.light-form label {
  text-transform: uppercase;
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  color: rgb(165, 167, 168);
}
.light-form input:focus {
  outline: none;
}
.light-form input[type=text], .light-form input[type=password] {
  border: none;
  border-bottom: 1px solid #dbdbdb;
  width: 100%;
  margin-bottom: 20px;
  color: #494949;
  font-size: 1em;
  placeholder-color: #dbdbdb;
  background-color: inherit;
}
.light-form .small-input-text {
  font-size: 1em;
}
.light-form textarea {
  border: 1px solid #dbdbdb;
  width: 100%;
  height: 200px;
  font-size: 1em;
  margin-bottom: 20px;
  color: rgb(165, 167, 168);
  outline: none;
  padding: 10px;
  placeholder-color: #dbdbdb;
  background-color: inherit;
}
.light-form .text-area-140 {
  height: 140px;
}
.light-form input::-moz-placeholder {
  font-size: 1em;
}
.light-form input::placeholder {
  font-size: 1em;
}
.light-form input[type=checkbox] {
  float: right;
  cursor: pointer;
}
.light-form .left-checkbox input[type=checkbox] {
  float: left;
  margin-top: 6px;
  margin-right: 12px;
}
.light-form .control {
  font-size: 1em;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  display: block;
  margin-bottom: 0px;
  cursor: pointer;
  color: #494949;
}
.light-form .check-label {
  display: inline-block;
  width: 92%;
}
.light-form .light-select select {
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  font-size: 0.8em;
  padding-left: 10px;
  margin-right: 30px;
  color: #494949;
  width: 100%;
  height: 40px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: asset-url(/assets/down-triangle-17135b99dea7c62aed43f73d53ac4ca2f650dc50bdc76d62a8930db1580ed2f8.png) no-repeat;
  background-position: 95% 55%;
  background-size: 18px 12px;
  line-height: 1.4em;
  text-indent: 0px;
  border: none;
  border-bottom: 1px solid #dbdbdb;
  margin-top: -6px;
  padding: 10px 0 4px 0px;
  text-align: center;
}
.light-form .light-select select:focus {
  outline: none;
}
.light-form .no-label-select {
  margin-top: 27px;
}
.light-form .boxed-inputs label {
  margin-bottom: 2px;
}
.light-form .boxed-inputs input[type=text], .light-form .boxed-inputs input[type=password], .light-form .boxed-inputs input[type=url], .light-form .boxed-inputs input[type=tel], .light-form .boxed-inputs input[type=email], .light-form .boxed-inputs textarea, .light-form .boxed-inputs select {
  background-color: white;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  width: 100%;
  font-size: 1.2em;
  margin-bottom: 20px;
  color: #494949;
  padding: 10px;
  placeholder-color: #dbdbdb;
}
.light-form .boxed-inputs .white-box {
  background-color: white;
}
.light-form .boxed-inputs .light-select select {
  margin-top: 0px;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  font-size: 1.2em;
  padding-left: 10px;
  margin-right: 30px;
  letter-spacing: 2.2px;
  color: #494949;
  width: 100%;
  height: 49px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: white asset-url(/assets/down-triangle-17135b99dea7c62aed43f73d53ac4ca2f650dc50bdc76d62a8930db1580ed2f8.png) no-repeat;
  background-position: 95% 55%;
  background-size: 18px 12px;
  line-height: 1.4em;
  text-indent: 0px;
  border: 1px solid #dbdbdb;
  padding: 10px 0 10px 10px;
  text-align: center;
}
.light-form .boxed-inputs .light-select select:focus {
  outline: none;
}
.light-form .btn {
  width: 60%;
  margin: auto;
  text-align: center;
}
@media (max-width: 768px) {
  .light-form .btn {
    width: 100%;
  }
}
.light-form .back-btn {
  width: 80px;
  margin: auto;
  text-align: center;
  position: relative;
  top: 40px;
  left: -28px;
  color: black;
  text-decoration: none;
  padding: 16px 40px;
}
.light-form .back-btn:hover {
  color: black;
  text-decoration: none;
}
@media (max-width: 768px) {
  .light-form .back-btn {
    width: 100%;
  }
}
.light-form .gray-text {
  color: rgb(180, 181, 182);
}
.light-form .width-eighty {
  width: 80%;
}
.light-form .label-text {
  font-size: 1.2em;
  font-weight: 300;
}
.light-form .label-text-dark {
  font-size: 1.1em;
  font-weight: 400;
}

.basics-form .control__indicator {
  margin-top: 24px;
}
.basics-form .control__indicator.no-margin {
  margin-top: 0;
}
.basics-form input[type=text] {
  font-size: 1.5em;
}

.newsletter-form {
  margin-top: 3em;
}
@media (max-width: 768px) {
  .newsletter-form {
    margin-top: 1rem;
  }
}
.newsletter-form input[type=text] {
  border-radius: 0;
  float: left;
  background-color: white;
  width: 85%;
  font-size: 1.2em;
  margin-bottom: 20px;
  color: #494949;
  padding: 10px;
  placeholder-color: #dbdbdb;
  outline: none;
  border: none;
  height: 46px;
}
.newsletter-form input[type=submit] {
  border-radius: 0;
  float: right;
  background-color: #cecece;
  color: rgb(244, 245, 246);
  width: 15%;
  font-size: 2.2em;
  line-height: 22px;
  height: 46px;
  margin-bottom: 20px;
  padding: 10px;
  placeholder-color: #dbdbdb;
  border: none;
  outline: none;
}

.delivery-radios {
  font-size: 0;
  position: relative;
}
.delivery-radios label {
  display: inline-block;
  width: 50%;
  min-height: 200px;
  height: auto;
  background-color: rgb(218, 219, 220);
  text-align: center;
  padding: 22px 12px;
  border-right: 1px solid rgb(218, 219, 220);
  cursor: pointer;
}
.delivery-radios label img {
  margin-bottom: 12px;
}
.delivery-radios label h1, .delivery-radios label .h1 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgb(186, 187, 188);
}
.delivery-radios label p {
  font-size: 16px;
  color: rgb(186, 187, 188);
}
.delivery-radios label input {
  font-size: 22px;
}
.delivery-radios label.selected {
  background-color: rgb(234, 235, 236);
}
.delivery-radios label.selected h1, .delivery-radios label.selected .h1 {
  color: #494949;
}
.delivery-radios label.selected p {
  color: #494949;
}
.delivery-radios label.local:after {
  content: "Free";
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
  text-align: center;
  padding: 6px 12px;
  background-color: #ef6f37;
  color: white;
  font-size: 12px;
  font-weight: 500;
}
.delivery-radios label.full-width {
  width: 100%;
}
.delivery-radios label:last-of-type {
  border-right: none;
}

.full-width {
  width: 100%;
}

.non-editable {
  background-color: rgb(250, 250, 250);
}

.scroll-btn {
  z-index: 99;
  position: absolute;
  flex: 0 0 100%;
  padding: 0.5rem 0.8rem;
  border-radius: 100%;
  border-color: transparent;
  background-color: rgb(165, 167, 168);
}
.scroll-btn:hover, .scroll-btn:focus {
  background-color: #b5d013;
  color: white;
}

@media (max-width: 768px) {
  .scroll-btn {
    display: none;
  }
}
.scroll-btn-right {
  right: 1rem;
}

img {
  max-width: 100%;
}

.square-img-container, .real-dog-thumb-img:after, .real-dog-thumb-img, .square-img-container-small-image-outlined:after, .square-img-container-small-image-outlined, .square-img-container-no-outline:after, .square-img-container-no-outline {
  width: 100%;
  border: 2px solid rgb(244, 245, 246);
  vertical-align: middle;
  position: relative;
  margin: auto;
  transform-style: preserve-3d;
}
.square-img-container img, .real-dog-thumb-img:after img, .real-dog-thumb-img img, .square-img-container-small-image-outlined:after img, .square-img-container-small-image-outlined img, .square-img-container-no-outline:after img, .square-img-container-no-outline img {
  width: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  vertical-align: middle;
  top: 50%;
  transform: translateY(-50%);
}

.cover-img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.square-img-container-no-outline {
  border: none;
}

.square-img-container-small-image-outlined {
  border: none;
  text-align: center;
}
.square-img-container-small-image-outlined .white-outlined img {
  width: 80%;
  border: 15px solid white;
  margin-left: 10%;
}
.square-img-container-small-image-outlined .gray-outlined img {
  width: 80%;
  border: 15px solid #dbdbdb;
  margin-left: 10%;
}
.square-img-container-small-image-outlined .gray-outlined img:after {
  border: 2px solid #b5d013;
}

.gallery-images {
  width: 100%;
}
.gallery-images img {
  width: 100%;
  max-height: 100%;
}

.pull-quote-image {
  z-index: 1000;
  margin-top: 20px;
  max-width: 170px;
  margin: auto;
}

.img-circle {
  border-radius: 50%;
  max-width: 100%;
}

.right-column-square-img {
  width: 55%;
  vertical-align: middle;
  position: relative;
  margin: auto;
  background-color: white;
  transform-style: preserve-3d;
}
.right-column-square-img img {
  width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  vertical-align: middle;
  top: 40%;
  left: 0;
  transform: translateY(-40%);
}

.right-column-square-img:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.real-dog-thumb {
  width: 20%;
  height: auto;
  display: inline-block;
  margin-right: -3px;
  cursor: pointer;
}

.real-dog-thumb:last-of-type {
  margin-right: 0px;
}

.real-dog-thumb-img {
  border: 1px solid #dbdbdb;
  width: 19%;
  display: inline-block;
}

.selected-thumb {
  border: 2px solid #b5d013;
}

.fit-to-width-img {
  max-width: 100%;
}

a img {
  width: 100%;
}

.outlined {
  border: 1px solid #dbdbdb;
}

.product-listing-product-hero {
  margin-bottom: 1rem;
}
.product-listing-product-hero img {
  max-height: 275px;
  width: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
  .product-listing-product-hero img {
    height: 275px;
  }
}
@media (max-width: 768px) {
  .product-listing-product-hero img {
    height: 150px;
  }
}

.wide-cover-hero {
  margin-bottom: 1rem;
}
.wide-cover-hero img {
  max-height: 275px;
  width: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .wide-cover-hero img {
    height: 275px;
  }
}
@media (max-width: 768px) {
  .wide-cover-hero img {
    height: auto;
  }
}

.gallery-stack {
  padding-bottom: 80%;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: white;
  z-index: 1;
  width: 100%;
  border-radius: 0px;
}
.gallery-stack img {
  cursor: pointer;
  height: 100%;
  max-height: 100%;
  width: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0px;
  left: 0px;
  border: 1px solid #dbdbdb;
}

.gallery-stack:before {
  content: "";
  height: 100%;
  width: 100%;
  background: white;
  border: 1px solid #dbdbdb;
  position: absolute;
  z-index: -1;
  top: -7px;
  left: 7px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

.gallery-stack:after {
  content: "";
  height: 100%;
  width: 100%;
  background: white;
  border: 1px solid #dbdbdb;
  position: absolute;
  z-index: -2;
  top: -14px;
  left: 14px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

.full-width-img {
  width: 100%;
}

.js-accordian-section {
  display: none;
}

.js-accordian-section-open {
  display: block;
}

.accordian-header {
  width: 100%;
  display: block;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 400;
}

.dropdown-arrow {
  border: 1px solid #dbdbdb;
  width: 24px;
  height: 24px;
  float: right;
  overflow: hidden;
  background: white url(asset-path("icon-select.png")) no-repeat;
  background-position: right;
  background-size: 22px 20px;
  position: relative;
  top: -4px;
  left: -2px;
  cursor: pointer;
}

.closed-arrow {
  transform: rotate(90deg);
}

.hidden {
  display: none;
}

.slick-slider-arrow-next-base, .slick-slider-arrow-next-pdp, .slick-slider-arrow-next, .slick-slider-arrow-next-ambassadogs, .slick-slider-arrow-next-categories, .slick-slider-arrow-next-mobile-hide,
.slick-slider-arrow-prev-base,
.slick-slider-arrow-prev-pdp,
.slick-slider-arrow-prev,
.slick-slider-arrow-prev-ambassadogs,
.slick-slider-arrow-prev-categories,
.slick-slider-arrow-prev-mobile-hide {
  color: white;
  font-size: 28px;
  font-weight: 400;
  padding: 10px 20px 10px 20px;
  text-align: center;
  position: absolute;
  top: 27.5%;
  z-index: 1;
  cursor: pointer;
  height: 50px;
  width: 50px;
  background-color: black;
  border-radius: 100px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.slick-slider-arrow-next-base:hover, .slick-slider-arrow-next-pdp:hover, .slick-slider-arrow-next:hover, .slick-slider-arrow-next-ambassadogs:hover, .slick-slider-arrow-next-categories:hover, .slick-slider-arrow-next-mobile-hide:hover, .slick-slider-arrow-next-base:focus, .slick-slider-arrow-next-pdp:focus, .slick-slider-arrow-next:focus, .slick-slider-arrow-next-ambassadogs:focus, .slick-slider-arrow-next-categories:focus, .slick-slider-arrow-next-mobile-hide:focus,
.slick-slider-arrow-prev-base:hover,
.slick-slider-arrow-prev-pdp:hover,
.slick-slider-arrow-prev:hover,
.slick-slider-arrow-prev-ambassadogs:hover,
.slick-slider-arrow-prev-categories:hover,
.slick-slider-arrow-prev-mobile-hide:hover,
.slick-slider-arrow-prev-base:focus,
.slick-slider-arrow-prev-pdp:focus,
.slick-slider-arrow-prev:focus,
.slick-slider-arrow-prev-ambassadogs:focus,
.slick-slider-arrow-prev-categories:focus,
.slick-slider-arrow-prev-mobile-hide:focus {
  outline: none;
  color: white;
}
.slick-slider-arrow-next-base:hover:before, .slick-slider-arrow-next-pdp:hover:before, .slick-slider-arrow-next:hover:before, .slick-slider-arrow-next-ambassadogs:hover:before, .slick-slider-arrow-next-categories:hover:before, .slick-slider-arrow-next-mobile-hide:hover:before, .slick-slider-arrow-next-base:focus:before, .slick-slider-arrow-next-pdp:focus:before, .slick-slider-arrow-next:focus:before, .slick-slider-arrow-next-ambassadogs:focus:before, .slick-slider-arrow-next-categories:focus:before, .slick-slider-arrow-next-mobile-hide:focus:before,
.slick-slider-arrow-prev-base:hover:before,
.slick-slider-arrow-prev-pdp:hover:before,
.slick-slider-arrow-prev:hover:before,
.slick-slider-arrow-prev-ambassadogs:hover:before,
.slick-slider-arrow-prev-categories:hover:before,
.slick-slider-arrow-prev-mobile-hide:hover:before,
.slick-slider-arrow-prev-base:focus:before,
.slick-slider-arrow-prev-pdp:focus:before,
.slick-slider-arrow-prev:focus:before,
.slick-slider-arrow-prev-ambassadogs:focus:before,
.slick-slider-arrow-prev-categories:focus:before,
.slick-slider-arrow-prev-mobile-hide:focus:before {
  opacity: 0.6;
}
.slick-slider-arrow-next-base.slick-disabled, .slick-disabled.slick-slider-arrow-next-pdp, .slick-disabled.slick-slider-arrow-next, .slick-disabled.slick-slider-arrow-next-ambassadogs, .slick-disabled.slick-slider-arrow-next-categories, .slick-disabled.slick-slider-arrow-next-mobile-hide,
.slick-slider-arrow-prev-base.slick-disabled,
.slick-disabled.slick-slider-arrow-prev-pdp,
.slick-disabled.slick-slider-arrow-prev,
.slick-disabled.slick-slider-arrow-prev-ambassadogs,
.slick-disabled.slick-slider-arrow-prev-categories,
.slick-disabled.slick-slider-arrow-prev-mobile-hide {
  opacity: 1;
}
@media (max-width: 768px) {
  .slick-slider-arrow-next-base, .slick-slider-arrow-next-pdp, .slick-slider-arrow-next, .slick-slider-arrow-next-ambassadogs, .slick-slider-arrow-next-categories, .slick-slider-arrow-next-mobile-hide,
  .slick-slider-arrow-prev-base,
  .slick-slider-arrow-prev-pdp,
  .slick-slider-arrow-prev,
  .slick-slider-arrow-prev-ambassadogs,
  .slick-slider-arrow-prev-categories,
  .slick-slider-arrow-prev-mobile-hide {
    top: 18.5%;
    background-size: 14px 15px;
    height: 40px;
    width: 30px;
  }
}

.slick-slider-arrow-next:hover, .slick-slider-arrow-next-ambassadogs:hover, .slick-slider-arrow-next-categories:hover, .slick-slider-arrow-next-mobile-hide:hover,
.slick-slider-arrow-prev:hover,
.slick-slider-arrow-prev-ambassadogs:hover,
.slick-slider-arrow-prev-categories:hover,
.slick-slider-arrow-prev-mobile-hide:hover {
  background-color: black;
}

.slick-slider-arrow-next, .slick-slider-arrow-next-ambassadogs, .slick-slider-arrow-next-categories, .slick-slider-arrow-next-mobile-hide {
  background-image: asset-url(/assets/rightarrow-e5fd8864dc7e8aa5bbcfc3bcb992100f2f0ad24e0ad0bc17596cac4191549748.png);
  background-position: 15px;
  right: -14px;
}
@media (max-width: 544px) {
  .slick-slider-arrow-next, .slick-slider-arrow-next-ambassadogs, .slick-slider-arrow-next-categories, .slick-slider-arrow-next-mobile-hide {
    right: 0px;
  }
}

.slick-slider-arrow-prev, .slick-slider-arrow-prev-ambassadogs, .slick-slider-arrow-prev-categories, .slick-slider-arrow-prev-mobile-hide {
  background-image: asset-url(/assets/leftarrow-5199b24c40de94f45ccba3405e2ac26891e70d9e52bd65632d783338fd9e28ec.png);
  left: -20px;
  background-position: 12px;
}
@media (max-width: 544px) {
  .slick-slider-arrow-prev, .slick-slider-arrow-prev-ambassadogs, .slick-slider-arrow-prev-categories, .slick-slider-arrow-prev-mobile-hide {
    left: 0px;
  }
}

.slick-slider-arrow-next-pdp {
  background: asset-url(/assets/black-arrow-right-6238d50ea618feb95410af034645c23f9a3260588c6ac85b3aec26b97c9d23bb.png) no-repeat center;
  top: 35.5%;
  right: -14px;
  height: 30px;
}

.slick-slider-arrow-prev-pdp {
  background: asset-url(/assets/black-arrow-left-0e13a842b0c7c9e09f13710bb4b735c03cdd50f876cf3337c28204d3ecb54450.png) no-repeat center;
  left: -41px;
  top: 35.5%;
  height: 30px;
}

.slick-slider-arrow-next-mobile-hide {
  top: 27.5%;
  display: block;
}
@media (max-width: 768px) {
  .slick-slider-arrow-next-mobile-hide {
    display: none !important;
  }
}

.slick-slider-arrow-prev-mobile-hide {
  top: 27.5%;
  display: block;
}
@media (max-width: 768px) {
  .slick-slider-arrow-prev-mobile-hide {
    display: none !important;
  }
}

.slick-slider-arrow-next-categories {
  top: 27.5%;
}
@media (min-width: 768px) {
  .slick-slider-arrow-next-categories {
    top: 30%;
  }
}
@media (min-width: 992px) {
  .slick-slider-arrow-next-categories {
    top: 32%;
  }
}

.slick-slider-arrow-prev-categories {
  top: 27.5%;
}
@media (min-width: 768px) {
  .slick-slider-arrow-prev-categories {
    top: 30%;
  }
}
@media (min-width: 992px) {
  .slick-slider-arrow-prev-categories {
    top: 32%;
  }
}

.slick-slider-arrow-next-ambassadogs {
  top: 27.5%;
}

.slick-slider-arrow-prev-ambassadogs {
  left: -41px;
}
@media (max-width: 768px) {
  .slick-slider-arrow-prev-ambassadogs {
    left: -14px;
    top: 49px;
  }
}

.info-bar-background, .shelter-info-bar-background {
  background-color: rgb(244, 245, 246);
  width: 100%;
  height: auto;
  min-height: 80px;
  padding-bottom: 8px;
}
@media (max-width: 768px) {
  .info-bar-background, .shelter-info-bar-background {
    margin-top: 3em;
  }
}

@media (max-width: 992px) {
  .shelter-info-bar-background {
    margin-top: 3em;
  }
}

.profile-photo-container {
  display: inline-block;
  width: 10%;
  min-width: 120px;
  margin-bottom: -70px;
  position: relative;
}
@media (max-width: 768px) {
  .profile-photo-container {
    display: block;
    margin: auto;
  }
}

.shelter-profile-photo-container {
  display: inline-block;
  width: 10%;
  min-width: 120px;
  margin-bottom: -70px;
  position: relative;
}
@media (max-width: 992px) {
  .shelter-profile-photo-container {
    display: block;
    margin: auto;
  }
}

.ambassadog-profile-photo {
  z-index: 9;
  position: relative;
  top: 0px;
}
.ambassadog-profile-photo img {
  width: 100%;
  max-width: 140px;
  border: 10px solid rgb(244, 245, 246);
}
@media (max-width: 768px) {
  .ambassadog-profile-photo {
    display: block;
    margin: auto;
    position: relative;
    top: -50px;
    margin-bottom: -70px;
  }
}

.shelter-profile-photo {
  z-index: 9;
  position: relative;
  top: 0px;
}
.shelter-profile-photo img {
  width: 100%;
  max-width: 140px;
  border: 10px solid rgb(244, 245, 246);
}
@media (max-width: 992px) {
  .shelter-profile-photo {
    display: block;
    margin: auto;
    position: relative;
    top: -50px;
    margin-bottom: -70px;
  }
}

.profile-info, .shelter-profile-info {
  display: inline-block;
  width: 70%;
  margin-left: 1rem;
}
.profile-info .handle, .shelter-profile-info .handle {
  margin-bottom: 8px;
  letter-spacing: 3px;
}
.profile-info ul, .shelter-profile-info ul {
  display: inline;
  text-transform: uppercase;
  margin-left: 0px;
  padding: 0px;
}
.profile-info li:after, .shelter-profile-info li:after {
  content: "|";
  margin-left: 8px;
  margin-right: 8px;
  font-size: 10px;
  font-weight: 400;
  position: relative;
  top: -2px;
  color: rgb(180, 181, 182);
}
.profile-info li:last-child:after, .shelter-profile-info li:last-child:after {
  display: none;
}
.profile-info li, .shelter-profile-info li {
  display: inline;
  list-style: none;
  overflow: hidden;
  margin-right: 0px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.8784em;
  letter-spacing: 1.2px;
}
@media (max-width: 768px) {
  .profile-info, .shelter-profile-info {
    display: block;
    margin-left: 0;
    margin-bottom: -4px;
    margin-top: 20px;
    width: auto;
  }
  .profile-info li, .shelter-profile-info li {
    font-size: 0.707em;
  }
  .profile-info .handle, .shelter-profile-info .handle {
    margin-bottom: 0;
    letter-spacing: 3px;
  }
}

.shelter-profile-info {
  margin-top: 20px;
}
@media (max-width: 992px) {
  .shelter-profile-info {
    display: block;
    margin-left: 0;
    margin-bottom: -4px;
    width: auto;
  }
  .shelter-profile-info li {
    font-size: 0.707em;
  }
  .shelter-profile-info .handle {
    margin-bottom: 0;
    letter-spacing: 3px;
  }
}

.info-container {
  width: 100%;
}

.social-icons-container {
  width: auto;
  height: auto;
  float: right;
  position: relative;
  top: -20px;
  margin-bottom: -50px;
  text-align: center;
}
@media (max-width: 1035px) {
  .social-icons-container {
    float: none;
    top: 0px;
    display: inline-block;
    margin-left: 140px;
    margin-top: -20px;
    top: 20px;
  }
  .social-icons-container li {
    font-size: 0.707em;
  }
}
@media (max-width: 768px) {
  .social-icons-container {
    display: inline-block;
    width: auto;
    margin: auto;
    margin-top: -30px;
    margin-left: -5px;
    top: 20px;
  }
  .social-icons-container li {
    font-size: 0.707em;
  }
}
.social-icons-container .social-icons i, .social-icons-container .social-icons svg {
  font-size: 20px;
  width: 46px;
  height: 46px;
  border-radius: 40px;
  text-align: center;
  padding: 9px;
  border: 5px solid rgb(244, 245, 246);
  margin-right: 8px;
  color: white;
  background-color: #494949;
}
.social-icons-container .social-icons i:last-child, .social-icons-container .social-icons svg:last-child {
  margin-right: 0px;
}
.social-icons-container .social-icons a {
  font-size: 26px;
  color: #494949;
  margin-right: 16px;
}
.social-icons-container .social-icons a:last-child {
  margin-right: 0px;
}
@media (max-width: 768px) {
  .social-icons-container .social-icons i, .social-icons-container .social-icons svg {
    font-size: 20px;
    width: 36px;
    height: 36px;
    border-radius: 30px;
    text-align: center;
    padding: 6px;
    padding-left: 7px;
    border: 3px solid rgb(244, 245, 246);
    margin-right: 8px;
    color: white;
    background-color: #494949;
  }
}

.info-bar {
  height: auto;
  display: inline-block;
  position: absolute;
  top: 0px;
  width: 85%;
  left: 7.5%;
}

.variable-height-gallery-container {
  max-width: 100%;
  overflow-x: hidden;
}

.variable-height-gallery {
  z-index: 1;
  height: auto;
  /* the slides */
  /* the parent */
}
.variable-height-gallery .slick-slide {
  margin: 0 -15px;
  padding-right: 30px;
  padding-left: 0px;
}
.variable-height-gallery .slick-slide:after {
  content: " ";
  display: block;
  position: absolute;
  height: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  background: rgba(225, 225, 225, 0.65);
}
.variable-height-gallery .slick-slide:hover:after {
  display: none;
}
.variable-height-gallery .slick-current:after {
  display: none;
}
.variable-height-gallery .slick-list {
  margin: 0 0px;
}

.gallery-slider-dots-bar, .pdp-slider-dots-bar {
  width: 100%;
  height: auto;
  padding: 10px 0;
  padding-bottom: 11px;
  background-color: clear;
  text-align: center;
  margin-top: -30px;
}
@media (max-width: 544px) {
  .gallery-slider-dots-bar, .pdp-slider-dots-bar {
    padding: 2px 0;
    padding-bottom: 2px;
  }
}
.gallery-slider-dots-bar .gallery-slider-dots-container, .gallery-slider-dots-bar .gallery-slider-dots-container-half-zoe, .pdp-slider-dots-bar .gallery-slider-dots-container, .pdp-slider-dots-bar .gallery-slider-dots-container-half-zoe, .pdp-slider-dots-bar .gallery-slider-dots-container-half {
  display: inline-block;
}
.gallery-slider-dots-bar .gallery-slider-dots-container .slick-dots, .gallery-slider-dots-bar .gallery-slider-dots-container-half-zoe .slick-dots, .pdp-slider-dots-bar .gallery-slider-dots-container .slick-dots, .pdp-slider-dots-bar .gallery-slider-dots-container-half-zoe .slick-dots, .pdp-slider-dots-bar .gallery-slider-dots-container-half .slick-dots {
  position: relative;
  display: inline-block;
  bottom: 0px;
}
.gallery-slider-dots-bar .gallery-slider-dots-container .slick-dots li, .gallery-slider-dots-bar .gallery-slider-dots-container-half-zoe .slick-dots li, .pdp-slider-dots-bar .gallery-slider-dots-container .slick-dots li, .pdp-slider-dots-bar .gallery-slider-dots-container-half-zoe .slick-dots li, .pdp-slider-dots-bar .gallery-slider-dots-container-half .slick-dots li {
  width: 13px;
  height: 13px;
  margin: 0 8px;
  background-color: rgb(205, 206, 207);
  border-radius: 13px;
}
.gallery-slider-dots-bar .gallery-slider-dots-container .slick-dots li button:before, .gallery-slider-dots-bar .gallery-slider-dots-container-half-zoe .slick-dots li button:before, .pdp-slider-dots-bar .gallery-slider-dots-container .slick-dots li button:before, .pdp-slider-dots-bar .gallery-slider-dots-container-half-zoe .slick-dots li button:before, .pdp-slider-dots-bar .gallery-slider-dots-container-half .slick-dots li button:before {
  content: "";
}
@media (max-width: 768px) {
  .gallery-slider-dots-bar .gallery-slider-dots-container .slick-dots li, .gallery-slider-dots-bar .gallery-slider-dots-container-half-zoe .slick-dots li, .pdp-slider-dots-bar .gallery-slider-dots-container .slick-dots li, .pdp-slider-dots-bar .gallery-slider-dots-container-half-zoe .slick-dots li, .pdp-slider-dots-bar .gallery-slider-dots-container-half .slick-dots li {
    width: 8px;
    height: 8px;
  }
}
.gallery-slider-dots-bar .gallery-slider-dots-container .slick-dots .slick-active, .gallery-slider-dots-bar .gallery-slider-dots-container-half-zoe .slick-dots .slick-active, .pdp-slider-dots-bar .gallery-slider-dots-container .slick-dots .slick-active, .pdp-slider-dots-bar .gallery-slider-dots-container-half-zoe .slick-dots .slick-active, .pdp-slider-dots-bar .gallery-slider-dots-container-half .slick-dots .slick-active {
  background-color: rgb(72, 73, 74);
}

.pdp-slider-dots-bar {
  background-color: transparent;
}
.gallery-items {
  display: none;
}

.pull-quote-section {
  overflow: none;
}
.pull-quote-section .pull-quote-author {
  font-family: "Roboto", sans-serif;
  letter-spacing: 1.2px;
  font-size: 0.707em;
  font-weight: 400;
  text-transform: uppercase;
}
.pull-quote-section .pull-quote-title {
  font-family: "Roboto", sans-serif;
  letter-spacing: 1.2px;
  font-size: inherit;
  text-transform: none;
  font-weight: 400;
}
.pull-quote-section .pull-quote-text {
  padding-right: 0px;
  padding-left: 30px;
  z-index: 100;
  font-size: 1.1em;
  margin-left: 8px;
}
.pull-quote-section .pull-quote-text h3, .pull-quote-section .pull-quote-text .h3 {
  margin-top: 6px;
  line-height: 1.4em;
  letter-spacing: 1.2px;
}
.pull-quote-section .pull-quote-text:before {
  content: "“";
  font-size: 340px;
  line-height: 0px;
  float: left;
  position: absolute;
  top: 100px;
  left: -44px;
  color: rgb(234, 235, 236);
  z-index: -1;
  font-family: "sutro", serif;
}
@media (max-width: 544px) {
  .pull-quote-section .pull-quote-text:before {
    font-size: 180px;
    left: -14px;
    top: 50px;
  }
}
.pull-quote-section .pull-quote-text:after {
  content: "”";
  font-size: 340px;
  line-height: 0px;
  float: right;
  position: absolute;
  top: 107%;
  left: 90%;
  color: rgb(234, 235, 236);
  z-index: -1;
  font-family: "sutro", serif;
}
@media (max-width: 544px) {
  .pull-quote-section .pull-quote-text:after {
    font-size: 180px;
  }
}

.coupon-code-box {
  width: 100%;
  height: 240px;
  background-image: url("https://cdn.filepicker.io/auto_image/compress/Q1TsHOZKStG9NmTpHLIn");
  background-repeat: no-repeat;
  background-position: center;
}
.coupon-code-box .text {
  position: relative;
  top: 150px;
  left: 2px;
  text-align: center;
  font-size: 1.1em;
}
.coupon-code-box .code {
  color: #b5d013;
  font-size: 1.299em;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  left: 2px;
}

.google-play-button {
  width: 145px;
  height: 40px;
  display: inline-block;
  position: relative;
  top: -16px;
  margin-left: -10px;
}
.google-play-button img {
  width: auto;
  height: 60px;
}
@media (max-width: 992px) {
  .google-play-button {
    margin-left: -10px;
  }
}
@media (max-width: 544px) {
  .google-play-button {
    margin-left: 0px;
  }
}

.modal-box {
  border-radius: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: white;
  position: relative;
  padding: 10px;
  top: 50px;
}
@media (max-width: 543px) {
  .modal-box {
    left: 8%;
  }
}

.modal-content-container {
  width: 100%;
  height: 100%;
  border: 1px solid #b5d013;
  padding: 20px 5%;
}

.modal-filter-circle {
  position: relative;
  top: -56px;
  left: -30px;
  border: 10px solid white;
}
@media (max-width: 768px) {
  .modal-filter-circle {
    display: inline-block;
    margin: none;
    float: left;
    top: -56px;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    padding-top: 14px;
  }
  .modal-filter-circle i {
    font-size: 2.2rem;
    margin-left: 4px;
  }
}

.modal-body {
  width: 100%;
  height: 100%;
  padding: 15px 0px;
}

.modal-container-fluid {
  padding: 15px 0px;
  width: 100%;
}

.modal-backdrop {
  background-color: rgb(235, 235, 235);
}

.modal-button-close {
  background-color: white;
  border: 1px solid white;
  cursor: pointer;
  float: right;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 36px;
}
.modal-button-close img {
  width: 36px;
}
.modal-button-close svg {
  height: 1rem;
  width: 1rem;
}
.modal-button-close svg path {
  fill: #333333;
}
.modal-button-close:hover, .modal-button-close:focus, .modal-button-close:focus-visible {
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
}
.modal-button-close:hover svg path, .modal-button-close:focus svg path, .modal-button-close:focus-visible svg path {
  fill: #ef6f37;
}

.modal-lg, .modal-lg-login {
  width: 82%;
}
@media (min-width: 992px) {
  .modal-lg, .modal-lg-login {
    max-width: 90%;
  }
}

.modal-lg-login {
  width: 96%;
  max-width: 1000px;
}
@media (max-width: 992px) {
  .modal-lg-login {
    width: 96%;
  }
}
@media (max-width: 768px) {
  .modal-lg-login {
    width: 96%;
  }
}

.modal-filter-header {
  text-transform: uppercase;
  border-bottom: 1px solid #dbdbdb;
  width: 100%;
  font-weight: 400;
  font-size: 1em;
  letter-spacing: 1.2px;
  margin-bottom: 8px;
}

.brands-filter-checkboxes {
  max-height: 400px;
  overflow-y: scroll;
}

.login-modal {
  width: 100%;
  height: 520px;
}
.login-modal .content {
  padding: 20px;
  margin-top: 3em;
}
.login-modal .disclaimer {
  padding: 0px 20px;
}

.post-signup-modal {
  width: 100%;
  height: 520px;
  background-color: rgb(234, 235, 236);
  padding: 30px;
  text-align: center;
}
.post-signup-modal .content {
  padding: 20px;
  margin-top: 3em;
}
.post-signup-modal .disclaimer {
  padding: 0px 20px;
}

.post-application-modal {
  width: 100%;
  height: auto;
  min-height: 300px;
  background-color: rgb(234, 235, 236);
  padding: 60px;
  text-align: center;
  margin-top: 200px;
}
.post-application-modal .content {
  padding: 20px;
  margin-top: 80px;
}
.post-application-modal .disclaimer {
  padding: 0px 20px;
}

.white-line {
  width: 100%;
  border-bottom: 1px solid white;
  height: 1px;
  margin-bottom: 1rem;
}

.login-left-section {
  width: 60%;
  height: 100%;
  display: inline-block;
  background-size: cover;
  background-position: center center;
  float: left;
  padding: 30px;
}
.login-left-section .copy {
  margin-top: 100px;
  width: 60%;
  max-width: 330px;
  text-align: center;
}
.login-left-section .copy p {
  font-size: 20px;
}
@media (max-width: 992px) {
  .login-left-section {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .login-left-section {
    display: none;
  }
}
.login-left-section img {
  width: 60%;
}

.login-right-section {
  text-align: center;
  width: 40%;
  height: 100%;
  display: inline-block;
  float: right;
  background-color: rgb(205, 206, 207);
}
@media (max-width: 992px) {
  .login-right-section {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .login-right-section {
    width: 100%;
  }
}

.login-tab {
  width: 50%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: gray-dark;
  background-color: rgb(186, 187, 188);
  display: inline-block;
  float: left;
  cursor: pointer;
}

.login-tab-selected {
  background-color: rgb(205, 206, 207);
}

login-tab-unselected {
  background-color: rgb(205, 206, 207);
}

.artist-thumb {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-bottom: -24%;
}
.artist-thumb img {
  max-width: 100%;
}

.artist-box {
  min-height: 382px;
}

.artist-photo, .brand-card-slide .artist-photo-center, .artist-slide .artist-photo-center {
  max-width: 160px;
  margin: auto;
  margin-bottom: 8px;
}
.artist-photo img, .brand-card-slide .artist-photo-center img, .artist-slide .artist-photo-center img {
  border: 15px solid rgb(244, 245, 246);
}

.fadeIn {
  transition: opacity 250ms ease-in-out;
  opacity: 0;
}

.fadeIn.enter {
  transition: opacity 250ms ease-in-out;
  opacity: 1;
}

@media (print), (prefers-reduced-motion: reduce) {
  .fadeIn {
    transition: none;
    opacity: 1;
    transform: none;
  }
}
.fade-out {
  animation: fadeOut ease 250ms;
  -webkit-animation: fadeOut ease 250ms;
  -moz-animation: fadeOut ease 250ms;
  -o-animation: fadeOut ease 250ms;
  -ms-animation: fadeOut ease 250ms;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.sc-left-dropdown-container {
  margin: 0rem 1rem 2.5rem 0rem;
}
@media (max-width: 768px) {
  .sc-left-dropdown-container {
    display: none;
  }
}

.sc-right-dropdown-container {
  margin: 0rem 0rem 2.5rem 0rem;
}
@media (max-width: 768px) {
  .sc-right-dropdown-container {
    display: none;
  }
}

.sc-top-dropdown-container {
  display: none;
  justify-content: center;
  margin: 0rem 0rem 1rem 0rem;
}
@media (max-width: 768px) {
  .sc-top-dropdown-container {
    display: flex;
  }
}

.sc-bottom-dropdown-container {
  display: none;
  justify-content: center;
  margin: 0rem 0rem 1rem 0rem;
}
@media (max-width: 768px) {
  .sc-bottom-dropdown-container {
    display: flex;
  }
}

.follow-topics {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 548px;
  padding: 2.5rem 0rem 0rem 0rem;
  position: relative;
}
.follow-topics.background-image {
  background-position: center center;
  background-size: cover;
}
@media (min-width: 768px) {
  .follow-topics.background-image {
    background-image: url("https://cdn.filepicker.io/auto_image/compress/zJzNHqWYRWCEma6UaDHb");
  }
}
@media (max-width: 768px) {
  .follow-topics.background-image {
    background-image: none;
  }
}
.follow-topics.background-gray {
  background-color: #f8f8f8;
}
.follow-topics.get-started {
  padding: 2.5rem 2.5rem 0rem 0rem !important;
}
.follow-topics.get-started .btn-green {
  align-self: center !important;
}
@media (max-width: 768px) {
  .follow-topics.get-started .btn-green {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.follow-topics.get-started .follows-functional {
  flex-grow: 1;
  justify-content: space-around;
}
.follow-topics.get-started .follows-functional .selector-instruction-four {
  align-self: center;
  font-size: 1.1rem;
  max-width: 100vw;
  text-align: center;
}
.follow-topics.get-started .follows-functional .selector-instruction-four svg {
  border-radius: 5px;
  color: #ef6f37;
  vertical-align: super;
  font-size: 1rem;
  padding: 0.25rem;
}
.follow-topics.get-started .follows-functional .selector-instruction-four svg:focus {
  background-color: #ef6f37;
  color: white;
  outline: none;
}
.follow-topics.get-started .follows-functional .selector-instruction-four svg:hover {
  cursor: pointer;
}
@media (max-width: 768px) {
  .follow-topics.get-started {
    padding: 1rem !important;
  }
}
.follow-topics.how-it-works .btn-green {
  align-self: center !important;
  font-size: 1.1rem;
  margin: 0rem 0rem 1rem !important;
  width: 25vw !important;
}
@media (max-width: 768px) {
  .follow-topics.how-it-works .btn-green {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
}
.follow-topics.how-it-works .dot-container {
  display: flex;
  justify-content: center;
  margin: 1rem 0rem;
}
.follow-topics.how-it-works .dot-container .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ccc;
  margin: 0 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.follow-topics.how-it-works .dot-container .dot.active {
  background-color: #333;
}
.follow-topics.how-it-works .dot-container .dot:hover {
  background-color: #999;
}
.follow-topics.how-it-works .follows-functional {
  align-items: center;
  padding: 0rem 2.5rem 0rem 0rem;
  width: 60%;
}
@media (max-width: 768px) {
  .follow-topics.how-it-works .follows-functional {
    padding: 1.25rem 1rem;
    width: 100%;
  }
}
.follow-topics.how-it-works .follows-functional h2, .follow-topics.how-it-works .follows-functional .h2 {
  align-self: center !important;
}
.follow-topics.how-it-works .go-to-plan {
  display: flex;
  max-width: 100vw;
}
.follow-topics.how-it-works .go-to-plan .carousel-copy {
  align-items: center;
  display: flex;
  font-size: 1.1rem;
}
@media (max-width: 768px) {
  .follow-topics.how-it-works .go-to-plan .carousel-copy {
    font-size: 1rem;
  }
}
.follow-topics.how-it-works .how-it-works-carousel {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  left: 0;
  max-width: 100vw;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.5s ease;
}
.follow-topics.how-it-works .how-it-works-carousel.active {
  opacity: 1;
  position: relative;
}
.follow-topics.how-it-works .how-it-works-carousel .carousel-copy {
  align-items: center;
  display: flex;
  font-size: 1.1rem;
}
@media (max-width: 768px) {
  .follow-topics.how-it-works .how-it-works-carousel .carousel-copy {
    font-size: 1rem;
  }
}
.follow-topics.how-it-works .how-it-works-carousel .carousel-number p {
  color: #ccc;
  font-family: "Sutro", serif;
  font-size: 7.5rem;
  line-height: 1;
}
.follow-topics h2, .follow-topics .h2 {
  align-self: flex-end;
  display: inline-flex;
  justify-content: center;
}
.follow-topics p:nth-child(-n+1) {
  margin: 0rem 0rem 1rem 0rem;
}
.follow-topics p:nth-child(2) {
  align-self: flex-end;
  padding: 0rem 1.5rem 1rem 1.5rem;
  text-align: center;
}
@media (min-width: 645px) {
  .follow-topics p:nth-child(2) {
    padding: 0rem 1.5rem 1rem 1.5rem;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .follow-topics p:nth-child(2) {
    padding: 0rem 2.5rem 1rem 2.5rem;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .follow-topics p:nth-child(2) {
    padding: 0rem 2.5rem 1rem 1.5rem;
    text-align: center;
  }
}
.follow-topics .follows-functional {
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  padding: 2.5rem 0rem 0rem 0rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 992px) {
  .follow-topics .follows-functional {
    padding: 1.5rem 0rem 0rem 0rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 768px) {
  .follow-topics .follows-functional {
    align-self: center !important;
  }
}
.follow-topics .follows-functional .tag-category-type-selectors {
  align-self: flex-end;
  display: flex;
  max-width: 100vw;
  width: 100%;
}
@media (max-width: 768px) {
  .follow-topics .follows-functional .tag-category-type-selectors {
    flex-direction: column;
  }
}
@media (min-width: 645px) {
  .follow-topics .follows-functional .tag-category-type-selectors {
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .follow-topics .follows-functional .tag-category-type-selectors {
    justify-content: flex-end;
    margin: 0rem 2.5rem 0rem 2.5rem;
  }
}
@media (min-width: 992px) {
  .follow-topics .follows-functional .tag-category-type-selectors {
    justify-content: flex-end;
    margin: 0rem 2.5rem 0rem 2.5rem;
  }
}
.follow-topics .follows-functional .selector-instruction-three {
  align-self: flex-end;
  font-size: 1.1rem;
  max-width: 100vw;
}
.follow-topics .follows-functional .selector-instruction-three svg {
  border-radius: 5px;
  color: #ef6f37;
  vertical-align: super;
  font-size: 1rem;
  padding: 0.25rem;
}
.follow-topics .follows-functional .selector-instruction-three svg:focus {
  background-color: #ef6f37;
  color: white;
  outline: none;
}
.follow-topics .follows-functional .selector-instruction-three svg:hover {
  cursor: pointer;
}
.follow-topics .follows-functional .tag-follows {
  align-self: flex-end;
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-bottom: 2.5rem;
  max-width: 100vw;
  padding: 0rem 1.5rem;
  width: 100%;
}
@media (max-width: 768px) {
  .follow-topics .follows-functional .tag-follows {
    padding: 0rem;
  }
}
.follow-topics .follows-functional .tag-follows .follow-tag-card {
  padding: 0.25rem;
}
.follow-topics .follows-functional .tag-follows .follow-tag-card button:focus {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  outline: none;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}
.follow-topics .follows-functional .tag-follows .follow-tag-card button svg {
  margin-right: 0.25rem;
  position: relative;
  top: 1px;
}
.follow-topics .btn-green {
  align-self: flex-end;
  border-radius: 15px;
  font-size: 1.1rem;
  margin: 0rem 2.5rem 1rem 0rem;
  width: 25vw;
}
.follow-topics .btn-green:focus {
  border: 1px solid #dbdbdb;
  border-radius: 15px;
  outline: none;
  box-shadow: 2px 2px 0px 2px #dbdbdb, -2px 2px 0px 2px #dbdbdb, 2px -2px 0px 2px #dbdbdb, -2px -2px 0px 2px #dbdbdb;
}
@media (max-width: 768px) {
  .follow-topics .btn-green {
    align-self: center;
    margin: 0rem 0rem 1rem 0rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.follow-topics .closing-tip {
  align-self: flex-end;
  font-size: 1.1rem;
  margin: 0rem 2.5rem 2.5rem 0rem;
}
.follow-topics .closing-tip a {
  text-decoration: none;
  border-bottom: 1px solid rgb(239, 111, 55);
  padding-bottom: 0.075rem;
}
@media (max-width: 768px) {
  .follow-topics .closing-tip a {
    padding-bottom: 0.01rem;
  }
}
.follow-topics .closing-tip a:hover {
  color: #ef6f37;
}
.follow-topics .closing-tip a:focus {
  color: #ef6f37;
  outline: none;
}
@media (max-width: 768px) {
  .follow-topics .closing-tip {
    align-self: center;
    margin: 0rem 0rem 2.5rem 0rem;
  }
}
@media (max-width: 768px) {
  .follow-topics .selector-instruction {
    display: flex;
    justify-content: center;
    padding: 1rem 0.5rem 1rem 0.5rem;
    text-align: center;
    width: 100vw;
  }
}

.btn-inactive-homepage {
  border-radius: 10px;
  font-size: 0.85rem;
  margin-right: 1rem;
  text-transform: uppercase;
}

.btn-inactive-homepage-selected {
  font-size: 0.85rem;
  margin-right: 1rem;
  text-transform: uppercase;
}

.btn-inactive-homepage:last-of-type {
  margin-right: 0rem;
}

.btn-inactive-homepage:focus, .btn-inactive-homepage-selected:focus {
  border: 1px solid #ef6f37;
  border-radius: 10px;
  outline: none;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}

.homepage-2021 {
  display: flex;
  flex-direction: column;
}
.homepage-2021 h1, .homepage-2021 .h1 {
  color: white;
  font-family: "Sutro", serif;
  font-size: 2.5rem;
  margin-bottom: 1.5rem;
}
.homepage-2021 h2, .homepage-2021 .h2 {
  color: #333333;
  font-size: 2.5rem;
  letter-spacing: 0.1rem;
  padding: 0rem;
  position: relative;
  text-align: center;
  z-index: 50;
}
@media (max-width: 768px) {
  .homepage-2021 h2, .homepage-2021 .h2 {
    padding: 0rem 0.5rem 0rem 0.5rem;
    text-align: center;
    width: 100%;
  }
}
.homepage-2021 h3, .homepage-2021 .h3 {
  font-size: 1.5rem;
  font-weight: 100;
  justify-self: flex-end;
  padding: 2.5rem 2.5rem 1rem 2.5rem;
  position: relative;
  text-align: left;
  width: 100%;
}
.homepage-2021 h4, .homepage-2021 .h4 {
  color: white;
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 1.5rem;
}
.homepage-2021 p {
  margin-bottom: 0;
}
.homepage-2021 .products-header-before::before {
  background-color: #f8f8f8;
  content: "";
  height: 150%;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.homepage-2021 .home-page-header-section {
  width: 100%;
  height: 59vh;
  min-height: 580px;
}
.homepage-2021 .home-page-header-section .home-page-cover-photo {
  align-items: flex-end;
  background-size: cover;
  background-position: center center;
  height: 100%;
  min-height: 580px;
  position: relative;
  width: 100%;
}
.homepage-2021 .home-page-header-section .home-page-cover-photo .home-page-photo-overlay {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.45) 90%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: inherit;
  padding: 5vmax;
  position: relative;
  width: 100%;
  z-index: 5;
}
.homepage-2021 .home-page-header-section .home-page-cover-photo .home-page-photo-overlay h1, .homepage-2021 .home-page-header-section .home-page-cover-photo .home-page-photo-overlay .h1 {
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 768px) {
  .homepage-2021 .home-page-header-section .home-page-cover-photo .home-page-photo-overlay h1, .homepage-2021 .home-page-header-section .home-page-cover-photo .home-page-photo-overlay .h1 {
    margin: 0rem auto 1.5rem auto;
  }
}
@media (max-width: 768px) {
  .homepage-2021 .home-page-header-section .home-page-cover-photo .home-page-photo-overlay h4, .homepage-2021 .home-page-header-section .home-page-cover-photo .home-page-photo-overlay .h4 {
    margin: 0rem auto 1.5rem auto;
  }
}
.homepage-2021 .home-page-header-section .home-page-cover-photo .home-page-photo-overlay .btn-green {
  border: 1px solid transparent;
  border-radius: 15px;
  box-shadow: 2px 2px 0px 2px transparent, -2px 2px 0px 2px transparent, 2px -2px 0px 2px transparent, -2px -2px 0px 2px transparent;
  display: inline-block;
  font-size: 1.1rem;
  width: 33vw;
}
.homepage-2021 .home-page-header-section .home-page-cover-photo .home-page-photo-overlay .btn-green:focus {
  border: 1px solid white;
  border-radius: 15px;
  outline: none;
  box-shadow: 2px 2px 0px 2px white, -2px 2px 0px 2px white, 2px -2px 0px 2px white, -2px -2px 0px 2px white;
}
@media (max-width: 768px) {
  .homepage-2021 .home-page-header-section .home-page-cover-photo .home-page-photo-overlay .btn-green {
    justify-self: center;
    padding: 0.75rem 1.25rem;
    margin: 0rem auto;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 768px) {
  .homepage-2021 .home-page-header-section .home-page-cover-photo .home-page-photo-overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.45) 70%);
    padding: 1rem;
    text-align: center;
    justify-content: space-between;
  }
}
.homepage-2021 .join-groups {
  align-items: flex-start;
  background-color: #f8f8f8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem 0rem 0rem 0rem;
  position: relative;
}
.homepage-2021 .join-groups.background-gray {
  background-color: #f8f8f8;
}
.homepage-2021 .join-groups :focus {
  border: 1px solid #b5d013;
  outline: none;
  box-shadow: 2px 2px 0px 2px #b5d013, -2px 2px 0px 2px #b5d013, 2px -2px 0px 2px #b5d013, -2px -2px 0px 2px #b5d013;
}
.homepage-2021 .join-groups .join-groups-functional {
  display: flex;
  flex-direction: column;
  padding: 2.5rem 0rem 0rem 0rem;
}
@media (max-width: 768px) {
  .homepage-2021 .join-groups .join-groups-functional {
    padding: 1.5rem 0rem 0rem 0rem;
  }
}
.homepage-2021 .join-groups .join-groups-functional .mobile-all-groups-button {
  display: none;
  justify-content: center;
  margin: 2rem 0rem;
  position: relative;
}
@media (max-width: 992px) {
  .homepage-2021 .join-groups .join-groups-functional .mobile-all-groups-button {
    display: flex;
  }
}
.homepage-2021 .join-groups .join-groups-functional .mobile-all-groups-button a {
  width: 25vw;
}
.homepage-2021 .join-groups .join-groups-functional .mobile-all-groups-button a .btn-green {
  border-radius: 15px;
  width: 100%;
}
.homepage-2021 .join-groups .join-groups-functional .mobile-all-groups-button a .btn-green:focus {
  border: 1px solid #dbdbdb;
  border-radius: 15px;
  outline: none;
  box-shadow: 2px 2px 0px 2px #dbdbdb, -2px 2px 0px 2px #dbdbdb, 2px -2px 0px 2px #dbdbdb, -2px -2px 0px 2px #dbdbdb;
}
@media (max-width: 992px) {
  .homepage-2021 .join-groups .join-groups-functional .mobile-all-groups-button a .btn-green {
    align-self: flex-end;
    width: 350px;
  }
}
@media (max-width: 992px) {
  .homepage-2021 .join-groups .join-groups-functional .mobile-all-groups-button a {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.homepage-2021 .join-groups .join-groups-functional .left {
  align-self: center;
  display: none;
  height: inherit;
  position: absolute;
}
@media (max-width: 768px) {
  .homepage-2021 .join-groups .join-groups-functional .left {
    display: flex;
  }
}
.homepage-2021 .join-groups .join-groups-functional #left-button {
  background: #ffffff;
  border: 1px solid white;
  border-radius: 10px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
}
.homepage-2021 .join-groups .join-groups-functional #left-button:hover {
  border: 1px solid #ef6f37;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.homepage-2021 .join-groups .join-groups-functional #left-button svg {
  color: #ef6f37;
  position: relative;
  top: -1px;
}
.homepage-2021 .join-groups .join-groups-functional #left-button:focus {
  border: 1px solid #ef6f37;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
  outline: none;
  text-decoration: none;
}
.homepage-2021 .join-groups .join-groups-functional .internal {
  width: 31.75%;
  height: 100%;
  border: 1px solid black;
  display: inline-block;
}
.homepage-2021 .join-groups .join-groups-functional .center {
  float: left;
  width: 38.9%;
  height: 200px;
  border: 1px solid black;
  margin: 1px;
  overflow: hidden;
  white-space: nowrap;
}
.homepage-2021 .join-groups .join-groups-functional .right {
  align-self: center;
  display: none;
  height: inherit;
  position: relative;
  right: 1rem;
}
@media (max-width: 768px) {
  .homepage-2021 .join-groups .join-groups-functional .right {
    display: flex;
  }
}
.homepage-2021 .join-groups .join-groups-functional #right-button {
  background: #ffffff;
  border: 1px solid white;
  border-radius: 10px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
}
.homepage-2021 .join-groups .join-groups-functional #right-button:hover {
  border: 1px solid #ef6f37;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.homepage-2021 .join-groups .join-groups-functional #right-button svg, .homepage-2021 .join-groups .join-groups-functional #right-button span, .homepage-2021 .join-groups .join-groups-functional #right-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .homepage-2021 .join-groups .join-groups-functional #right-button td[data-hook=cart_item_price], .homepage-2021 .join-groups .join-groups-functional #right-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .homepage-2021 .join-groups .join-groups-functional #right-button td[data-hook=cart_item_total] {
  color: #ef6f37;
  position: relative;
  top: -1px;
}
.homepage-2021 .join-groups .join-groups-functional #right-button:focus {
  border: 1px solid #ef6f37;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
  outline: none;
  text-decoration: none;
}
.homepage-2021 .join-groups .join-groups-functional .group-filters {
  display: flex;
  justify-content: center;
}
.homepage-2021 .join-groups .join-groups-functional .group-cards {
  display: flex;
  flex-direction: row;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards {
    overflow: auto;
    width: 97vw;
  }
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .group-image-author {
  font-size: 1rem;
  font-style: oblique;
  margin: 0rem 0rem 0.05rem 0rem;
  text-align: right;
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .group-image-datetime {
  font-size: 1.25rem;
  font-weight: 600;
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .group-image-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0rem 0rem 0.05rem 0rem;
}
.homepage-2021 .join-groups .join-groups-functional .group-cards a {
  text-decoration: none;
}
.homepage-2021 .join-groups .join-groups-functional .group-cards a:nth-of-type(2) {
  margin: 0rem 0rem 0rem 1rem;
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .next-group {
  height: 35vw;
  padding: 1.5rem;
  width: 35vw;
}
@media (max-width: 768px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .next-group {
    height: 80vw;
    max-height: 350px;
    max-width: 350px;
    padding: 0rem;
    width: 80vw;
    margin-right: 1rem;
  }
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .next-group .group-image {
  color: white;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  width: 100%;
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .next-group .group-image .group-text-background {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  padding: 1rem;
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .next-group .group-image .group-text-background .group-image-author {
  font-size: 1.25rem;
}
@media (max-width: 992px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .next-group .group-image .group-text-background .group-image-author {
    font-size: 1rem;
  }
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .next-group .group-image .group-text-background .group-image-datetime {
  font-size: 1.75rem;
  margin-top: 10%;
  text-align: center;
}
@media (max-width: 1200px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .next-group .group-image .group-text-background .group-image-datetime {
    font-size: 1.75rem;
    margin-top: unset;
  }
}
@media (max-width: 1075px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .next-group .group-image .group-text-background .group-image-datetime {
    font-size: 1.25rem;
    margin-top: unset;
  }
}
@media (max-width: 992px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .next-group .group-image .group-text-background .group-image-datetime {
    font-size: 1rem;
    margin-top: unset;
  }
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .next-group .group-image .group-text-background .group-image-title {
  font-size: 1.75rem;
}
@media (max-width: 992px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .next-group .group-image .group-text-background .group-image-title {
    font-size: 1.25rem;
  }
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .next-group-card {
  display: flex;
}
@media (max-width: 768px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .next-group-card {
    display: none;
  }
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .next-group-card.mobile {
  display: none;
}
@media (max-width: 768px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .next-group-card.mobile {
    display: flex;
  }
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .groups-list-card {
  display: flex;
}
@media (max-width: 768px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .groups-list-card {
    display: none !important;
  }
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .mobile-groups-list-card {
  display: none;
}
@media (max-width: 768px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .mobile-groups-list-card {
    display: flex;
  }
  .homepage-2021 .join-groups .join-groups-functional .group-cards .mobile-groups-list-card .group-image-datetime {
    font-size: 1.35rem;
  }
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .upcoming-groups-card {
  display: flex;
}
@media (max-width: 768px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .upcoming-groups-card {
    display: none !important;
  }
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups {
  padding: 1.5rem 1.5rem 0rem 1.5rem;
  width: 60vw;
}
@media (max-width: 768px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups {
    display: flex;
    flex-direction: row;
    margin: 5vw 0vw 0vw 0vw;
    max-height: none;
    overflow: auto;
    padding: 0rem;
    width: 100vw;
  }
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .all-groups-button {
  display: flex;
  justify-content: flex-end;
  left: 1rem;
  margin-top: 2rem;
  position: relative;
}
@media (max-width: 992px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .all-groups-button {
    display: none;
  }
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .all-groups-button a {
  margin-bottom: 0rem;
  width: 25vw;
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .all-groups-button a .btn-green {
  border-radius: 15px;
  width: 100%;
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .all-groups-button a .btn-green:focus {
  border: 1px solid #dbdbdb;
  border-radius: 15px;
  outline: none;
  box-shadow: 2px 2px 0px 2px #dbdbdb, -2px 2px 0px 2px #dbdbdb, 2px -2px 0px 2px #dbdbdb, -2px -2px 0px 2px #dbdbdb;
}
@media (max-width: 992px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .all-groups-button a .btn-green {
    align-self: flex-end;
    width: 350px;
  }
}
@media (max-width: 992px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .all-groups-button a {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .group-card-container:first-of-type {
  display: none;
}
@media (max-width: 768px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .group-card-container:first-of-type {
    display: flex;
  }
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups a {
  margin-bottom: 1rem;
  text-decoration: none;
  width: 100%;
}
@media (max-width: 768px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups a:first-of-type {
    display: flex;
  }
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .groups-list-item {
  color: #333333;
  display: flex;
  flex-direction: row;
  width: 100%;
}
@media (max-width: 768px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .groups-list-item {
    width: 90vw;
    margin-right: 5rem;
  }
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .groups-list-item img {
  height: 10rem;
  margin-right: 0.75rem;
  width: 10rem;
}
@media (max-width: 768px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .groups-list-item img {
    display: none;
  }
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .groups-list-item .list-item-text {
  color: #333333;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .groups-list-item .list-item-text .group-image-author {
  margin: 0rem 0.5rem 0.05rem 0rem;
}
@media (max-width: 992px) {
  .homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .groups-list-item .list-item-text .group-image-datetime {
    font-size: 1rem;
  }
  .homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .groups-list-item .list-item-text .group-image-title {
    font-size: 1.25rem;
  }
  .homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .groups-list-item .list-item-text .group-image-author {
    font-size: 0.85rem;
  }
}
.homepage-2021 .join-groups .join-groups-functional .group-cards .more-groups .groups-list-item:hover {
  background-color: rgb(218, 219, 220);
  cursor: pointer;
}
.homepage-2021 .one-to-one {
  align-items: center;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem 0rem 0rem 0rem;
  position: relative;
}
@media (max-width: 768px) {
  .homepage-2021 .one-to-one {
    padding: 1.5rem 0rem 0rem 0rem;
  }
}
.homepage-2021 .one-to-one .one-to-one-functional {
  display: flex;
  flex-direction: column;
  max-width: 100vw;
  padding: 2.5rem 0rem 0rem 0rem;
}
@media (max-width: 768px) {
  .homepage-2021 .one-to-one .one-to-one-functional {
    padding: 1.5rem 0rem 0rem 0rem;
  }
}
.homepage-2021 .one-to-one .one-to-one-functional .selector-instruction {
  display: flex;
  justify-content: center;
  padding: 1rem 0.5rem 1rem 0.5rem;
  text-align: center;
  width: 100vw;
}
.homepage-2021 .one-to-one .one-to-one-functional .advocate-category-topic-selectors {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .homepage-2021 .one-to-one .one-to-one-functional .advocate-category-topic-selectors {
    flex-direction: column;
  }
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-filters {
  display: flex;
  justify-content: center;
}
.homepage-2021 .one-to-one .one-to-one-functional .left {
  display: none;
  float: left;
  left: 20px;
  margin: 0rem 1rem 0rem 0rem;
  position: relative;
  top: 20vw;
  z-index: 1;
}
@media (max-width: 768px) {
  .homepage-2021 .one-to-one .one-to-one-functional .left {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    left: 2.75rem;
    top: 40vw;
  }
}
.homepage-2021 .one-to-one .one-to-one-functional #left-button {
  background: #ffffff;
  border: 1px solid white;
  border-radius: 10px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
}
.homepage-2021 .one-to-one .one-to-one-functional #left-button:hover {
  border: 1px solid #ef6f37;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.homepage-2021 .one-to-one .one-to-one-functional #left-button svg {
  color: #ef6f37;
  position: relative;
  top: -1px;
}
.homepage-2021 .one-to-one .one-to-one-functional #left-button:focus {
  border: 1px solid #ef6f37;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
  outline: none;
  text-decoration: none;
}
.homepage-2021 .one-to-one .one-to-one-functional .internal {
  width: 31.75%;
  height: 100%;
  border: 1px solid black;
  display: inline-block;
}
.homepage-2021 .one-to-one .one-to-one-functional .center {
  float: left;
  width: 38.9%;
  height: 200px;
  border: 1px solid black;
  margin: 1px;
  overflow: hidden;
  white-space: nowrap;
}
.homepage-2021 .one-to-one .one-to-one-functional .right {
  display: none;
  float: right;
  position: relative;
  right: 20px;
  top: 20vw;
}
@media (max-width: 768px) {
  .homepage-2021 .one-to-one .one-to-one-functional .right {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    right: 2.5rem;
    top: 40vw;
  }
}
.homepage-2021 .one-to-one .one-to-one-functional #right-button {
  background: #ffffff;
  border: 1px solid white;
  border-radius: 10px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
}
.homepage-2021 .one-to-one .one-to-one-functional #right-button:hover {
  border: 1px solid #ef6f37;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.homepage-2021 .one-to-one .one-to-one-functional #right-button svg {
  color: #ef6f37;
  position: relative;
  top: -1px;
}
.homepage-2021 .one-to-one .one-to-one-functional #right-button:focus {
  border: 1px solid #ef6f37;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
  outline: none;
  text-decoration: none;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-bottom: 2.5rem;
  max-height: 35vw;
}
@media (max-width: 768px) {
  .homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards {
    flex-direction: column-reverse;
    margin-bottom: 0rem;
    max-height: -moz-max-content;
    max-height: max-content;
  }
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .handle-line {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .handle-line .advocate-arrow {
  color: #333333;
  position: relative;
  top: 1px;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .handle-line .advocate-handle {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0rem 0rem 0.05rem 0rem;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .advocate-intro {
  font-size: 0.85rem;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .advocate-name {
  font-size: 1rem;
  font-style: oblique;
  margin: 0rem 0rem 0.05rem 0rem;
  text-align: right;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .advocates-list {
  color: #333333;
  max-height: 30vw;
  overflow: auto;
  padding: 1.5rem;
  max-width: 40vw;
}
@media (max-width: 768px) {
  .homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .advocates-list {
    display: none;
  }
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .advocates-list .advocates-list-item {
  color: #333333;
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
  padding: 1rem;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .advocates-list .advocates-list-item:focus {
  border: 1px solid #ef6f37;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
  outline: none;
  text-decoration: none;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .advocates-list .advocates-list-item img {
  border-radius: 100%;
  height: 5rem;
  margin-right: 0.75rem;
  width: 5rem;
}
@media (max-width: 992px) {
  .homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .advocates-list .advocates-list-item img {
    height: 2.5rem;
    width: 2.5rem;
  }
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .advocates-list .advocates-list-item .list-item-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .advocates-list .advocates-list-item .list-item-text .advocate-handle {
    font-size: 1rem;
  }
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .advocates-list .advocates-list-item .list-item-text .advocate-name {
  font-size: 0.85rem;
  font-style: oblique;
  margin: 0rem 0rem 0.05rem 0rem;
  text-align: right;
}
@media (max-width: 992px) {
  .homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .advocates-list .advocates-list-item .list-item-text .advocate-name {
    font-size: 0.85rem;
  }
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .advocates-list .advocates-list-item .list-item-text .advocate-intro {
  font-size: 1rem;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .advocates-list .advocates-list-item:hover {
  cursor: pointer;
  background-color: #f8f8f8;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .highlighted-advocate {
  height: 30vw;
  padding: 1.5rem;
  width: 60vw;
}
@media (max-width: 768px) {
  .homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .highlighted-advocate {
    display: none;
    height: auto;
    max-width: 350px;
    padding: 0rem;
    width: 80vw;
  }
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .highlighted-advocate .advocate-image {
  color: white;
  flex-direction: column;
  display: flex;
  justify-content: flex-end;
  position: relative;
  height: 100%;
  max-height: 30vw;
}
@media (max-width: 768px) {
  .homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .highlighted-advocate .advocate-image {
    height: auto;
    max-height: none;
  }
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .highlighted-advocate .advocate-image .advocate-text-background {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  min-height: 75%;
  padding: 1rem;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .highlighted-advocate .advocate-image .advocate-text-background .advocate-background-buttons {
  display: flex;
  justify-content: center;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .highlighted-advocate .advocate-image .advocate-text-background .advocate-background-buttons .btn-neutral {
  background-color: #dbdbdb;
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
  color: #333333;
  border-radius: 10px;
  margin-right: 1rem;
  text-align: center;
  padding: 0.5rem 1.5rem;
  width: 200px;
}
@media (max-width: 768px) {
  .homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .highlighted-advocate .advocate-image .advocate-text-background .advocate-background-buttons .btn-neutral {
    font-size: 0.85rem;
    padding: 0rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .highlighted-advocate .advocate-image .advocate-text-background .advocate-background-buttons .btn-neutral:hover {
  text-decoration: none;
  background-color: #b5d013;
  color: white;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .highlighted-advocate .advocate-image .advocate-text-background .advocate-background-buttons .btn-neutral:hover .fa-secondary {
  fill: white;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .highlighted-advocate .advocate-image .advocate-text-background .advocate-background-buttons .btn-neutral:focus {
  border: 1px solid #b5d013;
  box-shadow: 2px 2px 0px 2px #b5d013, -2px 2px 0px 2px #b5d013, 2px -2px 0px 2px #b5d013, -2px -2px 0px 2px #b5d013;
  outline: none;
  text-decoration: none;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .highlighted-advocate .advocate-image .advocate-text-background .advocate-background-buttons .btn-active {
  border: 1px solid #ef6f37;
  border-radius: 10px;
  font-size: 1.25rem;
  margin-right: 0rem;
  text-align: center;
  padding: 0.5rem 1.5rem;
  width: 200px;
}
@media (max-width: 768px) {
  .homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .highlighted-advocate .advocate-image .advocate-text-background .advocate-background-buttons .btn-active {
    font-size: 0.85rem;
    padding: 0rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .highlighted-advocate .advocate-image .advocate-text-background .advocate-background-buttons .btn-active:focus {
  border: 1px solid white;
  box-shadow: 2px 2px 0px 2px white, -2px 2px 0px 2px white, 2px -2px 0px 2px white, -2px -2px 0px 2px white;
  color: white;
  outline: none;
  text-decoration: none;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .highlighted-advocate .advocate-image .advocate-text-background .advocate-dogly-blurb {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 992px) {
  .homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .highlighted-advocate .advocate-image .advocate-text-background .advocate-dogly-blurb {
    font-size: 1rem;
  }
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list {
  display: none;
}
@media (max-width: 768px) {
  .homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list {
    display: flex;
    flex-direction: row;
    width: 100vw;
    overflow: auto;
  }
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item {
  margin: 0rem 0rem 1rem 1rem;
  max-width: 350px;
  width: 80vw;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .top-row {
  background-color: rgba(181, 208, 19, 0.1);
  display: flex;
  flex-direction: row;
  padding: 1rem 0rem 1rem 0rem;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .top-row .list-item-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0rem 0.5rem;
  width: 100vw;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .top-row .list-item-text .handle-line {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .top-row .list-item-text .handle-line img {
  border-radius: 100%;
  height: 2.5rem;
  width: 2.5rem;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .top-row .list-item-text .handle-line .advocate-handle {
  font-size: 1.45rem;
  margin: 0rem 0rem 0rem 0.5rem;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .top-row .list-item-text .advocate-name-line {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .top-row .list-item-text .advocate-name-line .advocate-name {
  text-align: right;
  width: 100%;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .center-row {
  align-items: center;
  display: flex;
  min-height: 125px;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .center-row .mobile-advocate-text-background {
  align-items: center;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.45) 90%);
  display: flex;
  height: inherit;
  min-height: 125px;
  width: 100%;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .center-row .mobile-advocate-text-background .mobile-advocate-dogly-blurb {
  color: white;
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem;
  text-indent: 1rem;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .bottom-row {
  background-color: rgba(181, 208, 19, 0.1);
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .bottom-row .mobile-advocate-background-buttons {
  display: flex;
  justify-content: center;
  padding: 1rem 0rem;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .bottom-row .mobile-advocate-background-buttons .btn-neutral {
  background-color: #dbdbdb;
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
  color: #333333;
  border-radius: 10px;
  margin-right: 1rem;
  text-align: center;
  padding: 0.5rem 1.5rem !important;
  width: 200px;
}
@media (max-width: 768px) {
  .homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .bottom-row .mobile-advocate-background-buttons .btn-neutral {
    font-size: 0.85rem;
    padding: 0rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .bottom-row .mobile-advocate-background-buttons .btn-neutral:hover {
  text-decoration: none;
  background-color: #b5d013;
  color: white;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .bottom-row .mobile-advocate-background-buttons .btn-neutral:hover .fa-secondary {
  fill: white;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .bottom-row .mobile-advocate-background-buttons .btn-neutral:focus {
  border: 1px solid #b5d013;
  box-shadow: 2px 2px 0px 2px #b5d013, -2px 2px 0px 2px #b5d013, 2px -2px 0px 2px #b5d013, -2px -2px 0px 2px #b5d013;
  outline: none;
  text-decoration: none;
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .bottom-row .mobile-advocate-background-buttons .btn-active {
  border: 1px solid #ef6f37;
  border-radius: 10px;
  font-size: 1.25rem;
  margin-right: 0rem;
  text-align: center;
  padding: 0.5rem 1.5rem !important;
  width: 200px;
}
@media (max-width: 768px) {
  .homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .bottom-row .mobile-advocate-background-buttons .btn-active {
    font-size: 0.85rem;
    padding: 0rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.homepage-2021 .one-to-one .one-to-one-functional .one-to-one-cards .mobile-advocates-list .advocates-list-item .bottom-row .mobile-advocate-background-buttons .btn-active:focus {
  border: 1px solid white;
  box-shadow: 2px 2px 0px 2px white, -2px 2px 0px 2px white, 2px -2px 0px 2px white, -2px -2px 0px 2px white;
  color: white;
  outline: none;
  text-decoration: none;
}
.homepage-2021 .product-recommendations {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem 0rem;
  position: relative;
}
.homepage-2021 .product-recommendations.background-gray {
  background-color: #f8f8f8;
}
.homepage-2021 .product-recommendations .left {
  float: left;
  left: 20px;
  margin: 0rem 1rem 0rem 0rem;
  position: relative;
  top: 25vw;
  z-index: 1;
}
@media (max-width: 768px) {
  .homepage-2021 .product-recommendations .left {
    display: none;
  }
}
.homepage-2021 .product-recommendations #left-button {
  background: #ffffff;
  border: 1px solid white;
  border-radius: 10px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
}
.homepage-2021 .product-recommendations #left-button:hover {
  border: 1px solid #ef6f37;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.homepage-2021 .product-recommendations #left-button svg, .homepage-2021 .product-recommendations #left-button span, .homepage-2021 .product-recommendations #left-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .homepage-2021 .product-recommendations #left-button td[data-hook=cart_item_price], .homepage-2021 .product-recommendations #left-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .homepage-2021 .product-recommendations #left-button td[data-hook=cart_item_total] {
  color: #ef6f37;
  position: relative;
  top: -1px;
}
.homepage-2021 .product-recommendations #left-button:focus {
  border: 1px solid #ef6f37;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
  outline: none;
  text-decoration: none;
}
.homepage-2021 .product-recommendations .internal {
  width: 31.75%;
  height: 100%;
  border: 1px solid black;
  display: inline-block;
}
.homepage-2021 .product-recommendations .center {
  float: left;
  width: 38.9%;
  height: 200px;
  border: 1px solid black;
  margin: 1px;
  overflow: hidden;
  white-space: nowrap;
}
.homepage-2021 .product-recommendations .right {
  float: right;
  position: relative;
  right: 20px;
  top: 25vw;
}
@media (max-width: 768px) {
  .homepage-2021 .product-recommendations .right {
    display: none;
  }
}
.homepage-2021 .product-recommendations #right-button {
  background: #ffffff;
  border: 1px solid white;
  border-radius: 10px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
}
.homepage-2021 .product-recommendations #right-button:hover {
  border: 1px solid #ef6f37;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.homepage-2021 .product-recommendations #right-button svg, .homepage-2021 .product-recommendations #right-button span, .homepage-2021 .product-recommendations #right-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .homepage-2021 .product-recommendations #right-button td[data-hook=cart_item_price], .homepage-2021 .product-recommendations #right-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .homepage-2021 .product-recommendations #right-button td[data-hook=cart_item_total] {
  color: #ef6f37;
  position: relative;
  top: -1px;
}
.homepage-2021 .product-recommendations #right-button:focus {
  border: 1px solid #ef6f37;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
  outline: none;
  text-decoration: none;
}
.homepage-2021 .product-recommendations .products-functional {
  display: flex;
  flex-direction: column;
  padding: 0rem;
}
.homepage-2021 .product-recommendations .products-functional .selector-instruction {
  display: flex;
  justify-content: center;
  padding: 1rem 0.5rem 1rem 0.5rem;
  text-align: center;
  width: 100vw;
}
.homepage-2021 .product-recommendations .products-functional .product-category-topic-selectors {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .homepage-2021 .product-recommendations .products-functional .product-category-topic-selectors {
    flex-direction: column;
  }
}
.homepage-2021 .product-recommendations .products-functional .product-filters {
  display: flex;
  justify-content: center;
}
.homepage-2021 .product-recommendations .products-functional .product-cards-homepage .home-card {
  max-width: 350px;
}
@media (max-width: 680px) {
  .homepage-2021 .product-recommendations .products-functional .product-cards-homepage .home-card {
    margin: 1rem 0rem 1rem 1rem;
  }
  .homepage-2021 .product-recommendations .products-functional .product-cards-homepage .home-card .hero-image-container {
    height: 80vw;
    max-height: 350px;
    max-width: 350px;
    width: 80vw;
  }
}
.homepage-2021 .product-recommendations .products-functional .product-item {
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-right: 1rem;
  min-height: 35vw;
  min-width: 20vw;
}
.homepage-2021 .product-recommendations .products-functional .product-item .alert-tag {
  background-color: rgba(239, 111, 55, 0.7);
  border-radius: 10px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  color: white;
  font-size: 0.95rem;
  margin: 0.5rem;
  padding: 0.15rem 0.5rem;
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
}
.homepage-2021 .product-recommendations .products-functional .product-item .recommended-tag {
  background-color: rgba(181, 208, 19, 0.1);
  border: 1px solid rgba(181, 208, 19, 0.1);
  border-radius: 10px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  font-size: 0.95rem;
  margin: 0.5rem;
  padding: 0.15rem 0.5rem;
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
}
.homepage-2021 .product-recommendations .products-functional .product-item .product-item-image {
  display: flex;
  flex-direction: column;
  height: 20vw;
  justify-content: center;
  width: 20vw;
}
.homepage-2021 .product-recommendations .products-functional .product-item .product-item-image img {
  height: auto;
  width: 100%;
}
.homepage-2021 .product-recommendations .products-functional .product-item .product-item-image:focus {
  border: 1px solid #b5d013;
  box-shadow: 2px 2px 0px 2px #b5d013, -2px 2px 0px 2px #b5d013, 2px -2px 0px 2px #b5d013, -2px -2px 0px 2px #b5d013;
  outline: none;
  text-decoration: none;
}
.homepage-2021 .product-recommendations .products-functional .product-item .product-item-text {
  padding: 0rem 1rem;
}
.homepage-2021 .product-recommendations .products-functional .product-item .product-item-text .product-item-name {
  font-size: 1.25rem;
  font-weight: 600;
}
.homepage-2021 .product-recommendations .products-functional .product-item .product-item-text .product-item-brand {
  font-weight: 600;
  color: rgb(180, 181, 182);
}

.dogly-testimonials {
  color: #333333;
  padding: 2.5vw;
  position: relative;
}
@media (max-width: 768px) {
  .dogly-testimonials {
    padding: 0rem;
  }
}
.dogly-testimonials h1, .dogly-testimonials .h1 {
  font-size: 4.5rem;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 768px) {
  .dogly-testimonials h1, .dogly-testimonials .h1 {
    font-size: 3rem;
    margin: 0rem;
    padding: 2.5rem 0rem;
  }
}
.dogly-testimonials h2, .dogly-testimonials .h2 {
  padding: 2.5rem 0rem;
}
.dogly-testimonials .testimonial-cards {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
@media (max-width: 768px) {
  .dogly-testimonials .testimonial-cards {
    display: none;
  }
}
.dogly-testimonials .testimonial-cards .testimonial-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 25vw;
  padding: 1rem;
  width: 30%;
}
@media (max-width: 768px) {
  .dogly-testimonials .testimonial-cards .testimonial-card {
    height: 100vw;
    padding: 0.75rem;
    width: auto;
  }
}
.dogly-testimonials .testimonial-cards .testimonial-card .card-quote {
  color: #333333;
  font-size: 1.1rem;
  font-style: oblique;
  font-weight: 500;
  text-align: center;
  z-index: 1;
}
.dogly-testimonials .testimonial-cards .testimonial-card .card-quote .card-quote-lead {
  font-weight: 600;
}
@media (max-width: 992px) {
  .dogly-testimonials .testimonial-cards .testimonial-card .card-quote .card-quote-lead {
    font-size: 1rem;
  }
}
@media (max-width: 992px) {
  .dogly-testimonials .testimonial-cards .testimonial-card .card-quote {
    font-size: 0.85rem;
  }
}
.dogly-testimonials .testimonial-cards .testimonial-card .card-avatar {
  border: 1px solid #cecece;
  border-radius: 50%;
  height: 20vw;
  opacity: 0.3;
  position: absolute;
  width: 20vw;
}
@media (max-width: 768px) {
  .dogly-testimonials .testimonial-cards .testimonial-card .card-avatar {
    height: 70vw;
    width: 70vw;
  }
}
.dogly-testimonials .testimonial-cards .testimonial-card .card-name {
  align-self: center;
  color: #333333;
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
  width: 75%;
  z-index: 1;
}
@media (max-width: 992px) {
  .dogly-testimonials .testimonial-cards .testimonial-card .card-name {
    font-size: 0.85rem;
  }
}
.dogly-testimonials .mobile-testimonial-cards {
  display: none;
}
@media (max-width: 768px) {
  .dogly-testimonials .mobile-testimonial-cards {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1rem;
    width: 100%;
  }
}
.dogly-testimonials .mobile-testimonial-cards .testimonial-card {
  display: flex;
  flex-direction: row;
  margin: 0rem 0rem 2rem 0rem;
}
.dogly-testimonials .mobile-testimonial-cards .testimonial-card .card-avatar {
  border: 1px solid #cecece;
  border-radius: 50%;
  height: 5rem;
  margin: 0rem 0.5rem 0rem 0rem;
  position: relative;
  width: 5rem;
}
.dogly-testimonials .mobile-testimonial-cards .testimonial-card .card-right {
  flex-direction: column;
}
.dogly-testimonials .mobile-testimonial-cards .testimonial-card .card-right .card-quote {
  color: #333333;
  font-size: 1rem;
  font-style: oblique;
  font-weight: 500;
  margin-bottom: 0.5rem;
  text-align: left;
  z-index: 1;
}
.dogly-testimonials .mobile-testimonial-cards .testimonial-card .card-right .card-quote .card-quote-lead {
  font-weight: 600;
}
.dogly-testimonials .mobile-testimonial-cards .testimonial-card .card-right .card-name {
  color: #333333;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-align: right;
  z-index: 1;
}
.dogly-testimonials .mobile-testimonial-cards .testimonial-card:last-of-type {
  margin: 0rem;
}

.how-it-works {
  color: #333333;
  padding: 2.5rem;
  position: relative;
}
@media (max-width: 768px) {
  .how-it-works {
    padding: 0;
  }
}
.how-it-works h1, .how-it-works .h1 {
  font-size: 4.5rem;
  font-weight: 600;
  margin-bottom: 3rem;
  text-align: center;
}
@media (max-width: 768px) {
  .how-it-works h1, .how-it-works .h1 {
    font-size: 3rem;
    margin: 0;
    padding: 2.5rem 0;
  }
}
.how-it-works h2, .how-it-works .h2 {
  padding: 2.5rem 0rem;
}
.how-it-works .step-cards {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
@media (max-width: 768px) {
  .how-it-works .step-cards {
    display: none;
  }
}
.how-it-works .step-cards .step-card {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 30%;
}
.how-it-works .step-cards .step-card .step-circle {
  align-items: center;
  background-color: rgba(181, 208, 19, 0.4);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  font-size: 1.1rem;
  height: 20vw;
  justify-content: space-around;
  padding: 2rem;
  position: relative;
  text-align: center;
  width: 20vw;
}
@media (max-width: 992px) {
  .how-it-works .step-cards .step-card .step-circle {
    font-size: 1rem;
  }
}
.how-it-works .step-cards .step-card .step-circle .step-number {
  color: #ccc;
  font-family: "Sutro", serif;
  font-size: 8rem;
  font-weight: bold;
  left: -0.2em;
  line-height: 1;
  position: absolute;
  top: -0.2em;
  z-index: 1;
}
@media (max-width: 992px) {
  .how-it-works .step-cards .step-card .step-circle .step-number {
    left: -0.4em;
    top: -0.2em;
  }
}
@media (max-width: 768px) {
  .how-it-works .step-cards .step-card .step-circle .step-number {
    left: -0.4em;
    top: -0.2em;
  }
}
.how-it-works .step-cards .step-card .step-circle p {
  line-height: 1.4;
  position: relative;
  z-index: 2;
}
.how-it-works .step-cards .step-card .step-circle p .bold {
  font-size: 1.3rem;
  font-weight: 600;
}
@media (max-width: 992px) {
  .how-it-works .step-cards .step-card .step-circle p .bold {
    font-size: 1rem;
  }
}
.how-it-works .mobile-step-cards {
  display: none;
}
@media (max-width: 768px) {
  .how-it-works .mobile-step-cards {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1rem;
    width: 100%;
  }
}
.how-it-works .mobile-step-cards .step-card {
  display: flex;
  flex-direction: row;
  margin: 0 0 2rem 0;
}
.how-it-works .mobile-step-cards .step-card:last-of-type {
  margin: 0;
}
.how-it-works .mobile-step-cards .step-card .step-number {
  align-items: center;
  background-color: rgba(181, 208, 19, 0.4);
  border-radius: 50%;
  color: #333333;
  display: flex;
  font-family: "Sutro", serif;
  font-size: 2.5rem;
  font-weight: bold;
  height: 5rem;
  justify-content: center;
  margin: 0 0.5rem 0 0;
  min-height: 5rem;
  min-width: 5rem;
  width: 5rem;
}
.how-it-works .mobile-step-cards .step-card .step-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.how-it-works .mobile-step-cards .step-card .step-content p {
  color: #333333;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  text-align: left;
  z-index: 1;
}
.how-it-works .mobile-step-cards .step-card .step-content p .bold {
  font-size: 1rem;
  font-weight: 600;
}

.join-the-community {
  min-height: 550px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.join-the-community h2, .join-the-community .h2 {
  padding: 2.5rem 0rem !important;
}
.join-the-community .join-image-container {
  background-color: #f8f8f8;
}
.join-the-community .join-image-container .join-image {
  display: flex;
  flex-direction: row;
  height: -moz-fit-content;
  height: fit-content;
  width: 100vw;
}
@media (min-width: 768px) {
  .join-the-community .join-image-container .join-image {
    background: url("https://cdn.filepicker.io/auto_image/compress/qbLoTqkmQ8CXoaPgzAf4") no-repeat center center/100%;
    background-size: cover;
    justify-content: flex-start;
  }
}
@media (max-width: 768px) {
  .join-the-community .join-image-container .join-image {
    background: unset;
  }
}
.join-the-community .join-image-container .join-image .btn-active {
  align-self: center;
  border: 1px solid #ef6f37;
  border-radius: 10px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 1.1rem;
  justify-content: center;
  margin-right: 1rem;
  padding: 0.75rem 0.55rem;
  text-align: center;
  width: 25vw;
}
.join-the-community .join-image-container .join-image .btn-active span, .join-the-community .join-image-container .join-image .btn-active table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .join-the-community .join-image-container .join-image .btn-active td[data-hook=cart_item_price], .join-the-community .join-image-container .join-image .btn-active table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .join-the-community .join-image-container .join-image .btn-active td[data-hook=cart_item_total] {
  font-size: 1rem;
}
@media (max-width: 768px) {
  .join-the-community .join-image-container .join-image .btn-active {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.join-the-community .join-image-container .join-image .btn-active:focus {
  border: 1px solid white;
  box-shadow: 2px 2px 0px 2px white, -2px 2px 0px 2px white, 2px -2px 0px 2px white, -2px -2px 0px 2px white;
  color: white;
  outline: none;
  text-decoration: none;
}
.join-the-community .join-image-container .join-image .btn-active:last-of-type {
  margin-right: 0rem;
}
.join-the-community .join-image-container .join-image .join-image-text {
  color: #333333;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 60vw;
  padding: 0rem 2.5vw 2.5vw 0vw;
  width: 60%;
}
@media (max-width: 768px) {
  .join-the-community .join-image-container .join-image .join-image-text {
    height: 100%;
    min-width: none;
    width: 100%;
    padding: 1.25rem 1rem;
  }
}
.join-the-community .join-image-container .join-image .join-image-text h1, .join-the-community .join-image-container .join-image .join-image-text .h1 {
  color: inherit;
  font-family: "Sutro", serif;
  font-size: 4.5rem;
  font-weight: 600;
  margin-top: 1.5rem;
  text-align: center;
}
@media (max-width: 768px) {
  .join-the-community .join-image-container .join-image .join-image-text h1, .join-the-community .join-image-container .join-image .join-image-text .h1 {
    font-size: 3rem;
  }
}
.join-the-community .join-image-container .join-image .join-image-text .nav-buttons-plans {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
}
@media (max-width: 544px) {
  .join-the-community .join-image-container .join-image .join-image-text .nav-buttons-plans {
    gap: 0.5rem;
  }
}
.join-the-community .join-image-container .join-image .join-image-text .nav-buttons-plans .svg-left svg {
  font-size: 1rem;
  position: relative;
  top: 0rem;
  margin: 0rem 0.25rem 0rem 0rem;
}
.join-the-community .join-image-container .join-image .join-image-text .nav-buttons-plans .svg-right svg {
  font-size: 1rem;
  position: relative;
  top: 0rem;
  margin: 0rem 0rem 0rem 0.25rem;
}
.join-the-community .join-image-container .join-image .join-image-text .nav-buttons-plans .btn-follow-tag {
  min-width: 100px;
}
.join-the-community .join-image-container .join-image .join-image-text .nav-buttons-plans .btn-follow-tag:focus, .join-the-community .join-image-container .join-image .join-image-text .nav-buttons-plans .btn-follow-tag:hover {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  outline: none;
}
.join-the-community .join-image-container .join-image .join-image-text .nav-buttons-plans .btn-follow-tag:focus {
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}
.join-the-community .join-image-container .join-image .join-image-text .nav-buttons-plans .btn-inactive {
  font-size: 1.25rem;
}
.join-the-community .join-image-container .join-image .join-image-text .nav-buttons-plans .btn-inactive span, .join-the-community .join-image-container .join-image .join-image-text .nav-buttons-plans .btn-inactive table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .join-the-community .join-image-container .join-image .join-image-text .nav-buttons-plans .btn-inactive td[data-hook=cart_item_price], .join-the-community .join-image-container .join-image .join-image-text .nav-buttons-plans .btn-inactive table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .join-the-community .join-image-container .join-image .join-image-text .nav-buttons-plans .btn-inactive td[data-hook=cart_item_total] {
  font-size: 1rem;
}
.join-the-community .join-image-container .join-image .join-image-text .nav-buttons-plans a:first-of-type {
  margin-right: 2rem;
}
.join-the-community .join-image-container .join-image .join-image-text .choose-blurb {
  color: inherit;
  font-size: 1rem;
  margin: 1rem 0rem 0rem 0rem;
  padding: 1rem 2rem 1rem 1rem;
  text-align: center;
}
@media (max-width: 768px) {
  .join-the-community .join-image-container .join-image .join-image-text .choose-blurb {
    font-size: 0.85rem;
  }
}
.join-the-community .join-image-container .join-image .join-image-text .choose-blurb span, .join-the-community .join-image-container .join-image .join-image-text .choose-blurb table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .join-the-community .join-image-container .join-image .join-image-text .choose-blurb td[data-hook=cart_item_price], .join-the-community .join-image-container .join-image .join-image-text .choose-blurb table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .join-the-community .join-image-container .join-image .join-image-text .choose-blurb td[data-hook=cart_item_total] {
  margin: 0rem 0.25rem;
}
.join-the-community .join-image-container .join-image .join-image-text .card-plan {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 1rem 0rem 1rem 0rem;
  min-height: 340px;
  padding: 0rem 2.5rem;
}
@media (max-width: 768px) {
  .join-the-community .join-image-container .join-image .join-image-text .card-plan {
    padding: 0rem;
  }
}
.join-the-community .join-image-container .join-image .join-image-text .card-plan .btn-active {
  align-self: center;
  border-radius: 15px;
  margin: 0rem 0rem 2.5rem 0rem;
  padding: 0.75rem 0.55rem;
  width: 25vw;
}
.join-the-community .join-image-container .join-image .join-image-text .card-plan p:nth-of-type(2) {
  margin: 0rem 0rem 1rem 0rem;
}
.join-the-community .join-image-container .join-image .join-image-text .choose-bullet {
  color: inherit;
  font-size: 1.1rem;
  margin-bottom: 0rem;
  text-align: left;
}
@media (max-width: 768px) {
  .join-the-community .join-image-container .join-image .join-image-text .choose-bullet {
    font-size: 1rem;
  }
}
.join-the-community .join-image-container .join-image .join-image-text .choose-bullet svg {
  font-size: 0.75rem;
  margin-right: 0.25rem;
  position: relative;
  top: -1px;
}
.join-the-community .join-image-container .join-image .join-image-text .choose-bullet svg path {
  color: #ccc;
}
.join-the-community .join-image-container .join-image .join-image-text .choose-bullet-header {
  color: inherit;
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0rem;
  text-align: left;
}
@media (max-width: 768px) {
  .join-the-community .join-image-container .join-image .join-image-text .choose-bullet-header {
    font-size: 1rem;
  }
}
.join-the-community .join-image-container .join-image .join-image-text .choose-bullet-header svg {
  font-size: 0.75rem;
  margin-right: 0.25rem;
  position: relative;
  top: -1px;
}
.join-the-community .join-image-container .join-image .join-image-text .join-testimonial {
  color: inherit;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 1rem 2rem 1rem 1rem;
  text-align: center;
}
@media (max-width: 768px) {
  .join-the-community .join-image-container .join-image .join-image-text .join-testimonial {
    font-size: 1.25rem;
  }
}
.join-the-community .join-image-container .join-image .join-image-text .join-blurb {
  color: inherit;
  font-size: 2rem;
  font-weight: 600;
  margin: 1rem 0rem;
  text-align: center;
}
@media (max-width: 768px) {
  .join-the-community .join-image-container .join-image .join-image-text .join-blurb {
    font-size: 1.25rem;
  }
}
.join-the-community .join-image-container .join-image .join-image-text .toggle-selector {
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid rgb(239, 111, 55);
  padding-bottom: 0.075rem;
}
@media (max-width: 768px) {
  .join-the-community .join-image-container .join-image .join-image-text .toggle-selector {
    padding-bottom: 0.01rem;
  }
}
.join-the-community .join-image-container .join-image .join-image-text .toggle-selector:hover, .join-the-community .join-image-container .join-image .join-image-text .toggle-selector:focus {
  color: #ef6f37;
  text-decoration: none;
  border-bottom: 1px solid rgb(239, 111, 55);
  padding-bottom: 0.075rem;
  outline: none;
}
@media (max-width: 768px) {
  .join-the-community .join-image-container .join-image .join-image-text .toggle-selector:hover, .join-the-community .join-image-container .join-image .join-image-text .toggle-selector:focus {
    padding-bottom: 0.01rem;
  }
}

.homepage-signup-section {
  align-items: center;
  color: #333333;
  display: flex;
  flex-direction: column;
  padding: 2.5vw 5rem;
  position: relative;
}
.homepage-signup-section h2, .homepage-signup-section .h2 {
  color: #333333;
  text-align: center;
}
.homepage-signup-section p {
  color: #333333;
  font-size: 1.1rem;
  text-align: center;
}
.homepage-signup-section .btn-green {
  border-radius: 15px;
  cursor: pointer;
  font-size: 1.1rem;
  width: 25vw;
}
@media (max-width: 768px) {
  .homepage-signup-section .btn-green {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.homepage-signup-section.background-gray {
  background-color: #f8f8f8;
}
@media (max-width: 768px) {
  .homepage-signup-section {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    min-height: 500px;
    max-height: 600px;
    padding: 1.25rem 1rem;
  }
}

.dogly-partnerships {
  color: #333333;
  padding: 2.5vw 5rem;
  position: relative;
}
@media (max-width: 768px) {
  .dogly-partnerships {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    min-height: 500px;
    max-height: 600px;
    padding: 0rem;
  }
}
.dogly-partnerships h1, .dogly-partnerships .h1 {
  color: #ef6f37;
  font-family: "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0rem 0rem 1.25rem 0rem;
  text-align: center;
}
@media (max-width: 768px) {
  .dogly-partnerships h1, .dogly-partnerships .h1 {
    font-size: 1rem;
    margin: 0rem;
    padding: 0.5rem 0rem 0rem 0.5rem;
  }
}
.dogly-partnerships .partnership-image {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 7.5vw 12.5vw;
  min-height: 25vw;
  padding: 2.5vw 7.5vw;
}
@media (max-width: 768px) {
  .dogly-partnerships .partnership-image {
    padding: 1.25vw 2.75vw 2.75vw 2.75vw;
  }
}
.dogly-partnerships .partnerships-bullet {
  font-size: 1.5rem;
  margin: 0rem;
  text-align: center;
}
@media (max-width: 768px) {
  .dogly-partnerships .partnerships-bullet {
    font-size: 1rem;
  }
}
.dogly-partnerships .btn-green {
  font-size: 1.25rem;
  margin: 1.25rem 0rem 0rem 0rem;
  max-width: 350px;
  width: 50%;
}

.typing-box {
  background-color: #f8f8f8;
  border-radius: 15px;
  font-size: 1.1rem;
  margin: 2.5rem 0rem;
  min-height: 6.5rem;
  padding: 1.5rem;
  width: 50%;
}
@media (max-width: 768px) {
  .typing-box {
    font-size: 1rem;
    width: 100%;
  }
}
.typing-box .cursor {
  display: inline-block;
  width: 2px;
  height: 1.2em;
  background-color: black;
  margin-left: 2px;
  animation: blink 1.2s steps(2) infinite;
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}

.image-typing-box {
  color: white;
  font-size: 1.1rem;
  min-height: 6.5rem;
  width: 50%;
}
@media (max-width: 768px) {
  .image-typing-box {
    font-size: 1rem;
    width: 100%;
  }
}
.image-typing-box .cursor {
  display: inline-block;
  width: 2px;
  height: 1.2em;
  background-color: white;
  margin-left: 2px;
  animation: blink 1.2s steps(2) infinite;
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}

.triangles-before::before {
  background-image: url("https://cdn.filepicker.io/auto_image/compress/2FiKVGyOQZaOQUjq6dwJ");
  background-size: cover;
  bottom: 0px;
  color: black;
  content: "";
  left: 0px;
  opacity: 0.8;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: -1;
}

.home-cement-before::before {
  background-image: url("https://cdn.filepicker.io/auto_image/compress/3y9cJ74SQOC15nbBDHuO");
  background-size: cover;
  bottom: 0px;
  content: "";
  left: 0px;
  opacity: 0.7;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: -1;
}

.speckled-before::before {
  background-image: url("https://cdn.filepicker.io/auto_image/compress/NuBqhna0Q9cCBpwOdH4b");
  background-size: cover;
  bottom: 0px;
  content: "";
  left: 0px;
  opacity: 0.7;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: -1;
}

.channel-image-preview {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  overflow: auto;
}
.channel-image-preview .image-preview-item {
  margin-right: 1rem;
  min-height: 200px;
  min-width: 200px;
}

.overlay-photo-container {
  width: 100%;
  height: auto;
  position: relative;
  display: block;
}

.overlay-photo-section, .zoe-overlay-photo-section {
  width: 100%;
  height: auto;
  min-height: 400px;
  background-size: cover;
  background-position: center center;
  display: flex; /* establish flex container */
  align-items: center;
  position: relative;
  z-index: 2;
  padding-top: 40px;
  padding-bottom: 30px;
}

.overlay-photo-section:after, .zoe-overlay-photo-section:after {
  content: " ";
  display: block;
  position: absolute;
  height: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  background: rgba(225, 225, 225, 0.8);
  z-index: 2;
}

.zoe-overlay-photo-section {
  color: white;
  height: 500px;
}
.zoe-overlay-photo-section .overlay-photo-text {
  top: 90px;
  font-weight: 600;
}

.zoe-overlay-photo-section:after {
  background: rgba(0, 0, 0, 0.2);
}

.overlay-photo-text {
  z-index: 3;
  display: block;
  position: relative;
}
.overlay-photo-text h2, .overlay-photo-text .h2 {
  font-size: 1.827em;
  margin-bottom: 36px;
}
@media (max-width: 768px) {
  .overlay-photo-text h2, .overlay-photo-text .h2 {
    font-size: 1.4em;
  }
}

.home-intro-text .small {
  font-size: 16px;
  text-transform: uppercase;
}
@media (max-width: 1220px) {
  .home-intro-text .small {
    font-size: 1em;
  }
}
@media (max-width: 1000px) {
  .home-intro-text .small {
    font-size: 0.8em;
  }
}
@media (max-width: 768px) {
  .home-intro-text .small {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .home-intro-text .small {
    font-size: 12px;
  }
}
.home-intro-text .medium {
  font-size: 22px;
}
@media (max-width: 1220px) {
  .home-intro-text .medium {
    font-size: 1.1em;
  }
}
@media (max-width: 1000px) {
  .home-intro-text .medium {
    font-size: 1em;
  }
}
@media (max-width: 768px) {
  .home-intro-text .medium {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .home-intro-text .medium {
    font-size: 14px;
  }
}
.home-intro-text .large {
  font-size: 2.6em;
}
@media (max-width: 1220px) {
  .home-intro-text .large {
    font-size: 2em;
  }
}
@media (max-width: 1000px) {
  .home-intro-text .large {
    font-size: 1.3em;
  }
}
@media (max-width: 768px) {
  .home-intro-text .large {
    font-size: 2.2em;
  }
}
@media (max-width: 768px) {
  .home-intro-text .large {
    font-size: 1.4em;
  }
}

/*
  Start Home Page Redesign 2020
*/
.home-container h2, .home-container .h2 {
  font-family: "Sutro", serif;
}
.home-container a {
  display: inline-block;
}
.home-container a.btn-default:hover {
  background-color: #b5d013;
  color: white;
}
.home-container .thumbnail-img-link {
  border-radius: 100%;
}
.home-container .thumbnail-img-link:focus {
  box-shadow: none;
}
.home-container .thumbnail-img-link:focus img {
  box-shadow: 0 0 2px 5px #b5d013;
}

.alert-tag {
  background-color: rgba(239, 111, 55, 0.7);
  border-radius: 10px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  color: white;
  font-size: 0.95rem;
  margin: 0.5rem;
  padding: 0.15rem 0.5rem;
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 10;
}

.recommended-tag {
  background-color: white;
  border: 1px solid white;
  border-radius: 10px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  display: flex;
  font-size: 0.95rem;
  margin: 0.5rem;
  padding: 0.15rem 0.5rem;
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 10;
}
.recommended-tag img {
  border-radius: 100%;
  height: 1rem;
  position: relative;
  top: -2px;
  width: 1rem;
}
.recommended-tag .text {
  margin-left: 0.25rem;
}

.recommended-tag::before {
  content: "";
  background-color: rgba(181, 208, 19, 0.1);
  border: 1px solid rgba(181, 208, 19, 0.1);
  border-radius: 5px;
  bottom: -1px;
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
}

.home-card {
  display: flex;
  flex-direction: column;
  width: 22vw;
  margin: 1.5rem;
  text-align: left;
  box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.1);
  background-color: white;
  padding: 1px;
  position: relative;
}
.home-card fieldset {
  text-align: center;
}
.home-card fieldset legend {
  text-align: left;
  font-size: 1rem;
}
.home-card fieldset label {
  background-color: rgb(244, 245, 246);
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  border: 1px solid white;
  cursor: pointer;
}
.home-card fieldset label input[type=radio] {
  opacity: 0;
}
.home-card fieldset label:hover, .home-card fieldset label:focus {
  background-color: #b5d013;
  color: white;
}
.home-card fieldset label.active {
  background-color: #ef6f37;
  color: white;
}
.home-card .cta-button-container {
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.home-card .cta-button-container .btn-default {
  background-color: #cecece;
  border: 1px solid #cecece;
  color: #333333;
  width: 90%;
}
.home-card .cta-button-container .btn-default svg {
  margin-right: 0.5rem;
}
.home-card .cta-button-container .btn-default:hover, .home-card .cta-button-container .btn-default:focus {
  background-color: #b5d013;
  border: 1px solid #b5d013;
  color: white;
}
.home-card .hero-image-link {
  display: block;
}
.home-card .hero-image-container {
  height: 21.75vw;
  max-height: 350px;
  max-width: 350px;
  width: 21.75vw;
  position: relative;
}
.home-card .product-info {
  padding: 1rem;
  min-height: 13rem;
}
@media (max-width: 768px) {
  .home-card .product-info h4, .home-card .product-info .h4 {
    margin: 0rem 0rem 0.5rem 0rem;
  }
}
.home-card .product-info a:focus {
  outline: none;
}
.home-card .product-info .btn:focus {
  box-shadow: none;
}
.home-card .post-snippet {
  padding: 1rem;
}
.home-card .post-snippet h3, .home-card .post-snippet .h3 {
  display: flex;
  font-size: 1.4rem;
  font-weight: bolder;
  line-height: normal;
}
.home-card .post-snippet h4, .home-card .post-snippet .h4 {
  min-height: 1.5rem;
}
.home-card .post-snippet p {
  padding: 0;
  min-height: 13rem;
}
.home-card .small {
  font-size: 0.9rem;
}
.home-card a:hover, .home-card a:active, .home-card a:focus {
  color: #b5d013;
  text-decoration: underline;
}

.members-link a:link {
  text-decoration: underline;
  text-decoration-color: #767676;
}
.members-link a:hover, .members-link a:active, .members-link a:focus {
  color: #b5d013;
  text-decoration: underline;
  text-decoration-color: #b5d013;
}

.home-section {
  text-align: center;
  padding: 2rem 0;
}
.home-section h2, .home-section .h2 {
  padding: 0 1rem 1rem 1rem;
}
.home-section p {
  font-size: 1.1rem;
  padding: 0 6rem;
}
.home-section a.btn-default:hover, .home-section a.btn-default:focus {
  background-color: #b5d013;
  color: white;
}
.home-section .flex-row {
  justify-content: center;
  flex-wrap: wrap;
}
.home-section .flex-row .quick-link {
  border-radius: 20px;
  background-color: lightgray;
  padding: 0.5rem 1rem;
  margin: 0.5rem;
  white-space: nowrap;
}
.home-section .flex-row .quick-link:hover, .home-section .flex-row .quick-link:focus {
  background-color: #b5d013;
  color: white;
}
.home-section .subheading-text {
  font-size: 1.25rem;
  text-transform: uppercase;
}

.advocates-section {
  text-align: center;
  padding: 3rem 0;
}
.advocates-section h2, .advocates-section .h2 {
  padding: 0 1rem 1rem 1rem;
}
.advocates-section a.btn-default {
  font-size: 1.1rem;
  margin-bottom: 2rem;
}
.advocates-section a.btn-default:hover, .advocates-section a.btn-default:focus {
  background-color: #b5d013;
  color: white;
}
.advocates-section .advocates-area {
  background-color: #ececec;
}
.advocates-section .advocates-highlight-section {
  display: flex;
  padding: 1rem;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.advocates-section .advocates-highlight-section .advocate-thumbnail {
  width: 11vw;
  margin-left: auto;
  margin-right: auto;
}
.advocates-section .advocates-highlight-section .advocate-thumbnail .advocate-name-link h3, .advocates-section .advocates-highlight-section .advocate-thumbnail .advocate-name-link .h3 {
  font-size: 1rem;
  font-weight: bold;
}
.advocates-section .advocates-highlight-section .advocate-thumbnail a.advocate-name-link {
  display: initial;
}
.advocates-section .advocates-highlight-section .advocate-thumbnail a:focus {
  box-shadow: none;
}
.advocates-section .advocates-highlight-section .advocate-thumbnail img {
  border-radius: 100%;
  margin-bottom: 1rem;
}
.advocates-section .advocate-header-panel {
  background-color: transparent;
}
.advocates-section .advocate-header-panel .header-side .header-title {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: bolder;
}
.advocates-section .advocate-header-panel .header-side:first-of-type {
  text-align: right;
}
.advocates-section .advocate-header-panel .header-side:last-of-type {
  text-align: left;
}
.advocates-section .advocate-header-panel .header-avatar-breakpoints {
  max-width: 175px;
}

.home-img-container {
  width: 100%;
}

.heading-section {
  padding: 2rem 0;
  text-align: center;
}
.heading-section .community-screenshot {
  margin: 1rem;
  width: 70%;
}
.heading-section h2, .heading-section .h2 {
  padding: 0 1rem 1rem 1rem;
}
.heading-section .flex-row {
  background-color: rgb(244, 245, 246);
  padding: 3rem 10rem;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
}
.heading-section .flex-row .ask-dogly-blurb {
  text-align: left;
  padding-right: 1rem;
  flex: 1;
}
.heading-section .flex-row .ask-dogly {
  flex: 1;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
}
.heading-section .flex-row .ask-dogly textarea#askDogly {
  margin-bottom: 1rem;
  border-radius: 50px;
}
.heading-section .flex-row .ask-dogly button:hover, .heading-section .flex-row .ask-dogly button:focus {
  background-color: #b5d013;
  color: white;
}

.rescue-section {
  display: flex;
  flex-flow: row wrap;
  padding: 2rem 0;
  align-items: center;
  text-align: center;
}
.rescue-section .rescue-img {
  width: 100vw;
}
.rescue-section .rescue-blurb {
  padding: 1rem;
  padding-top: 2rem;
  margin: auto 3rem;
  flex: 1;
  text-align: center;
  align-items: center;
}

.home-testimonial.testimonial {
  padding: 2rem 5vw;
}
.home-testimonial.testimonial .testimonial-quote {
  margin: auto 3rem auto -3.5rem;
  width: 75%;
}
.home-testimonial.testimonial .testimonial-quote p {
  text-transform: uppercase;
}
.home-testimonial.testimonial .testimonial-quote p:last-of-type {
  padding-top: 0;
}
.home-testimonial.testimonial .testimonial-quote blockquote {
  font-size: 2rem;
}
.home-testimonial.testimonial .testimonial-quote:before, .home-testimonial.testimonial .testimonial-quote:after {
  color: #ef6f37;
  font-size: 12rem;
}
.home-testimonial.testimonial .testimonial-quote .testimonial-author {
  display: grid;
  grid-template-columns: 4fr 2fr;
  grid-template-rows: 1fr 1fr;
}
.home-testimonial.testimonial .testimonial-quote .testimonial-author p {
  justify-self: left;
  text-align: left;
}
.home-testimonial.testimonial .testimonial-quote .testimonial-author p:first-of-type {
  grid-column: 2/3;
  grid-row: 1/2;
  margin-bottom: 0;
}
.home-testimonial.testimonial .testimonial-quote .testimonial-author p:last-of-type {
  grid-column: 2/3;
  grid-row: 2/3;
  padding-left: 1.25rem;
  padding-top: 0;
  margin-top: 0;
}
.home-testimonial.testimonial .testimonial-img {
  height: 50vh;
  max-width: 35%;
  padding-left: 2rem;
  display: flex;
  align-items: center;
}
.home-testimonial.testimonial .testimonial-img img {
  max-height: 100%;
  max-width: 100%;
}

.view-by-channel {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem 0rem 2.5rem 0rem;
  position: relative;
}
@media (max-width: 768px) {
  .view-by-channel {
    padding: 1.25rem 1rem 0rem;
  }
}
.view-by-channel.background-gray {
  background-color: #f8f8f8;
}
.view-by-channel p {
  font-size: 1.1rem;
  padding: 0rem 1rem;
}
.view-by-channel .left {
  align-self: center;
  display: none;
  height: inherit;
  position: absolute;
}
@media (min-width: 544px) {
  .view-by-channel .left {
    display: flex;
  }
}
.view-by-channel #left-button {
  background: #ffffff;
  border: 1px solid white;
  border-radius: 10px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
}
.view-by-channel #left-button:hover {
  border: 1px solid #ef6f37;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.view-by-channel #left-button svg {
  color: #ef6f37;
  position: relative;
  top: -1px;
}
.view-by-channel #left-button:focus {
  border: 1px solid #ef6f37;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
  outline: none;
  text-decoration: none;
}
.view-by-channel .internal {
  width: 31.75%;
  height: 100%;
  border: 1px solid black;
  display: inline-block;
}
.view-by-channel .center {
  float: left;
  width: 38.9%;
  height: 200px;
  border: 1px solid black;
  margin: 1px;
  overflow: hidden;
  white-space: nowrap;
}
.view-by-channel .right {
  align-self: center;
  display: none;
  height: inherit;
  position: relative;
  right: 1rem;
}
@media (min-width: 544px) {
  .view-by-channel .right {
    display: flex;
  }
}
.view-by-channel #right-button {
  background: #ffffff;
  border: 1px solid white;
  border-radius: 10px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
}
.view-by-channel #right-button:hover {
  border: 1px solid #ef6f37;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.view-by-channel #right-button svg, .view-by-channel #right-button span, .view-by-channel #right-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .view-by-channel #right-button td[data-hook=cart_item_price], .view-by-channel #right-button table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .view-by-channel #right-button td[data-hook=cart_item_total] {
  color: #ef6f37;
  position: relative;
  top: -1px;
}
.view-by-channel #right-button:focus {
  border: 1px solid #ef6f37;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
  outline: none;
  text-decoration: none;
}
.view-by-channel .view-by-channel-functional {
  padding: 2.5rem 0rem 0rem 0rem;
}
@media (max-width: 768px) {
  .view-by-channel .view-by-channel-functional {
    padding: 1.5rem 0rem 0rem 0rem;
  }
}
.view-by-channel .view-by-channel-functional .mobile-channel-filters {
  display: none;
}
@media (max-width: 768px) {
  .view-by-channel .view-by-channel-functional .mobile-channel-filters {
    display: flex;
    flex-direction: column;
  }
  .view-by-channel .view-by-channel-functional .mobile-channel-filters .sc-top-dropdown-container {
    margin: 0rem 0rem 0rem 0rem;
  }
}
.view-by-channel .view-by-channel-functional .channel-filters {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .view-by-channel .view-by-channel-functional .channel-filters {
    display: none;
    flex-direction: column;
  }
}
.view-by-channel .view-by-channel-functional .channel-filters .btn-follow-tag {
  margin-right: 1rem;
}
.view-by-channel .view-by-channel-functional .channel-filters:last-of-type {
  margin-right: 0rem;
}
.view-by-channel .view-by-channel-functional .channel-cards {
  display: flex;
  height: 435px;
  overflow: auto;
  padding: 2.5rem 0rem 0rem 0rem;
  width: 97vw;
}
@media (max-width: 768px) {
  .view-by-channel .view-by-channel-functional .channel-cards {
    padding: 1.5rem 0rem 1rem 0rem;
  }
}
.view-by-channel .view-by-channel-functional .channel-cards .question {
  cursor: help;
}
.view-by-channel .view-by-channel-functional .channel-cards .border-gray {
  border: 1px solid #f8f8f8;
  box-shadow: 2px 2px 0px 2px #f8f8f8, -2px 2px 0px 2px #f8f8f8, 2px -2px 0px 2px #f8f8f8, -2px -2px 0px 2px #f8f8f8;
}
.view-by-channel .view-by-channel-functional .channel-cards a {
  border: 1px solid white;
  box-shadow: 2px 2px 0px 2px white, -2px 2px 0px 2px white, 2px -2px 0px 2px white, -2px -2px 0px 2px white;
  margin: 1rem 1rem 1rem 0rem;
  text-decoration: none;
}
.view-by-channel .view-by-channel-functional .channel-cards a:first-of-type {
  margin: 1rem;
}
.view-by-channel .view-by-channel-functional .channel-cards a:focus {
  border: 1px solid #b5d013;
  box-shadow: 2px 2px 0px 2px #b5d013, -2px 2px 0px 2px #b5d013, 2px -2px 0px 2px #b5d013, -2px -2px 0px 2px #b5d013;
  outline: none;
  text-decoration: none;
}
.view-by-channel .view-by-channel-functional .channel-cards a:hover {
  border: 1px solid #ccc;
  box-shadow: 2px 2px 0px 2px #ccc, -2px 2px 0px 2px #ccc, 2px -2px 0px 2px #ccc, -2px -2px 0px 2px #ccc;
  outline: none;
  text-decoration: none;
}
.view-by-channel .view-by-channel-functional .channel-cards .channel-box-background {
  background-image: radial-gradient(circle at 50% -40%, rgba(255, 255, 255, 0.5) 10%, rgba(255, 255, 255, 0.1) 80%);
  height: 360px;
  min-height: 360px;
  min-width: 360px;
  width: 360px;
  z-index: -10;
}
@media (max-width: 768px) {
  .view-by-channel .view-by-channel-functional .channel-cards .channel-box-background {
    height: 360px;
    max-height: 360px;
    max-width: 360px;
    width: 360px;
  }
}
.view-by-channel .view-by-channel-functional .channel-cards .channel-box-background .channel-box {
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 360px;
  justify-content: flex-end;
  margin-right: 1rem;
  min-height: 360px;
  min-width: 360px;
  width: 360px;
}
@media (max-width: 768px) {
  .view-by-channel .view-by-channel-functional .channel-cards .channel-box-background .channel-box {
    height: 360px;
    max-height: 360px;
    max-width: 360px;
    width: 360px;
  }
}
.view-by-channel .view-by-channel-functional .channel-cards .channel-box-background .channel-box .channel-text-background {
  background-image: radial-gradient(circle at 50% 90%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0) 80%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding: 1rem;
}
@media (max-width: 768px) {
  .view-by-channel .view-by-channel-functional .channel-cards .channel-box-background .channel-box .channel-text-background {
    min-height: 55vw;
  }
}
.view-by-channel .view-by-channel-functional .channel-cards .channel-box-background .channel-box .channel-text-background .channel-text {
  color: white;
  font-size: 1.1rem;
  font-weight: normal;
  margin: 0rem;
  text-align: center;
}
.view-by-channel .view-by-channel-functional .channel-cards .channel-box-background .channel-box .channel-text-background .top-line {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.view-by-channel .view-by-channel-functional .channel-cards .channel-box-background .channel-box .channel-text-background .top-line .channel-text:nth-of-type(1) {
  position: relative;
  top: 0.9rem;
}
.view-by-channel .view-by-channel-functional .channel-cards .channel-box-background .channel-box .channel-text-background .top-line .channel-text:nth-of-type(2) {
  font-family: "sutro";
  font-size: 3rem;
  margin: 0rem 0rem 0.25rem 0rem;
}

@media (max-width: 1500px) {
  .home-card div.post-snippet p {
    min-height: 15rem;
  }
}
@media (max-width: 1332px) {
  .home-card {
    width: 30vw;
  }
  .home-card .hero-image-container {
    height: 29.5vw;
    max-height: 350px;
    max-width: 350px;
    width: 29.5vw;
  }
}
@media (min-width: 1200px) {
  .home-testimonial.testimonial {
    padding: 2rem 0;
  }
}
@media (max-width: 1232px) {
  div.home-card div.post-snippet p {
    min-height: 16rem;
  }
}
@media (max-width: 992px) {
  div.home-card div.post-snippet p.body-text {
    min-height: 20rem;
  }
  .cover-photo-container.home .cover-photo, .cover-photo-container.home .zoe-hero {
    align-items: flex-start;
    padding-top: 1rem;
  }
  .home-testimonial.testimonial .testimonial-quote {
    width: 100%;
    margin: auto;
  }
  .home-testimonial.testimonial .testimonial-quote .testimonial-author {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .home-testimonial.testimonial .testimonial-img {
    padding: 1rem;
    text-align: center;
    max-width: 100%;
  }
  .home-testimonial.testimonial .testimonial-img img {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .heading-section a.community-screenshot {
    width: 100%;
  }
  .heading-section .flex-row {
    flex-direction: column;
    padding: 1rem;
  }
  .heading-section .flex-row .ask-dogly-blurb {
    flex: 1 100%;
    padding: 1rem;
    text-align: center;
  }
  .heading-section .flex-row .ask-dogly {
    flex: 1 100%;
    padding: 1rem;
  }
  div.home-card {
    width: 43vw;
  }
  div.home-card div.post-snippet p.body-text {
    min-height: 16rem;
  }
  div.home-card .hero-image-container {
    height: 42.5vw;
    max-height: 350px;
    max-width: 350px;
    width: 42.5vw;
  }
  .home-testimonial.testimonial {
    padding: 1rem;
    padding-bottom: 0;
  }
  .home-testimonial.testimonial .testimonial-quote {
    margin: auto 0.5rem;
  }
  .home-testimonial.testimonial .testimonial-quote blockquote {
    font-size: 1.5rem;
  }
  .home-testimonial.testimonial .testimonial-quote:before, .home-testimonial.testimonial .testimonial-quote:after {
    font-size: 10rem;
  }
  .home-testimonial.testimonial .testimonial-img {
    margin-left: auto;
    margin-right: auto;
    padding-left: auto;
    text-align: center;
  }
  .rescue-section .rescue-img {
    flex: 1 100%;
  }
  .rescue-section .rescue-blurb {
    flex: 1 100%;
    margin: auto;
    padding: 0 1rem 2rem 1rem;
  }
  .home-section p {
    padding: 0 2rem;
  }
  .home-section .flex-row .ask-dogly {
    width: 100%;
  }
  .advocates-section .advocates-highlight-section .advocate-thumbnail {
    width: 22vw;
  }
  .advocates-section .advocate-header-panel .header-side {
    text-align: center !important;
  }
  .advocates-section .advocate-header-panel .header-side span.header-title, .advocates-section .advocate-header-panel .header-side table#cart-detail-dogly tbody#line_items tr td.header-title[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .advocates-section .advocate-header-panel .header-side td.header-title[data-hook=cart_item_price], .advocates-section .advocate-header-panel .header-side table#cart-detail-dogly tbody#line_items tr td.header-title[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .advocates-section .advocate-header-panel .header-side td.header-title[data-hook=cart_item_total] {
    font-size: 1rem;
  }
}
@media (max-width: 680px) {
  div.home-card {
    width: 85vw;
  }
  div.home-card div.post-snippet p.body-text {
    min-height: 10rem;
  }
  div.home-card .hero-image-container {
    height: 84vw;
    max-height: 350px;
    max-width: 350px;
    width: 84vw;
  }
  div.home-card .cta-button-container .btn-default {
    width: 90%;
  }
}
@media (max-width: 768px) {
  div.home-card div.post-snippet p.body-text {
    min-height: 17rem;
  }
  .home-section p {
    padding: 0 1rem;
  }
  .home-testimonial.testimonial .testimonial-quote:before, .home-testimonial.testimonial .testimonial-quote:after {
    font-size: 5rem;
  }
  .home-testimonial.testimonial .testimonial-quote .testimonial-author {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .home-testimonial.testimonial .testimonial-quote .testimonial-author p {
    justify-self: left;
    text-align: left;
  }
  .home-testimonial.testimonial .testimonial-quote .testimonial-author p:first-of-type {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .home-testimonial.testimonial .testimonial-quote .testimonial-author p:last-of-type {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .home-testimonial.testimonial .testimonial-img {
    height: auto;
  }
  .advocates-section .advocate-header-panel .header-avatar-container {
    flex-basis: 35vw;
  }
  .advocates-section .advocates-highlight-section .advocate-thumbnail {
    display: flex;
    width: 100vw;
    flex: 1 100%;
    align-items: center;
    margin-bottom: 1rem;
  }
  .advocates-section .advocates-highlight-section .advocate-thumbnail .thumbnail-img-link {
    width: 25%;
    margin-right: 1rem;
  }
  .advocates-section .advocates-highlight-section .advocate-thumbnail div {
    width: 75%;
  }
}
@media (max-width: 440px) {
  .home-testimonial.testimonial {
    padding: 0.5rem;
  }
  .home-testimonial.testimonial .testimonial-quote blockquote {
    font-size: 1.25rem;
  }
}
/* Progress Bar
-------------------------------------------------- */
.turbo-progress-bar {
  background-color: #b5d013;
  height: 4px;
  transition: width 300ms ease-out, opacity 150ms ease-in;
}

.turbolinks-progress-bar {
  background-color: #b5d013;
}

/* Breadcrumbs
-------------------------------------------------- */
.breadcrumbs {
  position: relative;
  left: 0.3%;
  text-align: left;
  text-transform: uppercase;
  color: rgb(180, 181, 182);
  font-size: 0.707em;
  font-weight: 400;
  letter-spacing: 1.2px;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.breadcrumbs a {
  color: inherit;
}
.breadcrumbs a:hover {
  text-decoration: none;
}
.breadcrumbs a:after {
  content: " > ";
  margin-left: 10px;
  margin-right: 10px;
}
.breadcrumbs a:last-child:after {
  content: "";
  margin-left: 0px;
  margin-right: 0px;
}
@media (max-width: 544px) {
  .breadcrumbs {
    font-size: 0.707em;
    flex: 0 0 auto;
    width: 116.66666667%;
    margin-left: 0;
  }
  .breadcrumbs a:after {
    content: " > ";
    margin-left: 2px;
    margin-right: 2px;
  }
}

.breadcrumbs:before {
  content: "|";
  margin-right: 6px;
  position: relative;
  top: -1px;
}

/* Actual Nav
-------------------------------------------------- */
nav {
  align-items: flex-end;
  display: flex;
}
@media (max-width: 880px) {
  nav {
    justify-content: space-between;
  }
}
nav #menuMobile {
  top: 0;
}
nav .btn-green:focus {
  background-color: #dbdbdb;
  border: none;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
nav .config-links-container {
  padding: 1rem;
  background: white;
  border: 1px solid #eee;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -moz-columns: auto 200px;
       columns: auto 200px;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  width: 100%;
}
nav .config-link {
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 0.25rem 0;
  text-align: left;
  width: 100%;
  border: none;
  background: none;
  font: inherit;
  cursor: pointer;
}
nav .config-link:hover {
  color: #ef6f37;
}
nav .link-wrapper {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  width: 100%;
}
nav .mobile-navbar-toggle {
  align-self: center;
  background-color: transparent !important;
  border: none !important;
  color: #333333 !important;
  display: none;
  font-size: 1.15rem;
  padding: 0rem 1.25rem;
  position: relative;
  text-transform: uppercase;
  top: 0.25rem;
}
@media (max-width: 880px) {
  nav .mobile-navbar-toggle {
    display: flex;
  }
}
nav .mobile-nav-group {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  width: 100%;
}
nav .mobile-nav-group .mobile-nav-item {
  background-color: transparent;
  border: none;
  color: #333333;
  margin: 0rem 0rem 1rem 0rem;
  padding: 0rem;
  text-align: left;
}
nav .mobile-nav-group .mobile-nav-item h3, nav .mobile-nav-group .mobile-nav-item .h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0rem 0rem 0.5rem 0rem;
  padding: 0.5rem;
  text-transform: uppercase;
}
nav .mobile-nav-group .mobile-nav-item h4, nav .mobile-nav-group .mobile-nav-item .h4 {
  font-size: 1.15rem;
  font-weight: 200;
  line-height: unset;
  margin: 0rem;
  width: -moz-min-content;
  width: min-content;
}
nav .mobile-nav-group .mobile-nav-item svg {
  font-size: 1rem;
  font-weight: normal;
  margin: 0rem 0rem 0rem 0.5rem;
  position: relative;
}
nav .mobile-nav-group .mobile-nav-item .cart-badge {
  background: #ef6f37;
  border-radius: 50%;
  color: white;
  font-size: 0.75rem;
  padding: 0.125rem 0.475rem;
  position: relative;
  right: 0.5rem;
  top: -1rem;
  z-index: 1;
}
nav .mobile-nav-group .mobile-nav-item .mobile-nav-cart-icon {
  font-size: 1.5rem;
  margin: 0rem;
}
nav .mobile-nav-group .mobile-nav-item .mobile-nav-settings-icon {
  font-size: 2rem;
  margin: 0rem 0.75rem 0rem 0rem;
}
nav .mobile-nav-group .mobile-nav-item .your-dogly-mobile-menu {
  margin: 0rem 0rem 0rem 0.75rem;
}
nav .nav-group {
  align-items: flex-end;
  color: #333333;
  display: flex;
  height: 60px;
}
@media (max-width: 880px) {
  nav .nav-group {
    display: none;
  }
}
nav .nav-group:first-of-type {
  flex-grow: 1;
  justify-content: flex-start;
}
nav .nav-item {
  align-items: flex-end;
  background: transparent;
  border: none;
  border-bottom: 4px solid transparent;
  color: #333333;
  cursor: pointer;
  display: flex;
  font: inherit;
  font-size: 1.1rem;
  font-weight: 200;
  height: 100%;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
}
@media (max-width: 544px) {
  nav .nav-item {
    height: unset;
    padding: 0.5rem !important;
  }
}
@media (max-width: 768px) {
  nav .nav-item {
    padding: 0.5rem 1rem !important;
  }
}
nav .nav-item:hover, nav .nav-item:focus {
  background-color: unset;
  border-bottom: 4px solid #b5d013;
  color: #333333;
  outline: none;
  text-decoration: none;
}
nav .nav-item img {
  height: 2.5rem;
  position: relative;
  top: 0.25rem;
}
nav .nav-item i {
  bottom: 0.4rem;
  height: unset !important;
  margin: 0rem 0rem 0rem 0.5rem;
  position: relative;
  transition: transform 0.2s ease;
}
nav .nav-item svg {
  bottom: 0.3rem;
  height: 1.25rem;
  margin: 0rem 0rem 0rem 0.5rem;
  position: relative;
  transition: transform 0.2s ease;
}
nav .nav-item.menu-open svg, nav .nav-item.menu-open i {
  transform: rotate(180deg);
}
nav .nav-item .cart-badge {
  background: #ef6f37;
  border-radius: 50%;
  color: white;
  font-size: 0.75rem;
  padding: 0.25rem 0.6rem;
  position: relative;
  right: -2.5rem;
  top: -1rem;
  z-index: 1;
}
nav button.menu-open svg, nav button.menu-open i {
  transform: rotate(180deg) !important;
}
nav .nav-item.active {
  background-color: rgb(244, 245, 246);
  text-decoration: none;
}
nav .nav-item.icon {
  font-size: 1.25rem;
  height: unset;
  padding: 0.5rem;
}
nav .nav-item.icon svg, nav .nav-item.icon i {
  bottom: unset;
  font-size: 1.5rem;
  height: 1.5rem;
  margin: 0;
  align-self: center;
  transition: transform 0.2s ease;
}
nav .nav-item.icon.menu-open svg, nav .nav-item.icon.menu-open i {
  transform: rotate(180deg) !important;
}
nav .nav-item.icon:last-of-type {
  bottom: 0.2rem;
  padding: 0.5rem 1.5rem;
  position: relative;
}
nav .nav-item.logged-out {
  padding: 0.5rem 1rem;
}
@media (max-width: 544px) {
  nav .nav-item.logged-out {
    padding: 0.5rem !important;
  }
}
nav .sub-navigation-big-menu {
  align-items: normal;
  background-color: white;
  box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  font-size: 1.15rem;
  justify-content: space-between;
  left: 0;
  min-height: 585px;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 60px;
  white-space: nowrap;
  z-index: 199;
}
@media (max-width: 880px) {
  nav .sub-navigation-big-menu {
    height: 640px;
    left: unset;
    right: 0px;
    top: 0px;
    width: 80%;
  }
}
nav .sub-navigation-big-menu .column-nav {
  display: flex;
  flex-direction: row;
  height: 60px;
  justify-content: space-between;
}
nav .sub-navigation-big-menu .column-nav .nav-back {
  background-color: transparent;
  border: none;
  min-width: 38px;
  padding: 0.5rem 0.75rem;
}
nav .sub-navigation-big-menu .column-nav .nav-back svg {
  color: #333333;
  font-size: 0.9rem;
  margin: 0rem 0.25rem 0rem 0rem;
  position: relative;
  top: -0.05rem;
}
nav .sub-navigation-big-menu .column-nav .nav-close {
  background-color: transparent;
  border: none;
  min-width: 38px;
  padding: 0.5rem 0.75rem;
}
nav .sub-navigation-big-menu .column-nav .nav-close svg {
  color: #333333;
  font-size: 0.9rem;
  margin: 0rem 0rem 0rem 0.25rem;
  position: relative;
  top: -0.05rem;
}
nav .sub-navigation-big-menu .big-menu-column {
  background: rgba(255, 255, 255, 0.5);
  max-height: 585px;
  overflow: auto;
  padding: 0.75rem;
  width: 25%;
}
@media (max-width: 880px) {
  nav .sub-navigation-big-menu .big-menu-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
  }
}
nav .sub-navigation-big-menu .big-menu-column .mobile-nav-li {
  display: flex;
  flex-direction: row;
  align-items: center;
}
nav .sub-navigation-big-menu .big-menu-column .mobile-nav-li svg {
  font-size: 0.9rem;
  font-weight: normal;
  margin: 0rem 0rem 0rem 0.25rem !important;
  position: relative;
}
nav .sub-navigation-big-menu .big-menu-column .mobile-nav-link {
  text-decoration: underline;
  text-decoration-color: #b5d013;
}
nav .sub-navigation-big-menu .big-menu-column a:focus {
  outline-color: #b5d013;
}
nav .sub-navigation-big-menu .big-menu-column a li:focus, nav .sub-navigation-big-menu .big-menu-column a li:hover, nav .sub-navigation-big-menu .big-menu-column a li:visited {
  background-color: rgba(181, 208, 19, 0.8) !important;
  color: white;
  text-decoration: underline;
}
nav .sub-navigation-big-menu .big-menu-column h3, nav .sub-navigation-big-menu .big-menu-column .h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0rem 0rem 0.5rem 0rem;
  padding: 0.5rem;
  text-transform: uppercase;
}
nav .sub-navigation-big-menu .big-menu-column h4, nav .sub-navigation-big-menu .big-menu-column .h4 {
  font-size: 1.15rem;
  font-weight: 200;
  line-height: unset;
  margin: 0rem;
  width: -moz-min-content;
  width: min-content;
}
nav .sub-navigation-big-menu .big-menu-column p {
  white-space: normal;
}
nav .sub-navigation-big-menu .big-menu-column ul {
  list-style-type: none;
  padding: 0rem;
}
nav .sub-navigation-big-menu .big-menu-column ul li {
  margin: 0rem 0rem 0.5rem 0rem;
  padding: 0.5rem;
}
nav .sub-navigation-big-menu .big-menu-column ul li:hover {
  background-color: #f8f8f8;
  cursor: pointer;
}
nav .sub-navigation-big-menu .big-menu-column ul li:active, nav .sub-navigation-big-menu .big-menu-column ul li:focus {
  background-color: #f8f8f8;
  outline: none;
}
nav .sub-navigation-big-menu .big-menu-column ul .li-category-active, nav .sub-navigation-big-menu .big-menu-column ul .li-channel-active {
  background-color: #f8f8f8;
  display: flex;
  justify-content: space-between;
}
nav .sub-navigation-big-menu .big-menu-column ul .li-category-active .container-chevron, nav .sub-navigation-big-menu .big-menu-column ul .li-channel-active .container-chevron {
  align-self: center;
  display: flex;
}
nav .sub-navigation-big-menu .big-menu-column ul .li-category-active > div, nav .sub-navigation-big-menu .big-menu-column ul .li-channel-active > div {
  align-self: center;
  display: flex;
}
nav .sub-navigation-big-menu .big-menu-column ul .li-category-inactive {
  display: flex;
  justify-content: space-between;
}
nav .sub-navigation-big-menu .big-menu-column ul .li-channel-coming-soon:hover {
  background-color: transparent !important;
  cursor: auto;
}
nav .sub-navigation-big-menu .big-menu-column .column-header-container {
  --dynamic-image: url("https://cdn.filepicker.io/auto_image/compress/XCwAjSRQRJmNePZXVU6o");
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0rem 0.5rem 0.5rem 0.5rem;
  position: relative;
}
nav .sub-navigation-big-menu .big-menu-column .column-header-before {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 350px;
  padding: 0.75rem;
  width: 50%;
}
@media (max-width: 992px) {
  nav .sub-navigation-big-menu .big-menu-column .column-header-before {
    width: 100%;
  }
  nav .sub-navigation-big-menu .big-menu-column .column-header-before a {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
}
nav .sub-navigation-big-menu .big-menu-column .column-header-before a {
  align-self: center;
  width: 95%;
}
nav .sub-navigation-big-menu .big-menu-column .column-header-before p:first-of-type {
  margin: 2rem 0rem 0rem 0rem;
}
nav .sub-navigation-big-menu .big-menu-column .column-header-before p:nth-of-type(2) {
  margin: 0rem;
}
nav .sub-navigation-big-menu .big-menu-column .column-header-before p:nth-of-type(3) {
  margin: 2rem 0rem;
}
nav .sub-navigation-big-menu .big-menu-column .column-header-container-shop {
  --dynamic-image: url("https://cdn.filepicker.io/auto_image/compress/XCwAjSRQRJmNePZXVU6o");
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0rem 0.5rem 0.5rem 0.5rem;
  position: relative;
}
nav .sub-navigation-big-menu .big-menu-column .column-header-before-shop {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 350px;
}
nav .sub-navigation-big-menu .big-menu-column .column-header-before-shop a {
  align-self: center;
  width: -moz-fit-content;
  width: fit-content;
}
nav .sub-navigation-big-menu .big-menu-column .column-header-before::before {
  background-image: var(--dynamic-image);
  background-size: cover;
  bottom: 0px;
  content: "";
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  z-index: -1;
}
@media (max-width: 992px) {
  nav .sub-navigation-big-menu .big-menu-column .column-header-before::before {
    display: none;
  }
}
nav .sub-navigation-big-menu .big-menu-column:last-of-type {
  display: flex;
  justify-content: center;
  padding: 0rem;
  text-align: center;
  width: 50%;
}
@media (max-width: 880px) {
  nav .sub-navigation-big-menu .big-menu-column:last-of-type {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0.75rem;
    text-align: left;
    width: 100%;
  }
}
nav .sub-navigation-big-menu .big-menu-column.shop {
  display: flex;
  justify-content: center;
  padding: 0.75rem;
  text-align: center;
  width: 50%;
}
@media (max-width: 880px) {
  nav .sub-navigation-big-menu .big-menu-column.shop {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
  }
}
nav .sub-navigation-big-menu .border {
  border-left: 1px solid #333333;
  position: absolute;
  top: 90%;
  bottom: 0;
}
nav .sub-navigation-big-menu.mobile {
  width: 100% !important;
}
nav .mobile-nav-li {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
nav .sub-navigation-big-menu.mobile.my-dogly.advocate {
  flex-direction: column;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.mobile {
  justify-content: unset !important;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column {
  border-right: 1px solid #ccc;
  display: flex;
  justify-content: center;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column li:hover {
  background-color: transparent !important;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column .btn {
  margin: 2rem 0rem !important;
  padding: 0.75rem 0.55rem !important;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column .btn:focus {
  background-color: #f2f2f2;
  border-radius: 10px;
  color: #333333;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column .btn:hover {
  color: #333333 !important;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column .upcoming-box .upcoming-title-line, nav .sub-navigation-big-menu.my-dogly .big-menu-column .upcoming-box .upcoming-time-line {
  align-items: center;
  display: flex;
  margin-bottom: 0.5rem;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column .upcoming-box .upcoming-title-line svg, nav .sub-navigation-big-menu.my-dogly .big-menu-column .upcoming-box .upcoming-time-line svg {
  height: 16px !important;
  width: 16px !important;
  margin-right: 0.5rem !important;
  margin: 0rem 0.5rem 0rem 0rem !important;
  position: static !important;
  bottom: unset !important;
  flex-shrink: 0;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column .upcoming-box .upcoming-title-line a, nav .sub-navigation-big-menu.my-dogly .big-menu-column .upcoming-box .upcoming-time-line a {
  flex: 1;
  text-decoration: none;
  color: inherit;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column .upcoming-box .upcoming-title-line a:hover, nav .sub-navigation-big-menu.my-dogly .big-menu-column .upcoming-box .upcoming-time-line a:hover {
  color: #ef6f37;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.advocate {
  padding: 0.75rem;
  width: 33%;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.advocate a:focus {
  background-color: #f8f8f8;
  outline: none;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.advocate a:hover {
  color: #ef6f37;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.advocate ul {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: -webkit-fill-available;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.advocate ul li {
  padding: 0rem;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.advocate .my-dogly-li {
  padding: 0.5rem;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.advocate .my-dogly-li svg {
  height: 16px !important;
  margin: 0rem 0.25rem 0rem 0rem !important;
  position: relative !important;
  top: -2px !important;
  width: 16px !important;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.advocate.mobile {
  height: auto;
  max-height: unset;
  white-space: normal;
  width: 100%;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-advocates-list .advocates-list-item {
  display: flex;
  flex-direction: column;
  width: 100%;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-advocates-list .advocates-list-item .list-item-top-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-advocates-list .advocates-list-item .list-item-top-row a {
  align-items: center;
  display: flex;
  padding: 0.25rem;
  text-align: left;
  width: 100%;
  text-decoration: none;
  color: inherit;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-advocates-list .advocates-list-item .list-item-top-row a:focus {
  background-color: #f8f8f8;
  outline: none;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-advocates-list .advocates-list-item .list-item-top-row a:hover {
  color: #ef6f37;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-advocates-list .advocates-list-item .list-item-top-row a:hover svg {
  color: #333333;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-advocates-list .advocates-list-item .list-item-top-row a img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin-right: 0.5rem;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-advocates-list .advocates-list-item .list-item-top-row > a:last-child svg {
  height: 12px !important;
  width: 12px !important;
  margin-right: 0.25rem !important;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-advocates-list .advocates-list-item .list-item-top-row img {
  border-radius: 100%;
  height: 30px;
  padding: 0rem;
  width: 30px;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-advocates-list .advocates-list-item .list-item-top-row .advocate-handle {
  border-radius: 5px;
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0rem 0rem 0rem 0.5rem;
  width: 100%;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-advocates-list .advocates-list-item .list-item-bottom-row {
  display: flex;
  flex-direction: row;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-advocates-list ul {
  text-align: center;
  width: -webkit-fill-available;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list a:focus {
  background-color: #f8f8f8;
  outline: none;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list a:hover {
  color: #ef6f37;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list h3, nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list .h3 {
  text-align: center;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list li {
  margin: 0rem 0rem 0.5rem 0rem;
  padding: 0.75rem !important;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list svg {
  margin: 0rem 0.5rem 0rem 0rem;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list ul {
  display: flex;
  flex-direction: column;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list .btn-green {
  width: -moz-fit-content;
  width: fit-content;
  align-self: center;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list .upcoming-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list .upcoming-box .upcoming-btn-line {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list .upcoming-box .upcoming-btn-line .btn-inactive {
  margin: 0.5rem 0rem !important;
  padding: 0.75rem 0.55rem !important;
  text-align: center;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list .upcoming-box .upcoming-btn-line .btn-inactive:focus, nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list .upcoming-box .upcoming-btn-line .btn-inactive:hover {
  background-color: #ef6f37;
  color: white;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list .upcoming-box .upcoming-time-line svg {
  font-size: 26px;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list .upcoming-box .upcoming-title-line {
  display: flex;
  flex-direction: row;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list .upcoming-box .upcoming-title-line svg {
  font-size: 22px;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list .upcoming-box .upcoming-title-line .upcoming-title-link {
  white-space: normal;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list .upcoming-box.advocate {
  text-align: center;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-groups-list .upcoming-box.advocate .upcoming-btn-line {
  gap: 1rem;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list {
  border-right: none;
  justify-content: flex-start;
  padding: 0.75rem;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a {
  margin: 0rem;
  padding: 0rem;
  text-decoration: none;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a:focus {
  outline: none;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a:focus .purchases-list-product-purchased-link, nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a:focus .purchases-list-product-rec-link {
  background-color: #f8f8f8;
  outline: none;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a:hover {
  color: #ef6f37;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a:hover svg {
  color: #333333;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-purchased-link,
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-rec-link {
  display: flex;
  align-items: center;
  padding: 0.25rem;
  text-decoration: none;
  color: inherit;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-purchased-link svg,
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-rec-link svg {
  height: 24px !important;
  width: 24px !important;
  margin-right: 0.75rem !important;
  margin: 0rem 0.75rem 0rem 0rem !important;
  position: static !important;
  bottom: unset !important;
  flex-shrink: 0;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-purchased-link img,
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-rec-link img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin-right: 0.5rem;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-purchased-link:hover,
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-rec-link:hover {
  color: #ef6f37;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-purchased-link {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  padding: 0.25rem;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-purchased-link svg {
  height: 30px;
  width: 30px;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-purchased-link .product-rec-copy {
  display: inline-block;
  font-size: 1rem;
  margin: 0rem 0rem 0rem 0.75rem;
  text-align: left;
  white-space: normal;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-purchased-link .product-rec-copy span, nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-purchased-link .product-rec-copy table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-purchased-link .product-rec-copy td[data-hook=cart_item_price], nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-purchased-link .product-rec-copy table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-purchased-link .product-rec-copy td[data-hook=cart_item_total] {
  border-bottom: 1px solid #ef6f37;
  line-height: 1rem;
  text-decoration: none;
  white-space: normal;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-rec-link {
  align-content: center;
  align-items: middle;
  display: flex;
  flex-direction: row;
  padding: 0.25rem;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-rec-link img {
  border-radius: 100%;
  height: 30px;
  padding: 0px;
  width: 30px;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-rec-link .product-rec-copy {
  display: inline-block;
  font-size: 1rem;
  margin: 0rem 0rem 0rem 0.5rem;
  text-align: left;
  white-space: normal;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-rec-link .product-rec-copy span:first-of-type, nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-rec-link .product-rec-copy table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price]:first-of-type, table#cart-detail-dogly tbody#line_items tr nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-rec-link .product-rec-copy td[data-hook=cart_item_price]:first-of-type, nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-rec-link .product-rec-copy table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total]:first-of-type, table#cart-detail-dogly tbody#line_items tr nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-rec-link .product-rec-copy td[data-hook=cart_item_total]:first-of-type {
  font-size: 1.25rem;
  font-weight: 500;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-rec-link .product-rec-copy span:last-of-type, nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-rec-link .product-rec-copy table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price]:last-of-type, table#cart-detail-dogly tbody#line_items tr nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-rec-link .product-rec-copy td[data-hook=cart_item_price]:last-of-type, nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-rec-link .product-rec-copy table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total]:last-of-type, table#cart-detail-dogly tbody#line_items tr nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list a .purchases-list-product-rec-link .product-rec-copy td[data-hook=cart_item_total]:last-of-type {
  border-bottom: 1px solid #ef6f37;
  line-height: 1rem;
  text-decoration: none;
  white-space: normal;
}
nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list h3, nav .sub-navigation-big-menu.my-dogly .big-menu-column.my-dogly-purchases-list .h3 {
  text-align: center;
}

.mobile-footer-links {
  border-bottom: 1px solid #494949;
  padding-bottom: 12px;
  margin-bottom: 24px;
}
.mobile-footer-links a {
  margin-bottom: 24px;
  display: block;
  overflow: hidden;
}
.mobile-footer-links a:hover {
  color: black;
}

.footer {
  background-color: #cecece;
  width: 100%;
  height: auto;
  min-height: 200px;
  padding: 40px 0px;
}
.footer .link-section {
  border-left: 1px solid white;
  font-weight: 400;
  height: auto;
  min-width: 275px;
  padding: 0px 10px;
  position: relative;
  width: 30%;
  z-index: 3;
}
.footer .link-section h4, .footer .link-section .h4 {
  font-size: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
}
.footer .link-section a {
  display: block;
  font-size: 1.1rem;
  margin-bottom: 6px;
}
.footer .link-section a:focus, .footer .link-section a:focus-visible, .footer .link-section a:hover {
  color: #494949;
  outline: none;
  text-decoration: underline;
}
.footer .link-section a:hover {
  color: #494949;
}
@media (max-width: 768px) {
  .footer .link-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    width: 100%;
  }
  .footer .link-section h4, .footer .link-section .h4 {
    width: 100%;
  }
}
.footer .footer-topper {
  display: flex;
  justify-content: space-between;
}
.footer .social-icons-container {
  top: -60px;
}
.footer .social-icons-container li {
  font-size: 0.707em;
}
@media (max-width: 1035px) {
  .footer .social-icons-container {
    float: right;
    margin-top: 0px;
  }
}
@media (max-width: 768px) {
  .footer .social-icons-container {
    float: right;
  }
}
@media (max-width: 544px) {
  .footer .social-icons-container {
    float: none;
  }
}
.footer .social-icons-container .social-icons a {
  font-size: 22px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  text-align: center;
  padding: 12px 2px;
  border: 4px solid #cecece;
  margin-right: 8px;
  color: #494949;
  background-color: #cecece;
}
.footer .social-icons-container .social-icons a:hover {
  opacity: 1;
}
.footer .social-icons-container .social-icons a:focus, .footer .social-icons-container .social-icons a:focus-visible {
  outline-color: #333333;
}
@media (max-width: 768px) {
  .footer .social-icons-container .social-icons a {
    padding: 6px 2px;
  }
}
.footer .social-icons-container .social-icons svg {
  fill: white;
}

.footer-bottom {
  background-color: rgb(245, 244, 241);
  width: 100%;
  height: auto;
  line-height: 20px;
  color: #494949;
  font-weight: 400;
  margin-bottom: -50px;
  text-align: center;
  padding: 15px;
}
@media (max-width: 768px) {
  .footer-bottom {
    font-size: 0.7em;
    line-height: 10px;
    padding: 14px;
  }
}
.footer-bottom span, .footer-bottom table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .footer-bottom td[data-hook=cart_item_price], .footer-bottom table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .footer-bottom td[data-hook=cart_item_total] {
  margin-left: 1rem;
}
@media (max-width: 992px) {
  .footer-bottom span, .footer-bottom table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .footer-bottom td[data-hook=cart_item_price], .footer-bottom table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .footer-bottom td[data-hook=cart_item_total] {
    margin-left: 0px;
  }
}

.dogly-tab {
  background-color: #cecece;
  color: black;
  width: 150px;
  height: 150px;
  border-radius: 20px;
  margin-top: -70px;
  z-index: 2;
  padding-top: 10px;
  text-align: center;
  position: relative;
  margin-bottom: -70px;
  font-weight: 400;
  font-size: 2em;
}
.dogly-tab img {
  width: 55%;
}
@media (max-width: 768px) {
  .dogly-tab {
    display: none;
  }
}

.know-footer-links {
  margin-top: -24px;
}
@media (max-width: 544px) {
  .know-footer-links {
    margin-top: -48px;
  }
}

@media (min-width: 768px) {
  .footer-width-hack {
    width: 100%;
  }
}

.form-video video {
  max-width: 40%;
}

.auth-form {
  max-width: 600px;
  margin: auto;
  margin-bottom: 80px;
  margin-top: 80px;
  background-color: rgb(244, 245, 246);
  padding: 60px;
  padding-top: 30px;
}

.text-input {
  width: 100%;
  height: 50px;
  background-color: white;
  margin-bottom: 8px;
  text-align: center;
}

.applications {
  font-size: 0.9em;
}

#error_explanation h2, #error_explanation .h2 {
  font-size: 1.2em;
}

.google-btn {
  background-color: #4285F4;
  color: white;
  padding: 0.5rem;
  border: none;
}
.google-btn svg {
  margin-right: 0.75rem;
}
.google-btn:hover {
  background-color: #b5d013;
}

.authentication {
  margin-top: 1rem;
  margin-bottom: 3rem;
  text-align: center;
}
.authentication h1, .authentication .h1 {
  font-size: 1.75rem;
}
.authentication input[type=checkbox] {
  margin-right: 0.5rem;
}
.authentication .alert {
  height: auto;
}
.authentication .authentication-container {
  border: 1px solid rgb(165, 167, 168);
  border-radius: 5px;
  padding: 1rem;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
}
.authentication .authentication-container .form-group {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.authentication .facebook-btn {
  background-color: #4267B2;
  color: white;
  padding: 0.5rem;
  border: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.authentication .facebook-btn svg {
  margin-right: 0.75rem;
}
.authentication .facebook-btn:hover {
  background-color: #b5d013;
}
.authentication .fg-name {
  left: -5000px;
  position: absolute;
  z-index: -1;
}
@media (min-width: 698px) {
  .authentication {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .authentication a.facebook-btn, .authentication .google-btn, .authentication button.btn-default, .authentication a.btn-default, .authentication a.btn-inverse, .authentication .btn-active, .authentication .btn-inactive-homepage {
    width: 60%;
  }
}
@media (min-width: 0px) {
  .authentication .form-group {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .authentication .facebook-btn, .authentication .google-btn, .authentication .btn-default, .authentication .btn-inverse {
    width: 90%;
  }
}

.join-form {
  display: flex;
  flex-direction: column;
}
.join-form h1, .join-form .h1 {
  font-size: 2rem;
  margin-bottom: 1rem;
}
.join-form .fine-print {
  margin-bottom: 0.5rem;
  text-align: center;
  width: 100%;
}
.join-form form {
  width: 100%;
}
.join-form form .form-group {
  display: flex;
  flex-direction: column;
}
@media (max-width: 544px) {
  .join-form {
    width: 100%;
  }
}
@media (min-width: 0px) {
  .join-form .form-group {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .join-form .btn-default {
    width: 90%;
  }
}

@media (min-width: 992px) {
  .join-form {
    border: 1px solid rgb(165, 167, 168);
    border-radius: 5px;
    padding: 1rem;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
  }
  .join-form .form-group {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .join-form .btn-default, .join-form .btn-active {
    width: 60%;
  }
}
.welcome-photo-container {
  width: 100%;
  height: 39vh;
  min-height: 580px;
}

.welcome-photo {
  position: relative;
  min-height: 580px;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  display: flex; /* establish flex container */
  align-items: center;
}

.meter {
  height: 50px; /* Can be anything */
  position: relative;
  background: white;
  border: 8px solid white;
  text-align: center;
  line-height: 36px;
  text-transform: uppercase;
  font-weight: 400;
}
.meter .step {
  display: inline;
  color: rgb(186, 187, 188);
  z-index: 10;
  position: relative;
}
.meter .light-step {
  display: inline;
  color: rgb(180, 181, 182);
  z-index: 10;
  position: relative;
}
.meter .white-step {
  display: inline;
  color: white;
  z-index: 10;
  position: relative;
}

.meter > span, table#cart-detail-dogly tbody#line_items tr .meter > td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .meter > td[data-hook=cart_item_total] {
  display: block;
  height: 34px;
  background-color: #b5d013;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
  z-index: 9;
}

.setup-links {
  width: 100%;
  height: auto;
  border: 1px solid #dbdbdb;
  padding-top: 20px;
  color: rgb(186, 187, 188);
  text-transform: uppercase;
  max-width: 190px;
  font-weight: 400;
  line-height: 26px;
  font-size: 0.8784em;
}
.setup-links .current {
  color: black;
}
.setup-links a:hover {
  color: #b5d013;
}
@media (max-width: 768px) {
  .setup-links {
    max-width: 100%;
  }
}

.dividing-line {
  border-bottom: 1px solid #dbdbdb;
  width: 100%;
  height: 1px;
  margin-top: -10px;
}

.link-list {
  display: inline-block;
  width: 100%;
}
.link-list a:hover {
  color: #b5d013;
}
.link-list ul {
  display: inline;
  text-transform: uppercase;
  margin-left: 0px;
  padding: 0px;
}
.link-list li:after {
  content: "|";
  margin-left: 8px;
  margin-right: 8px;
  font-size: 10px;
  font-weight: 400;
  position: relative;
  top: -2px;
  color: inherit;
}
.link-list li:last-child:after {
  display: none;
}
.link-list li {
  display: inline;
  list-style: none;
  overflow: hidden;
  margin-right: 0px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.8784em;
  letter-spacing: 1.2px;
}
@media (max-width: 768px) {
  .link-list {
    display: block;
    margin-left: 0;
    margin-bottom: -4px;
    width: auto;
  }
  .link-list li {
    font-size: 0.707em;
  }
}

.account-overlay-photo-section {
  width: 100%;
  height: auto;
  min-height: 230px;
  background-size: cover;
  background-position: center center;
  display: flex; /* establish flex container */
  align-items: center;
  position: relative;
  z-index: 2;
  padding-top: 40px;
  padding-bottom: 30px;
}

.account-overlay-photo-section:after {
  content: " ";
  display: block;
  position: absolute;
  height: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  background: rgba(225, 225, 225, 0.75);
  z-index: 2;
}

.account-profile-photo {
  width: 140px;
  height: 140px;
  position: absolute;
  bottom: -36px;
  z-index: 100;
  left: 20px;
}
.account-profile-photo img {
  border: 12px solid rgb(244, 245, 246);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .account-profile-photo {
    width: 100px;
    height: 100px;
  }
}

.account-links {
  width: 100%;
  height: auto;
  padding-top: 20px;
  color: rgb(186, 187, 188);
  text-transform: uppercase;
  max-width: 190px;
  font-weight: 400;
  line-height: 26px;
  font-size: 0.9em;
  letter-spacing: 1.2px;
  left: 30px;
  z-index: -10 !important;
}
.account-links .current {
  color: #494949;
}
.account-links ul {
  margin-top: 18px;
  list-style: none;
  padding-left: 0px;
}
.account-links ul li {
  cursor: pointer;
}
.account-links h4, .account-links .h4 {
  font-size: 1.4em;
  text-transform: none;
  color: #494949;
  font-weight: 600;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .account-links {
    max-width: 100%;
  }
}
.account-links a:hover {
  color: #b5d013;
}

#pup_profile_birth_month {
  text-align: left;
}

#pup_profile_birth_year {
  text-align: left;
}

#edit_user {
  width: 100%;
}

.edit_shipping_address {
  width: 100%;
}

#edit_shipping_address_2 {
  width: 100%;
}

#shipping_address_state {
  text-align: left;
}

#edit_shipping_address_3 {
  width: 100%;
}

.landing-photo-container {
  width: 100%;
  height: auto;
  position: relative;
  display: block;
}

.linked-headline {
  font-weight: 500;
  margin-bottom: 0;
}
.linked-headline p {
  font-size: 1.5em;
}
.linked-headline a {
  text-decoration: underline;
}
.linked-headline a:hover {
  color: #b5d013;
}

.landing-photo-section {
  width: 100%;
  height: auto;
  min-height: 400px;
  background-size: cover;
  background-position: center center;
  display: flex; /* establish flex container */
  align-items: center;
  position: relative;
  z-index: 2;
  padding-top: 40px;
  padding-bottom: 30px;
}

.landing-photo-text {
  z-index: 3;
  display: block;
  position: relative;
  color: black;
}
@media (max-width: 768px) {
  .landing-photo-text h2, .landing-photo-text .h2 {
    font-size: 1.6em;
  }
}
.landing-photo-text i {
  font-size: 1.5em;
}

.bordered-text {
  border: 1px solid white;
  padding: 4px 20px;
  text-transform: uppercase;
  font-size: 0.9em;
  display: inline-block;
  font-weight: 400;
}

.perk-photo {
  width: 100%;
  height: 250px;
}
.perk-photo img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  width: 100%;
  height: 250px;
}

.perk-text-left, .perk-text-right {
  float: left;
  max-width: 200px;
  margin-top: 3em;
}
.perk-text-left h4, .perk-text-right h4, .perk-text-left .h4, .perk-text-right .h4 {
  font-weight: 400;
  font-size: 1.2em;
  margin-bottom: 4px;
}
.perk-text-left p, .perk-text-right p {
  margin-bottom: 4px;
  line-height: 1.4em;
  font-size: 1.05em;
}
.perk-text-left a, .perk-text-right a {
  text-transform: uppercase;
  font-weight: 400;
  margin-top: 0px;
  font-size: 1.05em;
}
.perk-text-left a:after, .perk-text-right a:after {
  content: ">";
  margin-left: 5px;
}
@media (max-width: 768px) {
  .perk-text-left, .perk-text-right {
    margin-top: 8px;
  }
}

.perk-text-right {
  float: right;
  text-align: right;
}

.mobile-banner-image {
  height: 280px;
  text-align: center;
  background-size: cover;
}
.mobile-banner-image img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: white;
}

.round-banner-photo {
  width: 80px;
  height: 80px;
  margin-top: 170px;
  margin-bottom: 28px;
  display: inline-block;
  z-index: 10;
  position: relative;
}

.artist-slide .artist-thumb {
  margin-bottom: 0px;
}
.artist-slide .artist-thumb img {
  max-height: 300px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.artist-slide .artist-photo, .artist-slide .artist-photo-center {
  width: 100px;
  height: 100px;
  margin-top: -30px;
  display: inline-block;
  text-align: left;
  float: left;
  margin-left: 6%;
  margin-right: 15px;
  z-index: 10;
  position: relative;
}
.artist-slide .artist-photo img, .artist-slide .artist-photo-center img {
  border: 8px solid rgb(254, 255, 255);
}
.artist-slide .artist-photo-center {
  float: none;
}
.artist-slide .artist-photo-center img {
  background-color: white;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.artist-slide .artist-details {
  text-align: left;
  margin-top: 8px;
  font-size: 0.9em;
}
.artist-slide .artist-details .name {
  margin-bottom: 4px;
  letter-spacing: 1.2px;
  font-size: 1em;
}
.artist-slide .artist-details .location {
  color: rgb(165, 167, 168);
  font-size: 0.8em;
  font-weight: 300;
}
.artist-slide .artist-details.center {
  text-align: center;
}

.listing-founder-quote {
  font-size: 1.3em;
  padding-left: 45px;
}
@media (max-width: 920px) {
  .listing-founder-quote {
    font-size: 1em;
  }
}
@media (max-width: 600px) {
  .listing-founder-quote {
    font-size: 1em;
    padding-left: 0px;
  }
}

.features ul {
  margin-top: 20px;
  list-style: none;
  margin: none;
  padding-left: 0px;
  text-align: left;
}
.features li {
  margin-bottom: 22px;
  border-bottom: 1px solid #dbdbdb;
  height: auto;
  align-items: center;
  padding-bottom: 18px;
  font-size: 1.3em;
}
.features li:before {
  content: "✓";
  float: left;
  width: 80px;
  height: 56px;
  font-size: 34px;
  line-height: 1.6em;
  text-align: center;
  background-color: white;
  padding-right: 20px;
}
.features .list-content {
  height: 54px;
  display: table-cell;
  vertical-align: middle;
}

.apply-box {
  width: 100%;
  height: auto;
  padding: 10%;
  padding-top: 8%;
  border: 1px solid #b5d013;
}
@media (max-width: 768px) {
  .apply-box {
    padding: 4%;
  }
}

.taxon-tag {
  text-transform: uppercase;
  padding: 5px 20px 5px 20px;
  color: #494949;
  font-size: 1.5em;
  height: 40px;
  width: auto;
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px;
  cursor: pointer;
}

.current-tag {
  background-color: rgb(218, 219, 220);
}
.current-tag img {
  margin-left: 10px;
  height: 70%;
  margin-top: -2px;
  width: auto;
}

.available-tag {
  background-color: rgb(234, 235, 236);
}
.available-tag i {
  margin-left: 10px;
  height: 70%;
  margin-top: 0px;
  width: auto;
}

.selected-tag {
  background-color: rgb(218, 219, 220);
}

.add-button {
  width: auto;
  height: 20px;
  text-align: center;
  padding: 2px;
  display: inline-block;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.8em;
  cursor: pointer;
}
.add-button i {
  line-height: 20px;
  color: white;
  background-color: #b5d013;
  padding: 2px 6px 1px 6px;
  font-size: 0.8em;
  margin-right: 6px;
}

.lookbook i {
  font-size: 4em;
  margin-top: 20px;
  cursor: pointer;
  color: #dbdbdb;
}
.lookbook img {
  border: 8px solid #dbdbdb;
}
.lookbook .favorited i {
  display: inline-block;
}

.brand-favorite-container {
  height: auto;
  width: 100%;
  text-align: center;
}

.brand-favorite-image {
  text-align: center;
  width: 100%;
  position: relative;
  padding-bottom: 100%;
  height: 0;
}
.brand-favorite-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  border: 1px solid #dbdbdb;
  -o-object-fit: contain;
     object-fit: contain;
}
.brand-favorite-image i {
  font-size: 1.5em;
  color: #dbdbdb;
}

.brand-image-container {
  height: auto;
  width: 100%;
  max-width: 220px;
  margin: auto;
  text-align: center;
  border: 15px solid rgb(244, 245, 246);
}

.brand-square-image {
  text-align: center;
  width: 100%;
  position: relative;
  padding-bottom: 100%;
  height: 0;
}
.brand-square-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.brand-square-image i {
  font-size: 1.5em;
  color: #dbdbdb;
}

.alert-success {
  color: white;
  background-color: #b5d013;
}

.alert {
  height: 50px;
  padding: 0.8rem;
  font-weight: 400;
  text-align: center;
}
.alert button {
  float: left;
  display: none;
}

.checkout-progress-box {
  width: 100%;
  border: 1px solid rgb(186, 187, 188);
  padding: 6px;
}
.checkout-progress-box .step {
  width: 20%;
  height: auto;
  background-color: white;
  color: rgb(186, 187, 188);
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  margin: 0;
  float: left;
  padding: 10px;
  border-right: 0;
  font-weight: 500;
}
@media (max-width: 768px) {
  .checkout-progress-box .step {
    font-size: 8px;
  }
}
.checkout-progress-box .complete {
  color: white;
  background-color: #b5d013;
}
.checkout-progress-box .current-step {
  color: white;
  background-color: #b5d013;
  font-weight: bold;
}

.checkout-form input[type=text], .checkout-form input[type=tel] {
  height: 45px;
  font-size: 18px;
}
.checkout-form #order_email {
  width: 100%;
}

.checkout-order-summary {
  width: 100%;
  height: auto;
  background-color: rgb(246, 246, 246);
  padding: 10px 30px;
}
.checkout-order-summary h4, .checkout-order-summary .h4 {
  font-weight: 600;
  font-size: 15px;
}

.order-total-label {
  font-weight: 500;
  text-transform: uppercase;
  margin-top: -10px;
}

.order-total-amount {
  font-size: 18px;
  font-weight: 500;
}

#shipping {
  border: none;
  margin-top: 0;
  padding: 0 15px;
}

.light-form .boxed-inputs input[type=tel] {
  margin-bottom: 0;
}

#errorExplanation {
  margin-top: 12px;
  padding: 24px;
}
#errorExplanation h2, #errorExplanation .h2 {
  font-size: 24px;
}
#errorExplanation p {
  font-weight: 600;
}

.vcard {
  padding: 0rem 0.5rem;
}

.delivery {
  padding: 0rem 0.5rem;
}

.payment-info {
  padding: 0rem 0.5rem;
}

.checkout-items {
  border-bottom: 1px solid #dbdbdb;
}
.checkout-items th {
  font-weight: bold;
  text-align: right;
}
.checkout-items .item {
  padding: 0rem 0rem 0rem 0.5rem;
  text-align: left !important;
}
.checkout-items .total {
  padding: 0rem 0.5rem 0rem 0rem;
}

.checkout-section-header h6, .checkout-section-header .h6 {
  align-items: baseline;
  background-color: #f8f8f8;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  padding: 0rem 0.5rem;
  font-size: 1.5rem;
  font-weight: bold;
}
.checkout-section-header h6 .edit-link, .checkout-section-header .h6 .edit-link {
  font-size: 0.875rem;
  font-weight: normal;
  margin-left: 1rem;
}

.checkout-shipping-line {
  align-items: baseline;
  display: flex;
  gap: 0.5rem;
}

.checkout-summary-totals {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0rem 0.5rem;
}
.checkout-summary-totals .checkout-summary-row {
  display: flex;
  justify-content: flex-end;
  font-size: 16px;
}
.checkout-summary-totals .checkout-summary-row .label {
  font-weight: 500;
  color: #333333;
}
.checkout-summary-totals .checkout-summary-row .amount {
  font-weight: 500;
  color: #333333;
  min-width: 100px;
  text-align: right;
}
.checkout-summary-totals .checkout-summary-row.total {
  border-top: 1px solid #dbdbdb;
  padding-top: 1rem;
  font-size: 18px;
  font-weight: bold;
}
.checkout-summary-totals .checkout-summary-row.total .label, .checkout-summary-totals .checkout-summary-row.total .amount {
  color: #333333;
}

.checkout-order-summary-row {
  display: flex;
  justify-content: space-between;
  margin-top: 0.25rem;
}

.checkout-order-summary-row.total {
  font-weight: bold;
  border-top: 1px solid #ccc;
  padding-top: 0.5rem;
}

.checkout-order-details h4, .checkout-order-details .h4 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.checkout-order-details a {
  color: rgb(186, 187, 188);
  margin-top: 12px;
  display: block;
}
.checkout-order-details .section-header {
  border-bottom: 1px solid rgb(186, 187, 188);
  width: 100%;
}
@media (max-width: 768px) {
  .checkout-order-details .section-header {
    border-bottom: none;
  }
}

.confirm-line-item .line-item-image-container {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .confirm-line-item {
    flex-direction: column;
  }
}

.cart-line-item-qty-padding {
  padding-left: 0px;
}
@media (max-width: 768px) {
  .cart-line-item-qty-padding {
    padding-left: 15px;
  }
}

.dashed-divider {
  width: 100%;
  height: 2px;
  border-bottom: 2px dashed rgb(186, 187, 188);
}

.confirm-total {
  font-weight: 600;
  font-size: 26px;
}

.confirm-subtotal {
  font-weight: 600;
  font-size: 20px;
}

.thank-you-header {
  font-size: 34px;
  letter-spacing: 2px;
  margin-bottom: 0;
}

.checkout-brand-name {
  margin-top: -5px;
}

.checkout-shipment {
  border-top: 1px solid rgb(186, 187, 188);
  margin-top: 24px;
}
.checkout-shipment h4, .checkout-shipment .h4 {
  font-size: 14px;
  font-weight: 600;
}

.checkout-shipping-methods h4, .checkout-shipping-methods .h4 {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 12px;
}
.checkout-shipping-methods ul {
  list-style: none;
  display: inline-block;
}
.checkout-shipping-methods ul li {
  display: inline-block;
  margin-right: 12px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  color: rgb(186, 187, 188);
}
.checkout-shipping-methods input[type=radio]:checked:after {
  width: 18px;
  height: 18px;
  border-radius: 15px;
  top: -3px;
  left: -4px;
  position: relative;
  background-color: #b5d013;
  content: "";
  display: inline-block;
  vertical-align: text-top;
  visibility: visible;
  border: 2px solid #dbdbdb;
}
.checkout-shipping-methods input {
  margin-right: 4px;
  position: relative;
  top: 1px;
}

.checkout-delivery-items h3, .checkout-delivery-items .h3 {
  font-size: 20px;
  margin-top: 0;
  font-weight: 600;
}
.checkout-delivery-items .line-item-image-container {
  width: 125px;
  height: 115px;
}

.sticky-notif-bar, .sticky-discount-bar {
  align-items: center;
  background-color: #b5d013;
  color: white;
  display: flex;
  font-weight: 500;
  height: auto;
  padding: 12px;
  text-align: center;
  width: 100%;
}

.sticky-discount-bar {
  font-weight: 400;
  font-size: 14px;
  padding: 16px;
  background-color: #494949;
}
.sticky-discount-bar img {
  margin: 0 20px 0 -20px;
}
@media (max-width: 768px) {
  .sticky-discount-bar {
    margin-bottom: 0px;
  }
}
.sticky-discount-bar a:link {
  color: white;
  text-decoration: underline;
}
.sticky-discount-bar a:visited {
  color: white;
}
.sticky-discount-bar a:hover {
  color: #b5d013;
}
.sticky-discount-bar a:active {
  color: #b5d013;
}

.notif-bar-close {
  color: white;
  cursor: pointer;
  float: right;
  font-size: 22px;
}

.cart-slider {
  width: 100%;
  height: 100vh;
  background-color: rgb(250, 250, 250);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
}

@media (min-width: 768px) {
  .cart-slider {
    width: 440px;
  }
}
.cart-slider-header {
  background-color: rgb(218, 219, 220);
  font-size: 24px;
  text-align: center;
  font-weight: 400;
  padding: 20px;
}

.cart-slider-footer {
  background-color: rgb(218, 219, 220);
  font-size: 18px;
  text-align: center;
  font-weight: 400;
  padding: 20px;
  padding-bottom: 80px;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 220px;
}

.cart-slider-items {
  padding: 1rem;
  height: 100vh;
  overflow-y: scroll;
  padding-bottom: 400px;
}

.cart-slider-item {
  border-bottom: 1px solid rgb(218, 219, 220);
  margin-bottom: 20px;
}

.close-cart-slider {
  float: left;
  cursor: pointer;
  font-weight: 300;
  font-size: 34px;
  position: relative;
  top: -10px;
  margin-right: -20px;
  margin-bottom: -20px;
}

.cart-stat {
  margin-right: 14px;
  font-weight: 600;
}

.local-store-owner-quote-section {
  background-color: white;
  margin: auto;
  width: 100%;
  background-size: cover;
  position: relative;
}

.local-store-quote {
  background-color: white;
  height: 90%;
  width: 90%;
  margin: auto;
  position: absolute;
  top: 5%;
  left: 5%;
  display: none;
}

.local-store-quote-content {
  padding: 10%;
}

.alert-non-fixed-height {
  height: auto;
}

.article-content-editor .ql-editor {
  height: 80vh;
}

.article-share .facebook-share, .article-share .twitter-share {
  font-size: 30px;
}

.form-section-outline .mention-row {
  display: flex;
  align-items: center;
}
.form-section-outline .mention-label-col {
  padding-right: 2em;
  width: 35%;
  text-align: right;
}
.form-section-outline .mention-input-col {
  flex-grow: 1;
}

.ql-editor {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 18px;
}

.article-image.centered {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.article-image.article-hero-image {
  margin-bottom: 2em;
}

@media (max-width: 767.98px) {
  .article-content .ql-editor {
    padding-left: 0;
    padding-right: 0;
  }
}

.article-title {
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.1px;
  color: black;
}

.article-scheduled {
  font-weight: 350;
  letter-spacing: 0.1px;
  color: black;
  background-color: #fedc3d;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.article-embed-container {
  margin-bottom: 1em;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.article-creator-subtext {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
}

.article-embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.form-section-outline {
  padding: 1em;
  border: 1px solid #ccc;
}

.article-url {
  font-weight: bold;
}

.article-block {
  background-color: white;
  display: block;
  position: relative;
  border: 1px solid #dbdbdb;
  width: auto;
}
.article-block:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.article-block .article-block-title {
  margin: 0;
  letter-spacing: 0px;
}

.article-block > .article-block-content {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.article-block-content {
  display: flex;
  flex-direction: column;
  padding: 15px;
}

.article-block-title {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 0.5em;
  flex-grow: 1;
  color: black;
}

.article-block-info-row {
  display: flex;
  flex-shrink: 0;
}

.article-block-info-icon {
  width: 25%;
}

.article-circle-image-container {
  display: block;
  position: relative;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.article-circle-image-container:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.article-circle-image-container .article-circle-image-link {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.article-block-info-icon {
  display: block;
  position: relative;
  width: 25%;
  border-radius: 50%;
  overflow: hidden;
}
.article-block-info-icon:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.article-block-info-icon .article-block-info-icon-content {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.article-block-info-text {
  color: black;
  padding-left: 0.5em;
  align-self: center;
}

.article-block.-without-info-text .article-block-info-text {
  display: none;
}
.article-block.-without-info-text .article-block-info-row {
  justify-content: flex-end;
}

.mentioned-here-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(181, 208, 19, 0.2);
  border-right: 1.1em solid rgba(181, 208, 19, 0.2);
  border-bottom: 1.1em solid rgba(181, 208, 19, 0.2);
  border-left: 1.1em solid #b5d013;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.toggle-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px 0;
}

.toggle-switch .toggle {
  position: relative;
  cursor: pointer;
  margin-right: 0.5rem;
}

.toggle-switch [type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* default states */
.toggle-switch .toggle::before,
.toggle-switch .toggle::after {
  content: "";
  display: block;
  margin: 0 3px;
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  background: #BDBDBD;
}

.toggle-switch .toggle::before {
  height: 1.3em;
  width: 3em;
  border-radius: 0.65em;
  opacity: 0.6;
}

.toggle-switch .toggle::after {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  height: 1.7em;
  width: 1.7em;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.4);
}

/* special states */
.toggle-switch [type=checkbox]:focus + .toggle {
  outline: #ef6f37 solid 1px;
  box-shadow: 0 0 8px #ef6f37;
}

.toggle-switch [type=checkbox]:disabled + .toggle {
  cursor: not-allowed;
  filter: grayscale(100%);
  opacity: 0.6;
}

.toggle-switch [type=checkbox]:disabled + .toggle::after {
  box-shadow: none;
}

/* checked states */
.toggle-switch [type=checkbox]:checked + .toggle::before,
.toggle-switch [type=checkbox]:checked + .toggle::after {
  background: #b5d013;
}

.toggle-switch [type=checkbox]:checked + .toggle::after {
  transform: translate(calc(3em - 100%), -50%);
}

.toggle-btn {
  border: none;
  background: transparent;
  margin: 0.5rem;
  margin-bottom: 0;
  padding: 0.75rem 0.25rem;
}
.toggle-btn span, .toggle-btn table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .toggle-btn td[data-hook=cart_item_price], .toggle-btn table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .toggle-btn td[data-hook=cart_item_total] {
  padding: 0.5rem;
  border: 2px solid transparent;
  border-radius: 5px;
}
.toggle-btn span.selected, .toggle-btn table#cart-detail-dogly tbody#line_items tr td.selected[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .toggle-btn td.selected[data-hook=cart_item_price], .toggle-btn table#cart-detail-dogly tbody#line_items tr td.selected[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .toggle-btn td.selected[data-hook=cart_item_total] {
  border-color: #ef6f37;
  color: #ef6f37;
}

.cta-button-container .toggle-btn {
  width: auto;
}
.cta-button-container .toggle-btn:hover {
  background: transparent;
  color: #333333;
}

.shelter-report-index td {
  vertical-align: middle;
}

.react-joyride__beacon {
  display: none !important;
}

.react-joyride__tooltip {
  border-radius: "15px";
  padding: "1rem";
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.react-joyride__tooltip button {
  box-shadow: 2px 2px 0px 2px transparent, -2px 2px 0px 2px transparent, 2px -2px 0px 2px transparent, -2px -2px 0px 2px transparent;
  border-radius: 15px;
  border-radius: "15px";
  font-size: 1rem;
}
.react-joyride__tooltip button:focus-visible {
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37 !important;
  outline: none;
  text-decoration: none;
}

.pagination {
  gap: 0.5rem;
}

.founder-story a {
  color: rgb(180, 181, 182);
}
@media (max-width: 768px) {
  .founder-story {
    margin-top: 100px;
  }
}
@media (max-width: 768px) {
  .founder-story .square-img-container, .founder-story .square-img-container-no-outline, .founder-story .square-img-container-no-outline:after, .founder-story .square-img-container-small-image-outlined, .founder-story .square-img-container-small-image-outlined:after, .founder-story .real-dog-thumb-img, .founder-story .real-dog-thumb-img:after {
    width: 160px;
    margin: auto;
  }
}
.founder-story h2, .founder-story .h2 {
  font-weight: 500;
}

.founder-image {
  width: 100%;
}

.founder-name {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 0.8em;
  margin-top: 0.4rem;
  letter-spacing: 1.2px;
  margin-right: -1.2px;
}

.founder-title {
  font-size: 0.8em;
  font-weight: 400;
  letter-spacing: 1.2px;
}

.read-more {
  text-transform: uppercase;
  color: rgb(180, 181, 182);
  text-decoration: none;
  cursor: pointer;
}

.read-more:after {
  content: " >";
}

.quote-container {
  position: relative;
  height: auto;
}

.founder-quote {
  padding-right: 0px;
  z-index: 100;
  font-size: 1.1em;
  margin-left: 8px;
}
.founder-quote h3, .founder-quote .h3 {
  margin-top: 6px;
  line-height: 1.4em;
  letter-spacing: 1.2px;
  z-index: 100;
  position: relative;
}

.founder-quote:before {
  content: "“";
  font-size: 300px;
  line-height: 0px;
  float: left;
  position: absolute;
  top: 100px;
  left: -40px;
  color: rgb(234, 235, 236);
  z-index: 1;
  font-family: "sutro", serif;
}

.founder-quote:after {
  content: "”";
  font-size: 300px;
  line-height: 0px;
  float: right;
  position: absolute;
  top: 107%;
  left: 80%;
  color: rgb(234, 235, 236);
  z-index: 1;
  font-family: "sutro", serif;
}

.ambassador {
  margin-bottom: 3em;
}
.ambassador .ambassador-photo {
  position: relative;
  width: 50%;
  margin: auto;
  margin-bottom: 8px;
  text-align: center;
}
.ambassador .ambassador-photo img {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  max-width: 160px;
  max-height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
}
.ambassador .ambassador-photo:before {
  content: "";
  display: block;
  padding-top: 100%; /* initial ratio of 1:1*/
}
.ambassador .ambassador-photo:first-child {
  margin-top: 1rem;
}
.ambassador .ambassador-handle {
  color: rgb(180, 181, 182);
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.875rem;
}

.ambassador:last-child {
  margin-bottom: 1rem;
}

.individual-reviews {
  text-align: center;
}

.brand-ad {
  width: 100%;
}
.brand-ad img {
  width: 100%;
}

.social-icons i, .social-icons svg {
  font-size: 20px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  text-align: center;
  padding: 6px;
  margin-right: 16px;
  color: white;
  background-color: #494949;
}
.social-icons i path, .social-icons svg path {
  fill: white;
}
.social-icons i:last-of-type, .social-icons svg:last-of-type {
  margin-right: 0px;
}
.social-icons i:last-child {
  margin-right: 0px;
}
.social-icons a {
  font-size: 26px;
  color: #494949;
  margin-right: 8px;
}
.social-icons a:last-child {
  margin-right: 0px;
}
.social-icons .prof-card-social-icon {
  padding: 5px;
  padding-left: 7px;
}

.ambassadogs-header {
  font-size: 1.97em;
  letter-spacing: 1.2px;
}
@media (max-width: 1210px) {
  .ambassadogs-header {
    font-size: 1.414em;
  }
}
@media (max-width: 768px) {
  .ambassadogs-header {
    font-size: 1.999em;
  }
}

.brand-story .eyebrow {
  font-size: 16px;
}
@media (max-width: 768px) {
  .brand-story .eyebrow {
    font-size: 12px;
  }
}
.brand-story p {
  font-size: 20px;
  font-weight: 300;
}
@media (max-width: 768px) {
  .brand-story p {
    font-size: 14px;
  }
}
.brand-story .heavy {
  font-size: 22px;
  margin-top: -6px;
  margin-bottom: 8px;
}

.premium-brand-headline {
  font-size: 32px;
  letter-spacing: 2px;
}

.pickup-ribbon {
  box-sizing: content-box;
  height: 0;
  color: white;
  border: 20px solid #ef6f37;
  border-top: 22px solid #ef6f37;
  border-right: 20px solid rgba(0, 0, 0, 0);
  color: white;
  text-overflow: clip;
  width: auto;
  min-width: 62px;
  position: absolute;
  top: 20px;
  left: 0px;
  text-align: left;
}
.pickup-ribbon span, .pickup-ribbon table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .pickup-ribbon td[data-hook=cart_item_price], .pickup-ribbon table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .pickup-ribbon td[data-hook=cart_item_total] {
  font-weight: 500;
  position: relative;
  top: -12px;
}

.pickup-boxes {
  padding: 12%;
  min-height: 300px;
}

.premium-scroll-menu .item {
  color: #494949;
  text-transform: uppercase;
  padding: 18px;
  width: 100%;
  border-top: 1px solid #dbdbdb;
  font-weight: 600;
  letter-spacing: 2px;
  font-size: 13px;
}
.premium-scroll-menu .active {
  background-color: #b5d013;
  border: none;
}

.brand-card-photo {
  max-width: 160px;
  margin: auto;
  margin-bottom: 8px;
}
.brand-card-photo img {
  border: 15px solid rgb(244, 245, 246);
}

.brand-card-slide .artist-thumb {
  margin-bottom: 0px;
}
.brand-card-slide .artist-thumb img {
  max-height: 300px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.brand-card-slide .brand-photo {
  width: 100px;
  height: 100px;
  top: -30px;
  margin: auto;
  margin-bottom: -30px;
  display: block;
  text-align: left;
  z-index: 10;
  position: relative;
}
.brand-card-slide .brand-photo img {
  border: 5px solid rgb(254, 255, 255);
}
@media (max-width: 768px) {
  .brand-card-slide .brand-photo img {
    border: 4px solid rgb(254, 255, 255);
  }
}
@media (max-width: 768px) {
  .brand-card-slide .brand-photo {
    width: 70px;
    height: 70px;
  }
}
.brand-card-slide .artist-photo-center {
  float: none;
}
.brand-card-slide .artist-photo-center img {
  background-color: white;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.brand-card-slide .brand-details {
  text-align: center;
  margin-top: 14px;
  font-size: 0.9em;
}
.brand-card-slide .brand-details .name {
  margin-bottom: 4px;
  letter-spacing: 1.2px;
  font-size: 1em;
}
.brand-card-slide .brand-details .location {
  color: rgb(165, 167, 168);
  font-size: 0.8em;
  font-weight: 300;
}
.brand-card-slide .brand-details.center {
  text-align: center;
}

.contents-bullets-section {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
}
.contents-bullets-section .contents-bullet {
  align-items: space-around;
}

.benefit-row {
  margin-top: -25px;
}
@media (max-width: 768px) {
  .benefit-row {
    margin-top: -40px;
  }
}

.new-brand-benefit-indicator {
  background-image: url("https://cdn.filepicker.io/auto_image/compress/QUNMkFRWmNacCDl65J9g");
  background-size: 150px 150px;
  background-repeat: no-repeat;
  background-position: center;
  color: black;
  height: 150px;
  width: 150px;
  margin: 8px auto;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.new-brand-benefit-indicator .benefit-text-container {
  height: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .new-brand-benefit-indicator .benefit-text-container {
    margin-top: -10px;
  }
}
.new-brand-benefit-indicator .benefit-text-container .benefit-text {
  position: relative;
  z-index: 150;
  color: white;
  max-width: 125px;
  font-size: 14px;
  letter-spacing: 1px;
}
.new-brand-benefit-indicator .benefit-text-container .benefit-text a:hover, .new-brand-benefit-indicator .benefit-text-container .benefit-text a:active, .new-brand-benefit-indicator .benefit-text-container .benefit-text a:focus {
  color: white;
  text-decoration-color: white;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .new-brand-benefit-indicator .benefit-text-container .benefit-text {
    font-size: 12px;
  }
}
.new-brand-benefit-indicator .benefit-text-container .benefit-text:first-of-type {
  font-size: 18px;
  font-weight: bolder;
  letter-spacing: 1px;
}
@media (max-width: 768px) {
  .new-brand-benefit-indicator .benefit-text-container .benefit-text:first-of-type {
    font-size: 16px;
  }
}

.brand-page-benefit-indicator {
  background-image: url("https://cdn.filepicker.io/auto_image/compress/QUNMkFRWmNacCDl65J9g");
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-position: center;
  height: 40px;
  width: 40px;
  margin: auto;
  z-index: 10;
}
@media (max-width: 768px) {
  .brand-page-benefit-indicator {
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
  }
}

.brand-page-benefit-text {
  height: 40px;
  margin: 8px auto -8px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 544px) {
  .brands-product-grid {
    display: inherit;
  }
}
@media (max-width: 768px) {
  .brands-product-grid {
    justify-content: center;
  }
  .brands-product-grid div {
    margin: auto;
    max-width: 325px;
  }
}

.be-brand-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1rem 0rem 0rem 0rem;
}
.be-brand-nav .btn-green {
  margin: 0rem 1rem 1rem 0rem;
}
.be-brand-nav .btn-green:last-of-type {
  margin: 0rem 0rem 1rem 0rem;
}
@media (max-width: 768px) {
  .be-brand-nav {
    align-content: center;
    flex-direction: column;
  }
  .be-brand-nav .btn-green {
    width: 90%;
    margin: 0rem 0rem 1rem 0rem;
  }
}

.communities-intro {
  text-align: center;
}
.communities-intro h1, .communities-intro .h1 {
  font-weight: bolder;
  padding-top: 2rem;
}
.communities-intro a:hover {
  background-color: #b5d013;
  color: white;
}

.community-list-section {
  padding-top: 1rem;
}
.community-list-section h2, .community-list-section .h2 {
  font-family: "Sutro", serif;
  text-align: center;
}
.community-list-section .homepage-2021 .view-by-channel {
  padding: 0rem;
}
.community-list-section .homepage-2021 .view-by-channel .view-by-channel-functional {
  padding: 0rem;
}
.community-list-section .filter-list {
  gap: 1rem;
  justify-content: center;
}
.community-list-section .filter-list .btn-inactive-homepage {
  border: 1px solid transparent;
  border-radius: 10px;
  color: #333333;
  padding: 0.375rem 0.75rem;
}
.community-list-section .filter-list label input:checked ~ .geekmark {
  background-color: #ef6f37;
}

svg[data-icon=paper-plane] {
  color: #ef6f37;
}

.verified-advocate-check, .community-card .community-card-info p .verified-advocate-check {
  color: #b5d013;
  font-size: 0.75rem;
  margin-bottom: 3px;
}

.dropdown-area {
  background-color: white;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  padding: 0.5rem 1rem;
}

.dropdown-btn {
  background: transparent;
  border: none;
  color: #333333;
}

.options-dropdown-list {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.options-dropdown-list li {
  margin-bottom: 0.2rem;
}
.options-dropdown-list button {
  background-color: transparent;
  border: none;
  padding: 0;
}
.options-dropdown-list a:hover {
  color: #333333;
  text-decoration: none;
}

.community-header {
  text-align: center;
  padding: 1rem;
}
.community-header h1, .community-header .h1 {
  font-size: 1.75rem;
  font-weight: bolder;
}
.community-header p {
  margin-bottom: 0;
}
.community-header a {
  margin-top: 1rem;
}
.community-header a:hover {
  background-color: #b5d013;
  color: white;
}
.community-header button {
  margin-top: 1rem;
}
.community-header button:hover {
  background-color: #ef6f37;
  color: white;
}

.filter-list label {
  padding: 1rem;
}
.filter-list label#filterDropdownLabel {
  padding: 0;
  text-align: left;
}

.channel-card {
  border: 1px solid #c4c4c4;
  padding: 0.5rem;
}
.channel-card h3, .channel-card .h3 {
  font-size: 1.25rem;
}
.channel-card .channel-card-info {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem;
  align-items: center;
}
.channel-card .channel-card-info svg {
  color: #ef6f37;
  font-size: 1.5rem;
}

.communities-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}
.communities-list > a {
  align-self: stretch;
  padding-bottom: 1rem;
}
.communities-list > a:hover {
  text-decoration: none;
  color: #333333;
}
.communities-list .community-card {
  display: grid;
  grid-template-columns: 27% 73%;
  grid-template-rows: 0.75fr 2fr 1fr;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  text-align: center;
  align-items: center;
  height: 100%;
  padding: 0.25rem 1rem;
  justify-content: center;
}
.communities-list .community-card h3, .communities-list .community-card .h3 {
  font-size: 1.25rem;
}
.communities-list .community-card .btn-follow-inverse {
  grid-column: 2/3;
  grid-row: 1/2;
  justify-self: right;
  border: none;
  padding: 0;
  padding-right: 0.75rem;
}
.communities-list .community-card .btn-follow-inverse:hover {
  background-color: transparent;
  color: #ef6f37;
}
.communities-list .community-card div.advocate-page-link {
  grid-column: 1/2;
  grid-row: 2/3;
  align-self: center;
}
.communities-list .community-card div.advocate-page-link img {
  border-radius: 100%;
}
.communities-list .community-card div.advocate-page-link a {
  text-decoration: underline;
}
.communities-list .community-card .community-card-info {
  grid-column: 2/3;
  grid-row: 2/3;
  align-self: flex-start;
}
.communities-list .community-card .community-card-info p:first-of-type {
  margin-bottom: 0;
}
.communities-list .community-card .community-card-info p.advocate-category {
  font-size: 0.75rem;
  text-transform: uppercase;
}
.communities-list .community-card .community-card-info p:last-of-type {
  margin: 0;
}
.communities-list .community-card .btn-gray:hover {
  color: #333333;
  background-color: #b5d013;
}
.communities-list .community-card .community-card-links {
  grid-column: 1/3;
  grid-row: 3/4;
  display: flex;
  justify-content: space-around;
}
.communities-list .community-card .community-card-links .btn-default {
  background-color: #b5d013;
  width: 50%;
}
.communities-list .community-card .community-card-links .btn-default:hover {
  background-color: #b5d013;
  color: white;
}
.communities-list .community-card .community-card-links .btn-green {
  width: 50%;
}
.communities-list .community-card .horizontal-separator {
  background-color: #b5d013;
  height: 2px;
  margin: 0.5rem auto;
  width: 40%;
}

.community-notice-message {
  background-color: #b5d013;
  color: white;
  margin: auto;
  width: 100%;
  padding: 0.5rem;
}

.community-error-message {
  background-color: #f2beb8;
  color: rgb(150, 40, 27);
  border: rgb(150, 40, 27);
  margin: auto;
  width: 80%;
  padding: 0.5rem;
}

.repost-success-message {
  text-align: center;
}
.repost-success-message .success-message {
  background-color: rgba(181, 208, 19, 0.3);
  border: 1px solid #b5d013;
  border-radius: 5px;
  padding: 0.5rem;
  width: 75%;
  margin: auto auto 1rem auto;
  font-size: 1.25rem;
}
.repost-success-message .cta-btn-container .btn {
  margin: 1rem;
}

.no-comment-message {
  text-align: center;
  padding: 1rem;
}

.community-comment {
  border-bottom: 1px solid #c4c4c4;
  padding: 1rem;
}
.community-comment .comment-area {
  display: flex;
  align-items: flex-start;
}
.community-comment .comment-content {
  flex: 1;
}
.community-comment .comment-content strong {
  font-size: 1.25rem;
}
.community-comment .comment-content .comment-interactions {
  margin-top: 0.5rem;
  display: flex;
}
.community-comment .replies {
  margin-top: 0.5rem;
  margin-left: 5rem;
  border-left: 1px solid #c4c4c4;
}

.community-reply {
  display: flex;
  align-items: flex-start;
  padding: 1rem;
  padding-right: 0;
}
.community-reply .reply-content {
  flex: 1;
}
.community-reply .reply-content strong {
  font-size: 1.25rem;
}
.community-reply .reply-interactions {
  margin-top: 0.5rem;
  display: flex;
}

.post-list-item-avatar {
  position: relative;
}
.post-list-item-avatar img {
  border-radius: 100%;
}
.post-list-item-avatar .vip-indicator {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: white;
  border-radius: 25px;
  padding-left: 3px;
  padding-right: 3px;
  color: #b5d013;
}

.comment-avatar {
  border-radius: 100%;
  width: 50px;
  margin-right: 1rem;
}

.repost-comment {
  border-bottom: none !important;
  align-items: center;
  padding-bottom: 0.5rem;
}
.repost-comment .repost-avatar {
  min-width: 6rem;
}

.reposted-post {
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
}
.reposted-post .post-list-item {
  justify-content: space-between;
}

.post-list-item-avatar.repost-avatar {
  margin-right: 1rem;
  width: 10rem;
}

.repost-preview {
  width: 60%;
  border: 1px solid #c4c4c4;
  margin: auto;
  padding: 0.5rem;
  display: flex;
  align-items: center;
}
.repost-preview h2, .repost-preview .h2 {
  font-size: 1.4rem;
}

.community-area {
  display: flex;
}
.community-area .post-tags-list {
  max-height: 10rem;
  overflow: auto;
  border: 1px solid rgb(165, 167, 168);
  padding: 0.5rem;
  margin: 1rem;
  text-transform: capitalize;
}
.community-area .post-tags-list label {
  padding: 1rem;
}
.community-area .post-area {
  width: 100%;
  overflow: auto;
}
.community-area .post-area .community-error {
  text-align: center;
  margin: 2rem;
}
.community-area .post-area .community-error a {
  text-decoration: underline;
}
.community-area .post-area .community-overlay {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.community-area .post-area:after {
  content: "";
  height: 2rem;
  width: 100%;
  display: block;
}
.community-area .post-area .flex-row {
  justify-content: space-between;
}
.community-area .post-area .post-list .post-list-item {
  border-bottom: 1px solid #c4c4c4;
  padding: 1rem;
  width: 100%;
  display: flex;
}
.community-area .post-area .post-list .post-list-item .post-list-item-avatar {
  position: relative;
}
.community-area .post-area .post-list .post-list-item .post-list-item-avatar img {
  border-radius: 100%;
}
.community-area .post-area .post-list .post-list-item .post-list-item-avatar .vip-indicator {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: white;
  border-radius: 25px;
  padding-left: 3px;
  padding-right: 3px;
  color: #b5d013;
}
.community-area .post-area .post-list .post-list-item .post-list-item-info {
  margin-left: 1rem;
  flex: 1;
}
.community-area .post-area .post-list .post-list-item .post-list-item-info h2, .community-area .post-area .post-list .post-list-item .post-list-item-info .h2 {
  font-size: 1.25rem;
}
.community-area .post-area .post-list .post-list-item .post-list-item-info .user-post-title {
  font-weight: lighter;
}
.community-area .post-area .post-list .post-list-item .post-list-item-info .series-name {
  text-transform: uppercase;
}
.community-area .post-area .post-list .post-list-item .post-list-item-info .post-tags {
  text-transform: capitalize;
  margin-top: 0.5rem;
  font-size: 0.8rem;
}
.community-area .post-area .post-list .post-list-item .post-list-item-info .join-time {
  background-color: rgba(181, 208, 19, 0.3);
  color: #333333;
}
.community-area .post-area .post-list .post-list-item .post-list-link {
  display: flex;
  width: 99%;
  align-items: center;
}
.community-area .post-area .post-list .post-list-item div.post-icon-container {
  align-self: center;
  display: flex;
  justify-content: right;
}
.community-area .post-area .post-list .post-list-item div.post-icon-container svg.fa-chevron-right {
  color: #ef6f37;
  font-size: 2rem;
  width: 20px;
  margin-top: 1rem;
  grid-column: 1/2;
  grid-row: 2/3;
}
.community-area .post-area .repost-view {
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  margin: auto auto 1rem auto;
  padding: 1rem;
}
.community-area .post-area .post-view {
  text-align: center;
  margin: auto;
  padding: 0.5rem;
  padding-bottom: 1rem;
}
.community-area .post-area .post-view h1, .community-area .post-area .post-view .h1 {
  font-size: 2rem;
  font-weight: bolder;
}
.community-area .post-area .post-view .paywall-banner {
  background-color: white;
  box-shadow: 0 -6px 10px 5px rgba(0, 0, 0, 0.6);
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 2rem 1rem;
  z-index: 100;
  text-align: center;
}
.community-area .post-area .post-view .paywall-banner .cta-button-container .btn {
  width: auto;
}
.community-area .post-area .post-view .post-header {
  margin-bottom: 1rem;
}
.community-area .post-area .post-view .post-header .author-avatar {
  width: 70px;
  border-radius: 100%;
}
.community-area .post-area .post-view .post-header a:hover {
  color: #333333;
  text-decoration: none;
}
.community-area .post-area .post-view .community-media-area {
  padding: 1rem;
}
.community-area .post-area .post-view .community-hero {
  max-height: 40vh;
}
.community-area .post-area .post-view .post-body-area {
  text-align: left;
  padding: 0.5rem;
}
.community-area .post-area .post-view .post-body-area .cta-btn-container a {
  text-align: center;
  display: block;
}
.community-area .post-area .post-view .cta-button-container a {
  width: auto;
}
.community-area .post-area .post-view .tag-row {
  display: flex;
  flex-wrap: wrap;
}
.community-area .post-area .post-view .tag-row a {
  text-decoration: underline;
  margin: auto 0.5rem;
}
.community-area .post-area .btn-default:hover {
  background-color: #b5d013;
  color: white;
}
.community-area .post-area .community-actions {
  display: flex;
  margin: 1rem;
}
.community-area .post-area .community-actions a {
  align-self: center;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.community-area .post-area .community-actions button svg {
  margin-right: 0.5rem;
}
.community-area .post-area div.post-actions {
  border-top: 1px solid #c4c4c4 !important;
  border-bottom: 2px solid #c4c4c4;
  margin: 0;
  padding: 0.5rem;
  width: 100%;
  border-top-width: 0;
}
.community-area .post-area div.post-actions > div {
  display: flex;
  margin: auto;
}
.community-area .post-area div.post-actions.repost-actions {
  border-top: 1px solid #c4c4c4;
  margin-top: 1rem;
}
.community-area .post-area textarea#comment, .community-area .post-area .community-comment textarea {
  overflow: auto;
  flex: 1;
  border: 1px solid #494949;
  padding: 0.5rem 4rem 0.5rem 1.5rem;
  border-radius: 50px;
}
.community-area .post-interaction-btn {
  background: none;
  border: none;
  color: #333333;
  font-weight: normal;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
}
.community-area .post-interaction-btn svg {
  margin-right: 0.5rem;
}
.community-area .post-interaction-btn .interaction-count {
  color: #949494;
}

.post-interaction-btn:disabled {
  opacity: 0.5;
}

.article-card {
  border: 1px solid #c4c4c4;
  width: 100%;
  margin: 0.5rem auto;
}
.article-card h1, .article-card .h1 {
  font-size: 2rem;
}
.article-card h2, .article-card .h2 {
  font-size: 1.25rem;
}
.article-card a {
  display: flex;
}
.article-card a .article-hero {
  position: relative;
  max-width: 200px;
  height: 100%;
}
.article-card a .article-hero img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article-card a .article-info {
  padding: 0.5rem;
}

@media (max-width: 322px) {
  .post-actions .post-actions-responsive .post-interaction-btn svg, .post-actions .post-actions-responsive .post-interaction-btn img {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 0px) {
  .reposted-post {
    width: 98%;
  }
  .reposted-post h3, .reposted-post .h3 {
    font-size: 1.25rem;
  }
  .reposted-post .post-list-item {
    padding: 0.5rem;
  }
  div.communities-list a:first-child .community-card {
    border-top: 1px solid #c4c4c4;
  }
  div.communities-list .channel-card {
    border-top: 1px solid #c4c4c4;
  }
  .communities-intro {
    padding: 1.5rem 0.5rem;
  }
  .communities-intro h1, .communities-intro .h1 {
    font-size: 1.75rem;
  }
  .community-header a {
    width: 100%;
  }
  .community-header button {
    width: 100%;
  }
  .community-header p {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .community-actions a, .community-actions button {
    width: 100%;
  }
  .filter-list {
    padding: 0.5rem;
    margin: 1rem;
  }
  .post-area {
    height: auto;
  }
  .post-area .community-overlay {
    padding: 0.5rem;
  }
  .post-area .community-overlay .btn {
    margin: 0.5rem;
  }
  div.repost-view {
    width: 85%;
  }
  .post-view {
    width: 100%;
  }
  .post-view video {
    max-height: 375px;
  }
  .post-view .post-header .author-avatar {
    display: block;
    margin: auto auto 0.5rem auto;
  }
  .post-view .post-header span, .post-view .post-header table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .post-view .post-header td[data-hook=cart_item_price], .post-view .post-header table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .post-view .post-header td[data-hook=cart_item_total] {
    font-size: 1.25rem;
  }
  .post-view .post-header span img, .post-view .post-header table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price] img, table#cart-detail-dogly tbody#line_items tr .post-view .post-header td[data-hook=cart_item_price] img, .post-view .post-header table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total] img, table#cart-detail-dogly tbody#line_items tr .post-view .post-header td[data-hook=cart_item_total] img {
    width: 1rem;
    margin-bottom: 4px;
  }
  .post-view .post-header p {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 0.75rem;
  }
  .post-view .article-card {
    width: 100%;
  }
  .post-view .paywall-banner {
    width: 100%;
  }
  .post-actions > div {
    width: 100%;
    justify-content: space-between;
  }
  .post-list-link:hover {
    color: #333333;
    text-decoration: none;
  }
  .post-form-buttons {
    text-align: center;
  }
  .post-form-buttons button, .post-form-buttons a {
    width: 100%;
    margin: 0.5rem auto;
  }
  .post-list-item {
    padding: 0.25rem;
  }
  .post-list-item .post-list-item-info {
    overflow: hidden;
  }
  .post-list-item .post-list-item-avatar {
    width: 75px;
  }
  .community-card, .channel-card {
    width: 100vw;
    border-bottom: 1px solid #c4c4c4;
    padding: 0.5rem;
  }
  a > .channel-card {
    padding-bottom: 0;
  }
  .communities-side-list {
    display: none;
  }
}
@media (min-width: 768px) {
  div.reposted-post {
    width: 80%;
  }
  div.reposted-post h3, div.reposted-post .h3 {
    font-size: 1.5rem;
  }
  div.reposted-post .post-list-item {
    padding: 1rem;
  }
  div.post-actions > div {
    justify-content: space-around;
  }
  .community-header a, .community-header button {
    width: auto;
  }
  .community-header button {
    margin-left: 1rem;
  }
  .community-header p {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .community-actions a, .community-actions button {
    width: auto;
    align-self: center;
  }
  .community-card .community-card-img {
    grid-row: 1/4;
  }
  .community-card .community-card-img img {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  }
  .community-card .community-card-one-liner {
    grid-column: 2/3;
  }
  .post-form-buttons button, .post-form-buttons a {
    margin: 0.5rem;
    width: auto;
  }
  .post-form-buttons button {
    margin-left: 0;
  }
}
@media (min-width: 1039px) {
  .communities-intro {
    padding: 2.5rem 18rem 1rem 18rem;
  }
  .community-card, .channel-card {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    margin: 1rem;
    padding: 0.5rem 0;
  }
  .community-card h3, .community-card .h3, .channel-card h3, .channel-card .h3 {
    text-align: center;
  }
  .community-card {
    width: 45vw;
  }
  .channel-card {
    width: 23vw;
  }
  div.community-header p {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .post-area {
    height: 90vh;
    width: 67%;
  }
  .post-area .community-overlay {
    padding: 2rem;
  }
  .post-area .post-list .post-list-item .post-list-item-avatar {
    width: 100px;
  }
  .post-area .post-header {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
  }
  .post-area .post-header a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .post-area .post-header .author-avatar {
    display: inline;
    margin: 0.5rem;
    margin-right: 1rem;
  }
  .communities-intro h1, .communities-intro .h1 {
    font-size: 2.5rem;
  }
  .filter-list {
    padding: 0;
    margin: 0;
  }
  .post-actions > div {
    width: 65%;
  }
  .post-view {
    width: 80%;
  }
  .post-view .paywall-banner {
    width: 80%;
  }
  div.post-view.repost-view {
    width: 65%;
  }
  div.post-view.repost-view .paywall-banner {
    width: 60%;
  }
  .article-card {
    width: 80%;
  }
  .communities-side-list {
    display: initial;
    width: 33%;
    min-width: 360px;
    background-color: #f3f3f3;
    padding: 0.5rem 0 0.5rem 0.5rem;
    height: 90vh;
    overflow: auto;
  }
  .communities-side-list .channel-icon {
    border-radius: 100%;
    background-color: #c4c4c4;
    font-size: 0.75rem;
    padding: 0.15rem 0.52rem;
    margin: 0rem 0.5rem;
  }
  .communities-side-list h2, .communities-side-list .h2 {
    display: inline;
    font-size: 1.25rem;
  }
  .communities-side-list ul {
    list-style: none;
    padding-left: 0;
    overflow: scroll;
    height: 93%;
  }
  .communities-side-list ul li {
    padding: 0.5rem;
  }
  .communities-side-list ul li.active {
    border-right: 4px solid #b5d013;
  }
  .communities-side-list ul li a {
    display: flex;
    align-items: center;
  }
  .communities-side-list ul li a > img {
    width: 75px;
    border-radius: 100%;
    margin-right: 1rem;
  }
  .communities-side-list ul li a:hover {
    color: #333333;
    text-decoration: none;
  }
  .communities-side-list ul li a .community-name {
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 0;
  }
  .communities-side-list ul li a .community-type {
    font-size: 0.75rem;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.5px;
  }
  .filter-list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
}
@media (min-width: 1400px) {
  .community-card {
    width: 30vw;
    min-height: 21rem;
  }
  .community-card {
    width: 30vw;
  }
}
@media (min-width: 1800px) {
  .community-card, .channel-card {
    width: 22vw;
  }
}
/*
  Add, Edit, and Repost
*/
.post-add-heading {
  text-align: center;
  font-size: 1.75rem;
  margin-top: 2rem;
  font-weight: bolder;
}

.required-field {
  color: rgb(150, 40, 27);
}

.post-add-form {
  width: 80%;
  margin: 1.5rem auto;
}
.post-add-form .post-form-area {
  margin: 1rem auto;
}
.post-add-form .post-form-area input[type=text].form-control {
  padding: 0.5rem;
}
.post-add-form .post-form-area .post-media {
  padding: 1rem;
}
.post-add-form .post-form-area legend {
  font-size: 1rem;
}
.post-add-form .post-form-area .character-count {
  display: flex;
  justify-content: right;
}
.post-add-form .post-form-area .tags-list-area {
  max-height: 10rem;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #c4c4c4;
  padding: 0.5rem;
}
.post-add-form .post-form-area .tags-list-area label {
  width: auto;
  white-space: nowrap;
  padding: 0.25rem;
  text-transform: capitalize;
}

.content-page {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.content-page .content-page-author-section {
  background-color: rgba(230, 231, 232, 0.2);
  border-radius: 15px;
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
  margin: 0rem 0rem 2.5rem 0rem;
  max-width: 1000px;
  padding: 2.5rem;
  width: calc(100% - 5rem);
}
@media (max-width: 768px) {
  .content-page .content-page-author-section {
    flex-wrap: wrap;
    justify-content: center;
    padding: 1rem;
    width: calc(100% - 2rem);
  }
}
.content-page .content-page-author-section .profile-image {
  border-radius: 100%;
  height: 200px;
  width: 200px;
}
.content-page .content-page-author-section .section-details-area {
  display: flex;
  flex-direction: column;
}
.content-page .content-page-author-section .section-details-area a {
  color: #ef6f37;
  font-weight: 500;
  text-decoration: underline;
}
.content-page .content-page-author-section .section-details-area a:focus, .content-page .content-page-author-section .section-details-area a:hover {
  color: #b5d013;
  font-weight: 500;
  outline: none;
}
.content-page .content-page-author-section .section-details-area .area-dogly-loves {
  margin: 0rem 0rem 2.5rem 0rem;
}
.content-page .content-page-author-section .section-details-area .area-mission {
  margin: 1rem 0rem 0rem 0rem;
}
.content-page .content-page-author-section .section-details-area .area-info {
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
}
@media (max-width: 768px) {
  .content-page .content-page-author-section .section-details-area .area-info {
    flex-direction: column;
  }
}
.content-page .content-page-author-section .section-details-area .area-info .info-certifications {
  flex-direction: column;
  width: 50%;
}
@media (max-width: 768px) {
  .content-page .content-page-author-section .section-details-area .area-info .info-certifications {
    width: 100%;
  }
}
.content-page .content-page-author-section .section-details-area .area-info .info-can-help-with {
  flex-direction: column;
  width: 50%;
}
@media (max-width: 768px) {
  .content-page .content-page-author-section .section-details-area .area-info .info-can-help-with {
    width: 100%;
  }
}
.content-page .content-page-closing-section {
  align-items: flex-start;
  background-position: right center;
  background-size: cover;
  display: flex;
  height: 59vh;
  margin: 0rem;
  min-height: 580px;
  width: 100%;
}
@media (max-width: 992px) {
  .content-page .content-page-closing-section {
    background-position: 75% center;
  }
}
@media (max-width: 768px) {
  .content-page .content-page-closing-section {
    background-position: 95% center;
    height: auto;
    min-height: 460px;
  }
}
@media (max-width: 544px) {
  .content-page .content-page-closing-section {
    background-position: 85% center;
    height: auto;
    min-height: 380px;
  }
}
.content-page .content-page-closing-section .closing-section-text-area {
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-direction: column;
  height: 59vh;
  justify-content: center;
  min-height: 580px;
  padding: 5vmax;
  position: relative;
  width: 100%;
  z-index: 5;
}
.content-page .content-page-closing-section .closing-section-text-area .closing-text {
  margin: auto;
  max-width: 1000px;
  padding: 0rem 2.5rem;
}
@media (max-width: 768px) {
  .content-page .content-page-closing-section .closing-section-text-area {
    height: auto;
    min-height: 460px;
    padding: 1.5rem;
  }
}
@media (max-width: 544px) {
  .content-page .content-page-closing-section .closing-section-text-area {
    height: auto;
    min-height: 380px;
  }
}
.content-page .content-page-closing-section .closing-section-text-area a {
  color: #ef6f37 !important;
  text-decoration: underline !important;
}
.content-page .content-page-closing-section .closing-section-text-area a:focus {
  color: #b5d013 !important;
  font-weight: bolder !important;
  outline: none;
}
.content-page .content-page-closing-section .closing-section-text-area a:hover {
  color: #b5d013 !important;
  font-weight: bolder !important;
}
.content-page .content-page-closing-section .closing-section-text-area p {
  font-size: 1.1rem;
  margin: 0rem;
}
.content-page .content-page-header-section {
  align-items: center;
  background-position: right center;
  background-size: cover;
  display: flex;
  height: 59vh;
  margin: 0rem 0rem 5rem 0rem;
  min-height: 580px;
  width: 100%;
}
@media (max-width: 992px) {
  .content-page .content-page-header-section {
    background-position: 75% center;
  }
}
@media (max-width: 768px) {
  .content-page .content-page-header-section {
    background-position: 95% center;
    height: auto;
    margin: 0rem 0rem 2.5rem 0rem;
    min-height: 460px;
  }
}
@media (max-width: 544px) {
  .content-page .content-page-header-section {
    background-position: 85% center;
    height: auto;
    margin: 0rem 0rem 0rem 0rem;
    min-height: 380px;
  }
}
.content-page .content-page-header-section .select-items div:hover, .content-page .content-page-header-section .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.content-page .content-page-header-section .darker {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.45) 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.45) 100%), linear-gradient(to right, rgba(0, 0, 0, 0.35) 5%, rgba(0, 0, 0, 0.2) 60%), linear-gradient(to left, rgba(0, 0, 0, 0.35) 5%, rgba(0, 0, 0, 0.2) 30%);
}
.content-page .content-page-header-section .lighter {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 20%, rgba(0, 0, 0, 0.45) 90%);
}
.content-page .content-page-header-section .header-section-text-area {
  color: white;
  display: flex;
  flex-direction: column;
  height: 59vh;
  justify-content: space-around;
  min-height: 580px;
  padding: 5vmax;
  position: relative;
  width: 100%;
  z-index: 5;
}
@media (max-width: 768px) {
  .content-page .content-page-header-section .header-section-text-area {
    height: auto;
    min-height: 460px;
    padding: 1.5rem;
  }
}
@media (max-width: 544px) {
  .content-page .content-page-header-section .header-section-text-area {
    height: auto;
    min-height: 380px;
  }
}
.content-page .content-page-header-section .header-section-text-area .author {
  flex-grow: 1;
  font-size: 2rem;
  font-style: italic;
  text-align: right;
}
.content-page .content-page-header-section .header-section-text-area .author a {
  color: white;
  text-decoration: underline;
}
.content-page .content-page-header-section .header-section-text-area .author a:active, .content-page .content-page-header-section .header-section-text-area .author a:hover {
  color: #b5d013;
}
.content-page .content-page-header-section .header-section-text-area .author a:focus {
  color: #b5d013;
  outline: none;
  text-decoration: underline;
}
@media (max-width: 992px) {
  .content-page .content-page-header-section .header-section-text-area .author {
    font-size: 1.75rem;
  }
}
@media (max-width: 768px) {
  .content-page .content-page-header-section .header-section-text-area .author {
    font-size: 1.25rem;
  }
}
@media (max-width: 544px) {
  .content-page .content-page-header-section .header-section-text-area .author {
    flex-grow: 0;
    font-size: 1rem;
  }
}
.content-page .content-page-header-section .header-section-text-area .mobile-position-in-channel {
  display: none;
}
.content-page .content-page-header-section .header-section-text-area .mobile-position-in-channel a {
  text-decoration: underline !important;
}
.content-page .content-page-header-section .header-section-text-area .mobile-position-in-channel a:focus {
  color: #b5d013 !important;
  outline: none;
}
.content-page .content-page-header-section .header-section-text-area .mobile-position-in-channel a:visited {
  color: #b5d013 !important;
}
@media (max-width: 544px) {
  .content-page .content-page-header-section .header-section-text-area .mobile-position-in-channel {
    align-self: flex-end;
    display: block;
    flex-grow: 1;
    text-align: right;
  }
}
.content-page .content-page-header-section .header-section-text-area .title {
  font-family: "Sutro", serif;
  font-size: 4rem;
}
@media (max-width: 1200px) {
  .content-page .content-page-header-section .header-section-text-area .title {
    font-size: 3.5rem;
  }
}
@media (max-width: 992px) {
  .content-page .content-page-header-section .header-section-text-area .title {
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  .content-page .content-page-header-section .header-section-text-area .title {
    font-size: 2.5rem;
  }
}
@media (max-width: 544px) {
  .content-page .content-page-header-section .header-section-text-area .title {
    font-size: 2rem;
  }
}
.content-page .content-page-header-section .header-section-text-area .navigation {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  margin: 1.5rem 0rem 0rem 0rem;
  text-align: center;
}
.content-page .content-page-header-section .header-section-text-area .navigation a.btn-transparent-white {
  min-width: 135px;
}
.content-page .content-page-header-section .header-section-text-area .navigation .btn-transparent-white {
  cursor: pointer;
  font-size: 1rem;
  padding: 1rem 2.5rem;
}
.content-page .content-page-header-section .header-section-text-area .navigation .btn-transparent-white:disabled:hover, .content-page .content-page-header-section .header-section-text-area .navigation .btn-transparent-white:disabled:focus {
  border: 1px solid white;
  cursor: not-allowed;
  outline: none;
}
.content-page .content-page-header-section .header-section-text-area .navigation .btn-transparent-white:hover, .content-page .content-page-header-section .header-section-text-area .navigation .btn-transparent-white:focus {
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid white;
  color: white !important;
  outline: none;
}
@media (max-width: 768px) {
  .content-page .content-page-header-section .header-section-text-area .navigation .btn-transparent-white {
    font-size: 1rem;
    padding: 0.75rem 1.75rem;
  }
}
@media (max-width: 544px) {
  .content-page .content-page-header-section .header-section-text-area .navigation {
    display: none;
  }
}
@media (max-width: 768px) {
  .content-page .content-page-header-section .header-section-text-area .navigation {
    justify-content: center;
  }
}
.content-page .content-page-header-section .header-section-text-area .navigation .channel-area {
  display: flex;
  flex-direction: column;
  min-width: 50%;
  /* The container must be positioned relative: */
  /* Style the arrow inside the select element: */
  /* Point the arrow upwards when the select box is open (active): */
  /* style the items (options), including the selected item: */
  /* Style items (options): */
  /* Hide the items when the select box is closed: */
}
@media (max-width: 768px) {
  .content-page .content-page-header-section .header-section-text-area .navigation .channel-area {
    order: 1;
  }
}
.content-page .content-page-header-section .header-section-text-area .navigation .channel-area svg {
  position: absolute;
  top: 25%;
  align-self: flex-end;
  justify-self: flex-end;
  display: flex;
  margin-right: 1rem;
  min-height: 2rem;
  min-width: 2rem;
  z-index: -1;
}
@media (max-width: 768px) {
  .content-page .content-page-header-section .header-section-text-area .navigation .channel-area svg {
    top: 15%;
  }
}
.content-page .content-page-header-section .header-section-text-area .navigation .channel-area .post-select {
  display: flex;
  flex-direction: column;
  position: relative;
}
.content-page .content-page-header-section .header-section-text-area .navigation .channel-area .post-select .btn-transparent-white {
  padding: 1rem 5rem 1rem 2.5rem;
}
@media (max-width: 768px) {
  .content-page .content-page-header-section .header-section-text-area .navigation .channel-area .post-select .btn-transparent-white {
    padding: 0.75rem 3.5rem 0.75rem 1.75rem;
  }
}
.content-page .content-page-header-section .header-section-text-area .navigation .channel-area .post-select .fa:first-of-type {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: right;
  padding: 0rem 1rem 0rem 0rem;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.content-page .content-page-header-section .header-section-text-area .navigation .channel-area .post-select select {
  display: none; /*hide original SELECT element: */
}
.content-page .content-page-header-section .header-section-text-area .navigation .channel-area .select-selected {
  background-color: transparent;
  color: white !important;
}
.content-page .content-page-header-section .header-section-text-area .navigation .channel-area .select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
.content-page .content-page-header-section .header-section-text-area .navigation .channel-area .select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
.content-page .content-page-header-section .header-section-text-area .navigation .channel-area .select-items div, .content-page .content-page-header-section .header-section-text-area .navigation .channel-area .select-selected {
  color: #333333;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
.content-page .content-page-header-section .header-section-text-area .navigation .channel-area .select-items {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  left: 0;
  margin: 0.25rem 0rem 0rem 0rem;
  max-height: 350px;
  position: absolute;
  overflow: auto;
  right: 0;
  top: 100%;
  z-index: 99;
}
.content-page .content-page-header-section .header-section-text-area .navigation .channel-area .select-hide {
  display: none;
}
.content-page .content-page-header-section .header-section-text-area .navigation .channel-area .position-in-channel {
  margin: 1rem 0rem 0rem 0rem;
}
.content-page .content-page-header-section .header-section-text-area .navigation .channel-area .position-in-channel a {
  text-decoration: underline !important;
}
.content-page .content-page-header-section .header-section-text-area .navigation .channel-area .position-in-channel a:focus {
  color: #b5d013 !important;
  outline: none;
}
.content-page .content-page-header-section .header-section-text-area .navigation .channel-area .position-in-channel a:hover {
  color: #b5d013 !important;
}
.content-page .content-page-header-section .header-section-text-area .navigation .disabled:hover, .content-page .content-page-header-section .header-section-text-area .navigation .disabled:focus {
  background-color: transparent;
  border: 1px solid white;
  cursor: not-allowed;
  text-decoration: none;
}
.content-page .dogly-partnerships {
  background-color: unset;
}
.content-page .dogly-partnerships .partnership-image {
  border-radius: 5px;
}
.content-page .mobile-navigation {
  display: none;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  margin: 0rem 0rem 1.5rem 0rem;
  padding: 1rem 1rem 1rem 1rem;
  text-align: center;
}
@media (max-width: 544px) {
  .content-page .mobile-navigation {
    display: flex;
    padding: 0.75rem;
  }
}
.content-page .mobile-navigation .btn-transparent-white {
  border: 1px solid #333333;
  color: #333333;
  cursor: pointer;
  font-size: 1.5rem;
  order: 1;
  padding: 1rem 2.5rem;
}
.content-page .mobile-navigation .btn-transparent-white:disabled:hover, .content-page .mobile-navigation .btn-transparent-white:disabled:focus {
  border: 1px solid #333333;
  cursor: not-allowed;
  outline: none;
}
.content-page .mobile-navigation .btn-transparent-white:hover, .content-page .mobile-navigation .btn-transparent-white:focus {
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid #333333;
  color: #333333 !important;
  outline: none;
}
@media (max-width: 768px) {
  .content-page .mobile-navigation .btn-transparent-white {
    font-size: 1rem;
    padding: 0.75rem 1.75rem;
  }
}
@media (max-width: 768px) {
  .content-page .mobile-navigation {
    justify-content: center;
  }
}
.content-page .mobile-navigation .channel-area {
  display: flex;
  flex-direction: column;
  min-width: 50%;
  /* The container must be positioned relative: */
  /* Style the arrow inside the select element: */
  /* Point the arrow upwards when the select box is open (active): */
  /* style the items (options), including the selected item: */
  /* Style items (options): */
  /* Hide the items when the select box is closed: */
}
@media (max-width: 768px) {
  .content-page .mobile-navigation .channel-area {
    order: 0;
    width: 100%;
  }
}
.content-page .mobile-navigation .channel-area .fa {
  position: absolute;
  top: 1rem;
  align-self: flex-end;
  justify-self: flex-end;
  display: flex;
  margin-right: 0.05rem;
  min-height: 2rem;
  min-width: 2rem;
  z-index: -1;
}
.content-page .mobile-navigation .channel-area .post-select {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 768px) {
  .content-page .mobile-navigation .channel-area .post-select .fa {
    margin-right: 0.25rem;
  }
}
.content-page .mobile-navigation .channel-area .post-select .btn-transparent-white {
  padding: 1rem 5rem 1rem 2.5rem;
}
@media (max-width: 768px) {
  .content-page .mobile-navigation .channel-area .post-select .btn-transparent-white {
    padding: 0.75rem 1.75rem 0.75rem 0.5rem;
  }
}
.content-page .mobile-navigation .channel-area .post-select select {
  display: none; /*hide original SELECT element: */
}
.content-page .mobile-navigation .channel-area .select-selected {
  background-color: transparent;
  color: #333333 !important;
}
.content-page .mobile-navigation .channel-area .select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #333333 transparent transparent transparent;
}
.content-page .mobile-navigation .channel-area .select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
.content-page .mobile-navigation .channel-area .select-items div, .content-page .mobile-navigation .channel-area .select-selected {
  color: #333333;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
.content-page .mobile-navigation .channel-area .select-items {
  background-color: white;
  border: 1px solid #333333;
  border-radius: 5px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  left: 0;
  margin: 0.25rem 0rem 0rem 0rem;
  max-height: 350px;
  position: absolute;
  overflow: auto;
  right: 0;
  top: 100%;
  z-index: 99;
}
.content-page .mobile-navigation .channel-area .select-hide {
  display: none;
}
.content-page .mobile-navigation .channel-area .position-in-channel {
  margin: 1rem 0rem 0rem 0rem;
}
.content-page .mobile-navigation .channel-area .position-in-channel a {
  text-decoration: underline !important;
}
.content-page .mobile-navigation .channel-area .position-in-channel a:focus {
  color: #b5d013 !important;
  outline: none;
}
.content-page .mobile-navigation .channel-area .position-in-channel a:hover {
  color: #b5d013 !important;
}
.content-page .mobile-navigation .disabled:hover, .content-page .mobile-navigation .disabled:focus {
  background-color: transparent;
  border: 1px solid #333333;
  cursor: not-allowed;
  text-decoration: none;
}
.content-page .content-page-body-section {
  max-width: 1000px;
  margin: 0rem 0rem 2.5rem 0rem;
  padding: 0rem 2.5rem;
}
@media (max-width: 768px) {
  .content-page .content-page-body-section {
    padding: 0rem 2.5rem;
  }
}
@media (max-width: 544px) {
  .content-page .content-page-body-section {
    max-width: 100vw;
    padding: 0rem 1.25rem;
  }
}
.content-page .content-page-body-section a {
  color: #ef6f37 !important;
  text-decoration: underline !important;
}
.content-page .content-page-body-section a:focus {
  color: #b5d013 !important;
  font-weight: bolder !important;
  outline: none;
}
.content-page .content-page-body-section a:hover {
  color: #b5d013 !important;
  font-weight: bolder !important;
}
.content-page .content-page-body-section p {
  font-size: 1.1rem;
  margin: 0rem;
}
.content-page .content-page-body-section .content-image {
  max-width: 300px;
}
.content-page .content-page-body-section .image-panel {
  background-color: rgba(230, 231, 232, 0.2);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-around;
  padding: 2.5rem;
}
.content-page .content-page-body-section .image-panel h2, .content-page .content-page-body-section .image-panel .h2 {
  max-width: 350px;
  min-width: 300px;
  text-align: center;
  width: 66%;
}
.content-page .content-page-body-section .image-panel p {
  max-width: 350px;
  min-width: 300px;
}
.content-page .content-page-body-section .image-panel .panel-info-area {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 350px;
  width: 50%;
}
@media (max-width: 768px) {
  .content-page .content-page-body-section .image-panel .panel-info-area {
    min-width: unset;
    width: -webkit-fill-available;
  }
}
.content-page .content-page-body-section .image-panel .panel-info-area .btn-active {
  align-items: center;
  border: 1px solid #ef6f37;
  color: white !important;
  cursor: pointer;
  display: flex;
  min-height: 40px;
  padding: 0.25rem 1rem;
  text-decoration: none !important;
}
.content-page .content-page-body-section .image-panel .panel-info-area .btn-active:focus, .content-page .content-page-body-section .image-panel .panel-info-area .btn-active:hover {
  background-color: #b5d013;
  border: 1px solid #b5d013 !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: white !important;
  font-weight: normal !important;
  outline: none;
  text-decoration: none;
}
.content-page .content-page-body-section .image-panel .panel-info-area .btn-inactive {
  align-items: center;
  border: 1px solid #ef6f37 !important;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  min-height: 40px;
  padding: 0.25rem 1rem;
  text-decoration: none !important;
}
.content-page .content-page-body-section .image-panel .panel-info-area .btn-inactive:focus, .content-page .content-page-body-section .image-panel .panel-info-area .btn-inactive:hover {
  background-color: #b5d013;
  border: 1px solid #b5d013 !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: white !important;
  outline: none;
  text-decoration: none !important;
}
.content-page .content-page-body-section .recipe h1, .content-page .content-page-body-section .recipe .h1 {
  text-align: center;
}
.content-page .content-page-body-section .recipe h3, .content-page .content-page-body-section .recipe .h3 {
  text-align: center;
}
.content-page .content-page-body-section .wide-panel {
  align-items: flex-end;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  min-height: 400px;
  margin: 2.5rem 0rem;
  padding: 2.5rem;
  position: relative;
  --dynamic-dog: unset;
  --dynamic-left: 0px;
  --dynamic-image: #e6e7e8;
  --dynamic-tranform: scaleX(1);
}
@media (max-width: 768px) {
  .content-page .content-page-body-section .wide-panel {
    padding: 1rem;
  }
}
.content-page .content-page-body-section .wide-panel h1, .content-page .content-page-body-section .wide-panel .h1 {
  font-size: 3.5rem;
  line-height: 1;
  min-width: 350px;
  text-align: center;
  width: 66%;
}
@media (max-width: 1200px) {
  .content-page .content-page-body-section .wide-panel h1, .content-page .content-page-body-section .wide-panel .h1 {
    font-size: 3.5rem;
  }
}
@media (max-width: 992px) {
  .content-page .content-page-body-section .wide-panel h1, .content-page .content-page-body-section .wide-panel .h1 {
    font-size: 3rem;
  }
}
@media (max-width: 880px) {
  .content-page .content-page-body-section .wide-panel h1, .content-page .content-page-body-section .wide-panel .h1 {
    max-width: 70%;
    min-width: unset;
  }
}
@media (max-width: 768px) {
  .content-page .content-page-body-section .wide-panel h1, .content-page .content-page-body-section .wide-panel .h1 {
    font-size: 2.5rem;
    max-width: 100%;
    min-width: 100%;
  }
}
@media (max-width: 544px) {
  .content-page .content-page-body-section .wide-panel h1, .content-page .content-page-body-section .wide-panel .h1 {
    font-size: 2rem;
  }
}
.content-page .content-page-body-section .wide-panel p {
  min-width: 350px;
  text-align: center;
  width: 66%;
}
@media (max-width: 880px) {
  .content-page .content-page-body-section .wide-panel p {
    max-width: 70%;
    min-width: unset;
  }
}
@media (max-width: 768px) {
  .content-page .content-page-body-section .wide-panel p {
    max-width: 100%;
    min-width: 100%;
  }
}
.content-page .content-page-body-section .wide-panel .btn-active {
  align-items: center;
  align-self: center;
  border: 1px solid #ef6f37;
  color: white !important;
  cursor: pointer;
  display: flex;
  justify-content: center;
  min-height: 40px;
  padding: 0.25rem 1rem;
  text-decoration: none !important;
}
.content-page .content-page-body-section .wide-panel .btn-active:focus, .content-page .content-page-body-section .wide-panel .btn-active:hover {
  background-color: #b5d013;
  border: 1px solid #b5d013 !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: white !important;
  font-weight: normal !important;
  outline: none;
  text-decoration: none;
}
.content-page .content-page-body-section .wide-panel .panel-button-container {
  width: 66%;
  justify-content: center;
  display: flex;
}
@media (max-width: 880px) {
  .content-page .content-page-body-section .wide-panel .panel-button-container {
    max-width: 70%;
    min-width: unset;
  }
}
@media (max-width: 768px) {
  .content-page .content-page-body-section .wide-panel .panel-button-container {
    max-width: 100%;
    min-width: 100%;
  }
}
.content-page .content-page-body-section .wide-panel::after {
  background: var(--dynamic-image);
  background-size: cover;
  bottom: 0px;
  content: "";
  display: flex;
  height: 120%;
  left: var(--dynamic-left);
  position: absolute;
  top: -10%;
  width: 100vw;
  z-index: -2;
}
.content-page .content-page-body-section .wide-panel::before {
  background: white var(--dynamic-dog);
  background-size: cover;
  border-radius: 15px;
  bottom: 0px;
  content: "";
  display: flex;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: var(--dynamic-transform);
  -webkit-transform: var(--dynamic-transform);
  width: 100%;
  z-index: -1;
}
@media (max-width: 768px) {
  .content-page .content-page-body-section .wide-panel::before {
    background: white;
  }
}
.content-page .copy-sign-in {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.content-page .copy-sign-in p {
  flex-grow: unset !important;
  max-width: unset !important;
  min-width: unset !important;
  white-space: pre-wrap;
}
.content-page .copy-sign-in p a {
  color: #ef6f37;
  font-weight: 600;
  text-decoration: underline;
}
.content-page .copy-sign-in p a:focus, .content-page .copy-sign-in p a:hover {
  color: #b5d013;
  font-weight: 600;
  outline: none;
  text-decoration: underline;
}
.content-page .copy-sign-in.recipe {
  align-self: flex-end;
}
.content-page .copy-sign-in.recipe a {
  font-weight: bolder;
}
.content-page .copy-sign-in.recipe p {
  max-width: unset;
  min-width: unset;
}
.content-page .panel-cta-area {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1.25rem;
  width: 100%;
}
@media (max-width: 768px) {
  .content-page .panel-cta-area {
    width: unset;
  }
}
.content-page .panel-cta-area .btn-active {
  align-items: center;
  border: 1px solid #ef6f37;
  color: white !important;
  cursor: pointer;
  display: flex;
  min-height: 40px;
  padding: 0.25rem 1rem;
  text-decoration: none !important;
}
.content-page .panel-cta-area .btn-active:focus, .content-page .panel-cta-area .btn-active:hover {
  background-color: #b5d013;
  border: 1px solid #b5d013 !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: white !important;
  font-weight: normal !important;
  outline: none;
  text-decoration: none;
}
.content-page .panel-cta-area .btn-inactive {
  align-items: center;
  border: 1px solid #ef6f37 !important;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  min-height: 40px;
  padding: 0.25rem 1rem;
  text-decoration: none !important;
}
.content-page .panel-cta-area .btn-inactive:focus, .content-page .panel-cta-area .btn-inactive:hover {
  background-color: #b5d013;
  border: 1px solid #b5d013 !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: white !important;
  outline: none;
  text-decoration: none !important;
}
.content-page .panel-cta-area .button_to {
  width: -moz-min-content;
  width: min-content;
  display: flex;
  align-self: center;
}
.content-page .panel-cta-area .button-options {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.content-page .panel-cta-area .button-options a:nth-of-type(2) {
  margin: 0rem 0rem 0rem 1rem;
}
.content-page .panel-cta-area .plan-blurb {
  flex-grow: 1;
  font-size: 1rem;
  margin: 0rem 0rem 1rem 0rem;
}
@media (max-width: 768px) {
  .content-page .panel-cta-area strong {
    align-self: center;
  }
}
.content-page .panel-cta-area.recipe {
  gap: 1rem;
  padding: 0.5rem;
  width: -webkit-fill-available;
}
@media (max-width: 768px) {
  .content-page .panel-cta-area.recipe {
    min-width: unset;
  }
}
.content-page .panel-cta-area.recipe strong {
  color: #767676;
  font-size: 1.5rem;
}
.content-page .panel-cta-area.recipe .btn-active, .content-page .panel-cta-area.recipe .btn-inactive {
  justify-content: center;
  min-width: 100px;
}
.content-page .video-cta-panel {
  background-color: rgba(230, 231, 232, 0.2);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-around;
  margin: 0rem 2.5rem 2.5rem 2.5rem;
  max-width: 1000px;
  min-height: 400px;
  padding: 2.5rem;
  width: calc(100% - 5rem);
}
@media (max-width: 544px) {
  .content-page .video-cta-panel {
    padding: 1rem;
    width: calc(100% - 2rem);
  }
}
.content-page .video-cta-panel .info-area {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}
.content-page .video-cta-panel .info-area .image-side img {
  max-height: 250px;
  max-width: 250px;
}
.content-page .video-cta-panel .info-area .join-side {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
@media (max-width: 768px) {
  .content-page .video-cta-panel .info-area .join-side {
    flex-direction: column;
  }
}
.content-page .video-cta-panel .info-area .join-side .cta-area {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 300px;
  min-width: 250px;
  padding: 1.25rem;
  width: 50%;
}
@media (max-width: 768px) {
  .content-page .video-cta-panel .info-area .join-side .cta-area {
    width: unset;
  }
}
.content-page .video-cta-panel .info-area .join-side .cta-area strong {
  color: #767676;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .content-page .video-cta-panel .info-area .join-side .cta-area strong {
    align-self: center;
  }
}
.content-page .video-cta-panel .info-area .join-side .cta-area .btn-active {
  border: 1px solid #ef6f37;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  align-self: flex-end;
  font-size: 1.5rem;
  padding: 0.5rem 1.5rem;
  text-align: center;
}
.content-page .video-cta-panel .info-area .join-side .cta-area .button_to {
  width: -moz-min-content;
  width: min-content;
  display: flex;
  align-self: center;
}
.content-page .video-cta-panel .info-area .join-side .cta-area .button-options {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.content-page .video-cta-panel .info-area .join-side .cta-area .button-options a:nth-of-type(2) {
  margin: 0rem 0rem 0rem 1rem;
}
.content-page .video-cta-panel .info-area .join-side .cta-area .plan-blurb {
  flex-grow: 1;
  font-size: 1rem;
  margin: 0rem 0rem 1rem 0rem;
}
.content-page .video-panel {
  background-color: rgba(230, 231, 232, 0.2);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-around;
  margin: 0rem 2.5rem 2.5rem 2.5rem;
  max-width: 1000px;
  min-height: 400px;
  padding: 2.5rem;
  width: calc(100% - 5rem);
}
@media (max-width: 544px) {
  .content-page .video-panel {
    padding: 1rem;
    width: calc(100% - 2rem);
  }
}
.content-page .video-panel p {
  max-width: 450px;
  min-width: 350px;
}
@media (max-width: 1075px) {
  .content-page .video-panel p {
    max-width: unset;
    min-width: unset;
    order: -1;
  }
}
.content-page .video-panel .panel-video-container {
  bottom: 0;
  border: 0;
  height: auto;
  left: 0;
  max-width: 500px;
  min-height: 320px;
  min-width: 350px;
  position: relative;
  top: 0;
  width: 450px;
}
@media (max-width: 544px) {
  .content-page .video-panel .panel-video-container {
    min-width: unset;
    padding: 1rem;
  }
}
.content-page .video-panel .panel-video-container iframe {
  border: 0;
  height: 100%;
  width: 100%;
}
.content-page .video-panel .panel-video-container img {
  width: inherit;
}
.content-page .content-page-additional-section {
  border-radius: 15px;
  background-color: rgba(230, 231, 232, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0rem 0rem 2.5rem 0rem;
  max-width: 1000px;
  padding: 1.25rem 2.5rem;
  width: 95vw;
}
@media (max-width: 425px) {
  .content-page .content-page-additional-section {
    text-align: center !important;
  }
}
@media (max-width: 544px) {
  .content-page .content-page-additional-section {
    text-align: left;
  }
}
.content-page .content-page-additional-section h1, .content-page .content-page-additional-section .h1 {
  margin: 1rem 0rem 1rem 0rem;
  text-align: center;
}
.content-page .content-page-additional-section p {
  margin: 1rem 0rem 0rem 0rem;
}
.content-page .content-page-additional-section strong {
  color: #767676;
  font-size: 1.5rem;
}
.content-page .content-page-additional-section .btn-active {
  border: 1px solid #ef6f37;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  align-self: flex-end;
  font-size: 1.5rem;
  padding: 0.5rem 1.5rem;
  text-align: center;
}
@media (max-width: 768px) {
  .content-page .content-page-additional-section .btn-active {
    align-self: center;
  }
}
.content-page .content-page-additional-section .btn-inactive {
  font-size: 1.5rem;
  padding: 0.5rem 1rem;
}
.content-page .content-page-additional-section .section-info {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media (max-width: 768px) {
  .content-page .content-page-additional-section .section-info {
    flex-direction: column;
  }
}
.content-page .content-page-additional-section .section-info .details-side {
  margin: 1.25rem;
  width: 33%;
}
@media (max-width: 768px) {
  .content-page .content-page-additional-section .section-info .details-side {
    align-self: center;
    width: 85%;
  }
}
.content-page .content-page-additional-section .section-info .details-side .details-side-text {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 20%, rgba(0, 0, 0, 0.45) 90%);
  color: white;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-around;
  padding: 1.25rem;
}
.content-page .content-page-additional-section .section-info .details-side .details-side-text em {
  font-size: 1.5rem;
}
.content-page .content-page-additional-section .section-info .details-side .details-side-text strong {
  font-size: 2.5rem;
}
.content-page .content-page-additional-section .section-info .join-side {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0rem;
  width: 66%;
}
@media (max-width: 768px) {
  .content-page .content-page-additional-section .section-info .join-side {
    align-self: center;
    flex-direction: column;
    justify-content: center;
    width: unset;
  }
  .content-page .content-page-additional-section .section-info .join-side div div.button-options {
    padding: 0rem 1rem;
  }
  .content-page .content-page-additional-section .section-info .join-side div div.button-options form input.btn-active.btn-match {
    margin: 0rem 1rem 0rem 0rem;
  }
}
.content-page .content-page-additional-section .section-info .join-side p strong:first-of-type {
  line-height: 0.1;
  position: relative;
  top: 1px;
}
.content-page .content-page-additional-section .section-info .recipes-container {
  flex-direction: column;
  width: 100%;
}
.content-page .content-page-additional-section .section-info .recipes-container .recipe-container {
  border-radius: 5px;
  margin: 0rem 0rem 1rem 0rem;
  padding: 1rem;
}
.content-page .content-page-additional-section .section-info .recipes-container .recipe-container .btn-active {
  display: flex;
  margin: 1rem 0rem 0rem 0rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 768px) {
  .content-page .content-page-additional-section .section-info .recipes-container .recipe-container .btn-active {
    margin: 1rem auto 0rem auto;
  }
}
.content-page .content-page-additional-section .section-info .recipes-container .recipe-container .recipe-title {
  font-size: 1.5rem;
}
.content-page .content-page-additional-section .section-info .recipes-container .recipe-container .recipe-blurb {
  font-size: 1rem;
}
.content-page .content-page-additional-section .section-info .video-container {
  position: relative;
  height: auto;
  margin: 0rem 0rem 1rem 0rem;
  width: -webkit-fill-available;
}
.content-page .content-page-additional-section .section-info .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content-page .content-page-additional-section .section-info .video-cta-body {
  display: flex;
  flex-direction: column;
}
.content-page .content-page-additional-section .section-info .video-cta-body h1, .content-page .content-page-additional-section .section-info .video-cta-body .h1 {
  font-size: 3.5rem;
}
.content-page .content-page-additional-section .section-info .video-cta-body .video-cta-options {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .content-page .content-page-additional-section .section-info .video-cta-body .video-cta-options {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .content-page .content-page-additional-section {
    padding: 0rem 2.5rem;
  }
}
@media (max-width: 544px) {
  .content-page .content-page-additional-section {
    padding: 0rem 1.25rem;
  }
}
.content-page .content-page-products-section {
  height: auto;
  width: 100%;
  padding: 1rem 0rem;
}
.content-page .content-page-products-section h1, .content-page .content-page-products-section .h1 {
  font-size: 3.5rem;
  line-height: 1;
  text-align: center;
}
.content-page .content-page-products-section .product-listing-tall {
  margin: 1rem 1rem 0rem 1rem !important;
}
.content-page .content-page-products-section .see-all-from-brand {
  justify-content: center;
}
.content-page .cta-area {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.25rem;
  width: 50%;
}
@media (max-width: 768px) {
  .content-page .cta-area {
    width: unset;
  }
}
.content-page .cta-area .button_to {
  width: -moz-min-content;
  width: min-content;
  display: flex;
  align-self: center;
}
.content-page .cta-area .button-options {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.content-page .cta-area .button-options a:nth-of-type(2) {
  margin: 0rem 0rem 0rem 1rem;
}
.content-page .cta-area .btn-active {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.content-page .cta-area .plan-blurb {
  flex-grow: 1;
  font-size: 1rem;
  margin: 0rem 0rem 1rem 0rem;
}
@media (max-width: 768px) {
  .content-page .cta-area strong {
    align-self: center;
  }
}
.content-page .full-width {
  width: unset;
}
.content-page .half {
  width: 50%;
}

@media (min-width: 992px) {
  div.content-page-2021 {
    display: flex;
  }
  div.content-page-2021 .content-area {
    width: 66%;
    padding: 3rem;
    max-height: 90vh;
    overflow: auto;
  }
  div.content-page-2021 .content-area h1, div.content-page-2021 .content-area .h1 {
    margin: 0.5rem 3rem;
  }
  div.content-page-2021 .content-area .content-highlight {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  div.content-page-2021 .content-area div.content-body {
    width: 60%;
    font-size: 1.1rem;
    margin-left: auto;
    margin-right: auto;
  }
  div.content-page-2021 .content-area div.message-me-banner {
    width: 60%;
  }
  div.content-page-2021 .content-area .products-container .product-card {
    min-width: 33%;
    max-width: 33%;
  }
  div.content-page-2021 .content-community {
    width: 34%;
    max-height: 90vh;
    overflow: auto;
    border-left: 1px solid rgb(165, 167, 168);
  }
  div.content-page-2021 .content-community .content-community-header {
    display: initial;
    padding: 1rem;
    text-align: center;
  }
}
@media (min-width: 768px) {
  div.content-page-2021 .content-area .content-author a {
    display: flex;
    align-items: center;
  }
  div.content-page-2021 .content-area .content-author a img {
    margin-right: 1rem;
    width: 5rem;
  }
  div.series-indicator {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
  }
  div.series-indicator .prev-milestone-btn {
    grid-column: 1/5;
    grid-row: 1/2;
    justify-self: left;
  }
  div.series-indicator .workshop-progress {
    grid-column: 2/span 3;
    grid-row: 1/2;
  }
  div.series-indicator .next-milestone-btn {
    grid-column: 5/5;
    grid-row: 1/2;
    justify-self: right;
  }
}
@media (min-width: 0px) {
  .series-indicator {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .series-indicator .prev-milestone-btn {
    grid-column: 1/2;
    grid-row: 2/3;
    justify-self: left;
  }
  .series-indicator .workshop-progress {
    grid-column: 1/3;
    grid-row: 1/2;
    margin: 0.5rem;
  }
  .series-indicator .next-milestone-btn {
    grid-column: 2/3;
    grid-row: 2/3;
    justify-self: right;
  }
  .content-page-2021 {
    display: initial;
  }
  .content-page-2021 .content-area {
    width: 100%;
    padding: 0.5rem;
    max-height: auto;
  }
  .content-page-2021 .content-area .content-author img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 3rem;
  }
  .content-page-2021 .content-area .content-body {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .content-page-2021 .content-area .message-me-banner {
    width: 100%;
  }
  .content-page-2021 .content-area .products-container .product-card {
    min-width: 60vw;
    max-width: 60vw;
  }
  .content-page-2021 .content-community {
    width: 100%;
    margin-bottom: 1rem;
  }
  .content-page-2021 .content-community .content-community-header {
    display: none;
  }
  .content-page-2021 .content-community .community-overlay .community-overlay-info {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
.cancel-registration-btn {
  display: flex;
  justify-content: center;
  margin: auto;
  background-color: transparent;
  box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.1);
  color: #333333;
  z-index: 10;
}
.cancel-registration-btn:hover {
  color: white;
  background-color: #b5d013;
}

.registration-btn {
  display: flex;
  justify-content: center;
  margin: auto;
  background-color: #ef6f37;
  color: white;
  z-index: 10;
}
.registration-btn:hover {
  color: white;
  background-color: #b5d013;
}

.series-indicator {
  display: grid;
  align-items: center;
  margin-bottom: 1rem;
}
.series-indicator .workshop-progress {
  text-align: center;
}

.progress-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
}
.progress-container .progress-line {
  position: absolute;
  width: 100%;
  height: 50%;
  border-bottom: 2px solid #ACACA6;
  z-index: -1;
}
.progress-container .progress-line .progress {
  background-color: transparent;
  width: 0;
  height: 100%;
  border-bottom: 5px solid #b5d013;
  z-index: 1;
  margin-top: 2px;
}
.progress-container .milestone {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 2px solid rgb(165, 167, 168);
  border-radius: 100%;
}
.progress-container .milestone.completed {
  background: #b5d013;
}
.progress-container .milestone.current, .progress-container .milestone.completed {
  border-color: #b5d013;
}

.content-page-2021 {
  margin-bottom: 2.5rem;
}
.content-page-2021 h1, .content-page-2021 .h1 {
  text-align: center;
  font-family: "Sutro", serif;
  padding: 0.5rem;
  font-size: 2rem;
}
.content-page-2021 h2, .content-page-2021 .h2 {
  font-size: 1.5rem;
  text-align: center;
  font-weight: bold;
}
.content-page-2021 h3, .content-page-2021 .h3 {
  font-size: 1.25rem;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 768px) {
  .content-page-2021 .content-options {
    min-height: 50px;
  }
  .content-page-2021 .content-options .content-breadcrumb {
    top: 0px;
    left: 0px;
  }
  .content-page-2021 .content-options .content-share {
    top: 0px;
    right: 0px;
  }
}
.content-page-2021 .content-area {
  position: relative;
}
.content-page-2021 .content-area .content-options {
  position: relative;
}
.content-page-2021 .content-area .content-options .content-breadcrumb {
  position: relative;
  top: 0.5rem;
  left: 0.5rem;
  margin-bottom: 1rem;
  margin-right: 1rem;
  color: "#333333";
}
.content-page-2021 .content-area .content-options .content-share {
  position: absolute;
  top: 0.6rem;
  right: 0.5rem;
}
.content-page-2021 .content-area .horizontal-separator {
  width: 15rem;
  height: 2px;
  background-color: #b5d013;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.content-page-2021 .content-area .content-hero-image {
  max-height: 50vh;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.content-page-2021 .content-area .content-highlight {
  margin: 1rem;
  padding: 0.5rem;
}
.content-page-2021 .content-area .message-me-banner {
  background-color: rgba(181, 208, 19, 0.25);
  border: 2px solid #b5d013;
  border-radius: 5px;
  padding: 1rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  margin-bottom: 1rem;
}
.content-page-2021 .content-area .message-me-banner:hover {
  text-decoration: none;
  color: #333333;
}
.content-page-2021 .content-area .message-me-banner svg {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
.content-page-2021 .content-area .recommendations {
  margin-top: 2rem;
}
.content-page-2021 .content-area .recommendations h2, .content-page-2021 .content-area .recommendations .h2 {
  font-family: "sutro", serif;
  margin-bottom: 1rem;
}
.content-page-2021 .content-area .products-container {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  width: 100%;
  position: relative;
}
.content-page-2021 .content-area .products-container button {
  align-self: center;
}
.content-page-2021 .content-area .products-container .product-card {
  text-align: center;
  margin-right: 1rem;
  margin-left: 1rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.1);
}
.content-page-2021 .content-area .products-container .product-card img {
  max-height: 13rem;
  min-height: 13rem;
  width: auto;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.content-page-2021 .content-area .products-container .product-card .video-container {
  min-height: 13rem;
  max-height: 13rem;
  margin-bottom: 0.5rem;
}
.content-page-2021 .content-area .products-container .product-card h3, .content-page-2021 .content-area .products-container .product-card .h3 {
  font-size: 1.15rem;
  margin-bottom: 0.5rem;
}
.content-page-2021 .content-area .products-container .product-card p {
  padding: 1rem;
}
.content-page-2021 .lives-paywall-banner {
  background-color: white;
  text-align: center;
}
.content-page-2021 .lives-paywall-banner .cta-panel > div {
  display: flex;
  flex-direction: column;
}
.content-page-2021 .lives-paywall-banner .cta-panel > div .section-text {
  line-height: 1.5;
}
.content-page-2021 .lives-paywall-banner .cta-panel > div .cta-button-container {
  height: 100%;
  display: flex;
}
.content-page-2021 .lives-paywall-banner .cta-panel > div .cta-button-container .btn {
  align-self: flex-end;
  width: auto;
}
.content-page-2021 .paywall-banner {
  background-color: white;
  box-shadow: 0 -6px 10px 5px rgba(0, 0, 0, 0.6);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem 1rem;
  z-index: 100;
  width: 100vw;
  text-align: center;
}
.content-page-2021 .paywall-banner .cta-button-container .btn {
  width: auto;
}
.content-page-2021 .community-actions-section {
  position: relative;
  min-height: 25rem;
}
.content-page-2021 .community-overlay {
  background-color: rgba(255, 255, 255, 0.85);
  padding: 1rem;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 10rem;
}
.content-page-2021 .community-overlay .community-overlay-info {
  text-align: center;
  flex: 1;
  margin-left: 5rem;
  margin-right: 5rem;
}

.content-author {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.content-author svg {
  color: #b5d013;
}
.content-author img {
  border-radius: 100%;
}
.content-author span, .content-author table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .content-author td[data-hook=cart_item_price], .content-author table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .content-author td[data-hook=cart_item_total] {
  display: block;
}
.content-author a:hover {
  text-decoration: none;
  color: #333333;
}

.content-community .post-actions {
  border-top: 1px solid #c4c4c4;
  border-bottom: 2px solid #c4c4c4;
  margin: 0;
  padding: 0.5rem;
  width: 100%;
}
.content-community .post-actions > div {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.content-community textarea#comment {
  overflow: auto;
  flex: 1;
  border: 1px solid #494949;
  padding: 0.5rem 4rem 0.5rem 1.5rem;
  border-radius: 50px;
}

.post-interaction-btn {
  background: none;
  border: none;
  color: #333333;
  font-weight: normal;
}
.post-interaction-btn svg {
  margin-right: 0.5rem;
}

.send-comment-btn {
  align-self: flex-end;
  padding-right: 0.5rem;
  font-size: 1.5rem;
  position: absolute;
  right: 3px;
  bottom: 2px;
  color: #ef6f37;
}

.image-wrapper {
  position: relative;
  display: inline-block;
  max-width: 250px; /* Match your image max-width */
}

.paid-video-overlay {
  background-color: rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.paid-video-overlay p {
  flex-grow: unset !important;
  font-size: 1.25rem;
  margin-bottom: 0;
  margin-top: 0.5rem;
}
.paid-video-overlay p a {
  text-decoration: underline;
}
.paid-video-overlay i {
  color: #767676;
  font-size: 5rem;
}
.paid-video-overlay svg {
  font-size: 3rem;
}

.product-header {
  text-align: center;
}

.product-header-title-section-container {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: -198px;
  height: auto;
}
@media (max-width: 768px) {
  .product-header-title-section-container {
    margin-bottom: -228px;
  }
}

.product-header-title-section {
  background: none;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  display: inline-block;
  color: white;
  position: relative;
  z-index: 100;
}
.product-header-title-section h2, .product-header-title-section .h2 {
  text-transform: uppercase;
  margin-bottom: 140px;
  margin-top: 8px;
  display: inline-block;
  font-size: 90px;
  letter-spacing: 15px;
  font-weight: 700;
}
@media (min-width: 768px) {
  .product-header-title-section h2, .product-header-title-section .h2 {
    font-weight: 700;
  }
}
@media (max-width: 768px) {
  .product-header-title-section h2, .product-header-title-section .h2 {
    position: relative;
    top: 150px;
    font-size: 54px;
  }
}
.product-header-title-section h6, .product-header-title-section .h6 {
  text-transform: uppercase;
  margin-bottom: 8px;
}
.product-header-title-section span, .product-header-title-section table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .product-header-title-section td[data-hook=cart_item_price], .product-header-title-section table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .product-header-title-section td[data-hook=cart_item_total] {
  font-weight: 300px;
}
@media (max-width: 768px) {
  .product-header-title-section span, .product-header-title-section table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .product-header-title-section td[data-hook=cart_item_price], .product-header-title-section table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .product-header-title-section td[data-hook=cart_item_total] {
    display: none;
  }
}
@media (min-width: 768px) {
  .product-header-title-section {
    position: relative;
    top: 220px;
    margin-bottom: -80px;
    z-index: 100;
    width: auto;
    white-space: nowrap;
    display: inline-block;
    padding: 14px 28px;
    min-width: 460px;
  }
}

.pdp-product-images-nav {
  display: flex;
  justify-content: center;
  text-align: center;
}

.product-image-thumbnail {
  cursor: pointer;
  position: relative;
  width: 100%;
  display: inline-block;
  max-width: 70px;
  margin: 14px 7px;
  text-align: center;
}
.product-image-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  max-width: 160px;
  max-height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
}

.product-image-thumbnail:before {
  content: "";
  display: block;
  padding-top: 100%; /* initial ratio of 1:1*/
}

.size-option-container {
  width: auto;
  display: inline-block;
}

.sizes label {
  margin-right: 10px;
  border: 1px solid #dbdbdb;
  min-width: 60px;
  width: auto;
  height: 54px;
  line-height: 54px;
  text-align: center;
  cursor: pointer;
  color: black;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 500;
}
.sizes a {
  color: inherit;
}

.quick-sizes label {
  margin-right: 0px;
  border: 1px solid #dbdbdb;
  width: auto;
  min-width: 15%;
  display: inline-block;
  padding: 4px;
  height: 35px;
  text-align: center;
  cursor: pointer;
  line-height: 27px;
}
.quick-sizes a {
  color: inherit;
}

.size_radio_button {
  display: none;
  margin-right: 2px;
}

.size_radio_button:checked + label {
  background-color: black;
  color: white;
  border: 1px solid black;
}

.product-user-actions {
  text-transform: uppercase;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.product-user-actions i {
  cursor: pointer;
  font-size: 20px;
}
.product-user-actions span, .product-user-actions table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .product-user-actions td[data-hook=cart_item_price], .product-user-actions table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .product-user-actions td[data-hook=cart_item_total] {
  font-size: 0.707em;
  margin-right: 20px;
  margin-left: 4px;
  position: relative;
  top: -3px;
  cursor: pointer;
}

.sharing-links {
  font-size: 24px;
  display: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  .sharing-links {
    margin: auto;
    margin-left: 11px;
    text-align: center;
  }
}

.login-to-favorite {
  display: none;
  margin-bottom: 1rem;
}

.centered-product-image {
  margin: auto;
}

.big-product-image {
  width: 90%;
}
.big-product-image img {
  width: 100%;
}

.price, table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total] {
  display: inline;
  font-weight: 400;
}

.thumbnail-action, .pdp-heart {
  cursor: pointer;
  position: relative;
  width: 100%;
  max-width: 70px;
  text-align: center;
  color: rgb(180, 181, 182);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-size: 0.8em;
  font-weight: 400;
}
.thumbnail-action i, .pdp-heart i {
  display: block;
  font-size: 30px;
  color: rgb(234, 235, 236);
  margin: auto;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .thumbnail-action, .pdp-heart {
    font-size: 0.2em;
  }
}
@media (max-width: 768px) {
  .thumbnail-action, .pdp-heart {
    margin: auto;
    margin-bottom: 14px;
  }
}
.thumbnail-action .fa-heart, .pdp-heart .fa-heart,
.thumbnail-action .fa-heart-o,
.pdp-heart .fa-heart-o {
  color: #b5d013;
}

.favorited-hack {
  color: transparent;
  background: asset-url(/assets/filled-heart-96eba778545928d664fc0c309d502da0b0520b05bb020e6dcb48f4bb93b3c315.svg) no-repeat;
  fill: #b5d013;
}

.unfavorited-hack {
  color: transparent;
  background: asset-url(/assets/empty-heart-27578f2c0c7c91c888df009438f623e4b2cf6976da08ef7e9eee301667a515c5.svg) no-repeat;
  fill: #b5d013;
}

.pdp-heart {
  max-width: 28px;
  display: inline;
}
.pdp-heart .fa-heart-o {
  color: black;
  display: inline;
}
.pdp-heart .fa-heart {
  color: #b5d013;
  display: inline;
}
.pdp-heart i {
  font-size: 26px;
}

.pull-quote {
  border-top: 1px solid #dbdbdb;
  width: 100%;
  height: auto;
  min-height: 250px;
  padding-top: 50px;
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .pull-quote {
    border-top: none;
    padding-top: 40px;
  }
}
.pull-quote .quoter-photo {
  text-align: center;
}
@media (min-width: 544px) {
  .pull-quote .quoter-photo {
    max-width: 450px;
  }
}
@media (min-width: 768px) {
  .pull-quote .quoter-photo {
    max-width: 250px;
  }
}
@media (min-width: 992px) {
  .pull-quote .quoter-photo {
    max-width: 300px;
  }
}
.pull-quote .quoter-photo img {
  width: 80%;
  margin-bottom: 15px;
}
.pull-quote .quoter-name {
  text-align: center;
  color: #333333;
}
.pull-quote .quoter-name a {
  color: inherit;
}
.pull-quote .fancy-quote {
  height: 100%;
  flex-basis: 70%;
  align-self: flex-end;
}
.pull-quote .fancy-quote h3, .pull-quote .fancy-quote .h3 {
  text-align: center;
  font-size: 2.8em;
}
.pull-quote .fancy-open-quote {
  font-size: 300px;
  width: 100px;
  height: 40px;
  line-height: 180px;
  color: rgb(234, 235, 236);
  font-family: "sutro", serif;
}
.pull-quote .fancy-close-quote {
  font-size: 300px;
  width: 100px;
  height: 100px;
  line-height: 140px;
  float: right;
  color: rgb(234, 235, 236);
  font-family: "sutro", serif;
}

.right-product-column {
  position: relative;
  height: auto;
}
@media (min-width: 992px) {
  .right-product-column {
    width: 85%;
    margin: auto;
  }
}

.real-dogs-wear {
  min-height: 500px;
}

.other-colors {
  border-top: 1px solid rgb(180, 181, 182);
  height: auto;
  padding-top: 24px;
  width: 100%;
}
@media (max-width: 768px) {
  .other-colors {
    min-height: 0px;
  }
}

.color-container {
  width: 19%;
  display: inline-block;
  padding: 4px;
  padding-left: 0;
}

.product-subtitle {
  color: #767676;
  font-weight: bolder;
  letter-spacing: 1.2px;
}

.other-colors-available {
  text-transform: none;
}

.see-behind-brand {
  float: right;
  display: inline-block;
}
@media (max-width: 768px) {
  .see-behind-brand {
    min-height: 0px;
    float: left;
    display: block;
  }
}

.small-header {
  font-weight: 500;
  margin-bottom: 18px;
}
.small-header h1, .small-header .h1 {
  font-size: 4.5em;
  font-weight: 600;
}
@media (max-width: 544px) {
  .small-header h2, .small-header .h2 {
    font-size: 22px;
    font-weight: 500;
  }
}

@media (min-width: 768px) {
  .product-details-section .right-column {
    border-left: 1px solid rgb(180, 181, 182);
    padding-left: 24px;
  }
}
.product-details-section .left-column {
  max-width: 750px;
}
.product-details-section .product-attribute {
  border-bottom: 1px solid rgb(180, 181, 182);
  font-size: 14px;
}
.product-details-section .product-attribute strong {
  width: 40%;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 10px;
}

.ribbon {
  box-sizing: content-box;
  height: 0;
  color: white;
  border: 30px solid #ef6f37;
  border-top: 30px solid #ef6f37;
  border-right: 35px solid rgba(0, 0, 0, 0);
  color: white;
  text-overflow: clip;
  padding-right: 24px;
  width: auto;
  min-width: 200px;
  position: absolute;
  top: 40px;
  text-align: center;
  z-index: 100;
}
.ribbon span, .ribbon table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .ribbon td[data-hook=cart_item_price], .ribbon table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .ribbon td[data-hook=cart_item_total] {
  font-weight: 500;
  position: relative;
  top: -12px;
}
.ribbon a:link {
  color: white;
  text-decoration: underline;
}
.ribbon a:visited {
  color: white;
  font-weight: normal;
}
.ribbon a:hover {
  color: #333333;
  font-weight: normal;
}
.ribbon a:active {
  color: #333333;
  font-weight: normal;
}

.small-ribbon {
  box-sizing: content-box;
  height: 0;
  color: white;
  border: 20px solid #ef6f37;
  border-top: 20px solid #ef6f37;
  border-right: 20px solid rgba(0, 0, 0, 0);
  color: white;
  text-overflow: clip;
  padding-right: 24px;
  width: auto;
  min-width: 80px;
  position: absolute;
  top: 20px;
  text-align: center;
}
.small-ribbon span, .small-ribbon table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .small-ribbon td[data-hook=cart_item_price], .small-ribbon table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .small-ribbon td[data-hook=cart_item_total] {
  position: relative;
  top: -12px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
}

.product-ribbon {
  box-sizing: content-box;
  height: 0;
  color: white;
  border: 20px solid #ef6f37;
  border-top: 20px solid #ef6f37;
  border-left: 20px solid rgba(0, 0, 0, 0);
  color: white;
  text-overflow: clip;
  padding-right: 5px;
  padding-left: 24px;
  width: auto;
  min-width: 80px;
  position: absolute;
  top: 20px;
  right: -15px;
  text-align: center;
  z-index: 100;
}
@media (max-width: 544px) {
  .product-ribbon {
    min-width: 50px;
    max-width: 75px;
  }
}
.product-ribbon span, .product-ribbon table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .product-ribbon td[data-hook=cart_item_price], .product-ribbon table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .product-ribbon td[data-hook=cart_item_total] {
  position: relative;
  top: -12px;
  font-size: 14px;
  letter-spacing: 1px;
}

.member-discount-incentive a:link {
  color: #333333;
  text-decoration: underline;
}
.member-discount-incentive a:visited {
  color: #333333;
}
.member-discount-incentive a:hover {
  color: #ef6f37;
}
.member-discount-incentive a:active {
  color: #ef6f37;
}

.share-product-links {
  margin-bottom: 48px;
}
.share-product-links i {
  font-size: 24px;
  margin-right: 24px;
}

@media (max-width: 544px) {
  .ingredients {
    font-size: 12px;
  }
}

.product-page-link-styles a:hover, .product-page-link-styles a:active, .product-page-link-styles a:focus, .product-page-link-styles a:focus-visible {
  color: #b5d013;
  outline: none;
  text-decoration: underline;
  text-decoration-color: #b5d013;
}

.plus-category {
  line-height: 80%;
  display: inline-block;
}

@media (min-width: 992px) {
  .more-from-brand-hack {
    max-width: none;
  }
  .more-from-brand-hack .col-lg-3 {
    max-width: none;
  }
}

.see-all-from-brand {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 544px) {
  .see-all-from-brand {
    flex-direction: column;
  }
}

@media (max-width: 544px) {
  .see-all-text-mobile {
    justify-content: flex-end;
    margin-bottom: 1rem;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .similar-products .col-lg-3 {
    max-width: unset !important;
  }
}

.product-top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0rem 0rem 2.5rem 0rem;
}
.product-top .product-brief-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0rem 1rem;
  width: 50%;
}
.product-top .product-brief-container .img-container {
  max-height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 140px;
  overflow: hidden;
}
.product-top .product-brief-container .product-top-left {
  max-width: 490px;
  min-width: 357px;
  padding: 0rem;
  width: 100%;
}
.product-top .product-brief-container .product-top-left #product-variants > div > div:nth-child(1) {
  margin: 0rem !important;
}
.product-top .product-brief-container .product-top-left #product-variants > div > div:nth-child(2) {
  margin: 0rem !important;
}
.product-top .product-brief-container .product-top-right {
  max-width: 490px;
  min-width: 357px;
  width: 100%;
}
.product-top .product-brief-container .product-top-right div {
  margin: unset;
}
.product-top .product-brief-container .product-top-right div.row.margin-bottom-xs {
  max-width: 490px;
  flex-direction: column;
}
.product-top .product-brief-container .product-top-right div.row.margin-bottom-xs:nth-of-type(3) {
  margin: 1rem 0rem 0rem 0rem;
}
.product-top .product-brief-container #cart-form {
  max-width: 490px;
}
.product-top .product-brief-container #inside-product-cart-form > div > div.row {
  margin-left: unset !important;
  margin-right: unset !important;
}
.product-top .product-brief-container div.btn.btn-gray.nonfavorite-button {
  max-width: 490px;
}
@media (max-width: 768px) {
  .product-top .product-brief-container {
    align-content: center;
    display: flex;
    width: 90%;
  }
}
.product-top .product-images-container {
  height: 100%;
  width: 50%;
  padding: 0rem 0.5rem;
}
.product-top .product-images-container div:nth-child(1) > div.slick-initialized.slick-slider.slick-dotted > div.slick-slider-arrow-prev-pdp.slick-arrow {
  left: unset !important;
}
.product-top .product-images-container div:nth-child(1) > div.slick-initialized.slick-slider.slick-dotted > div.slick-slider-arrow-next-pdp.slick-arrow {
  right: 0px !important;
}
@media (max-width: 768px) {
  .product-top .product-images-container {
    width: 90%;
  }
}

.brand-founder-name {
  font-family: "Sutro", serif;
  font-size: 2.5rem;
}

.more-like-me {
  text-align: center;
}

.sort-links {
  text-align: right;
}

.sort-bar {
  position: relative;
  margin-bottom: -60px;
}
@media (max-width: 768px) {
  .sort-bar {
    top: 0px;
    text-align: left;
  }
}

.filter-info-row {
  margin-bottom: 14px;
}

.filter-button {
  margin-right: 20px;
}
@media (max-width: 768px) {
  .filter-button {
    margin-right: 10px;
  }
}

.filter-info {
  letter-spacing: 1.2px;
  display: inline-block;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .filter-info {
    font-size: 0.6em;
  }
}

.filter-info:after {
  content: "|";
  color: #cecece;
  margin-left: 10px;
  margin-right: 10px;
}
@media (max-width: 768px) {
  .filter-info:after {
    margin-left: 2px;
    margin-right: 2px;
  }
}

.filter-info:last-of-type:after {
  display: none;
}

.filter-sort-info {
  letter-spacing: 1.2px;
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .filter-sort-info {
    font-size: 0.6em;
  }
}

.current-sort {
  color: #494949;
}

.sorting-options {
  text-align: right;
  margin-top: 5px;
}
@media (max-width: 768px) {
  .sorting-options {
    margin-top: 20px;
    text-align: left;
  }
}

a {
  color: inherit;
}

.product-listing-product {
  margin-bottom: 3em;
  min-height: 15vw;
}
.product-listing-product .add-to-cart-pending::after {
  content: "Adding to cart...";
  color: white;
  background-color: #b5d013;
  width: 100%;
  float: left;
  text-align: center;
  bottom: 0;
  height: 64px;
  line-height: 64px;
  font-size: 1.2em;
  position: absolute;
  left: 0;
  z-index: 100;
}
.product-listing-product .add-to-cart-pending {
  border: 2px dashed #b5d013 !important;
}
.product-listing-product .add-to-cart-success {
  border: 2px solid #b5d013 !important;
}

@media (max-width: 576px) {
  .product-listing-short {
    min-height: 450px !important;
  }
}
@media (max-width: 768px) {
  .product-listing-short {
    min-height: 50vw;
    margin-bottom: 25px;
  }
}

@media (max-width: 768px) {
  .product-listing-tall {
    min-height: 75vw;
    margin-bottom: -10px;
  }
}

.listing-product-hero-image-container {
  position: relative;
}
.listing-product-hero-image-container a:focus {
  outline-color: #b5d013;
}

.more-in-category-circle {
  position: relative;
  display: inline-block;
  width: 85%;
  height: 0;
  padding: 35% 0;
  border-radius: 50%;
  cursor: pointer;
  color: rgb(244, 245, 246);
  border: solid rgb(244, 245, 246) 12px;
  border-radius: 100%;
  background-color: #cecece;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1.2px;
  left: -5px;
}
@media (max-width: 768px) {
  .more-in-category-circle {
    width: 90%;
  }
}
.more-in-category-circle .text {
  position: relative;
  top: -10px;
}

#js-primary-category-id {
  display: none;
}

.color-subtitle {
  text-transform: none;
}

.sub-category-link {
  color: white;
  display: inline-block;
  font-weight: 300;
  padding: 12px 36px;
  background-color: #b5d013;
  margin-right: 12px;
  margin-bottom: 12px;
  text-decoration: none;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .sub-category-link {
    padding: 12px;
    margin-right: 6px;
    margin-bottom: 90px;
  }
}
.sub-category-link:hover {
  color: white;
  text-decoration: none;
}

.sub-category-plain-link {
  display: inline-block;
  font-weight: 500;
  padding: 0px 36px;
  margin: 8px 0px;
  border-right: 1px solid rgb(180, 181, 182);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}
.sub-category-plain-link.current span, .sub-category-plain-link.current table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .sub-category-plain-link.current td[data-hook=cart_item_price], .sub-category-plain-link.current table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .sub-category-plain-link.current td[data-hook=cart_item_total] {
  font-weight: 600;
  padding-bottom: 4px;
  border-bottom: 2px solid #b5d013;
}

.sub-category-plain-link:last-of-type {
  border-right: none;
}

.sub-category-links {
  color: white;
  max-width: 800px;
  margin: auto;
}

.sub-listing-spacing {
  height: 150px;
}
@media (max-width: 768px) {
  .sub-listing-spacing {
    height: 0;
  }
}

.listing-sort-bar {
  display: flex;
  height: 46px;
  justify-content: space-between;
  margin-bottom: 24px;
  width: 100%;
}
@media (max-width: 544px) {
  .listing-sort-bar {
    flex-direction: column;
    justify-content: center;
    margin-top: 3rem;
  }
}
@media (max-width: 768px) {
  .listing-sort-bar {
    height: 36px;
  }
}
.listing-sort-bar h1, .listing-sort-bar .h1 {
  float: left;
  font-size: 4rem;
  letter-spacing: 2px;
  font-weight: 500;
  margin-top: -24px;
}
@media (max-width: 768px) {
  .listing-sort-bar h1, .listing-sort-bar .h1 {
    float: none;
    font-size: 1.5rem;
    margin-top: unset;
    text-align: center;
  }
}
.listing-sort-bar h2, .listing-sort-bar .h2 {
  float: left;
  font-size: 62px;
  letter-spacing: 2px;
  font-weight: 500;
  margin-top: -24px;
}
@media (max-width: 768px) {
  .listing-sort-bar h2, .listing-sort-bar .h2 {
    font-size: 38px;
  }
}
.listing-sort-bar .sort-options {
  display: flex;
  align-items: center;
}
.listing-sort-bar span, .listing-sort-bar table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .listing-sort-bar td[data-hook=cart_item_price], .listing-sort-bar table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .listing-sort-bar td[data-hook=cart_item_total] {
  cursor: pointer;
  margin-left: 10px;
  text-align: center;
  padding: 6px 8px;
}
.listing-sort-bar .current {
  background-color: #b5d013;
  color: white;
}

.back-link {
  text-transform: uppercase;
  display: block;
  top: -28px;
  text-decoration: none;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}

.back-link:before {
  content: "< ";
  text-decoration: none !important;
}

.behind-brand-link {
  padding-left: 45px;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: 500;
}
@media (max-width: 768px) {
  .behind-brand-link {
    padding-left: 0;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 500;
  }
}

.listing-see-all-link {
  color: #b5d013;
}

.listing-see-all-link:hover {
  color: rgb(120.0022026432, 137.9030837004, 12.5969162996);
}

.listing-see-all-link::before {
  content: "|";
  color: black;
  margin-left: 6px;
  margin-right: 6px;
}

.listing-treat-message {
  width: 100%;
  padding: 24px;
}
@media (max-width: 768px) {
  .listing-treat-message h3, .listing-treat-message .h3 {
    font-size: 16px;
  }
}

.listing-treat-align-center {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .listing-treat-align-center {
    display: block;
  }
}

.plp-blurb {
  font-size: 18px;
}

.product-unavailable {
  width: 100%;
  height: 68px;
  box-shadow: 0px 0px 0px 1px white inset;
  border: 5px solid rgb(180, 181, 182);
  text-transform: uppercase;
  letter-spacing: 1.2px;
  background-color: rgb(180, 181, 182);
  border-radius: 0;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.link-to-all {
  float: right;
  margin-bottom: 3em;
  position: relative;
  top: 40px;
}
@media (max-width: 768px) {
  .link-to-all {
    float: left;
    top: 0px;
  }
}

.my-shelter-shelters .more-ambassadogs-photo img {
  border: 8px solid rgb(244, 245, 246);
}
.my-shelter-shelters a {
  cursor: pointer;
}
.my-shelter-shelters p {
  font-size: 0.8em;
}
.my-shelter-shelters .shelter-select {
  display: inline-block;
}

.shelter-location li:after {
  content: "|";
  margin-left: 10px;
  margin-right: 10px;
  color: black;
}

.shelter-add-plus {
  width: 12px;
  height: 12px;
  content: "+";
  color: white;
  background-color: #b5d013;
  text-align: center;
  display: inline-block;
  line-height: 12px;
  font-weight: 400;
  padding-left: 1px;
  margin-right: 4px;
}

.add-shelter {
  cursor: pointer;
}

.shelter-social-icons i {
  border: 6px solid rgb(180, 181, 182);
  font-size: 20px;
  width: 46px;
  height: 46px;
  border-radius: 30px;
  text-align: center;
  padding: 8px;
  margin-right: 16px;
  color: white;
  background-color: #494949;
}
.shelter-social-icons i:last-child {
  margin-right: 0px;
}
.shelter-social-icons a {
  font-size: 26px;
  color: #494949;
  margin-right: 8px;
}
.shelter-social-icons a:last-child {
  margin-right: 0px;
}

.possible-box {
  width: 104%;
  height: auto;
  background-color: rgb(244, 245, 246);
  margin-top: 24px;
  position: relative;
  margin-left: -4%;
  margin-bottom: -8px;
  padding: 24px;
}
@media (max-width: 1380px) {
  .possible-box h4, .possible-box .h4 {
    font-size: 1em;
  }
}
@media (max-width: 1299px) {
  .possible-box {
    margin-top: 0px;
  }
  .possible-box h4, .possible-box .h4 {
    font-size: 1em;
  }
}
@media (max-width: 1100px) {
  .possible-box h4, .possible-box .h4 {
    font-size: 0.8em;
  }
}
@media (max-width: 991px) {
  .possible-box h4, .possible-box .h4 {
    font-size: 1.5em;
  }
}
@media (max-width: 992px) {
  .possible-box {
    margin-top: 1rem;
    height: auto;
  }
}
@media (max-width: 768px) {
  .possible-box {
    margin-bottom: 8px;
  }
  .possible-box h4, .possible-box .h4 {
    font-size: 1.5em;
  }
}
@media (max-width: 544px) {
  .possible-box h4, .possible-box .h4 {
    font-size: 1em;
  }
}
.possible-box .col-xs-6 {
  width: 48%;
}

.possible-container {
  font-size: 10px;
  margin-bottom: 24px;
  margin-top: 12px;
}
@media (min-width: 1300px) {
  .possible-container {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .possible-container {
    font-size: 16px;
  }
}
@media (max-width: 544px) {
  .possible-container {
    margin-bottom: 8px;
  }
}
.possible-container .title {
  text-transform: uppercase;
  font-weight: 400;
}
.possible-container .dog {
  font-size: 8px;
}
@media (min-width: 1300px) {
  .possible-container .dog {
    font-size: 10px;
  }
}
@media (max-width: 992px) {
  .possible-container .dog {
    font-size: 14px;
  }
}
@media (max-width: 544px) {
  .possible-container .dog {
    margin-bottom: 1rem;
  }
}

.possible-option {
  width: 110%;
  height: 0;
  padding-bottom: 105%;
  background-color: white;
}
.possible-option i {
  font-size: 26px;
  margin-top: 10px;
}
.possible-option img {
  width: 80%;
  height: auto;
  margin-top: 10%;
}
.possible-option .heart-image {
  padding-bottom: 6%;
  padding-top: 7%;
}
.possible-option .gray-image-circle {
  border-radius: 50%;
  padding: 10px;
  background-color: #cecece;
  width: 80%;
  height: auto;
  display: inline-block;
  margin-top: 10%;
}
@media (min-width: 992px) {
  .possible-option .gray-image-circle {
    width: 85%;
    padding: 6px;
  }
}
@media (min-width: 1300px) {
  .possible-option .gray-image-circle {
    width: 80%;
    padding: 10px;
  }
}
.possible-option .purchase {
  color: white;
  display: none;
  position: relative;
  padding-top: 25%;
  text-transform: uppercase;
  font-size: 12px;
}
@media (max-width: 1300px) {
  .possible-option .purchase {
    font-size: 10px;
    padding-top: 10%;
  }
}
@media (max-width: 1180px) {
  .possible-option .purchase {
    font-size: 8px;
    padding-top: 10%;
  }
}
@media (max-width: 992px) {
  .possible-option .purchase {
    font-size: 12px;
    padding-top: 25%;
  }
}
@media (max-width: 544px) {
  .possible-option .purchase {
    font-size: 16px;
  }
}
.possible-option .purchase .num {
  font-weight: 600;
  font-size: 20px;
}
@media (min-width: 992px) {
  .possible-option .purchase .num {
    font-size: 10px;
  }
}
@media (min-width: 1100px) {
  .possible-option .purchase .num {
    font-size: 18px;
  }
}
@media (max-width: 544px) {
  .possible-option .purchase .num {
    font-size: 26px;
  }
}

.possible-option:hover {
  background-color: #b5d013;
}
.possible-option:hover .gray-image-circle {
  display: none;
}
.possible-option:hover img {
  display: none;
}
.possible-option:hover .purchase {
  display: inline-block;
}

.shelter-name {
  margin-bottom: 8px;
  letter-spacing: 3px;
}
@media (min-width: 0px) {
  .shelter-name {
    font-size: 24px;
  }
}
@media (max-width: 992px) {
  .shelter-name {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .shelter-name {
    font-size: 2.8vw;
  }
}
@media (min-width: 992px) {
  .shelter-name {
    font-size: 2vw;
  }
}
@media (min-width: 1200px) {
  .shelter-name {
    font-size: 1.999em;
  }
}

.manifesto-box {
  width: 100%;
  height: auto;
  margin-top: -30px;
}

.we-built-dogly-list {
  font-size: 18px;
  line-height: 24px;
}
.we-built-dogly-list ul {
  list-style: none;
  padding-left: 0;
}
.we-built-dogly-list li {
  margin-bottom: 12px;
}

.founder-circle-img {
  border: 2px solid rgb(234, 235, 236);
}
@media (min-width: 768px) {
  .founder-circle-img {
    max-width: 100px;
  }
}
@media (max-width: 768px) {
  .founder-circle-img {
    max-width: 75px;
  }
}

.founder-image-padding {
  padding-left: 0;
}

.about-landing-photo-section {
  width: 100%;
  height: auto;
  min-height: 470px;
  background-size: cover;
  background-position: center center;
  display: flex; /* establish flex container */
  align-items: center;
  position: relative;
  z-index: 2;
  padding-top: 40px;
  padding-bottom: 30px;
}
@media (max-width: 768px) {
  .about-landing-photo-section {
    min-height: 200px;
  }
}

.about-founder-photo {
  width: 280px;
  margin: 0 36px 36px 0;
}

.dog-hero-section .dog-image img {
  border: 8px solid rgb(244, 245, 246);
  display: block;
  height: 180px;
  margin: auto;
  margin-top: 3em;
  width: 180px;
}
.dog-hero-section h2, .dog-hero-section .h2 {
  background-color: rgb(244, 245, 246);
  font-weight: 400;
  display: inline-block;
  letter-spacing: 1.5px;
  padding: 20px 40px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .dog-hero-section h2, .dog-hero-section .h2 {
    font-size: 18px;
    padding: 10px 20px;
  }
}
.dog-hero-section p {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 18px;
}
@media (max-width: 768px) {
  .dog-hero-section p {
    font-size: 16px;
  }
}

.dog-category-name {
  display: inline-block;
}
.dog-category-name h3, .dog-category-name .h3 {
  display: inline-block;
  margin-top: 0;
}

.dog-category-checkbox {
  background-color: white;
  border: 1px solid #dbdbdb;
  display: inline-block;
  height: 30px;
  margin-right: 12px;
  width: 30px;
  position: relative;
  top: 5px;
}
.dog-category-checkbox.checked {
  background: #b5d013 asset-url(/assets/check-icon-89fee5ca08af9da39654a741fa6276ff10244adfe365cb6e85ed7e0e7d90a3d7.png) center center no-repeat;
  background-size: cover;
}

.dog-category-checkbox-green {
  background-color: white;
  display: none;
  height: 30px;
  margin-right: 12px;
  width: 30px;
  position: relative;
  top: 5px;
}
.dog-category-checkbox-green.checked {
  background: white asset-url(/assets/check-icon-green-ca21020ee700f3b9a2ac30c496ed860bd102904a579131e6401bef9621b9b8d8.png) center center no-repeat;
  background-size: cover;
  display: inline-block;
}

.dog-category-product-count {
  display: none;
}

.sticky-donation-section {
  position: sticky;
  bottom: -130px;
  z-index: 2;
}
@media (max-width: 992px) {
  .sticky-donation-section {
    position: sticky;
    bottom: -188px;
  }
}
@media (max-width: 768px) {
  .sticky-donation-section {
    position: sticky;
    bottom: -314px;
  }
}
@media (max-width: 544px) {
  .sticky-donation-section {
    position: relative;
    bottom: 0;
  }
}
.sticky-donation-section .thanks {
  font-size: 18px;
  font-weight: 300;
}

.donation-circle {
  background-color: rgb(180, 181, 182);
  border-radius: 400px;
  height: 190px;
  margin: auto;
  margin-bottom: -42px;
  text-align: center;
  padding-top: 52px;
  width: 190px;
  position: relative;
  top: -58px;
}
.donation-circle p {
  margin-bottom: -10px;
}

.backend-edit-right-column {
  background-color: rgb(234, 235, 236);
  height: 100vh;
  position: relative;
  bottom: 0;
  width: 100%;
  padding: 40px;
}
@media (max-width: 768px) {
  .backend-edit-right-column {
    height: auto;
  }
}

.backend-edit-sticky-right-column {
  position: relative;
  top: 0;
}
@media (max-width: 768px) {
  .backend-edit-sticky-right-column {
    position: relative;
  }
}

.backend-green-button {
  background-color: #b5d013;
  color: white;
  display: block;
  font-size: 22px;
  text-transform: uppercase;
  padding: 12px;
  width: 100%;
  margin: auto;
  text-align: center;
}
.backend-green-button:hover {
  color: white;
  text-decoration: none;
}

.de-input .form-control {
  border: 1px solid #ef6f37;
}

.post_agenda_description .form-control, .post_de_one_liner .form-control {
  border: 1px solid #ef6f37;
}

#de_hero_image {
  border: 1px solid #ef6f37;
}

.email-config-form .simple_form {
  width: 100%;
}

.step-box [type=checkbox] {
  margin-right: 0.5rem;
  position: relative;
  top: 0.15rem;
}

.email-config-form .simple_form {
  width: 100%;
}

.capture-header-section {
  text-align: center;
}
.capture-header-section h1, .capture-header-section .h1 {
  color: black;
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  padding: 6px 48px;
}
.capture-header-section p {
  line-height: 35px;
  font-size: 18px;
}

.capture-body {
  line-height: 35px;
  font-size: 18px;
}
.capture-body p {
  line-height: 35px;
  font-size: 18px;
}

.capture-signature {
  width: 180px;
}

.capture-dog-pic {
  position: relative;
  top: -100px;
  max-width: 230px;
  margin: auto;
  margin-bottom: -80px;
}
.capture-dog-pic img {
  border: 8px solid white;
}

.dogly-for-diversity .color-page-section, .dogly-for-diversity .color-top-page-section, .dogly-for-diversity .light-color-page-section, .dogly-for-diversity .product-header-title-section {
  padding: 5vw 10vw;
}
.dogly-for-diversity .dfd-section {
  padding: 5vw 20vw;
  margin: auto;
}
@media (max-width: 544px) {
  .dogly-for-diversity .dfd-section {
    padding: 5vw 5vw;
    margin: auto;
  }
  .dogly-for-diversity .color-page-section, .dogly-for-diversity .color-top-page-section, .dogly-for-diversity .light-color-page-section, .dogly-for-diversity .product-header-title-section {
    padding: 5vw 5vw;
  }
  .dogly-for-diversity .dfd-application {
    margin-top: 75px;
  }
  .dogly-for-diversity .light-form input[type=checkbox] {
    margin: -25px;
    position: absolute;
    bottom: 0px;
  }
}
.dogly-for-diversity .dfd-header {
  background-color: black;
  color: white;
  text-align: center;
  height: 500px;
  display: flex;
  margin: auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dogly-for-diversity .dfd-header h3, .dogly-for-diversity .dfd-header .h3 {
  font-family: "Sutro";
  font-size: 5em;
  font-weight: bolder;
  text-align: center;
}
@media (max-width: 544px) {
  .dogly-for-diversity .dfd-header h3, .dogly-for-diversity .dfd-header .h3 {
    font-family: "Sutro";
    font-weight: bolder;
    font-size: 4em;
    text-align: center;
  }
}
.dogly-for-diversity .dfd-body {
  background-color: inherit;
  margin: auto;
}
.dogly-for-diversity .dfd-body h1, .dogly-for-diversity .dfd-body .h1 {
  font-family: "Sutro";
  font-weight: bolder;
  text-align: center;
}
.dogly-for-diversity .dfd-body h2, .dogly-for-diversity .dfd-body .h2 {
  font-family: "Sutro";
  font-weight: bolder;
  text-align: center;
}
.dogly-for-diversity .dfd-body h3, .dogly-for-diversity .dfd-body .h3 {
  font-family: "Sutro", serif;
  font-size: 1.65em;
}
.dogly-for-diversity .dfd-body h4, .dogly-for-diversity .dfd-body .h4 {
  font-family: "Roboto", sans-serif;
}
.dogly-for-diversity .dfd-body p {
  font-size: 1.15em;
}
.dogly-for-diversity .dfd-body .boxed-link {
  text-decoration: underline;
}
.dogly-for-diversity .dfd-body .signature-box {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.dogly-for-diversity .dfd-body .signature-box .signature-square {
  max-width: 325px;
  display: flex;
  flex-direction: column;
  margin: auto;
  justify-content: flex-end;
}
.dogly-for-diversity .dfd-body .signature-box .signature-square .signature-line-1 {
  margin-top: 2.5vw;
  display: flex;
  flex-direction: row;
}
.dogly-for-diversity .dfd-body .signature-box .signature-square .w-love {
  display: flex;
  margin-top: 2.5vw;
}
.dogly-for-diversity .dfd-body .signature-box .signature-square .signature-line-2 {
  margin-left: 25px;
  margin-top: 2.5vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
}
.dogly-for-diversity .dfd-body .signature-box .signature-square .dfd-cory-jane {
  height: auto;
  width: 160px;
  margin-bottom: -20px;
}
.dogly-for-diversity .dfd-body .signature-box .signature-square .at {
  width: auto;
  margin-left: 17px;
}
.dogly-for-diversity .dfd-body .signature-box .signature-square .dfd-dogly-logo {
  height: auto;
  width: 195px;
  margin-left: 10px;
  margin-bottom: -10px;
}
.dogly-for-diversity .dfd-body .signature-box .signature-square .signature-line-3 {
  margin-top: 2.5vw;
  margin-left: 25px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
}
.dogly-for-diversity .dfd-body .signature-box .signature-square .in-partnership {
  width: auto;
  margin-bottom: 12px;
  text-align: right;
}
.dogly-for-diversity .dfd-body .signature-box .signature-square .dfd-leap-logo {
  height: auto;
  width: 125px;
  margin-left: 10px;
}
.dogly-for-diversity .dfd-body ul.numbered-list {
  counter-reset: li;
  list-style-type: none;
  font-size: 1.15em;
  line-height: 20px;
  padding-left: 10px;
  margin-bottom: 2.5vw;
  margin-top: 20px;
  text-align: left;
}
.dogly-for-diversity .dfd-body ul.numbered-list li {
  position: relative;
  padding: 5px 0 5px 55px;
  margin-bottom: 22px;
  border-bottom: 1px solid #dbdbdb;
  height: auto;
  align-items: center;
  padding-bottom: 18px;
  font-size: 1.15em;
}
.dogly-for-diversity .dfd-body ul.numbered-list li .list-content {
  height: 54px;
  display: table-cell;
  vertical-align: middle;
}
.dogly-for-diversity .dfd-body ul.numbered-list li:before {
  content: counter(li);
  float: left;
  background-color: white;
  font-size: 25px;
  counter-increment: li;
  height: 30px;
  width: 30px;
  border: 1px solid #333333;
  border-radius: 50%;
  color: #333333;
  text-align: center;
  position: absolute;
  line-height: 1.25em;
  left: 0;
  top: 15px;
}
.dogly-for-diversity .dfd-body .image-panels {
  color: black;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-evenly;
  margin-top: 2.5vw;
}
@media (max-width: 544px) {
  .dogly-for-diversity .dfd-body .image-panels .panel img {
    max-width: 200px;
  }
}
.dogly-for-diversity .dfd-body .image-panels .panel {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  max-width: 300px;
  min-width: 200px;
}
.dogly-for-diversity .dfd-body .image-panels .panel img {
  color: black;
  margin: auto;
}
.dogly-for-diversity .dfd-body .row-1 {
  display: flex;
  flex-direction: row;
}
.dogly-for-diversity .dfd-body .row-1 .field {
  min-width: 350px;
}
.dogly-for-diversity .dfd-body .features ul {
  margin-top: 20px;
  list-style: none;
  margin: none;
  padding-left: 0px;
  text-align: left;
}
.dogly-for-diversity .dfd-body .features li {
  margin-bottom: 22px;
  border-bottom: 1px solid #dbdbdb;
  height: auto;
  align-items: center;
  padding-bottom: 18px;
  font-size: 1.15em;
}
.dogly-for-diversity .dfd-body .features li:before {
  content: "✓";
  width: 65px;
  font-size: 25px;
  line-height: 2.1em;
  float: left;
  height: 56px;
  text-align: center;
  background-color: white;
  padding-right: 20px;
}
.dogly-for-diversity .dfd-body .features .list-content {
  height: 54px;
  display: table-cell;
  vertical-align: middle;
}

.home-photo-detail-box {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  display: -webkit-flex;
  height: 600px;
  margin: auto;
  max-width: 1300px;
}
@media (max-width: 768px) {
  .home-photo-detail-box {
    height: 500px;
  }
}

.detail-image {
  display: block;
  height: 100%;
  width: 50%;
}
@media (max-width: 768px) {
  .detail-image {
    display: none;
  }
}
.detail-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.details {
  display: block;
  text-align: center;
  width: 50%;
}
@media (max-width: 768px) {
  .details {
    width: 100%;
  }
}

.detail-text {
  margin: auto;
  width: 80%;
}
@media (max-width: 992px) {
  .detail-text {
    width: 90%;
  }
}
.detail-text a {
  color: white;
}
.detail-text p {
  font-size: 1.4em;
  font-weight: 300;
}
@media (max-width: 992px) {
  .detail-text p {
    font-size: 1.3em;
  }
}
@media (max-width: 768px) {
  .detail-text p {
    font-size: 1.2em;
  }
}
.detail-text h1, .detail-text .h1 {
  margin-bottom: 0.3em;
}
@media (max-width: 992px) {
  .detail-text h1, .detail-text .h1 {
    font-size: 2em;
  }
}
@media (max-width: 768px) {
  .detail-text h1, .detail-text .h1 {
    font-size: 1.6em;
  }
}

.vertical-dash {
  background-color: #b5d013;
  height: 36px;
  margin: 12px auto;
  width: 2px;
}

.circle-logo {
  align-items: center;
  background-color: rgb(244, 245, 246);
  border-radius: 90px;
  display: flex;
  width: 60px;
  height: 60px;
  margin: 24px auto;
}

.square-logo {
  align-items: center;
  display: flex;
  width: 80px;
  height: 80px;
  margin: 24px auto;
}

.family-container {
  width: 90%;
}

.home-newsletter input[type=text] {
  border: none;
  width: 60%;
  max-width: 480px;
  padding: 18px;
}
@media (max-width: 768px) {
  .home-newsletter input[type=text] {
    width: 100%;
  }
}
.home-newsletter input[type=submit] {
  background-color: black;
  border: 4px solid black;
  color: white;
  box-shadow: 0px 0px 0px 1px white inset;
  text-transform: uppercase;
  padding: 14px;
}
@media (max-width: 768px) {
  .home-newsletter input[type=submit] {
    width: 100%;
    padding: 6px;
    margin-top: 4px;
  }
}

.left-triangle, .up-triangle, .family-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 43.3px 25px 0;
  border-color: transparent #ffffff transparent transparent;
  margin-bottom: -50px;
  position: relative;
  top: 275px;
  right: -12px;
  float: right;
  transform: rotate(360deg);
}

.up-triangle {
  transform: rotate(90deg);
  border-width: 25px 20px 25px 0;
  top: -28px;
  float: none;
  margin: auto;
  margin-bottom: -80px;
  right: 0;
}

.right-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 43.3px;
  border-color: transparent transparent transparent #ffffff;
  margin-bottom: -50px;
  position: relative;
  top: 275px;
  left: -12px;
  float: left;
  transform: rotate(360deg);
}

.percent-donated-tag {
  background-color: rgb(244, 245, 246);
  padding: 6px;
  margin-left: 44px;
  color: rgb(165, 167, 168);
  font-size: 14px;
  width: 222px;
  font-weight: 500;
}
@media (max-width: 544px) {
  .percent-donated-tag {
    margin: auto;
  }
}
.percent-donated-tag .percent {
  font-size: 24px;
  display: inline-block;
  width: 68px;
  text-align: center;
}
.percent-donated-tag .text {
  width: 136px;
  text-transform: uppercase;
  float: right;
  font-size: 12px;
  letter-spacing: 1px;
}

.home-brand-benefit-indicator {
  background-image: url("https://cdn.filepicker.io/auto_image/compress/QUNMkFRWmNacCDl65J9g");
  background-size: 150px 150px;
  background-repeat: no-repeat;
  background-position: center;
  color: black;
  height: 150px;
  width: 150px;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.home-brand-benefit-indicator .benefit-text-container {
  height: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home-brand-benefit-indicator .benefit-text-container .benefit-text {
  position: relative;
  z-index: 150;
  color: white;
  max-width: 115px;
  font-size: 14px;
  letter-spacing: 1px;
}
.home-brand-benefit-indicator .benefit-text-container .benefit-text a:hover, .home-brand-benefit-indicator .benefit-text-container .benefit-text a:active, .home-brand-benefit-indicator .benefit-text-container .benefit-text a:focus {
  color: white;
  text-decoration-color: white;
  text-decoration: underline;
}
.home-brand-benefit-indicator .benefit-text-container .benefit-text:first-of-type {
  font-size: 18px;
  font-weight: bolder;
  letter-spacing: 1px;
}

.brand-benefit-indicator {
  background-image: url("https://cdn.filepicker.io/auto_image/compress/QUNMkFRWmNacCDl65J9g");
  background-size: 150px 150px;
  background-repeat: no-repeat;
  background-position: center;
  color: #ef6f37;
  height: 100%;
  width: 100%;
  position: absolute;
  top: -200px;
  right: -20px;
  z-index: 100;
}
.brand-benefit-indicator .benefit-text {
  position: relative;
  z-index: 150;
  color: white;
  max-width: 115px;
  top: 235px;
  right: -18px;
  font-size: 14px;
  letter-spacing: 1px;
}
.brand-benefit-indicator .benefit-text a:hover, .brand-benefit-indicator .benefit-text a:active, .brand-benefit-indicator .benefit-text a:focus {
  color: white;
  text-decoration-color: white;
  text-decoration: underline;
}

.more-plus-link {
  display: block;
  width: 100%;
  color: white;
  background-color: #b5d013;
  font-size: 60px;
  font-weight: 500;
  text-align: center;
  height: 60%;
  line-height: 28px;
  display: flex;
  align-items: center;
  max-height: 275px;
}
.more-plus-link small, .more-plus-link .small {
  font-size: 22px;
}
.more-plus-link div {
  margin: auto;
}

.more-plus-link:hover {
  color: white;
  text-decoration: none;
}

.articles-container {
  padding-top: 36px;
  margin-bottom: 64px;
}

.map-section {
  height: 580px;
  width: 100%;
  background-size: cover;
  background-position: center;
  display: flex;
}

.white-box {
  width: 100%;
  box-shadow: 0px 0px 0px 1px #494949 inset;
  border: 5px solid white;
  background-color: white;
  height: auto;
  padding: 48px;
  text-align: center;
}

.map-container {
  display: flex;
  align-items: center;
}

.map-row {
  margin: auto;
}
@media (max-width: 768px) {
  .map-row {
    margin: -20px;
  }
}

.locate-local input[type=text] {
  border: 1px solid #dbdbdb;
  outline: none;
  box-shadow: none;
  width: 50%;
  max-width: 480px;
  padding: 18px;
  placeholder-color: #dbdbdb;
}
@media (max-width: 768px) {
  .locate-local input[type=text] {
    width: 100%;
  }
}
.locate-local input[type=submit] {
  background-color: #b5d013;
  border: 4px solid #b5d013;
  color: white;
  box-shadow: 0px 0px 0px 1px white inset;
  text-transform: uppercase;
  padding: 14px;
}
@media (max-width: 768px) {
  .locate-local input[type=submit] {
    width: 100%;
    padding: 6px;
    margin-top: 4px;
  }
}

@font-face {
  font-family: "icomoon";
  src: url(font-path("icomoon.eot?q2wy22"));
  src: url(font-path("icomoon.eot?q2wy22#iefix")) format("embedded-opentype"), url(font-path("icomoon.ttf?q2wy22")) format("truetype"), url(font-path("icomoon.woff?q2wy22")) format("woff"), url(font-path("icomoon.svg?q2wy22#icomoon")) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-calendar:before {
  content: "\e900";
}

.icon-date:before {
  content: "\e900";
}

.icon-schedule:before {
  content: "\e900";
}

.icon-time:before {
  content: "\e900";
}

.icon-pin:before {
  content: "\e901";
}

.icon-location:before {
  content: "\e901";
}

.icon-map:before {
  content: "\e901";
}

.icon-marker:before {
  content: "\e901";
}

.icon-date_range:before {
  content: "\e902";
}

.icon-keyboard_arrow_up:before {
  content: "\e903";
}

.icon-keyboard_arrow_right:before {
  content: "\e904";
}

.icon-keyboard_arrow_left:before {
  content: "\e905";
}

.icon-keyboard_arrow_down:before {
  content: "\e906";
}

.icon-person:before {
  content: "\e907";
}

.icon-snapchat:before {
  content: "\e908";
}

.icon-clock:before {
  content: "\e909";
}

.icon-shopping-cart:before {
  content: "\e90a";
}

.icon-lock-open:before {
  content: "\e90b";
}

.icon-lock:before {
  content: "\e90c";
}

.icon-pinterest-with-circle:before {
  content: "\e90d";
}

.icon-twitter-with-circle:before {
  content: "\e90e";
}

.icon-instagram-with-circle:before {
  content: "\e90f";
}

.icon-facebook-with-circle:before {
  content: "\e910";
}

#main {
  width: 100%;
  overflow: hidden;
  position: relative;
}

#upgrade-button:hover {
  background: #b5d013;
  color: #FFF;
}

#join-button:hover {
  background: #b5d013;
  color: #FFF;
}

.visual-block {
  background: #e6e7e8;
  padding-top: 35px;
  padding-bottom: 35px;
}

.member-box {
  font-size: 12px;
  line-height: 18px;
}
.member-box .img-holder {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  margin: 0 auto 10px;
  position: relative;
  z-index: 1;
}
.member-box .img-holder img {
  display: block;
  max-width: none;
  width: 100%;
  height: auto;
  border-radius: 100%;
}
.member-box .textbox {
  overflow: hidden;
  padding: 0 20px 30px;
}
@media (max-width: 767px) {
  .member-box .textbox {
    padding: 0 15px 20px;
  }
}
.member-box h1, .member-box .h1 {
  font-size: 24px;
  line-height: 1.25;
  margin: 0 0 20px;
  color: black;
  font-weight: 400;
}
.member-box .subtitle {
  display: block;
  color: #6d6e71;
  font-weight: 500;
  margin: 0 0 3px;
}
.member-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 0 0 15px;
  overflow: hidden;
  margin: 0 0 11px;
}
.member-box ul li {
  font-weight: 500;
  display: flex;
  align-items: center;
  margin: 0 0 11px;
}
.member-box ul [class^=icon-],
.member-box ul [class*=" icon-"] {
  font-size: 20px;
  line-height: 1;
  color: #e6e7e8;
  font-weight: 400;
  margin: 0 10px 0 0;
}
.member-box ul .icon-calendar {
  font-size: 18px;
}
.member-box .btn {
  display: block;
}

.info-block {
  font-size: 25px;
  line-height: 1.6;
  position: relative;
  overflow: hidden;
  padding: 44px 0 32px;
  background: #f5f5f6;
  margin: 0 0 80px;
}
@media (max-width: 991px) {
  .info-block {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .info-block {
    font-size: 16px;
    line-height: 1.25;
    padding: 25px 0;
    margin: 0 0 40px;
  }
}
.info-block .container, .info-block .family-container {
  position: relative;
}
.info-block .subtitle {
  font-size: 13px;
  line-height: 18px;
  display: block;
  margin: 0 0 10px;
  font-family: var(--bs-font-sans-serif);
}
@media (max-width: 767px) {
  .info-block .subtitle {
    margin: 0 0 15px;
  }
}
.info-block h1, .info-block .h1 {
  font-size: 44px;
  line-height: 1.25;
  margin: 0 0 8px;
  color: black;
  font-weight: 400;
}
@media (max-width: 991px) {
  .info-block h1, .info-block .h1 {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .info-block h1, .info-block .h1 {
    font-size: 28px;
    margin: 0 0 12px;
  }
}
@media (max-width: 767px) {
  .info-block p {
    margin: 0 0 20px;
  }
}
.info-block .link {
  font-size: 12px;
  line-height: 1.2;
  position: absolute;
  right: 15px;
  top: 0;
  color: #6d6e71;
  font-weight: 500;
  font-family: var(--bs-font-sans-serif);
  width: 120px;
  text-align: right;
}
@media (max-width: 767px) {
  .info-block .link {
    position: static;
    width: inherit;
  }
}

.aside-links {
  overflow: hidden;
  margin: 0 0 82px;
}
@media (max-width: 767px) {
  .aside-links {
    margin: 0 0 50px;
  }
}
.aside-links .h3 {
  background: #f8f8f8;
  padding: 19px 9px 14px;
  margin: 0;
}
@media (max-width: 1249px) {
  .aside-links .h3 {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .aside-links .h3 {
    font-size: 15px;
  }
}
.aside-links ul {
  font-size: 22px;
  line-height: 1.25;
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #6d6e71;
}
@media (max-width: 1249px) {
  .aside-links ul {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .aside-links ul {
    font-size: 14px;
  }
}
.aside-links ul li.active {
  background: #f8f8f8;
}
.aside-links ul li:hover {
  background: #b5d013;
  color: #FFF;
  text-decoration: none;
  cursor: pointer;
}
.aside-links ul li {
  border-top: 1px solid #6d6e71;
  padding: 15px 9px;
}
.aside-links ul li a {
  color: black;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.tags-box {
  overflow: hidden;
  padding: 0 0 0 10px;
  margin: 0 0 50px;
}
.tags-box .h4 {
  margin: 0 0 15px;
}

.tags-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tag {
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
  background: #ccc;
  color: black;
  font-weight: 500;
  padding: 6px 22px;
  border-radius: 5px;
  margin: 0 0 11px;
  text-transform: uppercase;
}
.tag:hover {
  text-decoration: none;
  background: #b5d013;
  color: white;
}
.tag.active {
  text-decoration: none;
  background: #b5d013;
  color: white;
}

.access-note {
  font-size: 15px;
  line-height: 1.4;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: #e6e7e8;
  margin: 0 0 13px;
  padding: 33px 20px;
  color: #666;
  font-weight: 700;
}
.access-note .icon-lock-open {
  font-size: 40px;
  line-height: 1;
  color: #ccc;
  transform: scaleX(-1);
  margin: 0 10px 0 0;
}
@media (max-width: 767px) {
  .access-note .icon-lock-open {
    font-size: 30px;
  }
}
.access-note:hover {
  opacity: 0.8;
  color: black;
}
.access-note p {
  margin: 0;
}
.access-note p a {
  color: #666;
  text-decoration: underline;
}
.access-note p a:hover {
  text-decoration: none;
}

.article-post {
  overflow: hidden;
  background: #f2f2f2;
  margin: 0px;
}
.article-post .img-holder {
  position: relative;
}
.article-post .img-holder img {
  display: block;
  max-width: none;
  width: 100%;
  height: auto;
}
.article-post .img-holder .icon-lock {
  font-size: 56px;
  line-height: 1;
  color: #494949;
  text-align: center;
}
@media (max-width: 767px) {
  .article-post .img-holder .icon-lock {
    font-size: 40px;
  }
}
.article-post .post-content {
  overflow: hidden;
  padding: 8px 18px;
  position: relative;
}
@media (max-width: 767px) {
  .article-post .post-content {
    padding: 15px;
  }
}
.article-post h3, .article-post .h3 {
  font-weight: 700;
  margin: 0 0 15px;
}
.article-post .head {
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 22px;
}
@media (max-width: 767px) {
  .article-post .head {
    display: block;
  }
}
.article-post .userbox {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .article-post .userbox {
    margin: 0 0 15px;
  }
}
.article-post .userbox .img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin: 0 13px 0 0;
}
.article-post .userbox .text-head {
  padding: 2px 0 0;
}
.article-post .userbox .h4 {
  font-weight: 400;
  margin: 0 0 4px;
}
@media (max-width: 767px) {
  .article-post .userbox .h4 {
    font-size: 18px;
  }
}
.article-post .userbox .time {
  font-size: 11px;
  line-height: 15px;
  display: block;
  color: #6d6e71;
  font-weight: 500;
}
.article-post .status {
  font-size: 14px;
  line-height: 18px;
  margin-left: auto;
  color: #6d6e71;
  display: flex;
  align-items: center;
}
.article-post .status .icon-lock {
  font-size: 20px;
  line-height: 1;
  color: #ccc;
  margin: 0 5px 0 0;
}
.article-post .status .text {
  text-decoration: underline;
}
.article-post .status:hover {
  text-decoration: none;
}
.article-post .status:hover .text {
  text-decoration: none;
}
.article-post .foot {
  padding: 12px 0 0;
}
.article-post .foot .btn-link {
  font-size: 11px;
  line-height: 15px;
  color: #6d6e71;
  padding: 0;
}
.article-post .tags-block {
  margin: 0 0 12px;
}
.article-post .tag {
  font-size: 10px;
  padding: 3px 18px;
  margin: 0 8px 8px 0;
  font-weight: 700;
}
.article-post .add-row {
  display: flex;
}
.article-post .add-row .comment-link {
  margin-left: auto;
}

.comments-block {
  overflow: hidden;
  padding: 20px 15px 0px 15px;
  background-color: #FFF;
}
@media (max-width: 1249px) {
  .comments-block {
    padding: 0;
  }
}
.comments-block .link-bar {
  display: flex;
  margin: 0 0 20px;
}
.comments-block .link-bar .count,
.comments-block .link-bar .status {
  margin-left: auto;
}
.comments-block .count {
  font-size: 12px;
  line-height: 18px;
  color: #6d6e71;
  display: flex;
  align-items: center;
}
.comments-block .status {
  font-size: 12px;
  line-height: 18px;
  color: #6d6e71;
  display: flex;
  align-items: center;
}
.comments-block .status .icon-lock {
  font-size: 20px;
  line-height: 1;
  color: #ccc;
  margin: 0 5px 0 0;
}
.comments-block .status .text {
  text-decoration: underline;
}
.comments-block .status:hover {
  text-decoration: none;
}
.comments-block .status:hover .text {
  text-decoration: none;
}

.comments-list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 10px;
}
.comments-list li {
  display: flex;
  align-items: flex-start;
  margin: 0 0 20px;
}
.comments-list .img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin: 0 10px 0 0;
}
.comments-list .textbox {
  flex-grow: 1;
  flex-basis: 0;
  padding-left: 8px;
}
.comments-list .name {
  font-size: 13px;
  line-height: 18px;
  display: block;
  margin: 0 0 6px;
}
.comments-list p {
  margin: 0 0 5px;
}
.comments-list .time {
  font-size: 11px;
  line-height: 15px;
  color: #6d6e71;
  display: block;
}

.topics-block {
  overflow: hidden;
  margin: 0 0 80px;
}
@media (max-width: 991px) {
  .topics-block {
    margin: 0 0 50px;
  }
}

.member-counter {
  overflow: hidden;
  margin: 0px;
  height: 100px;
}
.member-counter .title {
  font-size: 14px;
  line-height: 18px;
  color: black;
  display: block;
  margin: 0 0 2px;
}
.member-counter .count {
  font-size: 45px;
  line-height: 1.1;
  display: block;
  font-weight: 700;
  margin: 0 0 60px;
}
@media (max-width: 767px) {
  .member-counter .count {
    margin: 0 0 30px;
  }
}
.member-counter .btn {
  display: block;
}

.join-block {
  overflow: hidden;
  margin: 0 0 50px;
}

.text-post {
  background: #f8f8f8;
  padding: 17px 13px;
  margin: 0 0 12px;
}
.text-post .head {
  display: flex;
  flex-flow: row wrap;
}
.text-post .head .tier,
.text-post .head .pkg {
  font-size: 14px;
  line-height: 18px;
  color: black;
  display: block;
  font-weight: 600;
  margin-bottom: 12px;
}
.text-post .head .pkg {
  margin-left: auto;
}
.text-post .head .h6 {
  font-weight: 700;
  width: 100%;
  margin: 0 0 12px;
}
.text-post ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 0 10px;
  overflow: hidden;
}
.text-post ul li {
  margin: 0 0 13px;
  position: relative;
  padding-left: 17px;
  line-height: 1.25;
}
.text-post ul li:before {
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: black;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.text-post .btn {
  display: block;
}

button.stripe-button-el {
  visibility: hidden !important;
}

.post-img-unsubscribed {
  opacity: 0.1;
}

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  box-sizing: border-box;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.text-center {
  text-align: center !important;
}

.edit-advocate-thumb:hover {
  cursor: pointer;
  opacity: 0.5;
}

.edit-recipe-thumb:hover {
  cursor: pointer;
  opacity: 0.5;
}

.override-simple-form-button-success {
  background-color: #b5d013;
  border-radius: 0;
  color: white;
  border: 1px solid #b5d013;
}

.override-simple-form-button-success:hover {
  background-color: #a5bd11;
  border: 1px solid #a5bd11;
}

.tier-image-wrapper {
  padding-bottom: 10px;
  width: 200px;
  height: auto;
  display: flex;
  justify-content: center;
}
@media (max-width: 991px) {
  .tier-image-wrapper {
    height: 350px;
  }
}

.social-icons a:hover {
  opacity: 0.9;
}

@media (max-width: 767px) {
  .hide-below-tablet {
    display: none;
  }
}

@media (max-width: 991px) {
  .hide-below-desktop {
    display: none;
  }
}

@media (min-width: 769px) {
  .no-padding-lg {
    padding-left: 0;
    padding-right: 0;
  }
}

.tag.active:hover {
  opacity: 0.8;
}

.community-link:hover {
  color: black;
}

#advocates-index-image {
  width: 207px;
  height: 207px;
}

#advocates-profile-image {
  width: 150px;
  height: 150px;
  border-radius: 100%;
}

a.advocates-paywall-link {
  text-decoration: none;
}

.advocates-avatar img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  max-width: none;
}

.learn-how {
  position: absolute;
  bottom: -22px;
  right: 30px;
  font-size: 12px;
  text-decoration: underline;
  font-weight: 900;
  color: gray;
}
.learn-how:hover {
  color: #b5d013;
}

.join-now-cta-text {
  text-align: center;
  font-weight: 900;
  font-size: 14px;
  padding: 10px 0px;
}

.join-now-cta {
  width: 200px;
  margin: 0 auto;
}

a.no-style {
  text-decoration: none;
  color: black;
}

.paywall-image-overlay-container {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  z-index: 10;
}

.messages {
  max-height: 500px;
  overflow-y: scroll;
}

.message {
  border-radius: 10px;
  padding: 20px;
  margin: 10px;
  display: inline-block;
  word-break: break-word;
}

.message-image-container {
  padding: 10px 50px;
}
.message-image-container img {
  max-height: 300px;
}
.message-image-container img:hover {
  cursor: zoom-in;
}

.chat-player {
  height: 350px;
  padding-top: 20px;
  position: relative;
  width: 100%;
}

.expand-image {
  transition: all 0.3s ease-in;
  transform: scale(1.5);
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  z-index: 1000;
}
.expand-image img {
  margin-left: 100px;
}

.message-timestamp {
  padding-left: 62px;
  margin-top: -16px;
  font-size: 0.7em;
}
@media (max-width: 575px) {
  .message-timestamp {
    font-size: 0.6em;
    margin-top: 0px;
  }
}

.message-sender {
  padding-left: 10px;
}
@media (max-width: 575px) {
  .message-sender {
    font-size: 16px;
  }
}

.message-secondary-user {
  background: #E0E0E0;
  margin-right: 30%;
}

.message-primary-user {
  background: #ebfc96;
  margin-left: 30%;
  float: right;
}

.message-header {
  display: flex;
}

.message-body {
  padding-top: 20px;
}

.only-mobile {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: -30px;
}
@media (min-width: 577px) {
  .only-mobile {
    display: none;
  }
}

@media (min-width: 576px) {
  .hide-above-mobile {
    display: none;
  }
}

@media (max-width: 575px) {
  .hide-mobile {
    display: none;
  }
}

.paywall {
  position: absolute;
  bottom: 0px;
  height: 150px;
  width: 100%; /* For Safari */
  background: linear-gradient(rgba(255, 255, 255, 0), rgb(242, 242, 242));
}

a.paywall-link {
  font-weight: 900;
  color: #b5d013;
}

.advocate-header-attribute {
  padding-top: 16px;
}
@media (max-width: 575px) {
  .advocate-header-attribute {
    padding-top: 0;
    margin-top: -20px;
  }
}

@media (max-width: 575px) {
  .advocate-mobile-header {
    font-size: 12px !important;
  }
}

@media (max-width: 575px) {
  .dogly-blurb-mobile {
    padding-top: 12px;
  }
}

.ql-editor .ql-output {
  overflow-y: unset;
  word-wrap: break-word;
}

ul.checkmark {
  overflow: visible;
}

ul.checkmark li {
  font-size: 16px;
  list-style-type: none;
  margin-bottom: 1em;
  padding: 0.25em 0 0 2.5em;
  position: relative;
}

ul.checkmark li:before {
  content: " ";
  display: block;
  border: solid 0.8em #b5d013;
  border-radius: 0.8em;
  height: 0;
  width: 0;
  position: absolute;
  left: 0.4em;
  top: 40%;
  margin-top: -0.5em;
}

ul.checkmark li:after {
  content: " ";
  display: block;
  width: 0.4em;
  height: 0.9em;
  border: solid white;
  border-width: 0 0.1em 0.1em 0;
  position: absolute;
  left: 1em;
  top: 40%;
  margin-top: -0.2em;
  transform: rotate(45deg);
}

@media (min-width: 768px) {
  .message-section, .messages {
    min-width: 453px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}
.chat-input-container {
  position: relative;
  display: flex;
}

textarea.chat-input {
  overflow: auto;
  flex: 1;
  border: 1px solid #494949;
  padding: 0.5rem 4rem 0.5rem 3.5rem;
  border-radius: 50px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ }
@media (max-width: 575px) {
  ::-webkit-input-placeholder {
    font-size: 13px;
  }
}

a.chat-input-button {
  color: #ef6f37;
  font-size: 2rem;
  border: none;
  background-color: transparent;
  align-self: flex-start;
  position: absolute;
  padding-left: 0.5rem;
  left: 3px;
  bottom: 4px;
  cursor: pointer;
}
a.chat-input-button:hover {
  color: #b5d013;
}

/* The container <div> - needed to position the dropup content */
.dropup {
  position: relative;
  display: inline-block;
}

/* Dropup content (Hidden by Default) */
.dropup-content {
  display: none;
  position: absolute;
  bottom: 60px;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/* Links inside the dropup */
.dropup-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropup links on hover */
.dropup-content a:hover {
  background-color: #ddd;
}

/* Show the dropup menu on hover */
.dropup:hover .dropup-content {
  display: block;
}

/* Change the background color of the dropup button when the dropup content is shown */
.dropup:hover .dropbtn {
  background-color: #a5bd11;
}

.modal-image {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
}
.modal-image img {
  max-width: 400px;
  max-height: 400px;
}

span.tagify__tag-text, table#cart-detail-dogly tbody#line_items tr td.tagify__tag-text[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr td.tagify__tag-text[data-hook=cart_item_total] {
  white-space: normal !important;
}

.tagify tag > div::before {
  background-color: #E5E5E5;
}

.tagify tag:hover:not([readonly]) div::before {
  background-color: #D3E2E2;
}

.tagify tag x:hover {
  background-color: #c77777 !important;
}

.paywalled-editor {
  word-wrap: break-word !important;
  max-height: 175px !important;
  overflow: hidden !important;
  position: relative !important;
  padding: 0px !important;
}

.feature-input {
  margin: 2px 0px;
}

.pdf-download-link {
  text-align: center;
}

.pdf-download-link img {
  width: 75px;
  height: 75px;
  margin: auto 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#chat-video {
  height: 350px;
  padding-top: 20px;
  position: relative;
  width: 100%;
}

.disclaimer {
  opacity: 0.8;
  font-size: 0.85rem;
  padding: 2rem;
}

.reply-row {
  padding-left: 68px;
  padding-bottom: 10px;
  margin-top: -10px;
}

.reply-row i:hover {
  cursor: pointer;
  color: #b5d013;
}

.reply {
  padding-left: 60px;
}

.btn-join-pricing {
  float: right;
}

@media (max-width: 767px) {
  .btn-responsive {
    font-size: 3vw;
  }
}
@media (min-width: 769px) {
  .btn-responsive {
    font-size: 1.5vw;
  }
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, .nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover {
  background-color: #f8f9fa;
  color: black;
}

.ql-editor, .ql-output {
  /* unvisited link */
  /* visited link */
  /* mouse over link */
  /* selected link */
}
.ql-editor a:link, .ql-output a:link {
  color: #ef6f37;
  text-decoration: underline;
}
.ql-editor a:visited, .ql-output a:visited {
  color: #ef6f37;
  text-decoration: underline;
}
.ql-editor a:hover, .ql-output a:hover {
  color: black;
}
.ql-editor a:active, .ql-output a:active {
  color: black;
}
.ql-editor iframe, .ql-output iframe {
  margin: auto;
  height: 300px;
  width: 500px;
}

.published-posts-raw-body {
  padding-bottom: 5px;
  padding-top: 5px;
}
.published-posts-raw-body p {
  color: #494949;
  margin: 0px;
}

.break-1 {
  border-bottom: 1px solid #494949;
  margin: auto;
  width: 100%;
}

.break-2 {
  border-bottom: 1px solid #b5d013;
  margin: auto;
  width: 100%;
}

.direction {
  background-color: rgba(245, 206, 40, 0.5);
}

.advocate-nav-links {
  display: flex;
  justify-content: center;
}
.advocate-nav-links ul {
  display: flex;
  justify-content: center;
  width: auto;
  list-style: none;
  padding-left: 0;
  text-align: center;
}
@media (max-width: 768px) {
  .advocate-nav-links ul {
    text-align: left;
    margin-top: 20px;
    width: 100%;
  }
}
.advocate-nav-links ul .active {
  color: #b5d013;
  font-weight: 600;
}
.advocate-nav-links ul li {
  display: inline-block;
  margin-right: 15px;
  text-transform: uppercase;
  font-size: 16px;
}
.advocate-nav-links ul li a:hover {
  color: rgb(120.0022026432, 137.9030837004, 12.5969162996);
  text-decoration: underline;
}
.advocate-nav-links ul li .nav-link {
  padding: 0.5rem 0.25rem;
}
@media (max-width: 1100px) {
  .advocate-nav-links ul li {
    margin-right: 20px;
  }
}
@media (max-width: 920px) {
  .advocate-nav-links ul li {
    margin-right: 10px;
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .advocate-nav-links ul li {
    margin-right: 0;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 15px;
    width: 100%;
    text-decoration: none;
  }
}

.block-prices {
  position: relative;
  padding: 15px 0;
}
.block-prices .btn-back {
  display: inline-block;
  vertical-align: top;
}
.block-prices .head {
  padding: 30px 0 30px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .block-prices .head {
    padding: 15px 0;
  }
}
.block-prices .head .title {
  font-weight: 600;
}
.block-prices p {
  margin-bottom: 0px;
}
.block-prices h1, .block-prices .h1 {
  font-weight: 600;
  font-size: 4.5rem;
  margin: 1rem 0rem;
  text-align: center;
}
@media (max-width: 544px) {
  .block-prices h1, .block-prices .h1 {
    font-size: 2.5rem;
  }
}
@media (max-width: 991px) {
  .block-prices h1, .block-prices .h1 {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .block-prices h1, .block-prices .h1 {
    font-size: 28px;
  }
}

@media (max-width: 544px) {
  .pricing-page h1, .pricing-page .h1 {
    font-size: 2.5rem;
  }
}

.prices-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .prices-box {
    padding-top: 0px;
  }
}
.prices-box .price-box {
  width: calc(33.33% - 10px);
}
@media (max-width: 1000px) {
  .prices-box .price-box {
    width: 100%;
    min-height: 300px;
    margin: 50px 0 20px;
  }
}

.price-box {
  position: relative;
  padding: 30px 30px 15px 30px;
  min-height: 500px;
  border-radius: 5px;
  box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}
@media (max-width: 1249px) {
  .price-box {
    padding: 20px 15px;
  }
}
@media (max-width: 200px) {
  .price-box {
    margin-left: 500px;
    color: red;
  }
}
.price-box .x-box {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
}
.price-box .x-box .x-features {
  align-self: flex-end;
}
.price-box .title {
  display: block;
  font-weight: 500;
}
.price-box .price, .price-box table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .price-box td[data-hook=cart_item_price], .price-box table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .price-box td[data-hook=cart_item_total] {
  font-size: 16px;
  line-height: 20px;
  display: block;
  margin: 0 0 20px;
}
.price-box .price .duration, .price-box table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price] .duration, table#cart-detail-dogly tbody#line_items tr .price-box td[data-hook=cart_item_price] .duration, .price-box table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total] .duration, table#cart-detail-dogly tbody#line_items tr .price-box td[data-hook=cart_item_total] .duration {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.price-box h2, .price-box .h2 {
  margin: 0 0 15px;
}
.price-box p {
  margin: 0 0 10px;
}
.price-box .btn {
  width: 100%;
  display: block;
  margin: 0 auto;
  background-color: #ef6f37;
  border-color: #ef6f37;
}

.big-price-box {
  background: rgb(244, 245, 246);
  padding: 30px 20px 15px 20px;
  transform: scale(1.15);
  z-index: 10;
  box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.5);
  border: 10px solid rgb(244, 245, 246);
}

.list-features {
  margin: 20px 0 20px;
  padding: 0;
  list-style: none;
  position: relative;
  max-height: 400px;
  overflow-y: auto;
  /*
    .x-feature:before {
      content: '';
      height: 6px;
      width: 10px; 
      border-left: 2px solid white;
      position: absolute;
      transform: rotate(-45deg);
      left: 5px;
      top: 5px;
    }
  */
}
.list-features li {
  position: relative;
  padding: 0 0 0 25px;
  margin: 0 0 5px;
}
.list-features .x-feature {
  position: absolute;
  left: 0;
  top: 6px;
  width: 16px;
  height: 16px;
  background: transparent;
}
.list-features .x-feature:after {
  content: "X";
  color: #ef6f37;
  height: 6px;
  width: 10px;
  font-weight: bolder;
  position: absolute;
  left: 2.5px;
  top: -6px;
}
.list-features .circle {
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background: #b5d013;
  border-radius: 100%;
}
.list-features .circle:before {
  position: absolute;
  width: 10px;
  height: 6px;
  content: "";
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg) translate(-50%, -50%);
  left: 50%;
  top: 2px;
}

.block-faq {
  padding: 60px 0;
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 991px) {
  .block-faq {
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  .block-faq {
    font-size: 14px;
    line-height: 18px;
  }
}
.block-faq h2, .block-faq .h2 {
  margin: 0 0 30px;
}
@media (max-width: 767px) {
  .block-faq h2, .block-faq .h2 {
    margin: 0 0 15px;
  }
}
.block-faq p {
  margin: 0 0 10px;
}
.block-faq .wrap {
  position: relative;
  overflow: hidden;
  margin: 0 0 30px;
}
@media (max-width: 767px) {
  .block-faq .wrap {
    margin: 0 0 15px;
  }
}
.block-faq .container, .block-faq .family-container {
  max-width: 960px;
}
.block-faq .title {
  display: block;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 15px;
}
@media (max-width: 767px) {
  .block-faq .title {
    font-size: 15px;
    line-height: 18px;
  }
}
.block-faq a {
  text-decoration: underline;
}

.incorrect-password-alert {
  width: 80%;
  background-color: rgba(239, 111, 55, 0.4);
  padding: 1rem;
  margin: 1rem auto;
  border-radius: 5px;
}
.incorrect-password-alert a {
  text-decoration: underline;
}
.incorrect-password-alert a:hover {
  color: #333333;
  font-weight: bolder;
}
.incorrect-password-alert a:visited {
  color: #333333;
  font-weight: bolder;
}

.plan-signup {
  margin: 0px auto 75px auto;
}
@media (max-width: 992px) {
  .plan-signup {
    width: 100%;
  }
}
.plan-signup .fg-name {
  left: -5000px;
  position: absolute;
  z-index: -1;
}

.advocate-header-panel {
  align-items: center;
  background-color: white;
  display: flex;
  justify-content: center;
  text-align: center;
}
.advocate-header-panel .header-subtitle {
  font-size: 1.2rem;
}
.advocate-header-panel .header-title {
  font-family: "Roboto", sans-serif;
  font-size: 2rem;
  font-weight: normal;
  letter-spacing: normal;
  margin: auto;
  line-height: auto;
}
.advocate-header-panel span.header-title, .advocate-header-panel table#cart-detail-dogly tbody#line_items tr td.header-title[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .advocate-header-panel td.header-title[data-hook=cart_item_price], .advocate-header-panel table#cart-detail-dogly tbody#line_items tr td.header-title[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .advocate-header-panel td.header-title[data-hook=cart_item_total] {
  display: block;
}
.advocate-header-panel .header-side {
  flex: 50%;
}
.advocate-header-panel .header-avatar-container {
  flex-basis: 20vw;
  margin-bottom: -50px;
  z-index: 2;
}

.advocate-community-panel {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  .advocate-header-panel {
    margin-top: 0.5rem;
    flex-flow: row wrap;
  }
  .advocate-header-panel .header-avatar-container {
    order: 1;
  }
  .advocate-header-panel .header-side {
    flex: 100%;
    margin: 0.5rem;
  }
  .advocate-header-panel .header-side .header-title {
    font-size: 1.75rem;
  }
}
.landing-icon {
  color: white;
  font-size: 14px;
  font-weight: 200;
  padding-right: 3px;
}

.icon-text {
  color: white;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.header-avatar-breakpoints {
  border-radius: 100%;
  max-width: 150px;
}
@media (max-width: 768px) {
  .header-avatar-breakpoints {
    max-width: 125px;
  }
}
@media (max-width: 544px) {
  .header-avatar-breakpoints {
    max-width: 100px;
  }
}

.header-image-container {
  height: 60vh;
  min-height: 550px;
  width: 100%;
  background-size: cover;
  background-position: center center;
  display: flex;
  position: relative;
  justify-content: flex-end;
}
.header-image-container .advocate-edit-btn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: #ef6f37;
  color: white;
  z-index: 10;
}
.header-image-container .advocate-edit-btn:hover {
  color: white;
  background-color: #b5d013;
}
.header-image-container .advocate-message-btn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: #ef6f37;
  color: white;
}
.header-image-container .advocate-message-btn:hover {
  color: white;
  background-color: #b5d013;
}
.header-image-container .advocate-message-btn ~ .advocate-edit-btn {
  right: 11rem;
}
.header-image-container .advocate-message-btn svg {
  margin-right: 0.5rem;
}
@media (max-width: 768px) {
  .header-image-container .advocate-message-btn, .header-image-container .advocate-edit-btn {
    position: relative;
    top: 0;
    right: 0;
    margin-bottom: 1rem;
  }
  .header-image-container .advocate-message-btn ~ .advocate-edit-btn {
    right: 0;
    margin-left: 0.25rem;
  }
}

.social-media-links {
  margin-top: 2rem;
}
.social-media-links a {
  margin: auto 0.5rem;
}
.social-media-links a:hover {
  color: white;
}

.header-vignette {
  color: #fff;
  display: flex;
  height: 100%;
  justify-content: flex-end;
  min-width: 350px;
  position: relative;
  width: 100%;
  background: radial-gradient(circle, transparent 20%, black 125%);
}

.header-text-container {
  color: white;
  align-self: center;
  width: 40%;
  text-align: center;
  padding: 0 4rem;
}
.header-text-container h3, .header-text-container .h3 {
  font-size: 22px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
}
.header-text-container p {
  font-size: 18px;
}

@media (max-width: 992px) {
  .header-text-container {
    width: 100%;
  }
  .header-vignette {
    background: rgba(0, 0, 0, 0.7);
  }
}
@media (max-width: 768px) {
  .header-text-container {
    padding: 2rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.section-panel {
  padding: 2rem;
}
.section-panel p {
  font-weight: normal;
  font-size: 1rem;
  letter-spacing: normal;
  font-family: "Roboto", sans-serif;
}
.section-panel h1, .section-panel .h1,
.section-panel h2,
.section-panel .h2,
.section-panel h3,
.section-panel .h3 {
  font-family: "Roboto", sans-serif;
}

@media (max-width: 768px) {
  .section-panel {
    padding: 1rem;
  }
}
section.section-panel:nth-child(even) {
  background-color: rgb(244, 245, 246);
}
section.section-panel:nth-child(even) .advocate-posts-tag::after {
  background: rgb(244, 245, 246);
}

section.section-panel:nth-child(odd) .advocate-posts-tag::after {
  background: white;
}

.section-header {
  margin-top: 0;
  text-align: center;
  letter-spacing: normal;
  font-size: 2.5rem;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
}

.section-subheader {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  letter-spacing: normal;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: normal;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
}

.section-text {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  letter-spacing: normal;
  font-size: 1rem;
  font-weight: normal;
  font-family: "Roboto", sans-serif;
}

.advocate-tags-container {
  justify-content: center;
  padding-top: 1rem;
  padding-bottom: 2rem;
}
.advocate-tags-container select, .advocate-tags-container label {
  display: none;
}

.advocate-tags-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 1.25%;
  justify-content: center;
}
.advocate-tags-list .active {
  background-color: #b5d013;
  color: white;
}
.advocate-tags-list .active::after {
  border-left-color: #b5d013;
}

@media (max-width: 544px) {
  .advocate-tags-container .advocate-tags-list {
    display: none;
  }
  .advocate-tags-container label {
    font-weight: normal;
    display: initial;
  }
  .advocate-tags-container select {
    display: initial;
    margin-bottom: 1rem;
    text-transform: capitalize;
  }
}
.advocate-posts-tag {
  background: rgb(180, 181, 182);
  border-radius: 3px 0 0 3px;
  border: none;
  color: #333333;
  font-weight: bolder;
  text-transform: capitalize;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 0.5rem 0.5rem 0;
  text-decoration: none;
}
.advocate-posts-tag:hover, .advocate-posts-tag:focus {
  background-color: #b5d013;
  color: white;
}

.advocate-posts-tag::before {
  background: rgb(244, 245, 246);
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: "";
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}

.advocate-posts-tag::after {
  background: rgb(244, 245, 246);
  border-bottom: 13px solid transparent;
  border-left: 10px solid rgb(180, 181, 182);
  border-top: 13px solid transparent;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
}

.advocate-posts-tag:hover::after,
.advocate-posts-tag:focus::after {
  border-left-color: #b5d013;
}

.posts-container {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
}
.posts-container button {
  align-self: center;
}

.advocate-post-card:first-of-type {
  margin-left: 1rem;
}

.advocate-post-card {
  width: 350px;
  max-width: 80vw;
  height: 350px;
  margin-right: 1.25vw;
  margin-bottom: 1.25vw;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  overflow: hidden;
  position: relative;
}
.advocate-post-card .post-link-overlay {
  height: 100%;
  width: 100%;
  background: transparent;
  z-index: 90;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 1rem;
}
.advocate-post-card .post-link-overlay h3, .advocate-post-card .post-link-overlay .h3 {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: auto;
  margin-bottom: auto;
  flex: 1 1 100%;
}
.advocate-post-card .post-link-overlay .view-post-btn,
.advocate-post-card .post-link-overlay h3,
.advocate-post-card .post-link-overlay .h3 {
  opacity: 0;
}
@media (max-width: 768px) {
  .advocate-post-card .post-link-overlay {
    background: rgba(255, 255, 255, 0.75);
  }
  .advocate-post-card .post-link-overlay h3, .advocate-post-card .post-link-overlay .h3 {
    height: 50%;
  }
  .advocate-post-card .post-link-overlay .view-post-btn,
  .advocate-post-card .post-link-overlay h3,
  .advocate-post-card .post-link-overlay .h3 {
    opacity: 1;
  }
}
@media (max-width: 544px) {
  .advocate-post-card .post-link-overlay h3, .advocate-post-card .post-link-overlay .h3 {
    font-size: 1rem;
  }
}
.advocate-post-card .post-card-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 2.5%;
  position: relative;
}
@media (max-width: 767px) {
  .advocate-post-card .post-card-content {
    padding: 1rem;
  }
}
.advocate-post-card .post-card-content .card-text-box {
  word-wrap: break-word;
  max-height: 300px;
  overflow: hidden;
  position: relative;
  padding: 0px;
}

.post-link-overlay:hover,
.post-link-overlay:focus-within {
  background: rgba(255, 255, 255, 0.75);
}
.post-link-overlay:hover .view-post-btn,
.post-link-overlay:hover h3,
.post-link-overlay:hover .h3,
.post-link-overlay:focus-within .view-post-btn,
.post-link-overlay:focus-within h3,
.post-link-overlay:focus-within .h3 {
  opacity: 1;
}

@media (max-width: 544px) {
  .advocate-post-card {
    height: 60vw;
    width: 60vw;
  }
  .advocate-post-card:first-of-type {
    margin-left: 0.5rem;
  }
}
.card-paywall {
  position: absolute;
  bottom: 0px;
  height: 150px;
  width: 100%;
  background: linear-gradient(rgba(242, 242, 242, 0.25), rgba(242, 242, 242, 0.5), rgba(242, 242, 242, 0.75), rgb(242, 242, 242));
  background: -webkit-linear-gradient(rgba(242, 242, 242, 0.25), rgba(242, 242, 242, 0.5), rgba(242, 242, 242, 0.75), rgb(242, 242, 242)); /* For Safari */
}

.post-overlay {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.7);
}

a.post-card-footer-link {
  font-size: 10px;
  font-weight: 600;
  padding-right: 1.25%;
  text-transform: uppercase;
  text-align: right;
  color: #b5d013;
}

.post-card-hero-image-holder {
  position: relative;
  max-height: 350px;
  max-width: 350px;
  height: 100%;
}
.post-card-hero-image-holder img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.icon-lock {
  font-size: 56px;
  line-height: 1;
  color: #494949;
  text-align: center;
}
@media (max-width: 767px) {
  .icon-lock {
    font-size: 40px;
  }
}

.post-card-img-replacement {
  max-height: 350px;
  height: 100%;
  max-width: 350px;
  position: relative;
  display: flex;
  align-content: center;
  justify-content: center;
  margin-top: auto;
  margin-bottom: auto;
  border: 1px solid rgb(165, 167, 168);
  background-color: white;
}
.post-card-img-replacement .post-card-text-hero-title {
  font-size: 28px;
  font-weight: bolder;
  text-align: center;
  color: #ef6f37;
  align-self: center;
  padding: 0.5rem;
}

.post-card-join-now-cta-text {
  text-align: center;
  font-weight: 900;
  font-size: 14px;
  padding: 10px 0px;
}

.post-card-join-now-cta {
  width: 200px;
  margin: 0 auto;
  background-color: #ef6f37;
  border-color: transparent;
}

.view-post-btn {
  width: 200px;
  margin: 0 auto;
  background-color: #ef6f37;
  border-color: transparent;
  align-self: center;
  justify-self: center;
}

.my-mission-panel {
  margin-top: 15px;
  max-height: 500px;
  text-align: center;
  background-color: rgb(244, 245, 246);
}

.my-mission-text {
  height: 70px;
  background-color: rgb(244, 245, 246);
  color: #333333;
  font-weight: 700;
}

.my-mission-photo {
  text-align: center;
  height: 90%;
  width: auto;
}

.cta-panel {
  font-weight: normal;
  display: flex;
}
.cta-panel > div {
  box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.1);
  margin: 0.5rem;
  width: 33.3%;
  padding: 1rem;
}
.cta-panel h3, .cta-panel .h3 {
  font-size: 1.5rem;
  text-align: center;
}
.cta-panel .vertical-dash {
  height: 2px;
  margin: 0.5rem auto 1rem auto;
  width: 2rem;
}
.cta-panel .section-subheader {
  text-align: center;
}

.cta-button-container {
  display: flex;
  justify-content: center;
}
.cta-button-container a, .cta-button-container button {
  width: 75%;
  margin-bottom: 1rem;
}
.cta-button-container a:hover, .cta-button-container button:hover {
  background-color: #b5d013;
  border: 1px solid #b5d013;
  color: white;
}

@media (max-width: 1032px) {
  .posts-container .home-card {
    width: 30vw;
    grid-template-rows: 29.5vw 24rem 5rem;
  }
  .posts-container .home-card .hero-image-container {
    height: 29.5vw;
    width: 29.5vw;
  }
}
@media (max-width: 992px) {
  .posts-container .home-card {
    width: 35vw;
    grid-template-rows: 29.5vw 30rem 5rem;
  }
  .cta-panel {
    flex-wrap: wrap;
  }
  .cta-panel > div {
    flex: 1 1 100%;
  }
}
@media (max-width: 768px) {
  .posts-container .home-card {
    width: 43vw;
    grid-template-rows: 42.5vw 22rem 5rem;
  }
  .posts-container .home-card .hero-image-container {
    height: 42.5vw;
    width: 42.5vw;
  }
  .cta-panel > div {
    margin-left: 0;
    margin-right: 0;
  }
}
.quoted-section {
  text-align: center;
  font-size: 2rem;
  font-family: "sutro", serif;
  padding: 1rem;
  position: relative;
  margin: 2rem 5rem 0.5rem 5rem;
}
.quoted-section blockquote {
  margin: auto 4rem 0 4rem;
}

.quoted-section:before,
.quoted-section:after {
  font-size: 10rem;
  position: absolute;
  font-weight: 700;
  color: #b5d013;
  text-shadow: none;
  line-height: 0.9;
}

@media (max-width: 680px) {
  .posts-container .home-card {
    grid-template-rows: 42.5vw 25rem 5rem;
  }
}
@media (max-width: 544px) {
  .posts-container .home-card {
    width: 80vw;
    grid-template-rows: 84vw 23.5rem 5rem;
  }
  .posts-container .home-card .hero-image-container {
    height: 78.9vw;
    width: 78.9vw;
  }
  .quoted-section {
    margin: 1rem;
  }
  .quoted-section blockquote {
    margin: 1rem 3rem;
    font-size: 1.2rem;
  }
  .quoted-section:before, .quoted-section:after {
    font-size: 6rem;
  }
}
.quoted-section:before {
  content: "“";
  top: 0;
  left: 1rem;
}

.quoted-section:after {
  content: "”";
  right: 1rem;
  top: 0;
}

.testimonial {
  display: flex;
}
.testimonial .testimonial-img {
  flex: 1;
  align-self: center;
  margin: 1rem;
}
.testimonial .testimonial-quote {
  flex: 1;
  margin: auto 5rem;
  text-align: center;
  align-content: center;
  position: relative;
  font-family: "sutro", serif;
}
.testimonial .testimonial-quote blockquote {
  font-size: 1.5rem;
  margin: auto 5rem;
}
.testimonial .testimonial-quote:before, .testimonial .testimonial-quote:after {
  font-size: 10rem;
  position: absolute;
  font-weight: 700;
  text-shadow: none;
}
.testimonial .testimonial-quote:before {
  content: "“";
  top: 0;
  left: 1rem;
  line-height: 0.6;
}
.testimonial .testimonial-quote:after {
  content: "”";
  right: 1rem;
  top: 0;
  line-height: 0.7;
}
.testimonial .testimonial-quote p {
  justify-self: right;
  text-align: right;
  padding-top: 2rem;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
}

@media (max-width: 1200px) {
  .testimonial .testimonial-quote {
    margin: auto 0.5rem;
  }
  .testimonial .testimonial-quote:before, .testimonial .testimonial-quote:after {
    font-size: 8rem;
  }
  .testimonial .testimonial-quote blockquote {
    margin: auto 4.5rem;
  }
}
@media (max-width: 992px) {
  .testimonial {
    flex-flow: row wrap-reverse;
  }
  .testimonial .testimonial-quote {
    width: 100%;
    height: 100%;
    flex: 1 100%;
  }
  .testimonial .testimonial-quote blockquote {
    margin: auto 5rem;
  }
  .testimonial .testimonial-img {
    width: 100%;
    height: 100%;
    flex: 1 100%;
  }
}
@media (max-width: 768px) {
  .testimonial .testimonial-img, .testimonial .testimonial-quote {
    margin: 1rem;
  }
}
@media (max-width: 544px) {
  .testimonial {
    padding: 2rem 1rem;
  }
  .testimonial .testimonial-quote:before, .testimonial .testimonial-quote:after {
    font-size: 6rem;
  }
  .testimonial .testimonial-quote blockquote {
    margin: auto 2.75rem;
  }
  .testimonial .testimonial-quote p {
    margin: 1rem;
  }
}
@media (max-width: 360px) {
  .testimonial-quote blockquote {
    margin: auto 3rem;
  }
}
.welcome-video {
  display: flex;
  align-content: center;
  justify-content: center;
  text-align: center;
}
.welcome-video .welcome-text {
  flex: 1;
  padding-right: 2rem;
  align-self: center;
}
.welcome-video .welcome-text p {
  font-size: 1.1rem;
}
.welcome-video .welcome-content-container,
.welcome-video .video-container {
  flex: 1;
  margin: 1rem;
  align-content: center;
  margin-top: auto;
  margin-bottom: auto;
}
.welcome-video .welcome-content-container img {
  width: 100%;
}

@media (min-width: 992px) {
  .video-container {
    min-height: 500px;
  }
}
@media (max-width: 992px) {
  .welcome-video {
    flex-flow: wrap;
  }
  .welcome-video .welcome-content-container {
    width: 100%;
    height: 100%;
    flex: 1 100%;
    margin: 0 -1rem;
  }
  .welcome-video .welcome-text {
    flex: 1 100%;
    padding-right: 0;
    font-size: 1rem;
  }
}
.be-about-panel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 25px;
  justify-content: center;
  width: 100%;
  text-align: center;
}
.be-about-panel h4, .be-about-panel .h4 {
  font-size: 1.75em;
}
.be-about-panel small, .be-about-panel .small {
  font-size: 0.95em;
}
.be-about-panel .sub-header {
  display: flex;
  flex-direction: column;
}

.be-panel-text {
  display: flex;
  font-size: 1rem;
  justify-content: center;
  text-align: center;
}

.be-series-name-line {
  display: flex;
  flex-direction: row;
}
.be-series-name-line .be-series-name-checkbox {
  margin-right: 10px;
}

.be-create-panel-text {
  display: flex;
  font-size: 1rem;
}

.be-create-label-area {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.be-profile-photo-examples {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.be-profile-photo-example {
  display: flex;
  flex-direction: column;
}
.be-profile-photo-example .header-example {
  border-radius: 100%;
  height: auto;
  max-width: 150px;
}
.be-profile-photo-example .avatar-example {
  border-radius: 100%;
  height: auto;
  max-width: 50px;
}

.be-header {
  color: inherit;
  display: block;
  font-family: inherit;
  line-height: 1.1;
  font-size: 1.75em;
  font-weight: 500;
  margin-block-end: 1.33em;
  margin-block-start: 1.33em;
  margin-bottom: 0.5rem;
  margin-inline-end: 0px;
  margin-inline-start: 0px;
  text-align: center;
}

.be-admin-checkbox {
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: center;
}
.be-admin-checkbox label {
  margin-right: 15px;
}
.be-admin-checkbox .checkbox {
  position: relative;
  top: 10px;
}

.be-testimonial-panel {
  background-color: rgb(244, 245, 246);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 25px;
  width: 100%;
}

.be-testimonial-content {
  margin: auto;
  min-width: 360px;
  padding: 2.5%;
}

.be-testimonial-photo {
  justify-content: flex-end;
  margin: auto;
  min-width: 250px;
  padding: 2.5%;
}

.be-testimonial-comment {
  text-align: center;
}

.be-testimonial-commenter {
  text-align: right;
}

.schedule-draft {
  text-align: center;
}

#zoom_input_area .time-taken {
  border: 1px solid #ef6f37;
  border-radius: 0.25rem;
  color: #ef6f37;
  padding: 25px;
}
#zoom_input_area .input-zoom-start-time {
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  color: #55595c;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.25;
  padding: 0.5rem 0.75rem;
  width: 100%;
}

#post_live_at {
  background-color: rgb(244, 245, 246);
  border-style: solid;
  border-width: 3px;
  border-color: #b5d013;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  margin-bottom: 5px;
  width: 300px;
}

#post_live_at_time_zone {
  background-color: rgb(244, 245, 246);
  border-style: solid;
  border-width: 3px;
  border-color: #b5d013;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  margin-bottom: 5px;
  margin-top: -5px;
  width: 300px;
}
@media screen and (max-width: 1115px) {
  #post_live_at_time_zone {
    margin-bottom: 5px;
    margin-top: 0px;
  }
}

.be-orange {
  color: #ef6f37;
}

.step-box {
  position: relative;
  padding: 25px;
  border-radius: 5px;
  box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1249px) {
  .step-box {
    padding: 20px 15px;
  }
}
.step-box h2, .step-box .h2 {
  margin: 0 0 15px;
}
.step-box p {
  margin: 0 0 10px;
}
.step-box #post-body {
  height: 375px;
  font-family: "Roboto", sans-serif;
}
.step-box #post-de-body {
  border: 1px solid #ef6f37;
  height: 375px;
  font-family: "Roboto", sans-serif;
}
.step-box #post-de-closing {
  border: 1px solid #ef6f37;
  height: 375px;
  font-family: "Roboto", sans-serif;
}
.step-box .btn {
  width: 100%;
  margin: 25px auto;
  background-color: #b5d013;
  border-color: #b5d013;
}
.step-box .step-label {
  font-size: 1.5rem;
  font-weight: bolder;
}
.step-box .step-instruction {
  font-size: 1.25rem;
  font-weight: bolder;
}
.step-box .edit-advocate-thumb {
  width: 200px;
  height: 200px;
  background-position: center center;
  background-repeat: no-repeat;
}
.step-box .edit-recipe-thumb {
  width: 200px;
  height: 200px;
  background-position: center center;
  background-repeat: no-repeat;
}
.step-box .draft-btn {
  background-color: rgb(244, 245, 246);
  border-width: 3px;
  color: black;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  margin-bottom: 5px;
  width: 300px;
}
.step-box .publish-btn {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  width: 300px;
}

.sales-admin {
  color: blue;
}

.sales-row-subheader {
  font-weight: bolder;
}

.sales-total-box {
  border: 1px solid #ef6f37;
  padding: 35px 25px 25px 25px;
}

.sales-total-line {
  text-align: right;
  font-size: 18px;
}

.sales-table-header {
  text-align: center;
  font-size: 20px;
}

.advocate-admin-overflow-table {
  overflow-x: auto;
}
.advocate-admin-overflow-table table thead th {
  vertical-align: top;
}
.advocate-admin-overflow-table table thead select {
  border-color: rgb(165, 167, 168);
  font-weight: normal;
  padding: 0.5em;
}

.advocate-admin-header {
  padding-top: 20px;
}

.be-live-options {
  max-width: 200px;
  display: flex;
  flex-direction: row;
}
.be-live-options a {
  margin: 5px 5px;
}

.de-editor-label {
  color: #ef6f37;
  margin-bottom: 1rem;
}

#post_editorial_group {
  color: #ef6f37;
  border-color: rgba(68, 68, 68, 0.2666666667);
  margin-bottom: 1rem;
}

#post_is_dogly_checking {
  margin-bottom: 1rem;
}

#post_is_dogly_checked {
  margin-bottom: 1rem;
}

.post_highlights_order_in_thread input {
  border: 1px solid #ef6f37;
}

.post_highlights_body input {
  border: 1px solid #ef6f37;
}

textarea[id*=post_highlights_attributes] {
  border: 1px solid #ef6f37;
}

.content-image {
  max-width: 300px !important;
}

.cement-before::before {
  display: none;
}
@media (max-width: 768px) {
  .cement-before::before {
    background-image: var(--dynamic-image);
    background-size: cover;
    bottom: 0px;
    content: "";
    display: flex;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -1;
  }
}

.csc-after-darker::after {
  display: none;
}
@media (max-width: 768px) {
  .csc-after-darker::after {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.45) 0%);
    background-size: cover;
    bottom: 0px;
    content: "";
    display: flex;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -1;
  }
}

.csc-after-lighter::after {
  display: none;
}
@media (max-width: 768px) {
  .csc-after-lighter::after {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.25) 0%);
    background-size: cover;
    bottom: 0px;
    content: "";
    display: flex;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -1;
  }
}

.de-big-bold {
  font-size: 1.25rem;
  font-weight: bold;
}

.de-bold {
  display: inline-block;
  font-weight: bolder;
  margin: 0.75rem 0rem 0.75rem 0rem;
}

.de-check:before {
  content: "✓";
  float: left;
  margin: 0rem 0.5rem 0rem 0rem;
  position: relative;
  text-align: center;
  top: 0.05rem;
}
@media (max-width: 768px) {
  .de-check:before {
    color: white;
  }
}

.de-headline {
  display: inline-block;
  font-family: "sutro";
  font-size: 2.5rem;
  font-weight: bolder;
  margin: 0rem 0rem 1rem 0rem;
}
@media (max-width: 768px) {
  .de-headline {
    font-size: 2rem;
  }
}
@media (max-width: 544px) {
  .de-headline {
    font-size: 1.75rem;
  }
}
@media (max-width: 425px) {
  .de-headline {
    font-size: 1.5rem;
  }
}

.de-highlighted {
  background-color: rgba(254, 220, 61, 0.4);
}

.de-number {
  font-family: "sutro";
  font-size: 2.5rem;
  font-weight: bolder;
}
@media (max-width: 768px) {
  .de-number {
    font-size: 2rem;
  }
}
@media (max-width: 544px) {
  .de-number {
    font-size: 1.75rem;
  }
}
@media (max-width: 425px) {
  .de-number {
    font-size: 1.5rem;
  }
}

.de-orange {
  color: #ef6f37;
}

.channel-page-2021 {
  display: flex;
  flex-direction: column;
  /*.title-in {
    transition: transform 5s ease-in-out;
    opacity: 0;
    left: -100vw;
  }*/
}
.channel-page-2021 h1, .channel-page-2021 .h1 {
  color: white;
  font-family: "Sutro", serif;
  font-size: 2.5rem;
  margin: 0rem 0rem 1.5rem 0rem;
}
.channel-page-2021 h2, .channel-page-2021 .h2 {
  align-self: flex-end;
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  margin: 0rem;
  padding: 0rem 2.5rem 0rem 10vw;
  position: relative;
  text-align: right;
  z-index: 50;
}
@media (min-width: 645px) {
  .channel-page-2021 h2, .channel-page-2021 .h2 {
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  .channel-page-2021 h2, .channel-page-2021 .h2 {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .channel-page-2021 h2, .channel-page-2021 .h2 {
    font-size: 2.5rem;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 h2, .channel-page-2021 .h2 {
    padding: 0rem 0.5rem 0rem 0.5rem;
    text-align: center;
    width: 100%;
  }
}
.channel-page-2021 h3, .channel-page-2021 .h3 {
  font-size: 1.5rem;
  font-weight: 100;
  justify-self: flex-end;
  padding: 2.5rem 2.5rem 1rem 2.5rem;
  position: relative;
  text-align: left;
  width: 100%;
}
.channel-page-2021 h4, .channel-page-2021 .h4 {
  color: white;
  font-size: 1.5rem;
  font-weight: 300;
  margin: 0rem 0rem 1.5rem 0rem;
}
.channel-page-2021 p {
  margin: 0rem 0rem 0rem 0rem;
}
.channel-page-2021 .grass-before::before {
  background-image: url("https://cdn.filepicker.io/auto_image/compress/hAJ9XSJbRauXTQtv1miz");
  background-size: cover;
  border-radius: 5px;
  color: black;
  content: "";
  height: -webkit-fill-available;
  opacity: 0.8;
  position: absolute;
  width: -webkit-fill-available;
  z-index: -1;
}
.channel-page-2021 .channel-page-agenda-section {
  background-position: center center;
  background-size: cover;
  margin: 2.5rem 0rem;
  min-height: 500px;
  padding: 2.5rem;
  position: relative;
}
.channel-page-2021 .channel-page-agenda-section h1, .channel-page-2021 .channel-page-agenda-section .h1 {
  color: #333333;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-list {
  flex-direction: column;
  flex-grow: 1;
  max-height: 40vw;
  overflow: auto;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-list .agenda-list-item {
  background-image: linear-gradient(to right, rgba(230, 231, 232, 0.6), rgba(230, 231, 232, 0.6)), linear-gradient(to right, white, white);
  border: solid 1px rgba(230, 231, 232, 0.6);
  color: #333333;
  display: flex;
  flex-direction: row;
  margin: 0rem 0rem 1rem 0rem;
  padding: 1rem;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-list .agenda-list-item .item-left {
  max-height: 50px;
  max-width: 50px;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-list .agenda-list-item .item-left img {
  background-color: #333333;
  min-height: 50px;
  max-height: 50px;
  min-width: 50px;
  max-width: 50px;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-list .agenda-list-item .item-right {
  margin: 0rem 0rem 0rem 0.5rem;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-list .agenda-list-item .item-right p {
  font-size: 1.15rem;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-list .agenda-list-item .item-right .pills {
  display: flex;
  flex-direction: row;
  font-size: 0.85rem;
  margin: 0rem 0rem 0.5rem 0rem;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-list .agenda-list-item .item-right .pills .pill {
  background-color: white;
  border-radius: 15px;
  margin: 0rem 0.5rem 0rem 0rem;
  padding: 0rem 0.5rem;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-list .agenda-list-item .item-right .pills .level {
  border: solid 1px #fedc3d;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-list .agenda-list-item .item-right .pills .time {
  border: solid 1px #b5d013;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-list .agenda-list-item .item-right .pills .recurrence {
  border: solid 1px #ef6f37;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-list .agenda-list-item:focus {
  border: 1px solid #ef6f37;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
  outline: none;
  text-decoration: none;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-list .agenda-list-item:hover {
  background-color: #e6e7e8;
  border: solid 1px rgba(239, 111, 55, 0.4);
  cursor: pointer;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-list .selected {
  background-image: linear-gradient(to right, rgba(181, 208, 19, 0.4), rgba(181, 208, 19, 0.4)), linear-gradient(to right, white, white) !important;
  border: solid 1px rgba(181, 208, 19, 0.4) !important;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item {
  display: flex;
  flex-direction: column;
  margin: 0rem 0rem 0rem 1rem;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .agenda-tabs {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .agenda-tabs .btn-tab {
  background-color: #ccc;
  border-bottom: none;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: none;
  color: #333333;
  font-size: 1.125rem;
  margin: 0rem 0rem 0rem 1.5rem;
  padding: 0.5rem 1.25rem;
  position: relative;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .agenda-tabs .btn-tab:last-of-type {
  margin: 0rem 1rem 0rem 0rem;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .agenda-tabs .btn-tab:active, .channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .agenda-tabs .btn-tab:hover, .channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .agenda-tabs .btn-tab:focus {
  text-decoration: underline;
  text-decoration-color: #ef6f37;
  text-decoration-thickness: 0.35rem;
}
@media (max-width: 544px) {
  .channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .agenda-tabs .btn-tab:active, .channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .agenda-tabs .btn-tab:hover, .channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .agenda-tabs .btn-tab:focus {
    text-decoration: none;
  }
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .agenda-tabs .selected {
  background-color: #e6e7e8;
  color: #333333 !important;
  text-decoration: none !important;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .selected-item-content {
  align-items: center;
  background-color: #e6e7e8;
  border-radius: 5px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: 40vw;
  min-height: 40vw;
  max-width: 40vw;
  min-width: 40vw;
  padding: 2.5rem;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .selected-item-content .content-image {
  height: -webkit-fill-available;
  width: -webkit-fill-available;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .selected-item-content .content-image-overlay {
  background-color: rgba(255, 255, 255, 0.9);
  height: 100%;
  padding: 1rem;
  width: 100%;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .selected-item-content .content-actions {
  display: flex;
  justify-content: flex-end;
  padding: 1.25rem 0rem 0rem 0rem;
  width: -webkit-fill-available;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .selected-item-content .content-actions .btn-follow-tag {
  margin: 0rem 0rem 0rem 1.25rem;
}
.channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .selected-item-content .content-actions .btn-follow-tag span, .channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .selected-item-content .content-actions .btn-follow-tag table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .selected-item-content .content-actions .btn-follow-tag td[data-hook=cart_item_price], .channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .selected-item-content .content-actions .btn-follow-tag table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-agenda-section .agenda-functional .agenda-selected-item .selected-item-content .content-actions .btn-follow-tag td[data-hook=cart_item_total] {
  font-size: 0.75rem;
}
.channel-page-2021 .channel-page-content-section {
  margin: 1rem 0rem 0rem 0rem;
}
.channel-page-2021 .channel-page-content-section h1, .channel-page-2021 .channel-page-content-section .h1 {
  color: #333333;
  text-align: center;
}
.channel-page-2021 .channel-page-content-section .content-section-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  min-height: 548px;
  left: 0px;
  position: relative;
  transition: all 0.5s ease-in-out;
  --dynamic-image: url("https://cdn.filepicker.io/auto_image/compress/4DTaztZSluKDfgZSag8T");
}
.channel-page-2021 .channel-page-content-section .content-section-content .mobile-dropdown-container {
  display: none;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .mobile-dropdown-container {
    display: flex;
    justify-content: center;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0rem 0rem 5rem 0rem;
  padding: 0rem 2.5rem;
  width: 100%;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .content-in {
  transition: transform 0.25s ease-in-out !important;
  opacity: 0 !important;
  left: -100vw !important;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .topic-disclaimer {
  margin: 2.5rem 0rem 0rem 0rem;
  text-align: center;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown {
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  left: 0px;
  opacity: 1;
  position: relative;
  transition: all 0.25s ease;
  width: inherit;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .workshop-tabs {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .workshop-tabs .btn-tab {
  background-color: #ccc;
  border-bottom: none;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: none;
  color: #333333;
  font-size: 1rem;
  margin: 0rem 0rem 0rem 1rem;
  padding: 0.5rem 0.75rem;
  position: relative;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .workshop-tabs .btn-tab:last-of-type {
  margin: 0rem 2.5rem 0rem 1rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .workshop-tabs .btn-tab:active, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .workshop-tabs .btn-tab:hover, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .workshop-tabs .btn-tab:focus {
  text-decoration: underline;
  text-decoration-color: #ef6f37;
  text-decoration-thickness: 0.35rem;
}
@media (max-width: 544px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .workshop-tabs .btn-tab:active, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .workshop-tabs .btn-tab:hover, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .workshop-tabs .btn-tab:focus {
    text-decoration: none;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .workshop-tabs .selected {
  background-color: rgba(230, 231, 232, 0.6);
  color: #333333 !important;
  text-decoration: none !important;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .workshop-tabs {
    display: none;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content {
  background-color: rgba(230, 231, 232, 0.6);
  border-radius: 5px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .buttons-container {
  display: flex;
  justify-content: flex-end;
  margin: 0rem 2.5rem 2.5rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .buttons-container div {
  display: flex;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .buttons-container div:first-of-type {
  flex-grow: 1;
  justify-content: space-between;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .buttons-container .btn-follow-tag {
  border: 0.25rem solid transparent;
  border-top: 0.25rem solid transparent;
  box-shadow: 2px 2px 0px 2px transparent, -2px 2px 0px 2px transparent, 2px -2px 0px 2px transparent, -2px -2px 0px 2px transparent;
  outline: 0.25rem solid transparent;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .buttons-container .btn-follow-tag svg, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .buttons-container .btn-follow-tag .fa {
  margin: 0rem 0.5rem 0rem 0.5rem;
  position: relative;
  top: 0.1rem;
}
@media (max-width: 992px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .buttons-container .btn-follow-tag .scroll-direction {
    display: none;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .buttons-container .btn-follow-tag:focus, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .buttons-container .btn-follow-tag:hover {
  border: 0.25rem solid #ef6f37;
  border-top: 0.25rem solid #ef6f37 !important;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
  outline: 0.25rem solid #ef6f37;
  text-decoration: none;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .buttons-container .btn-neutral {
  border: 0.25rem solid transparent;
  border-top: 0.25rem solid transparent;
  box-shadow: 2px 2px 0px 2px transparent, -2px 2px 0px 2px transparent, 2px -2px 0px 2px transparent, -2px -2px 0px 2px transparent;
  outline: 0.25rem solid transparent;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .buttons-container .btn-neutral:focus, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .buttons-container .btn-neutral:hover {
  border: 0.25rem solid #b5d013;
  border-top: 0.25rem solid #b5d013 !important;
  box-shadow: 2px 2px 0px 2px #b5d013, -2px 2px 0px 2px #b5d013, 2px -2px 0px 2px #b5d013, -2px -2px 0px 2px #b5d013;
  outline: 0.25rem solid #b5d013;
  text-decoration: none;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .buttons-container a {
  margin: 0rem 0rem 0rem 1rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .buttons-container button {
  font-size: 1rem;
  margin: 0rem 1rem 0rem 0rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .buttons-container button:last-of-type {
  margin: 0rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .buttons-container button:disabled:hover, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .buttons-container button:disabled:focus {
  border: 1px solid white;
  cursor: not-allowed;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .buttons-container {
    display: none;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-container {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-container .discussion-tab {
    padding: 0rem 0.5rem;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-container {
    flex-grow: 1;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-cta-container {
  max-height: unset !important;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta {
  background-color: white;
  border-radius: 5px;
  color: #333333;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 1.25rem;
}
@media (max-width: 992px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta {
    height: auto;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .cta-area {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .cta-area {
    flex-direction: column;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .cta-area.once-option .join-cta-item.single {
  width: 50%;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .cta-area.once-option .join-cta-item.single {
    width: 100%;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .cta-area.once-option .join-cta-item.group {
  padding: 0rem;
  width: 50%;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .cta-area.once-option .join-cta-item.group {
    width: 100%;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .cta-area.once-option .join-cta-item.group .join-cta-item {
  width: 100%;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .cta-closing-text {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
  text-align: right;
}
@media (max-width: 425px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .cta-closing-text p {
    align-self: flex-start;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .cta-closing-text a {
  text-decoration: none;
  border-bottom: 1px solid rgb(239, 111, 55);
  padding-bottom: 0.075rem;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .cta-closing-text a {
    padding-bottom: 0.01rem;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .cta-closing-text a:hover {
  color: #ef6f37;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .cta-closing-text a:focus {
  color: #ef6f37;
  outline: none;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .cta-item-title {
  align-self: flex-start;
  color: #767676;
  font-size: 1.5rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .join-cta-item {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.25rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .btn {
  align-self: flex-end;
  font-size: 1rem;
  margin: 1rem 0rem 0rem 0rem;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0.5rem 1.5rem;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .btn {
    align-self: flex-start;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .btn:focus, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .btn:hover {
  background-color: #ef6f37;
  border: 1px solid #ef6f37 !important;
  border-radius: 5px;
  outline: none;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta h2, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta .h2 {
  align-self: center;
  font-size: 1rem;
  padding: 0rem;
  text-align: center;
  z-index: unset;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .content-join-cta p {
  align-self: flex-end;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 2.5rem;
  max-height: 30vw;
  min-height: 30vw;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info {
  background-size: cover !important;
  border-radius: 5px;
  height: 100%;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text {
  background-color: rgba(255, 255, 255, 0.8);
  color: #333333;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text .ait-advocate-certifications {
  font-size: 1rem;
  font-style: italic;
  margin: 0rem 0rem 1rem 0rem;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text .ait-advocate-certifications {
    font-size: 0.85rem;
    margin: 0rem 0rem 0.5rem 0rem;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text .ait-advocate-intro {
  font-size: 1.75rem;
  font-weight: bolder;
  margin: 0rem 0rem 0rem 0rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text .ait-advocate-intro span, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text .ait-advocate-intro table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text .ait-advocate-intro td[data-hook=cart_item_price], .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text .ait-advocate-intro table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text .ait-advocate-intro td[data-hook=cart_item_total] {
  font-weight: bolder;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text .ait-advocate-intro:last-of-type {
  font-size: 1.25rem;
  font-weight: normal;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text .ait-advocate-specialties {
  align-items: center;
  border-radius: 5px;
  display: flex;
  flex-grow: 1;
  font-size: 1.75rem;
  font-weight: bolder;
  margin: 0rem 0.5rem;
  padding: 1rem 0.5rem;
  text-align: center;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text .ait-advocate-specialties {
    font-size: 1.5rem;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text .ait-dogly-loves {
  font-size: 1rem;
  font-style: italic;
  padding: 1rem 1rem 1rem 1rem;
  text-align: left;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text .ait-dogly-loves {
    font-size: 1rem;
    padding: 0.75rem;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text .ait-text-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text .ait-text-wrapper:last-of-type {
  justify-content: flex-start;
  flex-direction: row;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text .ait-top-text {
  display: flex;
  flex-direction: column;
  padding: 1rem 1rem 0rem 1rem;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text .ait-top-text {
    padding: 0.75rem 0.75rem 0rem 0.75rem;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info .advocate-info-text {
    background-color: unset !important;
    color: white;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate .advocate-info {
    background: none !important;
    height: 100% !important;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate {
    margin: 0rem;
    max-height: none;
    min-height: none;
  }
}
@media (max-width: 1200px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-advocate {
    max-height: none;
    min-height: none;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  padding: 2.5rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group .group-item {
  background-color: white;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-around;
  padding: 2.5rem;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group .group-item {
    padding: 1.25rem;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group .group-item h2, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group .group-item .h2 {
  align-self: center;
  display: flex;
  font-size: 2.5rem;
  font-family: "Sutro", serif;
  padding: 0rem;
  text-align: center;
  z-index: unset;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group .group-item strong {
  color: #767676;
  font-size: 1.5rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group .group-item .btn {
  align-self: flex-end;
  display: flex;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0.5rem 1rem;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group .group-item .btn {
    align-self: center;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group .recipes-list {
  max-height: 30vw;
  overflow: auto;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group .recipes-list {
    max-height: unset;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group .recipes-list .recipe-item {
  background-color: white;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 1.25rem;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group .recipes-list .recipe-item {
    background-color: transparent;
    color: white;
    padding: 1.25rem;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group .recipes-list .recipe-item h2, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group .recipes-list .recipe-item .h2 {
  align-self: flex-start;
  display: flex;
  font-size: 1.25rem;
  font-family: "Sutro", serif;
  padding: 0rem;
  text-align: left;
  z-index: unset;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group .recipes-list .recipe-item strong {
  color: #767676;
  font-size: 1.5rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group .recipes-list .recipe-item .btn {
  align-self: flex-end;
  display: flex;
  margin: 1rem 0rem 0rem 0rem;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0.5rem 1rem;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group .recipes-list .recipe-item .btn {
    align-self: center;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group .join-cta-item {
  width: 50%;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group .join-cta-item {
    width: unset;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-group {
    margin: 2.5rem 0rem;
    padding: 0rem 0.5rem;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  padding: 2.5rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-controls {
  display: flex;
  justify-content: space-between;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-controls .navigation-btns {
  display: flex;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-controls .navigation-text {
  align-self: center;
  display: flex;
  margin: 0rem 0rem 0rem 1rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item {
  align-items: center;
  background-color: white;
  background-size: cover !important;
  border-radius: 5px;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-grow: 1;
  font-size: 2rem;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 10;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 2.5rem 2.5rem 2.5rem 2.5rem;
  width: 100%;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .action-btns {
  display: flex;
  justify-content: center;
  width: 100%;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .action-btns .btn-transparent-white {
  background-color: rgba(118, 118, 118, 0.2);
  font-size: 1.5rem;
  margin: 0rem 0rem 0rem 1rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .action-btns .btn-transparent-white:hover {
  background-color: transparent !important;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .action-btns .btn-transparent-white:first-of-type {
  margin: 0rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .btn-transparent-white:focus {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  outline: none;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .btn-transparent-white {
    padding: 0.25rem 1rem;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-navigation {
  color: white;
  display: flex;
  flex-direction: row;
  font-size: 2.5rem;
  justify-content: space-between;
  width: 100%;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-navigation .btn-transparent-white:hover {
  background-color: transparent !important;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-navigation .darker {
  color: #333333;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-navigation .darker-btn {
  border: 1px solid #333333;
  color: #333333;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-navigation .darker-btn:hover {
  border: 1px solid #ef6f37;
  color: #ef6f37;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-directions {
  display: flex;
  flex-direction: row;
  font-size: 2.25rem;
  justify-content: flex-end;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-directions .btn-transparent-white {
  background-color: rgba(118, 118, 118, 0.2);
  font-size: 1.5rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-directions .btn-transparent-white:last-of-type {
  margin: 0rem 0rem 0rem 1.25rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-directions .btn-transparent-white:disabled:hover, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-directions .btn-transparent-white:disabled:focus {
  border: 1px solid white;
  cursor: not-allowed;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-directions {
    justify-content: center;
    margin: 1rem 0rem;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-number {
  color: white;
  font-family: "Sutro";
  font-size: 2.5rem;
  font-weight: bolder;
  position: relative;
  text-align: left;
  top: -0.75rem;
  width: 100%;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-number {
    top: 0px;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-header-text {
  align-items: flex-end;
  align-self: flex-start;
  display: flex;
  flex-grow: 1;
  font-size: 1.25rem;
  margin: 0rem 0rem 0.75rem 0rem;
  text-align: left;
  text-transform: uppercase;
  width: calc(100% - 2.5rem);
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-header-text svg {
  font-size: 2rem;
  margin: 0rem 0.5rem 0rem 0rem;
  position: relative;
  top: 0.05rem;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-header-text {
    color: white;
    margin: 1rem 0rem;
    padding: 0rem 1rem;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-text {
  flex-grow: 1;
  font-size: 1rem;
  text-align: left;
  width: 100%;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-text {
    color: white;
    margin: 1rem 0rem;
    padding: 0rem 1rem;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-text a {
  border-bottom: 1px solid #333333;
  color: #333333;
  padding-bottom: 0.075rem;
  text-decoration: none;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-text a {
    border-bottom: 1px solid white;
    color: white !important;
    padding-bottom: 0.01rem;
  }
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-text a:focus, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-text a:hover {
    border-bottom: 1px solid #b5d013 !important;
    color: #b5d013 !important;
    outline: none;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-text a:focus, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .homework-text a:hover {
  border-bottom: 1px solid #ef6f37;
  color: #ef6f37;
  outline: none;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .plan-text {
  font-size: 1rem;
  text-align: right;
  width: 100%;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .plan-text {
    color: white;
    margin: 1rem 0rem;
    padding: 0rem 1rem;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .plan-text a {
  border-bottom: 1px solid #333333;
  color: #333333;
  padding-bottom: 0.075rem;
  text-decoration: none;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .plan-text a {
    border-bottom: 1px solid white;
    color: white !important;
    padding-bottom: 0.01rem;
  }
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .plan-text a:focus, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .plan-text a:hover {
    border-bottom: 1px solid #b5d013 !important;
    color: #b5d013 !important;
    outline: none;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .plan-text a:focus, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .plan-text a:hover {
  border-bottom: 1px solid #ef6f37;
  color: #ef6f37;
  outline: none;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info {
  align-items: center;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}
@media (max-width: 425px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info {
    flex-direction: column;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-image {
  background-color: white;
  border-radius: 5px;
  height: 12.5rem;
  width: 12.5rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text {
  flex-grow: 1;
  margin: 0rem 0rem 0rem 1rem;
  text-align: left;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-name {
  font-family: "Sutro";
  font-size: 1.75rem;
  font-weight: bolder;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-brand-name {
  color: rgb(180, 181, 182);
  font-size: 1.25rem;
  font-weight: bolder;
  text-transform: uppercase;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-brand-name a:hover {
  color: #ef6f37;
  text-decoration-color: #ef6f37;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-brand-name a:focus {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  outline: none;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-member-prices .pt-top-line-price {
  font-weight: normal;
  color: rgb(118, 118, 118);
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-member-prices .pt-top-line-price span, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-member-prices .pt-top-line-price table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-member-prices .pt-top-line-price td[data-hook=cart_item_price], .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-member-prices .pt-top-line-price table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-member-prices .pt-top-line-price td[data-hook=cart_item_total] {
  -webkit-text-decoration: line-through rgb(239, 111, 55);
          text-decoration: line-through rgb(239, 111, 55);
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-member-prices .pt-bottom-line-price {
  font-weight: bolder;
  color: rgb(51, 51, 51);
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-member-prices .pt-bottom-line-price span, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-member-prices .pt-bottom-line-price table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-member-prices .pt-bottom-line-price td[data-hook=cart_item_price], .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-member-prices .pt-bottom-line-price table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-member-prices .pt-bottom-line-price td[data-hook=cart_item_total] {
  font-weight: bolder;
  color: rgb(239, 111, 55);
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-sale-prices .pt-top-line-price {
  font-weight: normal;
  color: rgb(118, 118, 118);
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-sale-prices .pt-top-line-price span, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-sale-prices .pt-top-line-price table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-sale-prices .pt-top-line-price td[data-hook=cart_item_price], .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-sale-prices .pt-top-line-price table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-sale-prices .pt-top-line-price td[data-hook=cart_item_total] {
  -webkit-text-decoration: line-through rgb(239, 111, 55);
          text-decoration: line-through rgb(239, 111, 55);
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-sale-prices .pt-bottom-line-price {
  font-weight: bolder;
  color: rgb(51, 51, 51);
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-sale-prices .pt-bottom-line-price span, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-sale-prices .pt-bottom-line-price table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-sale-prices .pt-bottom-line-price td[data-hook=cart_item_price], .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-sale-prices .pt-bottom-line-price table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-sale-prices .pt-bottom-line-price td[data-hook=cart_item_total] {
  font-weight: bolder;
  color: rgb(239, 111, 55);
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-top-line-price {
  font-weight: bolder;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-top-line-price span, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-top-line-price table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-top-line-price td[data-hook=cart_item_price], .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-top-line-price table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-top-line-price td[data-hook=cart_item_total] {
  font-weight: bolder;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price {
  color: rgb(118, 118, 118);
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div span a, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price] a, table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div td[data-hook=cart_item_price] a, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total] a, table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div td[data-hook=cart_item_total] a {
  text-decoration: underline;
  text-decoration-color: #767676;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div span a:hover, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price] a:hover, table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div td[data-hook=cart_item_price] a:hover, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total] a:hover, table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div td[data-hook=cart_item_total] a:hover, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div span a:focus, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price] a:focus, table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div td[data-hook=cart_item_price] a:focus, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total] a:focus, table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div td[data-hook=cart_item_total] a:focus {
  color: #ef6f37;
  outline: none;
  text-decoration-color: #ef6f37;
  -webkit-text-decoration-color: #ef6f37;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div span:last-of-type, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price]:last-of-type, table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div td[data-hook=cart_item_price]:last-of-type, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total]:last-of-type, table#cart-detail-dogly tbody#line_items tr .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-full-prices .pt-bottom-line-price div td[data-hook=cart_item_total]:last-of-type {
  color: rgb(239, 111, 55);
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-top-line-price {
  font-size: 1rem;
  text-align: left;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-bottom-line-price {
  font-size: 1rem;
  text-align: left;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text .pt-one-liner {
  color: #333333;
  font-size: 1.25rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container .active-product-card .active-product-info .active-product-text a:hover {
  color: #ef6f37;
  text-decoration: none;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .homework-text-container {
    background-color: unset;
    padding: 0.5rem;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .product-adjustment {
  background-color: transparent;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .product-adjustment .homework-number {
  color: #333333;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .product-adjustment .homework-directions .btn-transparent-white {
  border: 1px solid #333333;
  color: #333333;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .product-adjustment .homework-directions .btn-transparent-white:hover {
  border: 1px solid #ef6f37;
  color: #ef6f37;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .product-adjustment .action-btns {
  justify-content: flex-end;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .product-adjustment .action-btns .btn-transparent-white {
  border: 1px solid #333333;
  color: #333333;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .product-adjustment .action-btns .btn-transparent-white:hover {
  border: 1px solid #ef6f37;
  color: #ef6f37;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .product-adjustment .action-btns {
    padding: 0rem 1.75rem;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item .product-adjustment {
    background-color: white;
    border-radius: 5px;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework .homework-item {
    background: transparent;
    box-shadow: none;
    background: unset !important;
    margin: 0rem;
    max-height: none;
    min-height: none;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework {
    max-height: none;
    min-height: none;
    padding: 0rem;
  }
}
@media (max-width: 1200px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-homework {
    max-height: none;
    min-height: none;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-summary {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 2.5rem;
  max-height: 30vw;
  min-height: 30vw;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-summary .summary-background {
  background-size: cover !important;
  background-position: right center !important;
  border-radius: 5px;
  height: 100%;
  overflow: auto;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-summary .summary-background .summary-info-text {
  background-color: rgba(255, 255, 255, 0.8);
  color: #333333;
  min-height: 100%;
  padding: 2.5rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-summary .summary-background .summary-info-text .summary-item {
  font-size: 1.15rem;
  margin: 0rem 0rem 0.25rem 0rem;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-summary .summary-background .summary-info-text {
    background-color: transparent;
    color: white;
    padding: 0rem;
  }
}
@media (max-width: 992px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-summary .summary-background {
    background: none !important;
    overflow: unset;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-summary {
    margin: 0rem;
    max-height: none;
    min-height: none;
  }
}
@media (max-width: 1200px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-summary {
    max-height: none;
    min-height: none;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-video {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 2.5rem 0rem;
  overflow: auto;
  padding: 0rem 2.5rem;
  width: 100%;
}
@media (max-width: 425px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-video {
    padding: 0rem 0.5rem !important;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-video .mobile-video-one-liner {
  display: none;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-video .mobile-video-one-liner {
    color: white;
    display: flex;
    margin: 0rem 0rem 1rem 0rem;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-video .video-container {
  margin: auto;
  max-height: 30vw;
  max-width: 50vw;
  min-height: 30vw;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-video .video-container {
    max-width: none;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-video {
    max-height: none;
    min-height: none;
    padding: 0rem;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-thread {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 2.5rem 0rem;
  max-height: 30vw;
  overflow: auto;
  padding: 0rem 2.5rem;
  width: 100%;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-thread .comments-area {
  flex-grow: 1;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-thread .comments-area button {
  border: none;
  margin: 0rem 0rem 1rem 0.5rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-thread .comments-area button:focus, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-thread .comments-area button:hover {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  outline: none;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-thread .comments-area textarea:focus {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  outline: none;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-thread .comments-area:nth-child(1) {
  margin: 0.25rem 0rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-thread div.comments-area div:nth-child(2) div div.community-comment div.replies div div form button {
  margin: unset;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-thread .disclaimer-area p {
  font-size: 1rem;
  margin: 0rem 0rem 0.5rem 0rem;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-thread .disclaimer-area p {
    color: white;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-thread .prompt-area p {
  font-size: 1rem;
  margin: 0rem 0rem 0.5rem 0rem;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-thread .prompt-area p {
    color: white;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-thread .thread-item {
  background-color: white;
  border-radius: 5px;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  margin: 0rem 0rem 1rem 0rem;
  padding: 1rem 2.5rem;
  width: 100%;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-thread .thread-item {
    padding: 0rem;
  }
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-thread .thread-item .replies {
    margin: 0.5rem 0rem 0rem 1rem;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .tab-thread {
    max-height: none;
    min-height: none;
    padding: 0rem;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .workshop-image {
  align-items: center;
  border-radius: 5px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 2.5rem 0rem 2.5rem 2.5rem;
  max-height: 30vw;
  min-height: 30vw;
  max-width: 30vw;
  min-width: 30vw;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .workshop-image .workshop-text-background {
  background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0) 80%);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 30vw;
  min-width: 30vw;
  padding: 1rem;
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .workshop-image .workshop-text-background .workshop-image-author {
  font-size: 1.25rem;
  font-style: italic;
  text-align: right;
}
@media (max-width: 992px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .workshop-image .workshop-text-background .workshop-image-author {
    font-size: 1rem;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .workshop-image .workshop-text-background .workshop-image-datetime {
  font-size: 1.5rem;
  margin: 10% 0% 0% 0%;
  text-align: center;
}
@media (min-width: 645px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .workshop-image .workshop-text-background .workshop-image-datetime {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .workshop-image .workshop-text-background .workshop-image-datetime {
    font-size: 1.5rem;
  }
}
@media (min-width: 950px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .workshop-image .workshop-text-background .workshop-image-datetime {
    font-size: 1.75rem;
  }
}
@media (min-width: 992px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .workshop-image .workshop-text-background .workshop-image-datetime {
    font-size: 2rem;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .workshop-image .workshop-text-background .workshop-image-title {
  font-family: "Sutro";
  font-size: 1.75rem;
}
@media (max-width: 992px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .workshop-image .workshop-text-background .workshop-image-title {
    font-size: 1.25rem;
  }
}
@media (max-width: 1200px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content .workshop-image {
    display: none;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .breakdown-content {
    background-color: transparent !important;
    box-shadow: none;
  }
}
.channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .mobile-buttons-container {
  display: none;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .mobile-buttons-container {
    display: flex;
    justify-content: center;
    margin: 1rem 0rem 0rem 0rem;
  }
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .mobile-buttons-container .btn-neutral {
    background-color: white;
    border: none;
    max-width: 350px;
    width: 80vw;
  }
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .mobile-buttons-container .btn-neutral svg, .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .mobile-buttons-container .btn-neutral .fa {
    margin: 0rem 0.5rem;
  }
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .mobile-buttons-container .btn-neutral:hover {
    background-color: #b5d013;
    cursor: pointer;
  }
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown .mobile-buttons-container .btn-neutral:nth-of-type(2) {
    margin: 0rem 0rem 0rem 1rem;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown {
    height: -webkit-fill-available;
  }
}
@media (max-width: 992px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop .workshop-breakdown {
    margin: 1.25rem 0rem;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop {
    min-height: 600px;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-content-section .content-section-content .selected-workshop {
    padding: 1.25rem 1rem 0rem 1rem;
  }
}
.channel-page-2021 .channel-page-follows-section h1, .channel-page-2021 .channel-page-follows-section .h1 {
  color: #333333;
  margin: 2.5rem 0rem 0rem 0rem;
  text-align: center;
}
.channel-page-2021 .channel-page-follows-section h4, .channel-page-2021 .channel-page-follows-section .h4 {
  color: #333333;
  margin: 1.25rem 0rem 0rem 0rem;
  text-align: center;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops {
  display: flex;
  flex-direction: row;
  height: 25vw;
  min-height: 380px;
  overflow: auto;
  width: 100%;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box {
  background-size: cover !important;
  border: 5px solid white;
  box-shadow: 2px 2px 0px 2px white, -2px 2px 0px 2px white, 2px -2px 0px 2px white, -2px -2px 0px 2px white;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 0rem 0rem 0rem 1rem;
  max-height: 350px;
  min-height: 350px;
  max-width: 350px;
  min-width: 350px;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box {
    height: 80vw;
    max-height: 350px;
    min-height: 350px;
    max-width: 350px;
    min-width: 350px;
    width: 80vw;
  }
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-background {
  align-self: center;
  background-color: rgba(255, 255, 255, 0.8);
  border: 5px solid white;
  border-top: 8px solid white;
  box-shadow: 2px 2px 0px 2px white, -2px 2px 0px 2px white, 2px -2px 0px 2px white, -2px -2px 0px 2px white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 350px;
  min-width: 350px;
  padding: 1rem;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-background {
    height: 80vw;
    max-height: 350px;
    min-height: 350px;
    max-width: 350px;
    min-width: 350px;
    width: 80vw;
  }
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-background .content-problems {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-background .content-problems .content-solves {
  align-self: flex-end;
  background-color: rgba(255, 255, 255, 0.9);
  border: 3px solid #b5d013;
  border-radius: 15px;
  color: #333333;
  font-size: 0.75rem;
  margin: 0rem 0.5rem 0rem 0rem;
  padding: 0.25rem 0.5rem;
  text-transform: uppercase;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-background .content-problems .content-solves:last-of-type {
  margin: 0rem 0rem 0rem 0rem;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-background .content-series-active {
  color: #333333;
  font-size: 0.85rem;
  padding: 0.25rem 0.5rem;
  text-transform: uppercase;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-background .content-series-inactive {
  color: transparent;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-background .content-title {
  color: #333333;
  font-family: "Sutro", serif;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-background:focus {
  border: 5px solid #b5d013;
  border-top: 8px solid #b5d013 !important;
  box-shadow: 2px 2px 0px 2px #b5d013, -2px 2px 0px 2px #b5d013, 2px -2px 0px 2px #b5d013, -2px -2px 0px 2px #b5d013;
  outline: none;
  text-decoration: none;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-background:hover {
  border: 5px solid #ccc;
  border-top: 8px solid #ccc;
  box-shadow: 2px 2px 0px 2px #ccc, -2px 2px 0px 2px #ccc, 2px -2px 0px 2px #ccc, -2px -2px 0px 2px #ccc;
  cursor: pointer;
  outline: none;
  text-decoration: none;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-dogly-background {
  align-self: center;
  background-image: radial-gradient(circle at 50% 60%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) 90%);
  border: 5px solid white;
  border-top: 8px solid white;
  box-shadow: 2px 2px 0px 2px white, -2px 2px 0px 2px white, 2px -2px 0px 2px white, -2px -2px 0px 2px white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 350px;
  min-width: 350px;
  padding: 1rem;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-dogly-background {
    height: 80vw;
    max-height: 350px;
    min-height: 350px;
    max-width: 350px;
    min-width: 350px;
    width: 80vw;
  }
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-dogly-background .content-problems {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-dogly-background .content-problems .content-solves {
  align-self: flex-end;
  background-color: rgba(255, 255, 255, 0.9);
  border: 3px solid #b5d013;
  border-radius: 15px;
  color: #333333;
  font-size: 0.75rem;
  margin: 0rem 0.5rem 0rem 0rem;
  padding: 0.25rem 0.5rem;
  text-transform: uppercase;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-dogly-background .content-problems .content-solves:last-of-type {
  margin: 0rem 0rem 0rem 0rem;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-dogly-background .content-series-active {
  color: white;
  font-size: 0.85rem;
  padding: 0.25rem 0.5rem;
  text-transform: uppercase;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-dogly-background .content-series-inactive {
  color: transparent;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-dogly-background .content-title {
  color: white;
  font-family: "Sutro", serif;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-dogly-background:focus {
  border: 5px solid #b5d013;
  border-top: 8px solid #b5d013 !important;
  box-shadow: 2px 2px 0px 2px #b5d013, -2px 2px 0px 2px #b5d013, 2px -2px 0px 2px #b5d013, -2px -2px 0px 2px #b5d013;
  outline: none;
  text-decoration: none;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box .content-text-dogly-background:hover {
  border: 5px solid #ccc;
  border-top: 8px solid #ccc;
  box-shadow: 2px 2px 0px 2px #ccc, -2px 2px 0px 2px #ccc, 2px -2px 0px 2px #ccc, -2px -2px 0px 2px #ccc;
  cursor: pointer;
  outline: none;
  text-decoration: none;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box:focus {
  outline: none;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box:focus .content-text-background, .channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .content-box:focus .content-text-dogly-background {
  border: 5px solid #ccc;
  border-top: 8px solid #ccc !important;
  box-shadow: 2px 2px 0px 2px #ccc, -2px 2px 0px 2px #ccc, 2px -2px 0px 2px #ccc, -2px -2px 0px 2px #ccc;
  outline: 5px solid #ccc;
  text-decoration: none;
}
.channel-page-2021 .channel-page-follows-section .content-section-overview .overview-workshops .selected {
  border: 5px solid #b5d013 !important;
  border-top: 8px solid #b5d013 !important;
  box-shadow: 2px 2px 0px 2px #b5d013, -2px 2px 0px 2px #b5d013, 2px -2px 0px 2px #b5d013, -2px -2px 0px 2px #b5d013 !important;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-follows-section .follows-header {
    padding: 0rem 1rem;
  }
}
.channel-page-2021 .channel-page-follows-section .follows-subheader {
  margin: 1rem 0rem 0rem 0rem;
}
.channel-page-2021 .channel-page-follows-section .follows-subheader svg {
  border-radius: 5px;
  color: #ef6f37;
  vertical-align: super;
  font-size: 1rem;
  padding: 0.25rem;
}
.channel-page-2021 .channel-page-follows-section .follows-subheader svg:focus {
  background-color: #ef6f37;
  color: white;
  outline: none;
}
.channel-page-2021 .channel-page-follows-section .follows-subheader svg:hover {
  cursor: pointer;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-follows-section .follows-subheader {
    padding: 0rem 1rem;
  }
  .channel-page-2021 .channel-page-follows-section .follows-subheader svg {
    font-size: 0.9rem;
  }
}
.channel-page-2021 .channel-page-follows-section .tag-follows {
  align-self: flex-end;
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 1.25rem 0rem 1.25rem 0rem;
  padding: 0rem 1.5rem;
  width: 100%;
}
.channel-page-2021 .channel-page-follows-section .tag-follows .follows-toggle {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0rem 2.5rem 1.25rem 0rem;
}
.channel-page-2021 .channel-page-follows-section .tag-follows .follows-toggle label {
  margin: 0rem 0.5rem 0rem 0rem;
}
.channel-page-2021 .channel-page-follows-section .tag-follows .follows-toggle .react-switch-checkbox {
  height: 0;
  width: 0;
  visibility: hidden;
}
.channel-page-2021 .channel-page-follows-section .tag-follows .follows-toggle .react-switch-label {
  align-items: center;
  background: #e6e7e8;
  border: solid 1px #e6e7e8;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  display: flex;
  font-size: 0.85rem;
  font-weight: 500;
  height: 40px;
  justify-content: space-between;
  margin: 0rem;
  padding: 0rem 0.5rem;
  position: relative;
  transition: background-color 0.2s;
  width: 250px;
}
.channel-page-2021 .channel-page-follows-section .tag-follows .follows-toggle .react-switch-label:hover {
  border: solid 1px #ef6f37;
}
.channel-page-2021 .channel-page-follows-section .tag-follows .follows-toggle .react-switch-label .react-switch-button {
  align-items: center;
  background: white;
  border: solid 1px white;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);
  content: "";
  display: flex;
  height: 34px;
  justify-content: center;
  left: 2px;
  margin: 0rem 0rem 0rem 0rem;
  min-width: 120px;
  padding: 0rem 0.5rem;
  position: absolute;
  transition: 0.2s;
  width: -moz-max-content;
  width: max-content;
}
.channel-page-2021 .channel-page-follows-section .tag-follows .follows-toggle .react-switch-label .react-switch-button:hover {
  color: #ef6f37;
  text-decoration: underline;
}
.channel-page-2021 .channel-page-follows-section .tag-follows .follows-toggle .react-switch-checkbox:checked + .react-switch-label .react-switch-button {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.channel-page-2021 .channel-page-follows-section .tag-follows .follows-toggle .react-switch-label:active .react-switch-button {
  width: 130px;
}
.channel-page-2021 .channel-page-follows-section .tag-follows .follows-toggle .switch-button-text {
  color: #333333;
  text-align: center;
  width: 50%;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-follows-section .tag-follows .follows-toggle {
    margin: 0rem 0rem 1.25rem 0rem;
  }
}
.channel-page-2021 .channel-page-follows-section .tag-follows .tags-area {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-follows-section .tag-follows .tags-area {
    justify-content: center;
  }
}
.channel-page-2021 .channel-page-follows-section .tag-follows .tags-area .btn-follow-tag:focus {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  outline: none;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}
.channel-page-2021 .channel-page-follows-section .tag-follows .tags-area .follows-tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.channel-page-2021 .channel-page-follows-section .tag-follows .tags-area .follows-tags .follow-tag-card {
  padding: 0.25rem;
}
.channel-page-2021 .channel-page-follows-section .tag-follows .tags-area .follows-tags .follow-tag-card button {
  min-width: 175px;
}
.channel-page-2021 .channel-page-follows-section .tag-follows .tags-area .follows-tags .follow-tag-card button:focus {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  outline: none;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}
.channel-page-2021 .channel-page-follows-section .tag-follows .tags-area .follows-tags .follow-tag-card button svg {
  margin: 0rem 0.25rem 0rem 0rem;
  position: relative;
  top: 1px;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-follows-section .tag-follows .tags-area .follows-tags {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.channel-page-2021 .channel-page-follows-section .tag-follows .tags-area .scroll-button {
  min-width: 90px;
}
.channel-page-2021 .channel-page-follows-section .tag-follows .tags-area .scroll-button .btn-follow-tag {
  display: flex;
  flex-flow: nowrap;
  width: 100%;
}
.channel-page-2021 .channel-page-follows-section .tag-follows .tags-area .scroll-button .btn-follow-tag .fa {
  position: relative;
  top: 0.1rem;
}
@media (max-width: 425px) {
  .channel-page-2021 .channel-page-follows-section .tag-follows .tags-area .scroll-button {
    display: none;
  }
}
@media (max-width: 992px) {
  .channel-page-2021 .channel-page-follows-section .tag-follows .tags-area .scroll-button {
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .channel-page-2021 .channel-page-follows-section .tag-follows .tags-area .scroll-button .btn-follow-tag {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.channel-page-2021 .channel-page-follows-section .tag-follows .tags-area .scroll-direction {
  margin: 0rem 0.5rem 0rem 0.5rem;
  position: relative;
  top: -0.07rem;
}
@media (max-width: 992px) {
  .channel-page-2021 .channel-page-follows-section .tag-follows .tags-area .scroll-direction {
    display: none;
  }
}
.channel-page-2021 .channel-page-footer-section .footer-section-background-photo {
  padding: 2.5rem;
  --dynamic-image: url("https://cdn.filepicker.io/auto_image/compress/6KYy1xRS3qGzBd147LtA");
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-footer-section .footer-section-background-photo {
    background-image: none !important;
  }
}
.channel-page-2021 .channel-page-footer-section .footer-section-background-photo .background-photo-overlay {
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  margin: auto;
  max-width: 1000px;
  min-height: 350px;
  padding: 2.5rem;
  position: relative;
}
.channel-page-2021 .channel-page-footer-section .footer-section-background-photo .background-photo-overlay .overlay-panel-text-area {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 750px;
  min-height: inherit;
  text-align: center;
  width: 75%;
  z-index: 1;
}
@media (max-width: 880px) {
  .channel-page-2021 .channel-page-footer-section .footer-section-background-photo .background-photo-overlay .overlay-panel-text-area {
    max-width: 70%;
    min-width: unset;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-footer-section .footer-section-background-photo .background-photo-overlay .overlay-panel-text-area {
    max-width: 100%;
    min-width: 100%;
  }
}
.channel-page-2021 .channel-page-footer-section .footer-section-background-photo .background-photo-overlay .overlay-panel-text-area h1, .channel-page-2021 .channel-page-footer-section .footer-section-background-photo .background-photo-overlay .overlay-panel-text-area .h1 {
  color: #333333;
}
.channel-page-2021 .channel-page-footer-section .footer-section-background-photo .background-photo-overlay .overlay-panel-text-area .btn {
  width: -moz-fit-content;
  width: fit-content;
}
.channel-page-2021 .channel-page-footer-section .footer-section-background-photo .background-photo-overlay::before {
  background: white var(--dynamic-image);
  background-size: cover;
  border-radius: 5px;
  bottom: 0px;
  content: "";
  display: flex;
  left: 0px;
  position: absolute;
  right: 0px;
  transform: scaleX(-1);
  top: 0px;
  -webkit-transform: scaleX(-1);
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-footer-section .footer-section-background-photo .background-photo-overlay::before {
    background: white;
  }
}
.channel-page-2021 .channel-page-header-section {
  width: 100%;
  height: 59vh;
  min-height: 580px;
}
.channel-page-2021 .channel-page-header-section .channel-page-cover-photo {
  align-items: flex-end;
  background-size: cover;
  background-position: right center;
  height: 100%;
  min-height: 580px;
  position: relative;
  width: 100%;
}
@media (max-width: 992px) {
  .channel-page-2021 .channel-page-header-section .channel-page-cover-photo {
    background-position: 75% center;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-header-section .channel-page-cover-photo {
    background-position: 95% center;
    min-height: 460px;
  }
}
@media (max-width: 544px) {
  .channel-page-2021 .channel-page-header-section .channel-page-cover-photo {
    background-position: 85% center;
    min-height: 380px;
  }
}
.channel-page-2021 .channel-page-header-section .channel-page-cover-photo .darker {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05) 65%, rgba(0, 0, 0, 0.25) 90%), linear-gradient(to right, rgba(0, 0, 0, 0.55) 25%, rgba(0, 0, 0, 0.2) 100%);
}
.channel-page-2021 .channel-page-header-section .channel-page-cover-photo .lighter {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 20%, rgba(0, 0, 0, 0.45) 90%);
}
.channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: inherit;
  padding: 5vmax;
  position: relative;
  width: 100%;
  z-index: 5;
}
@media (max-width: 544px) {
  .channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay {
    padding: 1rem;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.45) 50%);
    text-align: center;
    justify-content: space-between;
    padding: 1rem;
  }
}
.channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay .btn-green {
  background-color: #b5d013;
  border-radius: 5px;
  color: white;
  font-size: 2rem;
  font-weight: 500;
  max-width: 300px;
  padding: 0.25rem 0.5rem;
  text-align: center;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay .btn-green {
    align-self: center;
  }
}
.channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay .btn-green:hover {
  text-decoration: none;
  background-color: #dbdbdb;
  color: #333333;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay .overlay-text-group {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay .overlay-text-group .btn-green {
    font-size: 1.5rem;
    min-width: 200px;
  }
}
.channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay .overlay-text-group .overlay-avatars {
  display: flex;
  flex-direction: row;
}
.channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay .overlay-text-group .overlay-avatars .overlay-avatar img {
  border-radius: 50%;
  height: 4rem;
  margin: 0rem 1rem 0rem 0rem;
  width: 4rem;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay .overlay-text-group .overlay-avatars .overlay-avatar img {
    height: 2.5rem;
    width: 2.5rem;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay .overlay-text-group .overlay-avatars {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay .overlay-text-group {
    font-size: 1.25rem;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay .overlay-text-group {
    justify-content: flex-end;
  }
}
.channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay h1, .channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay .h1 {
  font-size: 5rem;
}
@media (max-width: 544px) {
  .channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay h1, .channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay .h1 {
    font-size: 4rem;
  }
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay h1, .channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay .h1 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end;
    margin: 0rem auto 1.5rem auto;
  }
}
.channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay h4, .channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay .h4 {
  max-width: 60%;
}
@media (max-width: 768px) {
  .channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay h4, .channel-page-2021 .channel-page-header-section .channel-page-cover-photo .channel-page-photo-overlay .h4 {
    font-size: 1.25rem;
    max-width: none;
    width: inherit !important;
  }
}

.quick-order-form h1, .quick-order-form .h1 {
  margin: 1rem 0rem 0rem 0rem;
}
.quick-order-form .box-contents {
  padding: 1rem;
}
.quick-order-form .info-line {
  display: flex;
  flex-direction: row;
}
.quick-order-form .info-line p:first-of-type {
  font-weight: bolder;
}
.quick-order-form .info-line p:last-of-type {
  font-weight: normal;
  margin: 0rem 0rem 0rem 0.5rem;
}
.quick-order-form .quick-order-address.step-box {
  background-color: rgb(244, 245, 246);
  margin: 1rem 0rem 0rem 0rem;
}
.quick-order-form .quick-order-address.step-box h2, .quick-order-form .quick-order-address.step-box .h2 {
  margin: 1rem 0rem 1rem 0rem;
}
.quick-order-form .quick-order-address.step-box #quick_order_warehouse_id {
  min-height: 2.5rem;
  min-width: 25%;
  padding: 1rem;
}
.quick-order-form .quick-order-product-cards.step-box {
  background-color: rgb(244, 245, 246);
  margin: 1rem 0rem 0rem 0rem;
}
.quick-order-form .quick-order-product-cards.step-box #confirmed-order-message {
  background-color: #b5d013;
  border-radius: 5px;
  color: white;
  display: none;
  font-size: 1.25rem;
  padding: 1.5rem;
}
.quick-order-form .quick-order-product-cards.step-box h2, .quick-order-form .quick-order-product-cards.step-box .h2 {
  margin: 1rem 0rem 1rem 0rem;
}
.quick-order-form .quick-order-product-cards.step-box .admin-note {
  color: #ef6f37;
}
.quick-order-form .quick-order-product-cards.step-box .ordered-invoice-inputs {
  background-color: white;
  border-radius: 5px;
  margin: 1rem 0rem 2.5rem 0rem;
  padding: 0.5rem;
}
.quick-order-form .quick-order-product-cards.step-box .ordered-invoice-inputs .form-group {
  display: flex;
  justify-content: center;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category {
  background-color: white;
  border-radius: 5px;
  margin: 1rem 0rem 2.5rem 0rem;
  padding: 0.5rem;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category h2, .quick-order-form .quick-order-product-cards.step-box .quick-order-category .h2 {
  border-bottom: solid #b5d013;
  font-weight: bolder;
  padding: 1rem 0rem;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-product-card {
  border-bottom: thin solid #b5d013;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 1rem 0rem 0rem 0rem;
  padding: 1rem;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-product-card .quick-order-img-container {
  align-items: center;
  display: flex;
  height: 150px;
  justify-content: center;
  min-height: 150px;
  min-width: 150px;
  width: 150px;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-product-card .quick-order-img-container .quick-order-img {
  max-height: 150px;
  max-width: 150px;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-product-card .quick-order-product-info {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-product-card .quick-order-product-info .quick-order-product-details {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 0rem 0rem 0rem 1rem;
  max-width: 500px;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-product-card .quick-order-product-info .quick-order-product-details .product-last-ordered {
  background-color: rgba(254, 220, 61, 0.4);
  padding: 0rem 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-product-card .quick-order-product-info .quick-order-product-details .product-new-since-order {
  background-color: rgba(181, 208, 19, 0.4);
  padding: 0rem 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-product-card .quick-order-product-order {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0rem 0rem 0rem 1rem;
  width: 25%;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-product-card .quick-order-product-order .case-info {
  align-self: flex-end;
  display: flex;
  flex-direction: row;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-product-card .quick-order-product-order input {
  align-self: flex-end;
  margin: 0rem 0rem 1rem 0rem;
  max-width: -moz-max-content;
  max-width: max-content;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-product-card .quick-order-product-ordered {
  display: flex;
  flex-direction: column;
  margin: 0rem 0rem 0rem 1rem;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-product-card .quick-order-product-ordered .ordered-case-info {
  display: flex;
  flex-direction: column;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-product-card .quick-order-product-ordered .ordered-case-info input {
  padding: 0.25rem;
  margin: 0rem 0rem 0.25rem 0rem;
  color: #333333;
  border-color: #333333;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-product-card .quick-order-product-ordered .ordered-case-info .btn.btn-success {
  background-color: #ef6f37;
  border: 1px solid #ef6f37;
  margin: 0.25rem auto;
  max-width: 179px;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-product-card .quick-order-product-ordered .ordered-case-info .delete-qoli {
  color: #ef6f37;
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  text-decoration: underline;
  text-decoration-color: #ef6f37;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-category-subtotal {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-category-subtotal p {
  background-color: rgba(181, 208, 19, 0.4);
  padding: 0.5rem 1rem;
  text-align: right;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-category-subtotal .info-line {
  display: flex;
  flex-direction: row;
  margin: 0rem 0rem 1rem 0rem;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-category-subtotal .info-line p:first-of-type {
  font-weight: bolder;
}
.quick-order-form .quick-order-product-cards.step-box .quick-order-category .quick-order-category-subtotal .info-line p:last-of-type {
  font-weight: normal;
  margin: 0rem 0rem 0rem 0rem;
}
.quick-order-form .quick-ordered-summary.step-box {
  background-color: rgb(244, 245, 246);
  display: flex;
  flex-direction: column;
  margin: 1rem 0rem 0rem 0rem;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .btn.btn-success {
  background-color: #ef6f37;
  border: 1px solid #ef6f37;
  display: flex;
  justify-content: center;
  margin: 0.25rem auto;
  max-width: 179px;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary h2, .quick-order-form .quick-ordered-summary.step-box .ordered-summary .h2 {
  border-bottom: solid #b5d013;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-order-invoice-and-address {
  flex-grow: 1;
  margin: 0rem 0rem 0rem 1rem;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-order-invoice-and-address .invoice-info {
  background-color: white;
  border-radius: 5px;
  margin: 1rem 0rem 2.5rem 0rem;
  padding: 0.5rem;
  color: #333333;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-order-invoice-and-address .invoice-info .btn-success {
  background-color: #ef6f37;
  border: 1px solid #ef6f37;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-order-invoice-and-address .invoice-info .invoice-link {
  color: #ef6f37;
  display: flex;
  justify-content: flex-end;
  text-decoration: underline;
  text-decoration-color: #ef6f37;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-order-invoice-and-address .invoice-info .invoice-link a:visited {
  color: #ef6f37;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-order-invoice-and-address .shipping-to {
  background-color: white;
  border-radius: 5px;
  margin: 1rem 0rem 2.5rem 0rem;
  padding: 0.5rem;
  color: #333333;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-order-invoice-and-address .shipping-to .info-address-line {
  display: flex;
  flex-direction: row;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-order-invoice-and-address .shipping-to .info-address-line p:first-of-type {
  font-weight: bolder;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-order-invoice-and-address .shipping-to .info-address-line .address {
  display: flex;
  flex-direction: column;
  margin: 0rem 0rem 0rem 0.5rem;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-order-invoice-and-address .shipping-to .info-address-line .address p {
  font-weight: normal;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-order-invoice-and-address .shipping-to .info-address-line .address p:first-of-type {
  margin: 0rem;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-ordered-invoice-and-address {
  flex-grow: 1;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-ordered-invoice-and-address .invoice-info {
  background-color: white;
  border-radius: 5px;
  margin: 1rem 0rem 2.5rem 0rem;
  padding: 0.5rem;
  color: #333333;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-ordered-invoice-and-address .invoice-info .invoice-link {
  color: #ef6f37;
  display: flex;
  justify-content: flex-end;
  text-decoration: underline;
  text-decoration-color: #ef6f37;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-ordered-invoice-and-address .invoice-info .invoice-link a:visited {
  color: #ef6f37;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-ordered-invoice-and-address .shipping-to {
  background-color: white;
  border-radius: 5px;
  margin: 1rem 0rem 2.5rem 0rem;
  padding: 0.5rem;
  color: #333333;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-ordered-invoice-and-address .shipping-to .info-address-line {
  display: flex;
  flex-direction: row;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-ordered-invoice-and-address .shipping-to .info-address-line p:first-of-type {
  font-weight: bolder;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-ordered-invoice-and-address .shipping-to .info-address-line .address {
  display: flex;
  flex-direction: column;
  margin: 0rem 0rem 0rem 0.5rem;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-ordered-invoice-and-address .shipping-to .info-address-line .address p {
  font-weight: normal;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-ordered-invoice-and-address .shipping-to .info-address-line .address p:first-of-type {
  margin: 0rem;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-ordered-invoice-and-address .delete-note {
  color: #ef6f37;
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  text-decoration: underline;
  text-decoration-color: #ef6f37;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-order-totals {
  display: flex;
  flex-grow: 1;
  margin: 0rem 0rem 0rem 0rem;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-order-totals .product-info {
  background-color: white;
  border-radius: 5px;
  color: #333333;
  margin: 1rem 0rem 2.5rem 0rem;
  padding: 0.5rem;
  width: 100%;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-order-totals .product-info .box-contents {
  display: flex;
  flex-direction: column;
  align-items: self-end;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-order-totals .product-info .quick-order-category-subtotal {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-order-totals .product-info .quick-order-summary-category-subtotal {
  align-items: flex-end;
  display: none;
  flex-direction: column;
  padding: 1rem;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-order-totals .product-info .quick-order-summary-total p {
  background-color: rgba(181, 208, 19, 0.4);
  padding: 0.5rem 1rem;
  text-align: right;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-order-totals .product-info .quick-order-total p {
  background-color: rgba(181, 208, 19, 0.4);
  padding: 0.5rem 1rem;
  text-align: right;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-ordered-totals {
  flex-grow: 1;
  margin: 0rem 0rem 0rem 1rem;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-ordered-totals .product-info {
  background-color: white;
  border-radius: 5px;
  margin: 1rem 0rem 2.5rem 0rem;
  padding: 0.5rem;
  color: #333333;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-ordered-totals .product-info .box-contents {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-ordered-totals .product-info .quick-order-category-subtotal {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.quick-order-form .quick-ordered-summary.step-box .ordered-summary .summary-ordered-totals .product-info .quick-order-total p {
  background-color: rgba(181, 208, 19, 0.4);
  padding: 0.5rem 1rem;
  text-align: right;
}

.table-striped thead tr {
  background-color: #767676 !important;
  color: #FFF;
}

.upload-wide-homepage-image {
  border: 5px solid #ef6f37;
}

.upload-homepage-image {
  border: 5px solid white;
}

#homepage_image_light_image {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  color: #495057;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  height: calc(1.5em + 0.75rem + 2px);
  line-height: 1.5;
  margin: 0rem 0rem 0.75rem 0rem;
  padding: 0.375rem 0.75rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}

#homepage_image_use_dark_background {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  color: #495057;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  height: calc(1.5em + 0.75rem + 2px);
  line-height: 1.5;
  margin: 0rem 0rem 0.75rem 0rem;
  padding: 0.375rem 0.75rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}

#homepage_image_use_dark_text {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  color: #495057;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  height: calc(1.5em + 0.75rem + 2px);
  line-height: 1.5;
  margin: 0rem 0rem 0.75rem 0rem;
  padding: 0.375rem 0.75rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}

.config-image-upload {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0rem 0rem 2.5rem 0rem;
}

.dot-typing {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #cecece;
  color: #cecece;
  box-shadow: 9984px 0 0 0 #cecece, 9999px 0 0 0 #cecece, 10014px 0 0 0 #cecece;
  animation: dotTyping 1.5s infinite linear;
}

@keyframes dotTyping {
  0% {
    box-shadow: 9984px 0 0 0 #cecece, 9999px 0 0 0 #cecece, 10014px 0 0 0 #cecece;
  }
  16.667% {
    box-shadow: 9984px -10px 0 0 #cecece, 9999px 0 0 0 #cecece, 10014px 0 0 0 #cecece;
  }
  33.333% {
    box-shadow: 9984px 0 0 0 #cecece, 9999px 0 0 0 #cecece, 10014px 0 0 0 #cecece;
  }
  50% {
    box-shadow: 9984px 0 0 0 #cecece, 9999px -10px 0 0 #cecece, 10014px 0 0 0 #cecece;
  }
  66.667% {
    box-shadow: 9984px 0 0 0 #cecece, 9999px 0 0 0 #cecece, 10014px 0 0 0 #cecece;
  }
  83.333% {
    box-shadow: 9984px 0 0 0 #cecece, 9999px 0 0 0 #cecece, 10014px -10px 0 0 #cecece;
  }
  100% {
    box-shadow: 9984px 0 0 0 #cecece, 9999px 0 0 0 #cecece, 10014px 0 0 0 #cecece;
  }
}
.dot-typing-small {
  position: relative;
  left: -9982px;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background-color: #cecece;
  color: #cecece;
  box-shadow: 9982px 0 0 0 #cecece, 9990px 0 0 0 #cecece, 9998px 0 0 0 #cecece;
  animation: dotTypingSmall 1.5s infinite linear;
}

@keyframes dotTypingSmall {
  0% {
    box-shadow: 9982px 0 0 0 #cecece, 9990px 0 0 0 #cecece, 9998px 0 0 0 #cecece;
  }
  16.667% {
    box-shadow: 9982px -4px 0 0 #cecece, 9990px 0 0 0 #cecece, 9998px 0 0 0 #cecece;
  }
  33.333% {
    box-shadow: 9982px 0 0 0 #cecece, 9990px 0 0 0 #cecece, 9998px 0 0 0 #cecece;
  }
  50% {
    box-shadow: 9982px 0 0 0 #cecece, 9990px -4px 0 0 #cecece, 9998px 0 0 0 #cecece;
  }
  66.667% {
    box-shadow: 9982px 0 0 0 #cecece, 9990px 0 0 0 #cecece, 9998px 0 0 0 #cecece;
  }
  83.333% {
    box-shadow: 9982px 0 0 0 #cecece, 9990px 0 0 0 #cecece, 9998px -4px 0 0 #cecece;
  }
  100% {
    box-shadow: 9982px 0 0 0 #cecece, 9990px 0 0 0 #cecece, 9998px 0 0 0 #cecece;
  }
}
.dot-typing-navigation-top {
  top: 0.75rem !important;
}

.dot-typing-progress-margin {
  margin: 1rem 0rem 0rem 0.75rem !important;
}

.dot-typing-small-topics-margin {
  bottom: 0.25rem !important;
}

.pie-chart {
  --v:calc( ((18/5) * var(--p) - 90)*1deg);
  align-items: center;
  background: linear-gradient(var(--v), #b5d013 50%, transparent 0) calc(0 / ((1 - var(--s)) * 100%)), linear-gradient(var(--v), transparent 50%, rgba(255, 255, 255, 0.9) 0) calc(0 / (var(--s) * 100%)), linear-gradient(to right, #b5d013 50%, rgba(255, 255, 255, 0.9) 0);
  border-radius: 50%;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  font-weight: bold;
  justify-content: center;
  min-height: 50px;
  min-width: 50px;
}

.agenda-cement-before::before {
  background-image: var(--dynamic-image);
  background-size: cover;
  bottom: 0px;
  content: "";
  left: 0px;
  opacity: 0.7;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: -1;
}

.agenda-page-2022 {
  display: flex;
  flex-direction: column;
}
.agenda-page-2022 h1, .agenda-page-2022 .h1 {
  color: #333333;
  font-family: "Sutro", serif;
  font-size: 3.25rem;
  margin: 2.5rem 0rem 2.5rem 0rem;
  text-align: center;
}
.agenda-page-2022 h2, .agenda-page-2022 .h2 {
  font-size: 1.5rem;
}
@media (min-width: 645px) {
  .agenda-page-2022 h2, .agenda-page-2022 .h2 {
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  .agenda-page-2022 h2, .agenda-page-2022 .h2 {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .agenda-page-2022 h2, .agenda-page-2022 .h2 {
    font-size: 2.5rem;
  }
}
@media (max-width: 768px) {
  .agenda-page-2022 h2, .agenda-page-2022 .h2 {
    padding: 0rem 0.5rem 0rem 0.5rem;
    text-align: center;
    width: 100%;
  }
}
.agenda-page-2022 h3, .agenda-page-2022 .h3 {
  font-size: 1.5rem;
  font-weight: 100;
  justify-self: flex-end;
  padding: 2.5rem 2.5rem 1rem 2.5rem;
  position: relative;
  text-align: left;
  width: 100%;
}
.agenda-page-2022 h4, .agenda-page-2022 .h4 {
  font-size: 1.5rem;
  font-weight: 300;
  margin: 0rem 0rem 1.5rem 0rem;
}
.agenda-page-2022 p {
  margin: 0rem 0rem 0rem 0rem;
}
.agenda-page-2022 .btn {
  white-space: nowrap;
}
@media (max-width: 768px) {
  .agenda-page-2022 .btn {
    min-height: 35px;
    line-height: unset;
  }
}
.agenda-page-2022 .btn-active {
  min-width: 118px;
}
.agenda-page-2022 .btn-active .btn-contents svg {
  margin: 0rem 0.25rem 0rem 0rem;
}
.agenda-page-2022 .btn-active .btn-contents .skipped {
  fill: white;
  top: -0.1rem;
}
.agenda-page-2022 .btn-active:hover {
  background-color: white;
  border: 1px solid #ef6f37 !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: #ef6f37 !important;
  text-decoration: none;
}
@media (max-width: 544px) {
  .agenda-page-2022 .btn-follow-tag {
    font-size: 0.85rem;
  }
}
.agenda-page-2022 .gray-background {
  background-color: #f5f5f6;
}
.agenda-page-2022 .tab-gray-background {
  background-color: rgba(230, 231, 232, 0.8);
}
.agenda-page-2022 .tab-white-background {
  background-color: rgba(255, 255, 255, 0.8);
}
.agenda-page-2022 .white-background {
  background-color: white;
}
.agenda-page-2022 .ink-text {
  color: #333333;
}
.agenda-page-2022 .white-text {
  color: white;
}
.agenda-page-2022 .agenda-page-category-section {
  background-position: center !important;
  background-size: cover !important;
  display: flex;
  flex-direction: column;
  min-height: 770px;
  padding: 0rem 1.5rem 1.5rem 1.5rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-navigation {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 0rem 0rem 2.5rem 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-navigation .btn-follow-tag {
  min-height: 42px;
  min-width: 112px;
}
.agenda-page-2022 .agenda-page-category-section .activity-navigation .btn-follow-tag:focus, .agenda-page-2022 .agenda-page-category-section .activity-navigation .btn-follow-tag:hover {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  outline: none;
}
.agenda-page-2022 .agenda-page-category-section .activity-navigation .btn-follow-tag:focus {
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}
.agenda-page-2022 .agenda-page-category-section .activity-navigation .btn-follow-tag svg {
  margin: 0rem 0.25rem;
  top: 0.05rem;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-navigation .btn-follow-tag {
    min-height: 35px;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-navigation .fa {
  margin: 0rem 0.25rem;
  position: relative;
  top: 1px;
}
.agenda-page-2022 .agenda-page-category-section .activity-navigation .sc-left-dropdown-container {
  flex-grow: 1;
  margin: 0rem 0rem 0rem 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-navigation .sc-left-dropdown-container div div svg {
  top: 0.25rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-navigation button:disabled:hover, .agenda-page-2022 .agenda-page-category-section .activity-navigation button:disabled:focus {
  border: 1px solid white;
  cursor: not-allowed;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-navigation button {
    display: none;
  }
}
@media (max-width: 768px) {
  .agenda-page-2022 .agenda-page-category-section .activity-navigation {
    flex-wrap: wrap;
    margin: 0rem 0rem 1rem 0rem;
  }
  .agenda-page-2022 .agenda-page-category-section .activity-navigation .sc-top-dropdown-container {
    order: -1;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view {
  border-radius: 5px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  display: flex;
  flex: 1 1 500px;
  flex-direction: column;
  min-width: 500px;
  z-index: 10;
}
@media (max-width: 1075px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view {
    display: none;
  }
}
@media (max-width: 992px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view {
    flex-basis: unset;
    min-width: unset;
    width: unset;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card-container {
  background-size: cover;
  background-position: center center;
  border-radius: 5px;
  flex-grow: 1;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card {
  align-items: center;
  border-radius: 5px;
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.5rem;
  position: relative;
  width: 100%;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 1rem 0rem 0rem 0rem;
  width: 100%;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail-container {
    align-self: flex-start;
    flex-direction: column;
    margin: 0rem 0rem 0rem 0rem;
  }
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail-container .activity-body {
    padding: 0.5rem 1rem 0rem 1rem;
  }
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail-container .activity-title {
    display: none;
    margin: 0.25rem 0rem 0rem 0rem;
  }
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail-container .guide-activity-detail {
    margin: 1rem 0rem 0rem 0rem;
    min-height: 19px;
    order: -1;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail {
  align-self: flex-start;
  margin: 1rem 0rem 0.5rem 0rem;
  padding: 0rem 0.75rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail span, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail td[data-hook=cart_item_price], .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail td[data-hook=cart_item_total], .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail button {
  align-items: center;
  background-color: transparent;
  border: none;
  color: inherit;
  display: flex;
  flex-direction: row;
  font-family: inherit;
  font-size: 1rem;
  font-weight: inherit;
  gap: 0.5rem;
  margin: 0rem;
  padding: 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail span svg, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price] svg, table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail td[data-hook=cart_item_price] svg, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total] svg, table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail td[data-hook=cart_item_total] svg, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail button svg {
  font-size: 1.75rem;
  position: relative;
  top: -0.15rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail span svg:nth-of-type(2), .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price] svg:nth-of-type(2), table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail td[data-hook=cart_item_price] svg:nth-of-type(2), .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total] svg:nth-of-type(2), table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail td[data-hook=cart_item_total] svg:nth-of-type(2), .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail button svg:nth-of-type(2) {
  border-radius: 5px;
  color: #ef6f37;
  cursor: pointer;
  vertical-align: super;
  font-size: 1rem;
  padding: 0.25rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail span svg:nth-of-type(2):focus, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price] svg:nth-of-type(2):focus, table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail td[data-hook=cart_item_price] svg:nth-of-type(2):focus, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total] svg:nth-of-type(2):focus, table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail td[data-hook=cart_item_total] svg:nth-of-type(2):focus, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail button svg:nth-of-type(2):focus {
  background-color: #ef6f37;
  color: white;
  outline: none;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail span svg:nth-of-type(2):hover, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price] svg:nth-of-type(2):hover, table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail td[data-hook=cart_item_price] svg:nth-of-type(2):hover, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total] svg:nth-of-type(2):hover, table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail td[data-hook=cart_item_total] svg:nth-of-type(2):hover, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail button svg:nth-of-type(2):hover {
  background-color: #ef6f37;
  color: white;
  outline: none;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail:nth-of-type(2) span svg, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail:nth-of-type(2) table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price] svg, table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail:nth-of-type(2) td[data-hook=cart_item_price] svg, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail:nth-of-type(2) table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total] svg, table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail:nth-of-type(2) td[data-hook=cart_item_total] svg {
  left: -1.75px;
  position: relative;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail:nth-of-type(2) span svg, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail:nth-of-type(2) table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price] svg, table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail:nth-of-type(2) td[data-hook=cart_item_price] svg, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail:nth-of-type(2) table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total] svg, table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail:nth-of-type(2) td[data-hook=cart_item_total] svg {
    font-size: 1rem;
    left: unset;
  }
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-activity-detail {
    padding: 0rem;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .guide-channel-title {
  align-self: flex-start;
  font-size: 1.25rem;
  font-weight: 700;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details {
  align-items: center;
  display: flex;
  gap: 1rem;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-number {
  flex-grow: 1;
  font-family: "Sutro";
  font-size: 2.25rem;
  font-weight: bolder;
  line-height: 1;
  position: relative;
  text-align: left;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-number {
    flex-grow: unset;
  }
}
@media (max-width: 768px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-number {
    top: 0px;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence {
  margin: 0.75rem 0rem 0rem 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence .activity-detail {
  margin: 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence .activity-detail span, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence .activity-detail table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence .activity-detail td[data-hook=cart_item_price], .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence .activity-detail table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence .activity-detail td[data-hook=cart_item_total], .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence .activity-detail button {
  align-items: center;
  background-color: transparent;
  border: none;
  color: inherit;
  display: flex;
  flex-direction: row;
  font-family: inherit;
  font-size: 1rem;
  font-weight: inherit;
  gap: 0.5rem;
  margin: 0rem;
  padding: 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence .activity-detail span svg, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence .activity-detail table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price] svg, table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence .activity-detail td[data-hook=cart_item_price] svg, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence .activity-detail table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total] svg, table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence .activity-detail td[data-hook=cart_item_total] svg, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence .activity-detail button svg {
  font-size: 1.75rem;
  position: relative;
  top: -0.15rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence .activity-detail:nth-of-type(2) span svg, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence .activity-detail:nth-of-type(2) table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price] svg, table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence .activity-detail:nth-of-type(2) td[data-hook=cart_item_price] svg, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence .activity-detail:nth-of-type(2) table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total] svg, table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .activity-type-and-recurrence .activity-detail:nth-of-type(2) td[data-hook=cart_item_total] svg {
  left: -1.75px;
  position: relative;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .btn {
  font-size: 1rem;
  font-weight: 200;
  min-height: 42px;
  width: calc(119px + 1.5rem);
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .btn:focus, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .btn:hover {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  outline: none;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .btn:focus {
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .btn:last-of-type {
  margin: 0rem;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .btn {
    width: unset;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .btn-contents span, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .btn-contents table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .btn-contents td[data-hook=cart_item_price], .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .btn-contents table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .btn-contents td[data-hook=cart_item_total] {
  position: relative;
  top: -0.1rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .btn-contents svg {
  font-size: 1.5rem;
  margin: 0rem 0.5rem 0rem 0rem;
  position: relative;
  top: 0.1rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details .btn-contents .skipped {
  fill: #ef6f37;
  height: 1.5rem;
  top: -0.1rem;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-details {
    justify-content: space-between;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-body {
  align-self: flex-start;
  flex-grow: 1;
  font-size: 1rem;
  font-weight: 200;
  padding: 1.5rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-body a {
  color: #ef6f37;
  text-decoration: underline;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-body a:focus {
  color: #b5d013;
  font-weight: 200;
  outline: none;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-body a:hover {
  color: #b5d013;
  font-weight: 200;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-body-visitor {
  align-self: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding: 1.5rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-cta-visitor {
  display: flex;
  flex-direction: column;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-cta-visitor button {
  align-self: center;
  width: 50%;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-cta-visitor p {
  margin: 0rem 0rem 1.5rem 0rem;
  text-align: center;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-buttons {
  align-items: flex-end;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: flex-end;
  width: 100%;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-buttons .btn {
  margin: 0rem 0rem 0rem 0rem;
  min-width: 118px;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-buttons .btn:disabled:hover, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-buttons .btn:disabled:focus {
  cursor: not-allowed;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-buttons .btn:focus, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-buttons .btn:hover {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  outline: none;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-buttons .btn:focus {
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-buttons .btn:last-of-type {
  margin: 0rem;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-buttons .btn {
    min-width: 95px;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-buttons .svg-left svg {
  font-size: 1rem;
  position: relative;
  top: 0rem;
  margin: 0rem 0.25rem 0rem 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-buttons .svg-right svg {
  font-size: 1rem;
  position: relative;
  top: 0rem;
  margin: 0rem 0rem 0rem 0.25rem;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-buttons {
    gap: 0.5rem;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-title {
  align-self: flex-start;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 1.5rem 0rem 0rem 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-title-mobile {
  display: none;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .activity-title-mobile {
    display: inline-flex;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0rem 1rem 0rem 0rem;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .container-btn-finish {
  width: 75%;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card .container-btn-finish button {
  height: 50px;
  width: 100%;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .activity-card {
    padding: 0.75rem;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .cta-card .no-activity-text-container .no-activity-cta {
  align-self: center;
  display: flex;
  gap: 1rem;
  justify-content: center;
  width: 75%;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .cta-card .no-activity-text-container .no-activity-cta .act-btn-match {
  font-size: 0.85rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .cta-card .no-activity-text-container .no-activity-cta button {
  height: 50px;
  width: 100%;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .cta-card .no-activity-text-container .no-activity-cta .btn-active {
  align-items: center;
  display: flex;
  justify-content: center;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .cta-card .no-activity-text-container .no-activity-cta .btn-active:focus {
  background-color: #b5d013;
  border: 1px solid #b5d013 !important;
  box-shadow: 2px 2px 0px 2px #b5d013, -2px 2px 0px 2px #b5d013, 2px -2px 0px 2px #b5d013, -2px -2px 0px 2px #b5d013 !important;
  color: white !important;
  text-decoration: none;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .cta-card .no-activity-text-container .no-activity-cta .btn-inactive:focus, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .cta-card .no-activity-text-container .no-activity-cta .btn-inactive:hover {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 0px rgba(239, 111, 55, 0.4);
  outline: none;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .cta-card .no-activity-text-container .no-activity-cta .btn-inactive:focus {
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37 !important;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .no-activity {
  background-position: left !important;
  background-size: cover !important;
  justify-content: space-around;
  padding: unset;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .no-activity .no-activity-text-container {
  align-self: flex-end;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  height: inherit;
  justify-content: center;
  min-height: 420px;
  padding: 1.5rem;
  text-align: center;
  width: 100%;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .no-activity .no-activity-text-container p:first-of-type {
  font-size: 1.25rem;
  font-weight: 700;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .no-activity .no-activity-text-container p:nth-of-type(2) {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-grow: 1;
  padding: 0rem 5rem;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .no-activity .no-activity-text-container p:nth-of-type(2) {
    padding: 0rem;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .no-activity .no-activity-text-container p:nth-of-type(3) {
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 700;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .no-activity .no-activity-text-container .no-activity-cta {
  margin: 1.5rem 0rem 0rem 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .no-activity .no-activity-text-container .no-activity-cta svg {
  position: relative;
  top: 1px;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .no-activity .no-activity-text-container .no-activity-cta button :first-child {
  margin: 0rem 0.25rem 0rem 0rem;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .no-activity .no-activity-text-container {
    background: rgba(255, 255, 255, 0.9);
    min-height: 400px;
    padding: 0.75rem;
  }
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .no-activity .activity-body-visitor {
    align-self: unset;
    width: unset;
  }
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .no-activity .activity-cta-visitor {
    align-self: unset;
    width: unset;
  }
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-view .no-activity .btn {
    border: 1px solid #ef6f37;
  }
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .loading {
    min-width: 300px !important;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .loading .no-activity-text-container {
  width: 100%;
  justify-content: center;
  align-items: center;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components {
  display: flex;
  flex: 1 1 500px;
  justify-content: center;
  min-width: 500px;
}
@media (max-width: 992px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components {
    flex-basis: unset;
    min-width: unset;
    width: unset;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 425px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook {
    max-width: 100vw;
    padding: 0rem 0.5rem;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook .selected-gray-background {
  background-color: #f5f5f6 !important;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook .selected-white-background {
  background-color: white !important;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook .slide-in {
  bottom: -40px;
  position: relative;
  left: -40%;
  animation: popup 0.125s ease-in-out forwards, slide 0.25s ease-in-out 0.125s forwards;
}
@keyframes popup {
  100% {
    bottom: 0;
  }
}
@keyframes slide {
  100% {
    left: 0;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook .notebook-tabs {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook .notebook-tabs .btn-tab {
  border-bottom: none;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: #333333;
  font-size: 0.85rem;
  justify-content: center;
  margin: 0rem 0rem 0rem 1rem;
  padding: 0.5rem 0.75rem;
  position: relative;
  z-index: 1;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook .notebook-tabs .btn-tab:last-of-type {
  margin: 0rem 2.5rem 0rem 1rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook .notebook-tabs .btn-tab:active, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook .notebook-tabs .btn-tab:hover, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook .notebook-tabs .btn-tab:focus {
  color: #333333;
  text-decoration: underline;
  text-decoration-color: #ef6f37;
  text-decoration-thickness: 0.35rem;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook .notebook-tabs .btn-tab:active, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook .notebook-tabs .btn-tab:hover, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook .notebook-tabs .btn-tab:focus {
    text-decoration: none;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook .notebook-tabs .btn-tab.activity {
  display: none;
}
@media (max-width: 1075px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook .notebook-tabs .btn-tab.activity {
    display: flex;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook .notebook-tabs .selected {
  background-color: rgba(230, 231, 232, 0.6);
  color: #333333 !important;
  text-decoration: none !important;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook .notebook-tabs {
    justify-content: space-between;
  }
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook .notebook-tabs .btn-tab:last-of-type {
    margin: 0rem 1rem 0rem 1rem;
  }
}
@media (max-width: 1075px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .components-notebook .notebook-tabs {
    justify-content: flex-start;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page {
  border-radius: 5px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  flex-grow: 1;
  height: 450px;
  padding: 1.5rem;
  z-index: 2;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page {
    height: 475px;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .comments-area {
  flex-grow: 1;
  padding: 0rem 0.5rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .comments-area .replies .send-comment-btn {
  margin: 0rem 0.5rem 0rem 0.5rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .comments-area button {
  border: 1px solid transparent;
  box-shadow: 2px 2px 0px 2px transparent, -2px 2px 0px 2px transparent, 2px -2px 0px 2px transparent, -2px -2px 0px 2px transparent;
  margin: 0rem 0.5rem 1rem 0.5rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .comments-area button:focus {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
  outline: none;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .comments-area button:hover {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  outline: none;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .comments-area textarea:focus {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  outline: none;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .comments-area:nth-child(1) {
  margin: 0.25rem 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page div.comments-area div:nth-child(2) div div.community-comment div.replies div div form button {
  margin: unset;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .disclaimer-area p {
  font-size: 1rem;
  margin: 0rem 0rem 0.5rem 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .notes-area {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .notes-area .btn {
  align-self: flex-end;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .notes-area .btn:focus, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .notes-area .btn:hover {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  outline: none;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .notes-area .btn:focus {
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .prompt-area p {
  font-size: 1rem;
  margin: 0rem 0rem 0.5rem 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .prompt-area .responding-advocate {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin: 0rem 0rem 1rem 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .prompt-area .responding-advocate h4, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .prompt-area .responding-advocate .h4 {
  font-size: 1rem;
  font-weight: 200;
  margin: 0rem 0rem 0.5rem 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .prompt-area .responding-advocate h4 svg, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .prompt-area .responding-advocate .h4 svg {
  font-size: 1.25rem !important;
  margin: 0rem 0.25rem 0rem 0rem !important;
  position: relative;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .prompt-area .responding-advocate h4:first-of-type, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .prompt-area .responding-advocate .h4:first-of-type {
  font-size: 1.25rem;
  font-weight: 700;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .prompt-area .responding-advocate img {
  border-radius: 100%;
  max-width: 100px;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .prompt-area .responding-advocate .verified-advocate-check {
  color: #b5d013;
  font-size: 0.75rem;
  margin-bottom: 3px;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab {
  display: flex;
  flex-direction: row;
  height: 100%;
  justify-content: space-between;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab h4, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .h4 {
  font-size: 1rem;
  margin: 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-options {
  display: flex;
  flex-direction: column;
  min-height: 370px;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-options #tab {
  display: flex;
  flex-direction: row-reverse;
  justify-content: stretch;
  list-style: none;
  margin: 0rem;
  padding: 0rem;
  position: absolute;
  transform-origin: 100% 0;
  transform: translate(-100%, 0) rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-options #tab .selected {
  border-bottom: none !important;
  border-top: 1px solid #cecece !important;
  border-left: 1px solid #cecece !important;
  border-right: 1px solid #cecece !important;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-options .btn-progress-tab {
  color: #333333;
  font-size: 0.85rem;
  min-width: 92.5px;
  border-bottom: 1px solid #cecece;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-options .btn-progress-tab:first-of-type {
  border-right: 1px solid #cecece;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-options .btn-progress-tab:last-of-type {
  border-left: 1px solid #cecece;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-options button {
  background-color: transparent;
  border: none;
  flex-grow: 1;
  float: left;
  height: 50px;
  padding: 10px;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-options button:active, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-options button:hover, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-options button:focus {
  color: #333333;
  outline: none;
  text-decoration: underline !important;
  text-decoration-color: #ef6f37 !important;
  text-decoration-thickness: 0.35rem !important;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-options button:active, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-options button:hover, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-options button:focus {
    text-decoration: none !important;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-options button:disabled:hover, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-options button:disabled:focus {
  outline: none;
  text-decoration: none !important;
  cursor: not-allowed;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-options .selected {
  background-color: rgba(230, 231, 232, 0.6);
  color: #333333 !important;
  text-decoration: none !important;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-options .selected-green {
  background-color: #b5d013;
  color: #333333 !important;
  text-decoration: none !important;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0px 0px 0px 75px;
  max-height: 370px;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view h4, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .h4 {
  font-size: 1rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view p:last-of-type {
  margin: 1.5rem 0rem 0rem 0rem;
  text-align: right;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view p:last-of-type a {
  color: #ef6f37;
  text-decoration: underline;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view p:last-of-type a:focus {
  color: #b5d013;
  outline: none;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view p:last-of-type a:hover {
  color: #b5d013;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .btn {
  width: -moz-fit-content;
  width: fit-content;
  align-self: end;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0rem 0rem 0rem 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .gauge-chart-container {
  display: flex;
  border-radius: 5px;
  border: 1px solid #cecece;
  padding: 0.5rem;
  align-items: baseline;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .gauge-chart-container {
    align-items: flex-start;
    flex-direction: column;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .gauge-chart-container .gauge-category h4:first-of-type, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .gauge-chart-container .gauge-category .h4:first-of-type {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0rem 0rem 0.25rem 0rem;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .gauge-chart-container .gauge-category h4:first-of-type, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .gauge-chart-container .gauge-category .h4:first-of-type {
    margin: 0.25rem 0rem 0.25rem 0rem;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .progress-completed {
  font-weight: 700;
  margin: 0.5rem 0rem 0.5rem 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .progress-in-progress {
  font-weight: 700;
  margin: 0rem 0rem 0.5rem 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .progress-milestones {
  border-radius: 5px;
  border: 1px solid #cecece;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100px;
  max-height: unset;
  overflow: auto;
  padding: 0.5rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .progress-milestones .progress-explanation {
  display: flex;
  font-size: 1rem;
  margin: 0rem 0rem 0.5rem 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .progress-milestones .progress-list-item {
  font-size: 1rem;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .progress-milestones h4, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .progress-milestones .h4 {
  display: flex;
  font-size: 1.25rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .progress-milestones h4 span, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .progress-milestones .h4 span, .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .progress-milestones h4 table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .progress-milestones h4 td[data-hook=cart_item_price], .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .progress-milestones .h4 table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .progress-milestones .h4 td[data-hook=cart_item_price], .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .progress-milestones h4 table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .progress-milestones h4 td[data-hook=cart_item_total], .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .progress-milestones .h4 table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .progress-milestones .h4 td[data-hook=cart_item_total] {
  margin: 0rem 0.35rem 0rem 0rem;
  text-align: right;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details .pie-chart {
  align-self: flex-end;
  margin: 0rem;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view .progress-details {
    gap: 0.75rem;
  }
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .progress-tab .progress-view {
    margin: 0px 0px 0px 60px;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page .ql-editor {
  min-height: 100px !important;
  max-height: 280px;
  overflow: hidden;
  overflow-y: scroll;
  overflow-x: scroll;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page {
    padding: 0.75rem;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page > div > div.activity-view {
  box-shadow: none;
  display: none;
  min-height: none;
  min-width: none;
}
@media (max-width: 1075px) {
  .agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page > div > div.activity-view {
    display: flex !important;
  }
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page > div > div.activity-view .activity-card-container {
  flex-grow: 0;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page > div > div.activity-view .activity-card-container .activity-card {
  box-shadow: none;
  padding: none;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page.activity {
  padding: 0rem;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page.activity .activity-tab {
  height: 100% !important;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page.activity .activity-tab .activity-view {
  height: 100% !important;
}
.agenda-page-2022 .agenda-page-category-section .activity-area .activity-components .notebook-page.activity .activity-tab .activity-view .activity-card-container {
  height: 100% !important;
}
.agenda-page-2022 .agenda-page-category-section .btn-neutral {
  background-color: white;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: #333333;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
}
.agenda-page-2022 .agenda-page-category-section .btn-neutral:focus, .agenda-page-2022 .agenda-page-category-section .btn-neutral:hover {
  background-color: #b5d013;
  border: 1px solid transparent;
}
.agenda-page-2022 .agenda-page-category-section .btn-neutral:focus {
  box-shadow: 2px 2px 0px 2px #b5d013, -2px 2px 0px 2px #b5d013, 2px -2px 0px 2px #b5d013, -2px -2px 0px 2px #b5d013;
}
.agenda-page-2022 .agenda-page-category-section .category-header {
  font-size: 5rem;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .category-header {
    font-size: 3rem !important;
    margin: 1rem 0rem;
  }
}
@media (max-width: 665px) {
  .agenda-page-2022 .agenda-page-category-section .category-header {
    font-size: 4.5rem;
  }
}
.agenda-page-2022 .agenda-page-category-section .category-header.white {
  color: white;
}
.agenda-page-2022 .agenda-page-category-section .category-footer-mobile {
  display: none !important;
  width: 100%;
}
.agenda-page-2022 .agenda-page-category-section .category-footer-mobile .footer-section {
  width: 100%;
}
.agenda-page-2022 .agenda-page-category-section .category-footer-mobile .footer-section .footer-button-group {
  width: 100%;
  justify-content: space-around;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .category-footer-mobile {
    display: flex !important;
  }
  .agenda-page-2022 .agenda-page-category-section .category-footer-mobile .footer-section:first-of-type {
    display: flex !important;
  }
  .agenda-page-2022 .agenda-page-category-section .category-footer-mobile .footer-section:last-of-type {
    display: none;
  }
}
.agenda-page-2022 .agenda-page-category-section .category-footer {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  justify-content: space-between;
  margin: 1.5rem 0rem 0rem 0rem;
}
.agenda-page-2022 .agenda-page-category-section .category-footer .footer-section {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: flex-end;
  width: 50%;
}
.agenda-page-2022 .agenda-page-category-section .category-footer .footer-section h4, .agenda-page-2022 .agenda-page-category-section .category-footer .footer-section .h4 {
  font-size: 1rem;
  margin: 0rem 1.5rem 0rem 0rem;
}
.agenda-page-2022 .agenda-page-category-section .category-footer .footer-section .btn {
  margin: 0rem 0rem 0rem 0rem;
}
.agenda-page-2022 .agenda-page-category-section .category-footer .footer-section .btn-follow-tag {
  padding: 0.375rem 0.75rem;
}
.agenda-page-2022 .agenda-page-category-section .category-footer .footer-section .btn-follow-tag:focus, .agenda-page-2022 .agenda-page-category-section .category-footer .footer-section .btn-follow-tag:hover {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  outline: none;
}
.agenda-page-2022 .agenda-page-category-section .category-footer .footer-section .btn-follow-tag:focus {
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}
.agenda-page-2022 .agenda-page-category-section .category-footer .footer-section .footer-button-group {
  display: flex;
  gap: 1rem;
}
.agenda-page-2022 .agenda-page-category-section .category-footer .footer-section .btn-neutral {
  background-color: white;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: #333333;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
}
.agenda-page-2022 .agenda-page-category-section .category-footer .footer-section .btn-neutral:focus, .agenda-page-2022 .agenda-page-category-section .category-footer .footer-section .btn-neutral:hover {
  background-color: #b5d013;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .category-footer .footer-section .btn-neutral {
    font-size: 0.85rem;
  }
}
@media (max-width: 992px) {
  .agenda-page-2022 .agenda-page-category-section .category-footer .footer-section {
    justify-content: center;
    min-width: none;
    width: 100%;
  }
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .category-footer .footer-section {
    gap: 0.5rem;
    flex-direction: column;
    width: 100% !important;
  }
  .agenda-page-2022 .agenda-page-category-section .category-footer .footer-section .footer-button-group {
    justify-content: space-around;
    width: 100%;
  }
}
@media (max-width: 1075px) {
  .agenda-page-2022 .agenda-page-category-section .category-footer {
    flex-wrap: wrap;
    justify-content: center;
  }
  .agenda-page-2022 .agenda-page-category-section .category-footer .footer-section {
    width: unset;
  }
  .agenda-page-2022 .agenda-page-category-section .category-footer .footer-section .footer-button-group {
    gap: 1.5rem;
  }
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section .category-footer {
    justify-content: center;
    margin-bottom: 1rem;
  }
  .agenda-page-2022 .agenda-page-category-section .category-footer .footer-section:last-of-type {
    display: none;
  }
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-category-section {
    padding: 0rem 0.5rem 0.5rem 0.5rem;
  }
}
.agenda-page-2022 .agenda-page-follows-section h1, .agenda-page-2022 .agenda-page-follows-section .h1 {
  color: #333333;
}
.agenda-page-2022 .agenda-page-follows-section h4, .agenda-page-2022 .agenda-page-follows-section .h4 {
  color: #333333;
  margin: 1.25rem 0rem 0rem 0rem;
  text-align: center;
}
@media (max-width: 768px) {
  .agenda-page-2022 .agenda-page-follows-section .follows-header {
    padding: 0rem 1rem;
  }
}
@media (max-width: 768px) {
  .agenda-page-2022 .agenda-page-follows-section .follows-subheader {
    padding: 0rem 1rem;
  }
}
.agenda-page-2022 .agenda-page-follows-section .tag-follows {
  align-self: flex-end;
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 1.25rem 0rem 1.25rem 0rem;
  padding: 0rem 1.5rem;
  width: 100%;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-follows-section .tag-follows {
    padding: 0rem;
  }
  .agenda-page-2022 .agenda-page-follows-section .tag-follows .btn-follow-tag {
    min-width: unset !important;
  }
}
.agenda-page-2022 .agenda-page-follows-section .tag-follows .btn-follow-tag {
  min-width: 175px;
}
.agenda-page-2022 .agenda-page-follows-section .tag-follows .btn-follow-tag:focus, .agenda-page-2022 .agenda-page-follows-section .tag-follows .btn-follow-tag:hover {
  border: 1px solid #ef6f37;
  border-radius: 5px;
  outline: none;
}
.agenda-page-2022 .agenda-page-follows-section .tag-follows .btn-follow-tag:focus {
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}
.agenda-page-2022 .agenda-page-follows-section .tag-follows .btn-follow-tag svg {
  margin: 0rem 0.25rem 0rem 0rem;
  position: relative;
  top: 1px;
}
.agenda-page-2022 .show-toggle-area {
  align-items: flex-end;
  display: flex;
  gap: 1rem;
  justify-content: end;
}
.agenda-page-2022 .agenda-page-show-follows-toggle-section {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0rem 1.5rem 0rem 0rem;
  position: absolute;
  top: 600px;
  width: 100%;
  z-index: 10;
}
.agenda-page-2022 .agenda-page-show-follows-toggle-section svg {
  color: #ef6f37;
  height: 1em;
  margin: 0rem 0rem 0rem 0.5rem;
  width: 1em;
}
.agenda-page-2022 .agenda-page-follows-section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 580px;
  padding: 1.5rem;
  width: 100%;
}
.agenda-page-2022 .agenda-page-follows-section .closing-tip {
  text-align: right;
}
.agenda-page-2022 .agenda-page-follows-section .closing-tip a {
  margin: 0rem 0rem 0rem 0.25rem;
  text-decoration: underline;
  text-decoration-color: #ef6f37;
}
.agenda-page-2022 .agenda-page-follows-section .closing-tip a:focus, .agenda-page-2022 .agenda-page-follows-section .closing-tip a:hover {
  color: #333333;
  outline: none;
  text-decoration: underline;
  text-decoration-color: #b5d013;
  text-decoration-thickness: 0.35rem;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-follows-section .closing-tip {
    text-align: center;
    margin: 0rem 0rem 1rem 0rem;
  }
}
.agenda-page-2022 .agenda-page-follows-section .follows-area {
  display: flex;
  flex-direction: row;
  gap: 5rem;
}
.agenda-page-2022 .agenda-page-follows-section .follows-area .follows-functional {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.agenda-page-2022 .agenda-page-follows-section .follows-area .follows-functional .sc-left-dropdown-container {
  margin: 0rem 0rem 2.5rem 0rem;
}
.agenda-page-2022 .agenda-page-follows-section .follows-area .follows-functional .selector-instruction-three {
  text-align: center;
}
.agenda-page-2022 .agenda-page-follows-section .follows-area .follows-functional .selector-instruction-three svg {
  border-radius: 5px;
  color: #ef6f37;
  vertical-align: super;
  font-size: 1rem;
  padding: 0.25rem;
}
.agenda-page-2022 .agenda-page-follows-section .follows-area .follows-functional .selector-instruction-three svg:focus {
  background-color: #ef6f37;
  color: white;
  outline: none;
}
.agenda-page-2022 .agenda-page-follows-section .follows-area .follows-functional .selector-instruction-three svg:hover {
  cursor: pointer;
}
@media (max-width: 768px) {
  .agenda-page-2022 .agenda-page-follows-section .follows-area .follows-functional .selector-instruction-three svg {
    font-size: 0.9rem;
    vertical-align: unset;
  }
}
.agenda-page-2022 .agenda-page-follows-section .follows-area .follows-functional .tag-category-type-selectors {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-follows-section .follows-area .follows-functional .tag-category-type-selectors {
    margin: 1.5rem 0rem 1.5rem 0rem;
  }
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-follows-section .follows-area .follows-functional .tag-category-type-selectors .sc-bottom-dropdown-container {
    margin: 0rem !important;
  }
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-follows-section .follows-area .follows-functional .tag-category-type-selectors .sc-top-dropdown-container {
    margin: 0rem !important;
  }
}
.agenda-page-2022 .agenda-page-follows-section .follows-area .follows-functional .tag-follows {
  gap: 1rem;
}
@media (max-width: 992px) {
  .agenda-page-2022 .agenda-page-follows-section .follows-area .follows-functional {
    width: unset;
  }
}
.agenda-page-2022 .agenda-page-follows-section .follows-area .follows-instructional {
  width: 30%;
}
.agenda-page-2022 .agenda-page-follows-section .follows-area .follows-instructional h4, .agenda-page-2022 .agenda-page-follows-section .follows-area .follows-instructional .h4 {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 1rem 0rem 1rem 0rem;
  text-align: left;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-follows-section .follows-area .follows-instructional h4, .agenda-page-2022 .agenda-page-follows-section .follows-area .follows-instructional .h4 {
    padding: 0rem 1rem;
  }
}
.agenda-page-2022 .agenda-page-follows-section .follows-area .follows-instructional p {
  margin: 0rem 0rem 1.5rem 0rem;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-follows-section .follows-area .follows-instructional p {
    margin: 0rem 0rem 0rem 0rem;
    padding: 0rem 1rem;
  }
}
@media (max-width: 992px) {
  .agenda-page-2022 .agenda-page-follows-section .follows-area .follows-instructional {
    width: unset;
  }
}
@media (max-width: 992px) {
  .agenda-page-2022 .agenda-page-follows-section .follows-area {
    flex-direction: column;
    gap: 2.5rem;
  }
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-follows-section .follows-area {
    gap: 0rem;
  }
}
.agenda-page-2022 .agenda-page-follows-section .show-toggle-area {
  flex-grow: 1;
  gap: 1rem;
}
.agenda-page-2022 .agenda-page-follows-section .show-toggle-area svg {
  color: #ef6f37;
  fill: #ef6f37;
  height: 1em;
  margin: 0rem 0rem 0rem 0.5rem;
  width: 1em;
}
.agenda-page-2022 .agenda-page-follows-section .show-toggle-area .btn-show-toggle {
  background-color: #f5f5f6;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-follows-section {
    padding: 0.75rem;
  }
}
.agenda-page-2022 .agenda-page-header-section {
  --dynamic-image: url("https://cdn.filepicker.io/auto_image/compress/4DTaztZSluKDfgZSag8T");
  height: 59vh;
  min-height: 580px;
  width: 100%;
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo {
  align-items: flex-end;
  background-size: cover;
  background-position: 75% center;
  height: 100%;
  min-height: 580px;
  position: relative;
  width: 100%;
}
@media (max-width: 992px) {
  .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo {
    background-position: 65% center;
  }
}
@media (max-width: 880px) {
  .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo {
    background-image: none !important;
  }
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo {
    background-image: none !important;
  }
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .darker {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05) 65%, rgba(0, 0, 0, 0.25) 90%), linear-gradient(to right, rgba(0, 0, 0, 0.55) 25%, rgba(0, 0, 0, 0.2) 100%);
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .lighter {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 20%, rgba(0, 0, 0, 0.45) 90%);
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: inherit;
  padding: 1.5rem;
  position: relative;
  width: 100%;
  z-index: 5;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay {
    justify-content: center;
    padding: 0.5rem 0.5rem 5rem !important;
  }
  .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .agenda-page-header-text {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
@media (max-width: 768px) {
  .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay {
    color: #333333;
    text-align: center;
    padding: 1rem;
  }
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .agenda-intro {
    align-items: center;
    display: flex;
    flex-grow: 1;
  }
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .btn-green {
  background-color: #b5d013;
  border-radius: 15px;
  color: white;
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 500;
  max-width: 300px;
  padding: 0.75rem 0.55rem;
  text-align: center;
  width: 33vw;
}
@media (max-width: 768px) {
  .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .btn-green {
    justify-self: center;
    padding: 0.75rem 1.25rem;
    margin: 0rem auto;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .btn-green:focus {
  border: 1px solid white;
  border-radius: 15px;
  outline: none;
  box-shadow: 2px 2px 0px 2px white, -2px 2px 0px 2px white, 2px -2px 0px 2px white, -2px -2px 0px 2px white;
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .btn-green:hover {
  text-decoration: none;
  background-color: #dbdbdb;
  color: #333333;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .overlay-pie-charts {
  display: flex;
  flex-direction: row;
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .overlay-pie-charts .gauge-chart-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0rem 1.5rem 0rem 0rem;
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .overlay-pie-charts .gauge-chart-container .gauge-category {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .overlay-pie-charts .gauge-chart-container .gauge-category {
    flex-direction: column;
  }
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .overlay-pie-charts .gauge-chart-container .gauge-category h4, .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .overlay-pie-charts .gauge-chart-container .gauge-category .h4 {
  margin: 0rem 0rem 0.25rem 0rem;
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .overlay-pie-charts .gauge-chart-container .gauge-category h4:first-of-type, .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .overlay-pie-charts .gauge-chart-container .gauge-category .h4:first-of-type {
  margin: 0rem 0.25rem 0rem 0rem;
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .overlay-pie-charts .gauge-chart-container:last-of-type {
  margin: 0rem;
}
@media (max-width: 768px) {
  .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .overlay-pie-charts {
    justify-content: center;
    margin: 0rem 0rem 2.5rem 0rem;
  }
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .overlay-text-group {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .overlay-text-group .btn-green {
    font-size: 1.1rem;
    min-width: 200px;
  }
}
@media (max-width: 768px) {
  .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .overlay-text-group {
    font-size: 1.25rem;
  }
}
@media (max-width: 768px) {
  .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .overlay-text-group {
    justify-content: flex-end;
  }
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .typing-box {
  background-color: transparent;
  margin: 0rem 0rem 1.5rem;
  min-height: 3.25rem;
  padding: 0rem;
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay h1, .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .h1 {
  font-size: 5rem;
  margin: 0rem 0rem 1.5rem 0rem;
  text-align: left;
}
@media (max-width: 544px) {
  .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay h1, .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .h1 {
    font-size: 3rem !important;
  }
}
@media (max-width: 665px) {
  .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay h1, .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .h1 {
    font-size: 4.5rem;
  }
}
@media (max-width: 768px) {
  .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay h1, .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .h1 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    margin: 0rem auto 1.5rem auto;
  }
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay h4, .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .h4 {
  max-width: 60%;
}
@media (max-width: 768px) {
  .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay h4, .agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay .h4 {
    font-size: 1.25rem;
    max-width: none;
    width: inherit !important;
  }
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay p:last-of-type {
  margin: 1.5rem 0rem 0rem 0rem;
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay p:last-of-type a {
  color: #ef6f37;
  text-decoration: underline;
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay p:last-of-type a:focus {
  color: #b5d013;
  outline: none;
}
.agenda-page-2022 .agenda-page-header-section .agenda-page-cover-photo .agenda-page-photo-overlay p:last-of-type a:hover {
  color: #b5d013;
}
.agenda-page-2022 .wide-btn {
  min-width: 250px;
}

.shelter-page-2024 h1, .shelter-page-2024 .h1 {
  color: white;
  font-family: "Sutro", serif;
  font-size: 2.5rem;
  margin-bottom: 1.5rem;
}
.shelter-page-2024 h2, .shelter-page-2024 .h2 {
  color: #333333;
  font-family: "Sutro", serif;
  font-size: 2.5rem;
  letter-spacing: 0.1rem;
  padding: 0rem;
  position: relative;
  text-align: center;
  z-index: 50;
}
@media (max-width: 768px) {
  .shelter-page-2024 h2, .shelter-page-2024 .h2 {
    padding: 0rem 0.5rem 0rem 0.5rem;
    text-align: center;
    width: 100%;
  }
}
.shelter-page-2024 h3, .shelter-page-2024 .h3 {
  font-size: 1.5rem;
  font-weight: 100;
  justify-self: flex-end;
  padding: 2.5rem 2.5rem 1rem 2.5rem;
  position: relative;
  text-align: left;
  width: 100%;
}
.shelter-page-2024 h4, .shelter-page-2024 .h4 {
  color: white;
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 1.5rem;
}
.shelter-page-2024 p {
  margin-bottom: 0;
}
.shelter-page-2024 .about-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 5vmax;
}
@media (max-width: 992px) {
  .shelter-page-2024 .about-section {
    justify-content: center;
    padding: 1rem;
    width: unset;
  }
}
.shelter-page-2024 .about-section a:focus, .shelter-page-2024 .about-section a:focus-visible, .shelter-page-2024 .about-section a:hover {
  color: #b5d013;
  outline: none;
  text-decoration: underline;
  text-decoration-color: #b5d013;
}
.shelter-page-2024 .about-section h1, .shelter-page-2024 .about-section .h1 {
  color: #333333;
  font-size: 2.5rem;
  text-align: center;
  width: 100%;
}
.shelter-page-2024 .about-section h3, .shelter-page-2024 .about-section .h3 {
  padding: 0rem;
}
.shelter-page-2024 .about-section .shelter-image {
  width: calc(100vw - 10vmax - 2rem - 75%);
}
@media (max-width: 992px) {
  .shelter-page-2024 .about-section .shelter-image {
    max-width: 150px;
    width: unset;
  }
}
.shelter-page-2024 .about-section .shelter-address {
  width: calc(100vw - 10vmax - 2rem - 75%);
}
@media (max-width: 992px) {
  .shelter-page-2024 .about-section .shelter-address {
    padding: unset;
    width: unset;
  }
}
.shelter-page-2024 .about-section .shelter-address h3, .shelter-page-2024 .about-section .shelter-address .h3 {
  margin: 0rem;
}
.shelter-page-2024 .about-section .shelter-address p {
  margin: 0rem;
}
.shelter-page-2024 .about-section .shelter-address .social-icons-container {
  width: auto;
  height: auto;
  float: unset;
  position: relative;
  top: unset;
  margin-bottom: unset;
  text-align: left;
}
.shelter-page-2024 .about-section .shelter-address .social-icons-container .social-icons a {
  margin-right: 0.25rem;
}
.shelter-page-2024 .about-section .shelter-address .social-icons-container .social-icons a svg path {
  fill: white;
}
.shelter-page-2024 .about-section .shelter-address .social-icons-container .social-icons a:focus svg, .shelter-page-2024 .about-section .shelter-address .social-icons-container .social-icons a:focus i, .shelter-page-2024 .about-section .shelter-address .social-icons-container .social-icons a:hover svg, .shelter-page-2024 .about-section .shelter-address .social-icons-container .social-icons a:hover i, .shelter-page-2024 .about-section .shelter-address .social-icons-container .social-icons a:focus-visible svg, .shelter-page-2024 .about-section .shelter-address .social-icons-container .social-icons a:focus-visible i {
  outline: auto;
  outline-color: #b5d013;
  background-color: #b5d013;
}
@media (max-width: 1035px) {
  .shelter-page-2024 .about-section .shelter-address .social-icons-container {
    display: inherit;
    margin-left: unset;
    margin-top: unset;
  }
}
@media (max-width: 768px) {
  .shelter-page-2024 .about-section .shelter-address .social-icons-container {
    display: inherit;
    margin-left: unset;
    margin-top: unset;
  }
}
@media (max-width: 544px) {
  .shelter-page-2024 .about-section .shelter-address .social-icons-container {
    display: inherit;
    margin-left: unset;
    margin-top: unset;
  }
}
.shelter-page-2024 .about-section .shelter-bio {
  width: calc(100vw - 10vmax - 2rem - 50%);
}
@media (max-width: 992px) {
  .shelter-page-2024 .about-section .shelter-bio {
    padding: 1rem;
    width: unset;
  }
}
.shelter-page-2024 .background-gray {
  background-color: #f8f8f8;
}
.shelter-page-2024 .btn {
  border-radius: 10px;
}
.shelter-page-2024 .category-slider {
  margin: 1rem 0rem 0rem 0rem;
}
.shelter-page-2024 .favorites-section {
  background-color: rgba(230, 231, 232, 0.6);
  display: flex;
  flex-direction: column;
  padding: 5vmax 0rem 0rem 0rem;
  /* Style the arrow inside the select element: */
  /* Point the arrow upwards when the select box is open (active): */
  /* style the items (options), including the selected item: */
  /* Style items (options): */
  /* Hide the items when the select box is closed: */
}
@media (max-width: 544px) {
  .shelter-page-2024 .favorites-section {
    padding: 1rem;
  }
}
.shelter-page-2024 .favorites-section h1, .shelter-page-2024 .favorites-section .h1 {
  color: #333333;
  font-size: 2.5rem;
  text-align: center;
  width: 100%;
}
.shelter-page-2024 .favorites-section h2, .shelter-page-2024 .favorites-section .h2 {
  text-align: left;
}
.shelter-page-2024 .favorites-section p {
  align-self: center;
  max-width: 750px;
  text-align: center;
  width: 100%;
}
.shelter-page-2024 .favorites-section .category-dropdown {
  display: none;
  flex-direction: column;
  margin: auto;
  position: relative;
  width: 85%;
  /* The container must be positioned relative: */
}
@media (max-width: 768px) {
  .shelter-page-2024 .favorites-section .category-dropdown {
    display: flex;
  }
}
.shelter-page-2024 .favorites-section .category-dropdown icon {
  color: #ef6f37;
}
.shelter-page-2024 .favorites-section .category-dropdown svg {
  position: absolute;
  top: 25%;
  align-self: flex-end;
  justify-self: flex-end;
  display: flex;
  margin-right: 1rem;
  min-height: 2rem;
  min-width: 2rem;
  z-index: -1;
}
@media (max-width: 768px) {
  .shelter-page-2024 .favorites-section .category-dropdown svg {
    top: 15%;
  }
}
.shelter-page-2024 .favorites-section .category-dropdown .btn-inactive {
  background-color: transparent;
  margin: auto;
  padding: 1rem 5rem 1rem 2.5rem;
  width: 100%;
  z-index: 1;
}
@media (max-width: 768px) {
  .shelter-page-2024 .favorites-section .category-dropdown .btn-inactive {
    padding: 0.75rem 3.5rem 0.75rem 1.75rem;
  }
}
.shelter-page-2024 .favorites-section .category-dropdown .fa:first-of-type {
  align-items: center;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 10px;
  display: flex;
  height: 100%;
  justify-content: right;
  padding: 0rem 1rem 0rem 0rem;
  position: absolute;
  width: 100%;
}
.shelter-page-2024 .favorites-section .category-dropdown select {
  display: none; /*hide original SELECT element: */
}
.shelter-page-2024 .favorites-section .js-auto-adjust-height-product-name {
  min-height: 48px;
}
.shelter-page-2024 .favorites-section .select-selected {
  background-color: transparent;
  color: white !important;
}
.shelter-page-2024 .favorites-section .select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
.shelter-page-2024 .favorites-section .select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
.shelter-page-2024 .favorites-section .select-items div, .shelter-page-2024 .favorites-section .select-selected {
  color: #333333;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
.shelter-page-2024 .favorites-section .select-items {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  left: 0;
  margin: 0.25rem auto 0rem auto;
  max-height: 350px;
  position: absolute;
  overflow: auto;
  right: 0;
  top: 100%;
  width: 100%;
  z-index: 99;
}
.shelter-page-2024 .favorites-section .select-hide {
  display: none;
}
.shelter-page-2024 .favorites-section .btn-inactive, .shelter-page-2024 .favorites-section .btn-inactive-selected {
  background-color: white;
  border: 1px solid transparent;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  color: #ef6f37;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
}
.shelter-page-2024 .favorites-section .btn-inactive:focus, .shelter-page-2024 .favorites-section .btn-inactive-selected:focus {
  border: 1px solid #ef6f37;
  border-radius: 10px;
  outline: none;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}
.shelter-page-2024 .favorites-section .btn-inactive:hover, .shelter-page-2024 .favorites-section .btn-inactive-selected:hover {
  border: 1px solid #ef6f37;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.shelter-page-2024 .favorites-section .category-filters {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin: 1.5rem 0rem;
}
@media (max-width: 768px) {
  .shelter-page-2024 .favorites-section .category-filters {
    display: none;
    flex-direction: column;
  }
}
.shelter-page-2024 .favorites-section .category-filters button {
  min-width: 125px;
}
.shelter-page-2024 .favorites-section .category-filters .selected {
  background-color: rgba(230, 231, 232, 0.6);
  text-decoration: none !important;
}
.shelter-page-2024 .favorites-section .container, .shelter-page-2024 .favorites-section .family-container {
  max-width: unset !important;
  width: calc(100vw - 10vmax) !important;
}
@media (max-width: 768px) {
  .shelter-page-2024 .favorites-section .dog-category-name {
    width: 100%;
    text-align: center;
  }
}
.shelter-page-2024 .favorites-section .mobile-category-filters {
  display: none;
}
@media (max-width: 768px) {
  .shelter-page-2024 .favorites-section .mobile-category-filters {
    display: flex;
    flex-direction: column;
  }
  .shelter-page-2024 .favorites-section .mobile-category-filters .sc-top-dropdown-container {
    margin: 0rem 0rem 0rem 0rem;
  }
}
.shelter-page-2024 .favorites-section .slick-slide {
  min-width: 219px;
}
.shelter-page-2024 .favorites-section .quick-shop-container {
  border-radius: 10px;
}
.shelter-page-2024 .featured-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 5vmax;
}
@media (max-width: 992px) {
  .shelter-page-2024 .featured-section {
    flex-direction: column;
    padding: 1rem;
  }
}
.shelter-page-2024 .featured-section h1, .shelter-page-2024 .featured-section .h1 {
  color: #333333;
  text-align: center;
  width: 100%;
}
.shelter-page-2024 .featured-section h3, .shelter-page-2024 .featured-section .h3 {
  font-weight: 500;
  margin: 0rem;
  padding: 0rem;
}
@media (max-width: 992px) {
  .shelter-page-2024 .featured-section h3, .shelter-page-2024 .featured-section .h3 {
    font-size: 1.5rem;
    text-align: center;
  }
}
.shelter-page-2024 .featured-section h5, .shelter-page-2024 .featured-section .h5 {
  font-size: 1rem;
  font-weight: normal;
  text-transform: uppercase;
}
.shelter-page-2024 .featured-section .featured-subject {
  border: 1px solid #f8f8f8;
  border-radius: 15px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  gap: 1rem;
  padding: 1rem;
  width: calc(50% - 0.5rem);
}
@media (max-width: 992px) {
  .shelter-page-2024 .featured-section .featured-subject {
    flex-direction: column;
    padding: 1rem;
    width: unset;
  }
}
.shelter-page-2024 .featured-section .featured-subject .subject-avatar {
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 992px) {
  .shelter-page-2024 .featured-section .featured-subject .subject-avatar {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
.shelter-page-2024 .featured-section .featured-subject .subject-avatar .img-circle {
  max-width: 200px;
  width: 20vmax;
}
@media (max-width: 992px) {
  .shelter-page-2024 .featured-section .featured-subject .subject-avatar .img-circle {
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .shelter-page-2024 .featured-section .featured-subject .subject-avatar .img-circle {
    max-width: 250px;
    width: unset;
  }
}
.shelter-page-2024 .featured-section .featured-subject .subject-info {
  display: flex;
  flex-direction: column;
  width: calc(50% - 0.5rem);
}
@media (max-width: 992px) {
  .shelter-page-2024 .featured-section .featured-subject .subject-info {
    width: 100%;
    text-align: center;
  }
}
.shelter-page-2024 .featured-section .featured-subject .subject-info a:focus, .shelter-page-2024 .featured-section .featured-subject .subject-info a:hover {
  color: #ef6f37;
}
.shelter-page-2024 .featured-section .featured-subject .subject-info .buttons {
  display: flex;
  gap: 1rem;
}
@media (max-width: 992px) {
  .shelter-page-2024 .featured-section .featured-subject .subject-info .buttons {
    justify-content: center;
  }
}
.shelter-page-2024 .featured-section .featured-subject .subject-info .buttons .btn-green:focus {
  text-decoration: none;
  background-color: #dbdbdb;
  border: #dbdbdb;
  color: #333333;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.shelter-page-2024 .featured-section .purchase-support {
  align-items: center;
  border: 1px solid #f8f8f8;
  border-radius: 15px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
  width: calc(50% - 0.5rem);
}
@media (max-width: 992px) {
  .shelter-page-2024 .featured-section .purchase-support {
    width: unset;
  }
}
.shelter-page-2024 .featured-section .purchase-support h3, .shelter-page-2024 .featured-section .purchase-support .h3 {
  text-align: center;
}
.shelter-page-2024 .featured-section .purchase-support .btn-green {
  width: 25vw !important;
}
.shelter-page-2024 .featured-section .purchase-support .support-blurb {
  color: #333333;
  flex-grow: 1;
  margin: 1rem 0rem 0rem;
}
.shelter-page-2024 .header-section {
  align-items: flex-start;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 59vh;
  min-height: 580px;
  position: relative;
  width: 100%;
  z-index: 5;
}
@media (max-width: 544px) {
  .shelter-page-2024 .header-section {
    background-image: var(--dynamic-image) !important;
  }
}
.shelter-page-2024 .header-section .photo-overlay {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.45) 90%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: -webkit-fill-available;
  padding: 5vmax;
  position: relative;
  width: 100%;
  z-index: 5;
}
@media (max-width: 544px) {
  .shelter-page-2024 .header-section .photo-overlay {
    padding: 1rem;
  }
}
@media (max-width: 768px) {
  .shelter-page-2024 .header-section .photo-overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.45) 50%);
    text-align: center;
    justify-content: space-between;
    padding: 1rem;
  }
}
.shelter-page-2024 .header-section .photo-overlay h1, .shelter-page-2024 .header-section .photo-overlay .h1 {
  color: white;
  margin: 0rem;
  text-align: left;
}
@media (max-width: 768px) {
  .shelter-page-2024 .header-section .photo-overlay h1, .shelter-page-2024 .header-section .photo-overlay .h1 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end;
    text-align: center;
  }
}
.shelter-page-2024 .header-section .photo-overlay h1 a:active, .shelter-page-2024 .header-section .photo-overlay .h1 a:active, .shelter-page-2024 .header-section .photo-overlay h1 a:focus-visible, .shelter-page-2024 .header-section .photo-overlay .h1 a:focus-visible, .shelter-page-2024 .header-section .photo-overlay h1 a:hover, .shelter-page-2024 .header-section .photo-overlay .h1 a:hover {
  color: inherit;
  outline: none;
  text-decoration: underline;
  text-decoration-color: #b5d013;
}
.shelter-page-2024 .header-section .photo-overlay h5, .shelter-page-2024 .header-section .photo-overlay .h5 {
  color: white;
  font-size: 1.5rem;
}
@media (max-width: 544px) {
  .shelter-page-2024 .header-section .photo-overlay h5, .shelter-page-2024 .header-section .photo-overlay .h5 {
    font-size: 1rem;
  }
}
.shelter-page-2024 .header-section .photo-overlay p {
  color: white;
}
.shelter-page-2024 .header-section .photo-overlay .btn-green {
  max-width: 43vw;
}
@media (max-width: 768px) {
  .shelter-page-2024 .header-section .photo-overlay .btn-green {
    align-self: center;
  }
}
.shelter-page-2024 .header-section .photo-overlay .support-shelter {
  background-color: white;
  border: 1px solid white;
  border-radius: 15px;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: lighter;
  max-width: 43vw;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 544px) {
  .shelter-page-2024 .header-section .photo-overlay .support-shelter {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .shelter-page-2024 .header-section .photo-overlay .support-shelter {
    align-self: center;
    max-width: unset;
    padding: 0.75rem 1.25rem;
    width: unset;
  }
  .shelter-page-2024 .header-section .photo-overlay .support-shelter span:last-of-type, .shelter-page-2024 .header-section .photo-overlay .support-shelter table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price]:last-of-type, table#cart-detail-dogly tbody#line_items tr .shelter-page-2024 .header-section .photo-overlay .support-shelter td[data-hook=cart_item_price]:last-of-type, .shelter-page-2024 .header-section .photo-overlay .support-shelter table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total]:last-of-type, table#cart-detail-dogly tbody#line_items tr .shelter-page-2024 .header-section .photo-overlay .support-shelter td[data-hook=cart_item_total]:last-of-type {
    display: none;
  }
}
.shelter-page-2024 .header-section .photo-overlay .support-shelter:focus, .shelter-page-2024 .header-section .photo-overlay .support-shelter:hover {
  border: 1px solid #ef6f37;
  border-radius: 10px;
  color: #ef6f37;
  outline: none;
  box-shadow: 2px 2px 0px 2px #ef6f37, -2px 2px 0px 2px #ef6f37, 2px -2px 0px 2px #ef6f37, -2px -2px 0px 2px #ef6f37;
}
.shelter-page-2024 .header-section .photo-overlay .supporting-shelter {
  background-color: #dbdbdb;
  border-radius: 15px;
  color: #333333;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: lighter;
  padding: 0.75rem 0.55rem;
  text-align: center;
  width: 33vw;
}
.shelter-page-2024 .header-section .photo-overlay .supporting-shelter span:nth-of-type(2), .shelter-page-2024 .header-section .photo-overlay .supporting-shelter table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price]:nth-of-type(2), table#cart-detail-dogly tbody#line_items tr .shelter-page-2024 .header-section .photo-overlay .supporting-shelter td[data-hook=cart_item_price]:nth-of-type(2), .shelter-page-2024 .header-section .photo-overlay .supporting-shelter table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total]:nth-of-type(2), table#cart-detail-dogly tbody#line_items tr .shelter-page-2024 .header-section .photo-overlay .supporting-shelter td[data-hook=cart_item_total]:nth-of-type(2) {
  font-size: 1rem;
  left: -0.25rem;
  position: relative;
  vertical-align: super;
}
.shelter-page-2024 .header-section .photo-overlay .supporting-shelter span:nth-of-type(3), .shelter-page-2024 .header-section .photo-overlay .supporting-shelter table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price]:nth-of-type(3), table#cart-detail-dogly tbody#line_items tr .shelter-page-2024 .header-section .photo-overlay .supporting-shelter td[data-hook=cart_item_price]:nth-of-type(3), .shelter-page-2024 .header-section .photo-overlay .supporting-shelter table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total]:nth-of-type(3), table#cart-detail-dogly tbody#line_items tr .shelter-page-2024 .header-section .photo-overlay .supporting-shelter td[data-hook=cart_item_total]:nth-of-type(3) {
  left: -0.5rem;
  position: relative;
}
@media (max-width: 544px) {
  .shelter-page-2024 .header-section .photo-overlay .supporting-shelter {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .shelter-page-2024 .header-section .photo-overlay .supporting-shelter {
    align-self: center;
  }
}
@media (max-width: 768px) {
  .shelter-page-2024 .how-it-works {
    padding: 1rem;
  }
}
.shelter-page-2024 .how-it-works .follows-functional {
  gap: 1.5rem;
}
.shelter-page-2024 .learn-and-shop-section {
  align-items: center;
  color: #333333;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  justify-content: space-around;
  min-height: 500px;
  padding: 2.5vw 15rem;
  position: relative;
}
.shelter-page-2024 .learn-and-shop-section h2, .shelter-page-2024 .learn-and-shop-section .h2 {
  color: #333333;
  text-align: center;
}
.shelter-page-2024 .learn-and-shop-section p {
  color: #333333;
  font-size: 1.1rem;
  text-align: center;
}
.shelter-page-2024 .learn-and-shop-section .btn-green {
  border-radius: 15px;
  cursor: pointer;
  font-size: 1.1rem;
  width: 25vw;
}
@media (max-width: 768px) {
  .shelter-page-2024 .learn-and-shop-section .btn-green {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 768px) {
  .shelter-page-2024 .learn-and-shop-section {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    min-height: 500px;
    max-height: 600px;
    padding: 1.25rem 1rem;
  }
}
.shelter-page-2024 .more-section {
  margin: 0rem auto 5vmax auto;
  width: calc(100vw - 10vmax);
}
.shelter-page-2024 .more-section a:focus, .shelter-page-2024 .more-section a:focus-visible, .shelter-page-2024 .more-section a:hover {
  color: #b5d013;
  outline: none;
  text-decoration: underline;
  text-decoration-color: #b5d013;
}
.shelter-page-2024 .more-section h1, .shelter-page-2024 .more-section .h1 {
  margin: 0rem 0rem 1rem 0rem;
}
.shelter-page-2024 .more-section h3, .shelter-page-2024 .more-section .h3 {
  font-size: 1rem;
  text-align: center;
}
.shelter-page-2024 .more-section .slick-slide {
  max-width: 150px;
}

.support-portal, .admin-shelter, .admin-forms {
  margin: 2.5rem 0rem;
}
.support-portal .form-control:focus, .support-portal .form-control:hover, .admin-shelter .form-control:focus, .admin-shelter .form-control:hover, .admin-forms .form-control:focus, .admin-forms .form-control:hover {
  color: #495057;
  background-color: #fff;
  border-color: #ef6f37;
  outline: 0;
  box-shadow: 0 0 0 0.2rem #ef6f37;
}
.support-portal .btn-lg, .support-portal .btn-group-lg > .btn, .admin-shelter .btn-lg, .admin-shelter .btn-group-lg > .btn, .admin-forms .btn-lg, .admin-forms .btn-group-lg > .btn {
  font-size: 1.25rem;
}
.support-portal .btn-active:focus, .admin-shelter .btn-active:focus, .admin-forms .btn-active:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem #ef6f37;
}
.support-portal .btn-inactive:focus, .support-portal .btn-inactive:hover, .admin-shelter .btn-inactive:focus, .admin-shelter .btn-inactive:hover, .admin-forms .btn-inactive:focus, .admin-forms .btn-inactive:hover {
  color: #ef6f37;
  outline: 0;
  box-shadow: 0 0 0 0.2rem #ef6f37;
}
.support-portal .btn-link, .admin-shelter .btn-link, .admin-forms .btn-link {
  box-shadow: none;
  color: #ef6f37;
}
.support-portal .dog-card .upload-thumbnail-image, .admin-shelter .dog-card .upload-thumbnail-image, .admin-forms .dog-card .upload-thumbnail-image {
  max-width: 800px;
  width: unset;
}
.support-portal .scroll-controls, .admin-shelter .scroll-controls, .admin-forms .scroll-controls {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.support-portal .scroll-controls button, .admin-shelter .scroll-controls button, .admin-forms .scroll-controls button {
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.support-portal .dogs-container, .admin-shelter .dogs-container, .admin-forms .dogs-container {
  -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
  scrollbar-width: none; /* Hide scrollbar for Firefox */
}
.support-portal .dogs-container::-webkit-scrollbar, .admin-shelter .dogs-container::-webkit-scrollbar, .admin-forms .dogs-container::-webkit-scrollbar {
  display: none; /* Hide scrollbar for Chrome, Safari and Opera */
}

.support-submissions {
  padding: 0rem;
}
.support-submissions .btn-green {
  padding: 0.25rem 0.5rem;
}

.admin-forms .card-input-group, .admin-shelter .card-input-group {
  margin: 0rem 0rem 1rem;
}
.admin-forms .form-group, .admin-shelter .form-group {
  margin: 0rem;
}
.admin-forms .control-label, .admin-forms .form-label, .admin-shelter .control-label, .admin-shelter .form-label {
  margin: 0rem;
}
.admin-forms .image-field, .admin-shelter .image-field {
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}

#tag-matcher-sandbox, .admin-forms {
  margin: 0rem 0rem 5rem;
}
#tag-matcher-sandbox .badge, .admin-forms .badge {
  padding: 0.25rem 0.5rem;
}
#tag-matcher-sandbox .badge-info, .admin-forms .badge-info {
  background-color: rgba(254, 220, 61, 0.4);
  color: #333333;
}
#tag-matcher-sandbox .btn-group, .admin-forms .btn-group {
  gap: 1rem;
}
#tag-matcher-sandbox .btn-group .btn, .admin-forms .btn-group .btn {
  border-radius: 5px !important;
  font-size: 1rem;
}

p.four-columns { /* Chrome, Safari, Opera */
  -moz-column-count: 4; /* Firefox */
  column-count: 4; /* Chrome, Safari, Opera */
  -moz-column-gap: 20px; /* Firefox */
  column-gap: 20px;
  -moz-column-rule-color: #ccc;
       column-rule-color: #ccc; /* Optional */
  -moz-column-rule-style: solid;
       column-rule-style: solid; /* Optional */
  -moz-column-rule-width: 1px;
       column-rule-width: 1px; /* Optional */
  text-align: justify; /* Optional */
}

p.three-columns { /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-gap: 20px; /* Firefox */
  column-gap: 20px;
  -moz-column-rule-color: #ccc;
       column-rule-color: #ccc; /* Optional */
  -moz-column-rule-style: solid;
       column-rule-style: solid; /* Optional */
  -moz-column-rule-width: 1px;
       column-rule-width: 1px; /* Optional */
  text-align: justify; /* Optional */
}

.two-columns { /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-gap: 30px; /* Firefox */
  column-gap: 30px;
  -moz-column-rule-color: #ccc;
       column-rule-color: #ccc; /* Optional */
  -moz-column-rule-style: solid;
       column-rule-style: solid; /* Optional */
  -moz-column-rule-width: 0px;
       column-rule-width: 0px; /* Optional */
  text-align: left; /* Optional */
}
@media (max-width: 768px) {
  .two-columns { /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff slick-url(asset-path("ajax-loader.gif")) center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url(/fonts/slick.eot);
  src: url(/fonts/slick.eot?#iefix) format("embedded-opentype"), url(/fonts/slick.woff) format("woff"), url(/fonts/slick.ttf) format("truetype"), url(/fonts/slick.svg#slick) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.slick-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: black;
  transition: opacity 0.5s ease;
}

.slick-lightbox .slick-loading .slick-list {
  background-color: transparent;
}

.slick-lightbox .slick-prev {
  left: 15px;
}

.slick-lightbox .slick-next {
  right: 15px;
}

.slick-lightbox-hide {
  opacity: 0;
}

.slick-lightbox-hide.slick-lightbox-ie {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.slick-lightbox-hide-init {
  position: absolute;
  top: -9999px;
  opacity: 0;
}

.slick-lightbox-hide-init.slick-lightbox-ie {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.slick-lightbox-inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slick-lightbox-slick-item {
  text-align: center;
  overflow: hidden;
}

.slick-lightbox-slick-item:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}

.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
  display: block;
  text-align: center;
}

.slick-lightbox-slick-item-inner {
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
  max-height: 90%;
}

.slick-lightbox-slick-img {
  margin: 0 auto;
  display: block;
  max-width: 90%;
  max-height: 90%;
}

.slick-lightbox-slick-caption {
  margin: 10px 0 0;
  color: white;
}

.slick-lightbox-close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  padding: 0;
  border: none;
}

.slick-lightbox-close:focus {
  outline: none;
}

.slick-lightbox-close:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.85;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "×";
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp * {
  box-sizing: border-box;
}
.pswp img {
  max-width: none;
}

.pdp-show-page .pswp {
  height: unset;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

  Contents:

  1. Buttons
  2. Share modal and links
  3. Index indicator ("1 of X" counter)
  4. Caption
  5. Loading indicator
  6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

  1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(/assets/default-skin-da0d39006180801b522b3f8c52372d9a30bf9b8436ae6365964387d63a1c1c92.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(/assets/default-skin-f0c54371092ad8637f01b184b59f88b4dd5734095f7d74177141dd8d46f3c6b9.svg);
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}
.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
  Arrow buttons hit area
  (icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

  2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translateY(6px);
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}
.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

a.pswp__share--download:hover {
  background: #DDD;
}

/*

  3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

/*

  4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small, .pswp__caption .small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*

  5. Loading indicator (preloader)

  You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(/assets/preloader-bf53509f32991c52bbd97a8de22f6d74eba2cdbd488093e41663a72cf3c797c5.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
  /*
    The idea of animating inner circle is based on Polymer ("material") loading indicator
     by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
  */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
@keyframes clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}
/*

  6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
  pswp__ui--hidden class is added when controls are hidden
  e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.filestack-field-wrapper {
  margin-bottom: 1.5rem;
}

.filestack-preview {
  margin: 10px 0;
  min-height: 50px;
}

.filestack-preview-image {
  max-width: 100%;
  max-height: 200px;
  display: block;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  padding: 4px;
}

.filestack-multiple-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.filestack-multiple-preview .filestack-preview-image {
  max-width: 150px;
  max-height: 150px;
}

/*
 * Consolidated Spree/Solidus Styles
 * 
 * This file contains all styles from vendor/assets/stylesheets/spree that
 * have been consolidated into a single file for easier maintenance.
 * 
 * Original sources:
 * - vendor/assets/stylesheets/spree/backend/overrides/select_fixes.scss
 * - Various Spree cart and checkout styles
 */
/* Cart & Checkout Styles
-------------------------------------------------- */
.cart-total {
  background: #d9d9db;
  padding-top: 20px;
}

table tbody tr td, table tfoot tr td {
  padding: 20px 10px 10px 10px;
}

.checkout {
  width: auto;
  box-shadow: 0px 0px 0px 1px white inset;
  border: 5px solid #b5d013;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 700;
}
.checkout:hover, .checkout:focus, .checkout:active {
  background-color: rgb(120.0022026432, 137.9030837004, 12.5969162996);
  border: 5px solid rgb(120.0022026432, 137.9030837004, 12.5969162996);
  color: white;
}

.primary {
  width: 220px !important;
  margin: auto;
  border: none;
  background-color: #eaebec;
  color: #494949;
  font-weight: 700;
  font-size: 14px;
  height: 60px;
  margin-left: 16px;
}
.primary:hover, .primary:focus, .primary:active {
  color: #494949;
  background-color: #eaebec;
  border: none;
}

@media (max-width: 767px) {
  .primary {
    display: block;
    margin: auto;
    margin-top: 12px;
  }
  .primary:last-of-type {
    margin-bottom: 36px;
  }
  #empty-cart {
    text-align: center;
  }
  #update-cart #subtotal,
  #update-cart .links {
    width: 100%;
  }
}
#order_coupon_code {
  height: 44px;
  width: 120px;
  text-align: center;
}

input[type=submit],
input[type=button],
input[type=reset],
button,
a.button,
#checkout-link {
  width: auto;
  background-color: #b5d013;
  color: white;
  font-weight: 700;
}
input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active,
input[type=button]:hover,
input[type=button]:focus,
input[type=button]:active,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=reset]:active,
button:hover,
button:focus,
button:active,
a.button:hover,
a.button:focus,
a.button:active,
#checkout-link:hover,
#checkout-link:focus,
#checkout-link:active {
  background-color: rgb(120.0022026432, 137.9030837004, 12.5969162996);
  color: white;
}

span.price, table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total],
#checkout-summary table tr[data-hook=item_total] td:last-child strong,
#checkout-summary table #summary-order-total,
#order_details td.price span,
#order_details table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price] span,
table#cart-detail-dogly tbody#line_items tr #order_details td[data-hook=cart_item_price] span,
#order_details table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total] span,
table#cart-detail-dogly tbody#line_items tr #order_details td[data-hook=cart_item_total] span,
#order_details td.total span,
#order_summary td.price span,
#order_summary table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price] span,
table#cart-detail-dogly tbody#line_items tr #order_summary td[data-hook=cart_item_price] span,
#order_summary table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total] span,
table#cart-detail-dogly tbody#line_items tr #order_summary td[data-hook=cart_item_total] span,
#order_summary td.total span,
table#cart-detail tbody#line_items tr td[data-hook=cart_item_price],
table#cart-detail tbody#line_items tr td[data-hook=cart_item_total],
div[data-hook=inside_cart_form] #subtotal span.order-total {
  color: #333333;
}

#line-items {
  width: 100%;
}

.progress-steps li.current-first,
.progress-steps li.current {
  background-color: #b5d013;
}

.continue {
  margin-top: 20px;
  font-weight: 600;
  text-decoration: underline;
  font-size: 14px;
  color: rgb(78, 78, 78);
  letter-spacing: 0.5px;
}

.progress-steps {
  margin-top: 100px;
}

#order_email {
  width: 340px;
}

.field {
  margin-bottom: 0.1em;
}

#billing, #shipping, #shipping_method, #payment, #order_summary {
  padding: 40px;
}

#billing, #shipping {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 810px;
}
#billing .address-header, #shipping .address-header {
  min-height: 24px;
}

#billing legend,
#shipping legend,
#shipping_method legend,
#payment legend,
#order_details legend,
#order_summary legend {
  width: 50%;
  color: black;
}

.progress-steps li.completed-first:hover,
.progress-steps li.completed:hover {
  background-color: #d9d9db;
}

div[data-hook=order-bill-address] {
  margin-bottom: 20px;
}

#order_details .steps-data div.columns:first-child,
#order_summary .steps-data div.columns:first-child {
  margin: 0;
  margin-bottom: 30px;
}

#order_details .steps-data div.columns,
#order_summary .steps-data div.columns {
  margin: 0;
  margin-bottom: 30px;
}

#shipping_method .stock-location {
  background-color: #b5d013;
}

#shipping_method .shipping-methods .shipping-method label .rate-cost {
  color: #999999;
}

.flash.notice {
  display: none;
  background-color: #b5d013;
}

.dogly-tab img {
  margin-top: 0;
}

.link-section a {
  color: #404042;
}

/* Cart-specific Button Styles
-------------------------------------------------- */
.cart-primary {
  width: 175px !important;
  margin: auto;
  border: none;
  background-color: #eaebec;
  color: #494949;
  font-weight: 700;
  font-size: 14px;
  height: 60px;
  margin-left: 16px;
}
.cart-primary:hover, .cart-primary:focus, .cart-primary:active {
  color: #494949;
  background-color: #eaebec;
  border: none;
}

@media (max-width: 767px) {
  .cart-primary {
    display: block;
    margin: auto;
    margin-top: 12px;
  }
  .cart-primary:last-of-type {
    margin-bottom: 36px;
  }
}
.cart-checkout {
  width: auto;
  border: none;
  font-weight: 700;
}
.cart-checkout:hover, .cart-checkout:focus, .cart-checkout:active {
  background-color: rgb(120.0022026432, 137.9030837004, 12.5969162996);
  border: none;
  color: white;
}

.cart-continue {
  margin-top: 20px;
  font-weight: 600;
  text-decoration: underline;
  font-size: 14px;
  color: rgb(78, 78, 78);
}

table#cart-detail tbody tr td[data-hook=cart_item_description], table#cart-detail tbody tr td[data-hook=order_item_description], table[data-hook=order_details] tbody tr td[data-hook=cart_item_description], table[data-hook=order_details] tbody tr td[data-hook=order_item_description] {
  text-indent: none;
}

.cart-item-description {
  text-indent: none;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  .progress-steps li {
    padding: 0;
    margin: 0;
    width: 50%;
  }
  .progress-steps li span, .progress-steps li table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .progress-steps li td[data-hook=cart_item_price], .progress-steps li table#cart-detail-dogly tbody#line_items tr td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .progress-steps li td[data-hook=cart_item_total] {
    display: block;
    padding: 10px 20px;
  }
  #shipping_method p label {
    float: none;
    display: block;
    text-align: center;
    margin-right: 0;
  }
  p[data-hook=use_billing] {
    float: none;
    margin-top: 0;
  }
  table#cart-detail tbody tr td[data-hook=cart_item_description], table#cart-detail tbody tr td[data-hook=order_item_description], table[data-hook=order_details] tbody tr td[data-hook=cart_item_description], table[data-hook=order_details] tbody tr td[data-hook=order_item_description] {
    padding: 0 !important;
    text-indent: 0px;
    font-size: 12px;
    position: relative;
    left: -10px;
  }
  table#cart-detail tbody tr td[data-hook=cart_item_description] h4, table#cart-detail tbody tr td[data-hook=cart_item_description] .h4, table#cart-detail tbody tr td[data-hook=order_item_description] h4, table#cart-detail tbody tr td[data-hook=order_item_description] .h4, table[data-hook=order_details] tbody tr td[data-hook=cart_item_description] h4, table[data-hook=order_details] tbody tr td[data-hook=cart_item_description] .h4, table[data-hook=order_details] tbody tr td[data-hook=order_item_description] h4, table[data-hook=order_details] tbody tr td[data-hook=order_item_description] .h4 {
    display: inline;
    font-size: 14px;
  }
  table#cart-detail tbody tr td[data-hook=cart_item_image] img, table#cart-detail tbody tr td[data-hook=order_item_image] img, table[data-hook=order_details] tbody tr td[data-hook=cart_item_image] img, table[data-hook=order_details] tbody tr td[data-hook=order_item_image] img {
    width: 70px;
  }
}
@media (max-width: 768px) {
  .cart-item-image img {
    display: none;
  }
}
.tagify {
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border: 1px solid #DDD;
  padding: 0;
  cursor: text;
  position: relative;
  transition: 0.1s;
}
@keyframes tags--bump {
  30% {
    transform: scale(1.2);
  }
}
.tagify:hover {
  border-color: #CCC;
}
.tagify.tagify--focus {
  border-color: #85C8EA;
}
.tagify[readonly] {
  cursor: default;
}
.tagify[readonly] > .tagify__input {
  visibility: hidden;
  width: 0;
  margin: 5px 0;
}
.tagify[readonly] x {
  display: none;
}
.tagify[readonly] tag > div {
  padding: 0.3em 0.5em;
}
.tagify[readonly] tag > div::before {
  background: linear-gradient(45deg, rgb(213.7, 213.7, 213.7) 25%, transparent 25%, transparent 50%, rgb(213.7, 213.7, 213.7) 50%, rgb(213.7, 213.7, 213.7) 75%, transparent 75%, transparent) 0/5px 5px;
  box-shadow: none;
}
.tagify + input,
.tagify + textarea {
  border: 0;
  display: none;
}
.tagify tag {
  display: inline-block;
  margin: 5px 0 5px 5px;
  position: relative;
  z-index: 1;
  cursor: default;
  transition: 0.13s ease-out;
}
.tagify tag.tagify--editable > div::before {
  box-shadow: 0 0 0 2px #D3E2E2 inset !important;
}
.tagify tag.tagify--editable.tagify--invalid > div::before {
  box-shadow: 0 0 0 2px #D39494 inset !important;
}
.tagify tag > div {
  vertical-align: top;
  position: relative;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0.3em 0.5em;
  color: black;
  border-radius: 3px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: 0.13s ease-out;
  padding-right: 1.5em;
}
.tagify tag > div > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
}
.tagify tag > div > *[contenteditable] {
  outline: none;
}
.tagify tag > div::before {
  content: "";
  position: absolute;
  border-radius: inherit;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 0 0 16px #E5E5E5 inset;
  z-index: -1;
  pointer-events: none;
  transition: 120ms ease;
  animation: 0.3s tags--bump 1 ease-out;
}
.tagify tag:hover:not([readonly]) div::before {
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  box-shadow: 0 0 0 16px #D3E2E2 inset;
}
.tagify tag.tagify--noAnim {
  animation: none;
}
.tagify tag.tagify--hide {
  width: 0 !important;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  opacity: 0;
  transform: scale(0);
  transition: 0.3s;
  pointer-events: none;
}
.tagify tag.tagify--mark div::before {
  animation: none;
}
.tagify tag.tagify--notAllowed div > span, .tagify tag.tagify--notAllowed table#cart-detail-dogly tbody#line_items tr div > td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .tagify tag.tagify--notAllowed div > td[data-hook=cart_item_price], .tagify tag.tagify--notAllowed table#cart-detail-dogly tbody#line_items tr div > td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .tagify tag.tagify--notAllowed div > td[data-hook=cart_item_total] {
  opacity: 0.5;
}
.tagify tag.tagify--notAllowed div::before {
  box-shadow: 0 0 0 20px rgba(211, 148, 148, 0.44) inset !important;
  transition: 0.2s;
}
.tagify tag[readonly] x {
  display: none;
}
.tagify tag[readonly] > div {
  padding: 0.3em 0.5em;
}
.tagify tag[readonly] > div::before {
  background: linear-gradient(45deg, rgb(213.7, 213.7, 213.7) 25%, transparent 25%, transparent 50%, rgb(213.7, 213.7, 213.7) 50%, rgb(213.7, 213.7, 213.7) 75%, transparent 75%, transparent) 0/5px 5px;
  box-shadow: none;
}
.tagify tag x {
  font: 14px / 16px Serif;
  width: 14px;
  height: 14px;
  text-align: center;
  border-radius: 50px;
  position: absolute;
  z-index: 1;
  right: calc(0.5em - 2px);
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
  transition: 0.2s ease-out;
}
.tagify tag x::after {
  content: "×";
}
.tagify tag x:hover {
  color: white;
  background: rgb(199.1112582781, 119.0887417219, 119.0887417219);
}
.tagify tag x:hover + div > span, .tagify tag table#cart-detail-dogly tbody#line_items tr x:hover + div > td[data-hook=cart_item_price], table#cart-detail-dogly tbody#line_items tr .tagify tag x:hover + div > td[data-hook=cart_item_price], .tagify tag table#cart-detail-dogly tbody#line_items tr x:hover + div > td[data-hook=cart_item_total], table#cart-detail-dogly tbody#line_items tr .tagify tag x:hover + div > td[data-hook=cart_item_total] {
  opacity: 0.5;
}
.tagify tag x:hover + div::before {
  box-shadow: 0 0 0 20px rgba(211, 148, 148, 0.3) inset !important;
  transition: 0.2s;
}
.tagify__input {
  min-width: 110px;
  margin: 5px;
  padding: 0.3em 0.5em;
  position: relative;
}
.tagify__input:empty::before {
  transition: 0.2s ease-out;
  opacity: 0.5;
  transform: none;
}
.tagify__input:focus {
  outline: none;
}
.tagify__input:focus::before {
  transition: 0.2s ease-out;
  opacity: 0;
  transform: translatex(6px);
}
@supports (-moz-appearance: none) {
  .tagify__input:focus::before {
    display: none;
  }
}
.tagify__input:focus:empty::before {
  transition: 0.2s ease-out;
  opacity: 0.3;
  transform: none;
}
@supports (-moz-appearance: none) {
  .tagify__input:focus:empty::before {
    display: inline-block;
  }
}
.tagify__input::before {
  content: attr(data-placeholder);
  line-height: 1.8;
  position: absolute;
  top: 0;
  z-index: 1;
  color: black;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
}
@supports (-moz-appearance: none) {
  .tagify__input::before {
    line-height: inherit;
    position: relative;
  }
}
.tagify__input::after {
  content: attr(data-suggest);
  color: black;
  opacity: 0.3;
  pointer-events: none;
}
.tagify__input tag {
  margin: 0 2.5px;
}
.tagify__input tag > div {
  padding-top: 0;
  padding-bottom: 0;
}
.tagify__input tag > div::before {
  top: -3px;
  bottom: -3px;
}
.tagify__input tag:hover:not([readonly]) > div::before {
  top: -3px;
  bottom: -3px;
  left: 0;
  right: 0;
}
.tagify--mix .tagify__input {
  padding: 5px;
  margin: 0;
  width: 100%;
  height: 100%;
}
.tagify__dropdown {
  position: absolute;
  z-index: 999;
  background: white;
  max-height: 300px;
  overflow: auto;
  border: 1px solid #85C8EA;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
.tagify__dropdown__item {
  box-sizing: inherit;
  padding: 0.35em 0.6em;
  margin: 2px;
  cursor: pointer;
  border-radius: 3px;
  position: relative;
}
.tagify__dropdown__item--active {
  background: #E5E5E5;
}
.tagify__dropdown__item:active {
  background: rgb(241.75, 241.75, 241.75);
}

/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-editor > * {
  cursor: text;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor .h1,
.ql-editor h2,
.ql-editor .h2,
.ql-editor h3,
.ql-editor .h3,
.ql-editor h4,
.ql-editor .h4,
.ql-editor h5,
.ql-editor .h5,
.ql-editor h6,
.ql-editor .h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}

.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}

.ql-editor ul > li::before {
  content: "•";
}

.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}

.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before {
  content: "☑";
}

.ql-editor ul[data-checked=false] > li::before {
  content: "☐";
}

.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}

.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}

.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}

.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}

.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

.ql-editor .ql-align-center {
  text-align: center;
}

.ql-editor .ql-align-justify {
  text-align: justify;
}

.ql-editor .ql-align-right {
  text-align: right;
}

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}

@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}

.ql-snow * {
  box-sizing: border-box;
}

.ql-snow .ql-hidden {
  display: none;
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}

.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}

.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}

.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}

.ql-snow .ql-empty {
  fill: none;
}

.ql-snow .ql-even {
  fill-rule: evenodd;
}

.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}

.ql-snow .ql-transparent {
  opacity: 0.4;
}

.ql-snow .ql-direction svg:last-child {
  display: none;
}

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}

.ql-snow .ql-editor h1, .ql-snow .ql-editor .h1 {
  font-size: 2em;
}

.ql-snow .ql-editor h2, .ql-snow .ql-editor .h2 {
  font-size: 1.5em;
}

.ql-snow .ql-editor h3, .ql-snow .ql-editor .h3 {
  font-size: 1.17em;
}

.ql-snow .ql-editor h4, .ql-snow .ql-editor .h4 {
  font-size: 1em;
}

.ql-snow .ql-editor h5, .ql-snow .ql-editor .h5 {
  font-size: 0.83em;
}

.ql-snow .ql-editor h6, .ql-snow .ql-editor .h6 {
  font-size: 0.67em;
}

.ql-snow .ql-editor a {
  text-decoration: underline;
}

.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}

.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}

.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}

.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}

.ql-snow .ql-editor img {
  max-width: 100%;
}

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}

.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}

.ql-snow .ql-picker.ql-header {
  width: 98px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}

.ql-snow .ql-picker.ql-font {
  width: 108px;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}

.ql-snow .ql-picker.ql-size {
  width: 98px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}

.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 8px;
}

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}

.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}

.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  margin: 0px;
  padding: 3px 5px;
  width: 200px;
}

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}

.ql-snow .ql-tooltip a {
  line-height: 26px;
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: "Save";
  padding-right: 0px;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}

.ql-snow a {
  color: #06c;
}

.ql-container.ql-snow {
  border: 1px solid #ccc;
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
}

.flex-row {
  display: flex;
  margin: 1rem;
}

.flex-end {
  justify-self: flex-end;
}

.icon-caret {
  fill: #767676;
}

.icon-cart .fa-secondary {
  fill: #ccc;
}
.icon-cart .fa-primary {
  fill: #6d6e71;
}

.icon-account .fa-secondary {
  fill: #ccc;
}
.icon-account .fa-primary {
  fill: #6d6e71;
}

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

.padding-top {
  padding-top: 1rem;
}

.padding-top-double {
  padding-top: 2rem;
}

.padding-bottom-double {
  padding-bottom: 2rem;
}

.padding-bottom-half {
  padding-bottom: 0.5rem;
}

.margin-bottom {
  margin-bottom: 1rem;
}

.margin-top {
  margin-top: 1rem;
}

.margin-bottom-double {
  margin-bottom: 2rem;
}

.margin-bottom-quad {
  margin-bottom: 4rem;
}

.margin-top-double {
  margin-top: 2rem;
}

.margin-none {
  margin: 0;
}

.inset-area {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.hp-name {
  left: -5000px;
  position: absolute;
  z-index: -1;
}

.wrap-text {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.video-container {
  position: relative;
  display: block;
  max-width: 100%;
  padding: 0;
  overflow: hidden;
}
.video-container iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 992px) {
  .video-container {
    padding-bottom: 56.25%;
  }
}