@charset "UTF-8";
/*
Theme Name: MD Holy Grail theme
Theme URI: 
Author: Damián Fraustro
Author URI: https://fraustro-design.com
Description: Customizable Base Theme for WordPress, developed by the MaukaDigital.com Marketing agency.
Version: 3.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: bootstrap, font-awesome, swiperJS, custom-colors, custom-fonts
Text Domain: holygrail
*/
/* == Base == */
/* = Elements = */
body {
  font-family: var(--hg-base-font), sans-serif;
  font-size: var(--hg-base-size);
  color: var(--hg-txt);
  font-weight: var(--hg-font-weight);
  line-height: 1.25;
  background: var(--hg-bg-options);
  --hg-outline-white:
      1px 1px 1px white, -1px -1px 1px white, 1px -1px 1px white,
      -1px 1px 1px white;
  --hg-outline-black:
      1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black,
      -1px 1px 1px black;
}

h1,
h2,
h3,
h4,
h5 {
  line-height: 1;
  text-align: center;
  font-weight: var(--hg-header-weight);
}

h1,
h2,
h3,
h4 {
  font-family: var(--hg-header-font), sans-serif;
  text-transform: var(--hg-header-case);
  text-wrap: balance;
}

h1 {
  margin: 1em 0;
  font-size: calc(var(--hg-header-size) * 1em);
  color: var(--hg-dark-accent);
}
@media (width <= 768px) {
  h1 {
    font-size: calc(var(--hg-header-size) * 0.75em);
  }
}

h2 {
  font-size: calc(var(--hg-header-size) * 0.8em);
  color: var(--hg-secondary);
  margin-top: 0;
  margin-bottom: 2em;
}
@media (width <= 992px) {
  h2 {
    margin-bottom: 1em;
  }
}

* + h2 {
  margin-block: 1.5em 0.75em;
}

h3,
h4 {
  margin-top: 1em;
  margin-bottom: 0;
}
h3:first-child,
h4:first-child {
  margin-top: 0;
}

h3 {
  font-size: calc(var(--hg-header-size) * 0.7em);
  color: var(--hg-dark-accent);
}

h4 {
  font-size: calc(var(--hg-header-size) * 0.6em);
}

h5 {
  font-size: calc(var(--hg-header-size) * 0.5em);
}

p {
  margin-top: 1em;
  margin-bottom: 0;
}
p:first-child {
  margin-top: 0;
}

a {
  color: var(--hg-primary);
  text-decoration: none;
  font-weight: 700;
}
a:hover {
  color: var(--hg-secondary);
}

img {
  display: inline-block;
  max-width: 100%;
}

ol,
ul {
  padding-left: 1em;
}

/* == Components == */
/* = Accordions = */
.accordion-button {
  color: var(--hg-primary);
}
.accordion-button::after {
  font-family: "Font Awesome 7 Free";
  content: "\f078";
  background-image: none;
  height: auto;
  width: auto;
}
.accordion-button:focus {
  box-shadow: 0 0 0 1px var(--hg-primary);
}
.accordion-button:not(.collapsed) {
  color: var(--hg-dark-accent);
  background-color: var(--hg-light-accent);
}
.accordion-button:not(.collapsed)::after {
  content: "\f078";
  background-image: none;
}

/* = Borders = */
.border-primary {
  border-color: var(--hg-primary) !important;
}
.border-secondary {
  border-color: var(--hg-secondary) !important;
}
.border-dark {
  border-color: var(--hg-dark-accent) !important;
}
.border-light {
  border-color: var(--hg-light-accent) !important;
}

.white-outline {
  text-shadow: var(--hg-outline-white);
}
.white-outline path {
  stroke: white;
  stroke-linecap: round;
  stroke-width: 32;
}

.black-outline {
  text-shadow: var(--hg-outline-black);
}
.black-outline path {
  stroke: black;
  stroke-linecap: round;
  stroke-width: 32;
}

/* = Breadcrumbs = */
.breadcrumbs ul {
  list-style: none;
  display: inline-flex;
  margin: 0;
  padding: 0;
}
.breadcrumbs .separator {
  margin: 0 0.5rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
}

.page-header:has(.page-gradient, .page-parallax-hero) .breadcrumbs,
.page-header:has(.page-gradient, .page-parallax-hero) .breadcrumbs a,
.page-header:has(.page-gradient, .page-parallax-hero) .breadcrumbs .separator {
  font-weight: normal;
  color: var(--hg-bg-color);
}
.page-header .breadcrumbs a:hover {
  color: var(--hg-light-accent);
}

/* = Buttons = */
.btn {
  --bs-btn-disabled-color: #fff !important;
  --bs-btn-disabled-border-color: #6c757d !important;
  --bs-btn-disabled-bg: #6c757d !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  border-radius: 0.25rem;
  padding: 0.5rem 1.25rem;
  font-size: 1em;
  border-width: 2px;
}
.btn:hover {
  background-color: rgb(var(--hg-bg-color-rgb)/0.66);
}
.btn-sm {
  padding: 0.25rem 0.5rem;
}
.btn-lg {
  padding: 0.75rem 1.75rem;
  font-size: 1.25em;
}
@media (width <= 992px) {
  .btn-lg {
    padding: 0.5rem 1.25rem;
  }
}
@media (width <= 768px) {
  .btn-lg {
    padding: 0.25rem 0.75rem;
    font-size: 1em;
  }
}
.btn-square {
  border-radius: 0;
}
.btn-pill {
  border-radius: 100vmax;
}
.btn-none {
  border: none;
  background: transparent;
}
.btn-cta {
  color: var(--hg-bg-color);
  height: 58px;
  border-radius: 29px;
  border: 2px solid currentColor;
  padding: 0 2rem;
}
.btn-cta:hover {
  color: var(--hg-bg-color);
  background-color: rgb(var(--hg-dark-accent-rgb)/0.8);
  border: none;
}
.btn-primary {
  background-color: var(--hg-primary);
  border-color: var(--hg-primary);
  color: var(--hg-bg-color);
}
.btn-primary:hover {
  border-color: var(--hg-primary);
  color: var(--hg-primary);
}
.btn-primary:active, .btn-primary:focus {
  background-color: rgb(var(--hg-primary-rgb)/0.5);
  border-color: var(--hg-primary);
}
.btn-primary.btn-textured:hover {
  background-color: color-mix(in srgb, rgb(var(--hg-primary-rgb)) 80%, white);
}
.btn-secondary {
  background-color: var(--hg-secondary);
  border-color: var(--hg-secondary);
  color: var(--hg-bg-color);
}
.btn-secondary:hover {
  border-color: var(--hg-secondary);
  color: var(--hg-secondary);
}
.btn-secondary:active, .btn-secondary:focus {
  background-color: rgb(var(--hg-secondary-rgb)/0.8);
  border-color: var(--hg-secondary);
}
.btn-secondary.btn-textured:hover {
  background-color: color-mix(in srgb, rgb(var(--hg-secondary-rgb)) 80%, white);
}
.btn-dark {
  background-color: var(--hg-dark-accent) !important;
  border-color: var(--hg-dark-accent);
  color: var(--hg-bg-color) !important;
}
.btn-dark:hover, .btn-dark:active, .btn-dark:focus {
  background-color: rgb(var(--hg-dark-accent-rgb)/0.8) !important;
  border-color: var(--hg-dark-accent);
}
.btn-dark.btn-textured:hover {
  background-color: color-mix(in srgb, rgb(var(--hg-dark-accent-rgb)) 80%, white);
}
.btn-light {
  background-color: var(--hg-light-accent);
  border-color: var(--hg-light-accent);
  color: var(--hg-dark-accent);
}
.btn-light:hover {
  border-color: var(--hg-light-accent);
  color: var(--hg-dark-accent);
}
.btn-light:active, .btn-light:focus {
  background-color: rgb(var(--hg-light-accent-rgb)/0.8);
  border-color: var(--hg-alt-bg);
}
.btn-light.btn-textured {
  color: white;
}
.btn-light.btn-textured:hover {
  background-color: color-mix(in srgb, rgb(var(--hg-light-accent-rgb)) 80%, white);
}
.btn-grad {
  display: inline-flex;
  text-align: center;
  position: relative;
  justify-content: center;
  align-items: center;
  font-weight: 900;
  border-radius: calc(0.75rem + 1px);
  z-index: 9;
  border: none;
}
.btn-grad::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0.75rem;
  border: 3px solid transparent;
  background: linear-gradient(180deg, var(--hg-secondary), var(--hg-light-accent)) border-box;
  mask: linear-gradient(var(--hg-bg-color) 0 0) padding-box, linear-gradient(var(--hg-bg-color) 0 0);
  -webkit-mask: linear-gradient(var(--hg-bg-color) 0 0) padding-box, linear-gradient(var(--hg-bg-color) 0 0);
  mask-composite: destination-out;
  -webkit-mask-composite: destination-out;
}
.btn-grad:hover::before {
  background: linear-gradient(0deg, var(--hg-secondary), var(--hg-light-accent)) border-box;
  mask: linear-gradient(var(--hg-bg-color) 0 0) padding-box, linear-gradient(var(--hg-bg-color) 0 0);
  -webkit-mask: linear-gradient(var(--hg-bg-color) 0 0) padding-box, linear-gradient(var(--hg-bg-color) 0 0);
  mask-composite: destination-out;
  -webkit-mask-composite: destination-out;
}
.btn-grad.btn-sm::before {
  border-radius: 0.5rem;
}
.btn-textured {
  position: relative;
  line-height: 1;
  text-shadow: none;
  padding-block: 1em;
  border-radius: 0.5rem;
  border-width: 0px;
  overflow: hidden;
  z-index: 0;
}
@media (width <= 768px) {
  .btn-textured {
    padding-block: 0.75em;
  }
}
@media (width <= 576px) {
  .btn-textured {
    padding-block: 0.5em;
  }
}
.btn-textured:hover {
  color: var(--hg-bg-color);
}
.btn-textured::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.4;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: var(--hg-btn-bg-img);
}

.scrollToTop {
  position: fixed;
  right: 1.5rem;
  bottom: 0.875rem;
  text-align: center;
  font-size: 3.5rem;
  z-index: 99;
  animation-fill-mode: forwards !important;
}
.scrollToTop.fadeInAnimate {
  animation: fadeIn 2s;
}
.scrollToTop.fadeOutAnimate {
  animation: fadeOut 2s;
}
.scrollToTop:hover {
  color: var(--hg-light-accent);
}
.scrollToTop svg {
  filter: drop-shadow(0px 0px 2px var(--hg-dark-accent));
}
@media (width <= 768px) {
  .scrollToTop {
    right: 1rem;
    bottom: calc(1rem - 5px);
    font-size: 2.5rem;
  }
}

.tip {
  cursor: help !important;
}

.know-more-hide[aria-expanded=true] {
  display: none;
}

/* = Containers = */
.w-33 {
  width: 33.3333333333% !important;
}

@media (width >= 768px) {
  .w-md-33 {
    width: 33.3333333333% !important;
  }
}
@media (width >= 1400px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: var(--hg-container-width);
  }
}
.bg-primary {
  background-color: rgb(var(--hg-primary-rgb)/var(--bs-bg-opacity)) !important;
}
.bg-primary a {
  color: var(--hg-light-accent);
}
.bg-secondary {
  background-color: rgb(var(--hg-secondary-rgb)/var(--bs-bg-opacity)) !important;
}
.bg-dark {
  background-color: rgb(var(--hg-dark-accent-rgb)/var(--bs-bg-opacity)) !important;
  color: var(--hg-bg-color);
}
.bg-light {
  background-color: rgb(var(--hg-light-accent-rgb)/var(--bs-bg-opacity)) !important;
}
.bg-alt {
  background-color: rgb(var(--hg-alt-bg-rgb)/var(--bs-bg-opacity)) !important;
}
.bg-base {
  background-color: rgb(var(--hg-bg-color-rgb)/var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  background-color: rgb(var(--hg-bg-color-rgb)/0) !important;
}
.bg-opacity-0 {
  --bs-bg-opacity: 0;
}
.bg-opacity-90 {
  --bs-bg-opacity: 0.9;
}
.bg-blur {
  backdrop-filter: blur(0.25rem);
}

.block-alt {
  background-color: rgb(var(--hg-alt-bg-rgb)/0.5);
  padding: 1.5rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.6);
}
.block-alt h3,
.block-alt label {
  color: var(--hg-dark-accent);
}
.block-alt label {
  font-weight: 700;
}
.block-light {
  background-color: var(--hg-light-accent);
  padding: 1.5rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.6);
}
.block-light h3,
.block-light label {
  color: var(--hg-dark-accent);
}
.block-gradient {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--hg-secondary);
  background: rgb(var(--hg-secondary-rgb)/0.15);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgb(var(--hg-secondary-rgb)/0.15) 100%);
  padding: 2rem;
}
.block-gradient:hover {
  border: 1px solid rgb(var(--hg-secondary-rgb)/0.6);
  background: rgb(var(--hg-secondary-rgb)/0.4);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgb(var(--hg-secondary-rgb)/0.4) 100%);
  box-shadow: 0 0.5rem 0.75rem rgba(0, 0, 0, 0.33);
}
.block-gradient h5 {
  color: var(--hg-secondary);
}
.block-rounded {
  border: 1px solid var(--hg-primary);
  border-radius: 1.5rem !important;
}

.ratio::before {
  padding-top: calc(var(--bs-aspect-ratio) - 0.5px);
}
.ratio-2x1 {
  --bs-aspect-ratio: 50%;
}
.ratio-1x2 {
  --bs-aspect-ratio: 200%;
}
.ratio-16x2 {
  --bs-aspect-ratio: calc(2 / 16 * 100%);
}
.ratio-16x3 {
  --bs-aspect-ratio: calc(3 / 16 * 100%);
}
.ratio-16x5 {
  --bs-aspect-ratio: calc(5 / 16 * 100%);
}
.ratio-8x3 {
  --bs-aspect-ratio: calc(3 / 8 * 100%);
}
.ratio-3x4 {
  --bs-aspect-ratio: calc(4 / 3 * 100%);
}
.ratio-4x1 {
  --bs-aspect-ratio: 25%;
}
.ratio-banner {
  --bs-aspect-ratio: calc(3 / 8 * 100%);
}
@media (width <= 992px) {
  .ratio-banner {
    --bs-aspect-ratio: calc(3 / 6 * 100%);
  }
}
@media (width <= 768px) {
  .ratio-banner {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
  }
}

.shadow {
  box-shadow: 0 0.25rem 0.5rem var(--hg-nav-shadow) !important;
}
.shadow-block {
  box-shadow: -0.25rem 0.25rem 0.25rem var(--hg-nav-shadow) !important;
}

.inset-shadow {
  position: relative;
  box-shadow: inset 0 0.5rem 1rem rgb(var(--hg-dark-accent-rgb)/0.4);
}
.inset-shadow::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 -0.5rem 1rem rgb(var(--hg-dark-accent-rgb)/0.4);
  z-index: -1;
}

.black-screen {
  background-color: black !important;
}

.blue-screen {
  background-color: rgb(2, 18, 45) !important;
}

.primary-screen {
  background-color: var(--hg-primary);
}

.secondary-screen {
  background-color: var(--hg-secondary);
}

[class$=-screen] .jarallax-container {
  opacity: 0.57;
}

/* = Forms = */
.form-control, .form-select {
  font-size: 1em;
  padding: 0.75rem 1.25rem;
  background-color: rgb(var(--hg-alt-bg-rgb)/0.25);
  color: var(--hg-dark-accent);
  border: 1px solid transparent;
  box-sizing: border-box;
  margin-bottom: 1rem;
}
.form-control-sm, .form-select-sm {
  padding: 0.25rem 0.5rem;
  margin-bottom: 1rem;
}
.form-control:focus-visible, .form-select:focus-visible {
  background-color: rgb(var(--hg-alt-bg-rgb)/0.5);
  border: 1px solid var(--hg-primary);
  outline: transparent;
  box-shadow: none;
}
.form-control.bg-control, .form-select.bg-control {
  background-color: rgb(var(--hg-bg-color-rgb)/0.8);
}
.form-control.bg-control:focus-visible, .form-select.bg-control:focus-visible {
  background-color: rgb(var(--hg-bg-color-rgb)/1);
  outline: 3px solid var(--hg-primary);
}
.form-label {
  font-weight: 700;
}
.form-label.required:after {
  content: " *";
  color: red;
}
.form-control:hover {
  border: 1px solid var(--hg-primary);
}
.form-control::-moz-placeholder {
  color: rgba(50, 50, 50, 0.5);
}
.form-control::placeholder {
  color: rgba(50, 50, 50, 0.5);
}
.form-floating > label {
  padding: 1rem 1.5rem;
}
.form-check-input:checked {
  background-color: var(--hg-primary);
  border-color: var(--hg-primary);
}
.form-optin input {
  margin-right: 0.5rem;
  height: 1.25rem;
  width: 1.25rem;
}
.form-optin .wpcf7-list-item {
  margin-bottom: 0;
}
.form-optin .wpcf7-list-item label {
  display: flex;
  align-items: center;
}

.dropdown-menu .form-control {
  margin-bottom: 0;
}

.input-group .form-control {
  border: none;
  margin-bottom: 0;
}
.input-group .input-group-text {
  background-color: var(--hg-secondary);
  border-color: var(--hg-secondary);
  color: var(--hg-bg-color);
}

.inline-radio .wpcf7-list-item {
  display: inline-block;
}

.wpcf7-form-control-wrap {
  border-radius: 0.5rem;
  display: block;
}
.wpcf7-list-item {
  display: block;
  margin-bottom: 0.5rem;
}
.wpcf7-list-item-label {
  font-weight: 400;
}
.wpcf7-not-valid-tip {
  margin: 0.5rem 0 0 0.5rem;
  font-style: italic;
  font-weight: 700;
}
.wpcf7 form .wpcf7-response-output {
  margin: 1rem 0 0;
  font-weight: 700;
  text-align: center;
  text-wrap: balance;
  color: black;
}
.wpcf7 form.sent .wpcf7-response-output {
  background-color: palegreen;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  background-color: lemonchiffon;
}
.wpcf7 form.failed .wpcf7-response-output {
  background-color: salmon;
}

.grecaptcha-badge {
  display: none !important;
}

.privacy-disclaimer {
  opacity: 0.5;
  cursor: help;
  text-wrap: balance;
}
.privacy-disclaimer:hover {
  opacity: 1;
}

/* = Hero Banners = */
.page-parallax-hero .jarallax-container {
  opacity: var(--banner-opacity);
}
.page-parallax-hero:has(.banner-dark) {
  background-color: black;
}
.page-parallax-hero:has(.banner-light) {
  background-color: white;
}

.page:not(.home) .page-parallax-hero {
  padding: 10rem 0;
}
@media (width <= 992px) {
  .page:not(.home) .page-parallax-hero {
    padding: 7rem 0;
  }
}
@media (width <= 768px) {
  .page:not(.home) .page-parallax-hero {
    padding: 4rem 0;
  }
}

.top-header-img .page-parallax-hero {
  padding: 0;
}

.page-banner {
  background-position: center;
  background-size: cover;
}
@media (width <= 768px) {
  .page-banner.ratio-4x1 {
    --bs-aspect-ratio: 30%;
  }
}
@media (width <= 576px) {
  .page-banner.ratio-4x1 {
    --bs-aspect-ratio: 40%;
  }
}

/* = Icons = */
.icon-lg {
  font-size: 40px;
}
@media (width <= 768px) {
  .icon-lg {
    font-size: 24px;
  }
}
.icon-md {
  font-size: 1.5rem;
}

.social-icons.round-icons {
  font-size: 2rem;
}
.social-icons.round-icons a {
  justify-content: center;
  align-items: center;
  border-radius: 100vmax;
  width: 2.5rem;
  height: 2.5rem;
}
.social-icons a {
  text-decoration: none !important;
}
.social-icons a:hover .icon {
  color: var(--hg-secondary);
}
.social-icons a:hover .fa-square-facebook,
.social-icons a:hover .fa-facebook-f {
  color: #1877f2;
}
.social-icons a:hover .fa-linkedin,
.social-icons a:hover .fa-linkedin-in {
  color: #0a66c2;
}
.social-icons a:hover .fa-square-youtube,
.social-icons a:hover .fa-youtube {
  color: #f00;
}
.social-icons a:hover .fa-square-instagram,
.social-icons a:hover .fa-instagram {
  color: #c32aa3;
}
.social-icons a:hover .fa-tiktok {
  color: #010101;
}
.social-icons a:hover .fa-square-twitter {
  color: #1da1f2;
}
.social-icons .icon {
  height: 1em;
  width: auto;
}

.bg-primary .social-icons.round-icons a {
  color: var(--hg-primary);
  background-color: var(--hg-bg-color);
}
.bg-dark .social-icons.round-icons a {
  color: var(--hg-dark-accent);
  background-color: var(--hg-light-accent);
}

.social-logos {
  gap: 1.5rem;
}

.fb-social-icon {
  font-size: 3em;
  color: #1877f2;
}

.svg-inline--fa.fa-circle-user {
  vertical-align: 0;
}

/* = Images = */
figure {
  margin: 0;
}

.hero {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.hero-4x3:before, .hero-16x9:before {
  display: block;
  content: "";
}
.hero-16x9:before {
  padding-top: 56.25%;
}
.hero-4x3:before {
  padding-top: 75%;
}
.hero-banner {
  position: relative;
  margin-bottom: 4rem !important;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.6);
}
.hero-banner .featured-caption {
  line-height: 1rem;
  position: absolute;
  bottom: -2rem;
  left: 0;
  right: 0;
  font-weight: 700;
  font-style: italic;
  text-align: right;
}
.hero-banner img {
  width: 100%;
  height: auto;
}
@media (width <= 768px) {
  .hero-header h1 {
    padding-top: 5rem;
  }
}
.hero figcaption {
  font-size: 1.5em;
  position: absolute;
  top: auto;
  bottom: 2rem;
  left: 2rem;
  width: auto;
  max-height: 3em;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;
}
.hero figcaption a {
  color: var(--hg-bg-color);
  text-shadow: -1px -1px 1px var(--hg-dark-accent), 1px -1px 1px var(--hg-dark-accent), -1px 1px 1px var(--hg-dark-accent), 1px 1px 1px var(--hg-dark-accent);
}
.hero figcaption a:hover {
  color: var(--hg-light-accent);
}

@media (prefers-reduced-motion: no-preference) {
  .hero img {
    width: 100%;
    height: auto;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    top: 0;
    animation: shrink 0.5s;
  }
  .hero-4x3 img:hover, .hero-16x9 img:hover {
    width: calc(100% + 2rem);
    height: calc(100% + 2rem);
    inset: -1rem;
    animation: grow 0.5s;
  }
}
.billboard {
  margin: 6rem 0 3rem;
  height: auto;
}
@media (width <= 992px) {
  .billboard {
    margin: 4rem 0 2rem;
  }
}
@media (width <= 768px) {
  .billboard {
    margin: 2rem 0 1rem;
  }
}

.img-grid h3 {
  text-align: left;
  color: var(--hg-primary);
  margin-bottom: 0.5rem;
}
.img-grid figure {
  width: 33%;
  position: relative;
  z-index: 9;
}
@media (width <= 768px) {
  .img-grid figure {
    width: 50%;
  }
}
.img-grid p {
  text-align: justify;
}

.logos-grid img {
  margin: 0 auto;
}

/* = List styles = */
.alpha-list,
.bullet-list {
  padding-left: 2rem;
  list-style: none;
}
.alpha-list h3,
.bullet-list h3 {
  position: relative;
  text-align: left;
  color: var(--hg-primary);
  margin-bottom: 0.5rem;
}

.alpha-list {
  counter-reset: alpha-counter;
}
.alpha-list h3::before {
  position: absolute;
  left: -2rem;
  width: 2rem;
  text-transform: lowercase;
  counter-increment: alpha-counter;
  content: counter(alpha-counter, lower-alpha) ") ";
}

.bullet-list h3::before {
  position: absolute;
  left: -1.5rem;
  width: 2rem;
  font-size: 1.5em;
  line-height: 0.8;
  content: "•";
}

ul.dashed li::marker {
  content: "– ";
}

/* = Pagination = */
.pagination .page-link {
  color: var(--hg-primary);
  background-color: var(--hg-bg-color);
  border-color: rgb(var(--hg-primary-rgb)/0.25);
}
.pagination .page-link:hover {
  background-color: var(--hg-primary);
  color: var(--hg-bg-color);
  border-color: var(--hg-primary);
}
.pagination .page-item.active .page-link {
  background-color: var(--hg-secondary);
  color: var(--hg-bg-color);
  border-color: rgb(var(--hg-primary-rgb)/0.25);
  cursor: default;
}

/* = Popups = */
#base-modal-popup .wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}
#base-modal-popup .wpcf7-acceptance .wpcf7-list-item label {
  display: flex;
  gap: 0.25rem;
}
#base-modal-popup .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
  text-wrap: balance;
  text-align: start;
}

/* = Text = */
.text-xs {
  font-size: 0.66em !important;
}
.text-sm {
  font-size: 0.8em !important;
}
@media (width >= 576px) {
  .text-sm-xs {
    font-size: 0.66em !important;
  }
  .text-sm-sm {
    font-size: 0.8em !important;
  }
  .text-sm-md {
    font-size: 1em !important;
  }
  .text-sm-lg {
    font-size: 1.25em !important;
  }
  .text-sm-xl {
    font-size: 1.5em !important;
  }
}
.text-md {
  font-size: 1em !important;
}
@media (width >= 768px) {
  .text-md-xs {
    font-size: 0.66em !important;
  }
  .text-md-sm {
    font-size: 0.8em !important;
  }
  .text-md-md {
    font-size: 1em !important;
  }
  .text-md-lg {
    font-size: 1.25em !important;
  }
  .text-md-xl {
    font-size: 1.5em !important;
  }
}
.text-lg {
  font-size: 1.25em !important;
}
@media (width >= 992px) {
  .text-lg-xs {
    font-size: 0.66em !important;
  }
  .text-lg-sm {
    font-size: 0.8em !important;
  }
  .text-lg-md {
    font-size: 1em !important;
  }
  .text-lg-lg {
    font-size: 1.25em !important;
  }
  .text-lg-xl {
    font-size: 1.5em !important;
  }
}
.text-xl {
  font-size: 1.5em;
}
.text-bold {
  font-weight: 700;
}
.text-regular {
  font-weight: 400;
}
.text-italic {
  font-style: italic;
}
.text-justify {
  text-align: justify;
  text-wrap: pretty;
}
.text-balance {
  text-wrap: balance;
}
.text-underline {
  text-decoration: underline;
}
.text-body {
  color: var(--hg-bg-color) !important;
}
.text-base {
  color: var(--hg-txt) !important;
}
.text-primary {
  color: var(--hg-primary) !important;
}
.text-secondary {
  color: var(--hg-secondary) !important;
}
.text-dark {
  color: var(--hg-dark-accent) !important;
}
.text-dark a {
  color: var(--hg-dark-accent) !important;
}
.text-dark a:hover {
  color: var(--hg-primary) !important;
}
.text-light {
  color: var(--hg-light-accent) !important;
}

.description {
  font-size: 1.2rem;
}
.description p {
  text-align: center;
}

.disclaimer {
  font-style: italic;
  color: var(--hg-secondary);
  margin: 0 1.5em;
}
.disclaimer a:hover {
  text-decoration: underline;
}

.info h2 {
  margin-bottom: 1em;
}
.info div a {
  font-size: 1.2rem;
}

/* = Widgets = */
.widget_hg_sitemap_widget .dropup {
  box-sizing: border-box;
}
.widget_hg_sitemap_widget .dropup:has(.btn[aria-expanded=true]) {
  border-radius: 0 0 0.5rem 0.5rem;
}
.widget_hg_sitemap_widget .dropup .btn {
  border-left: 0.25rem solid transparent;
  border-bottom: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-radius: 0.5rem;
  padding-top: 1.25rem;
  transition: all 500ms;
}
.widget_hg_sitemap_widget .dropup .btn:focus {
  box-shadow: none;
}
.widget_hg_sitemap_widget .dropup .btn[aria-expanded=true] {
  border-radius: 0 0 0.5rem 0.5rem;
}
.widget_hg_sitemap_widget .dropup .sitemap {
  padding: 0.75rem;
  background-color: var(--hg-dark-accent);
  border-radius: 0.5rem 0.5rem 0 0;
  width: 100%;
  min-width: unset;
  border: none;
  bottom: -2px !important;
  left: 0;
  right: 0;
}
.widget_hg_sitemap_widget .dropup .sitemap ul {
  display: grid;
  gap: 0.5rem;
  padding: 0;
  margin: 0;
}
.widget_hg_sitemap_widget .dropup .sitemap ul li {
  padding: 0;
  list-style: none;
  text-align: center;
}
.widget ul ul {
  list-style: disc;
  margin-bottom: 0.5rem;
}
.widget .wp-calendar-table {
  width: 100%;
}
.widget .wp-calendar-table th,
.widget .wp-calendar-table td {
  text-align: center;
}
.widget .wp-calendar-table td a {
  background-color: var(--hg-primary);
  color: var(--hg-bg-color);
  padding: 0.25rem 0.5rem;
  border-radius: 1rem;
}
.widget .wp-calendar-table td a:hover {
  background-color: var(--hg-secondary);
}

/* == Layout == */
/* = Header = */
.site-header {
  height: var(--hg-menu-height);
  z-index: 99;
  pointer-events: none;
}
.site-header.sticky {
  position: sticky;
  top: var(--wp-admin--admin-bar--height, 0px);
}
.site-header.fixed {
  position: fixed;
  top: var(--wp-admin--admin-bar--height, 0px);
}
.site-header.tagged .navbar-brand img {
  max-width: 180px;
}
.site-header #navbar-container {
  position: relative;
  z-index: 99;
}
.site-header .navbar {
  pointer-events: auto;
  flex-direction: column;
  padding: 0.75rem 0.25rem;
  transition: all 1s;
  box-shadow: 0 0.25rem 0.5rem var(--hg-nav-shadow);
}
.site-header .navbar.body-color {
  background-color: var(--hg-bg-color);
}
.site-header .navbar.body-color .dropdown-menu .nav-item:hover a {
  color: var(--hg-bg-color) !important;
}
.site-header .navbar.light-color {
  background-color: var(--hg-light-accent);
}
.site-header .navbar.light-color .dropdown-menu .nav-link:hover {
  color: var(--hg-light-accent) !important;
}
.site-header .navbar.dark-color .current-menu-item > a, .site-header .navbar.text-color .current-menu-item > a {
  color: var(--hg-light-accent) !important;
}
.site-header .navbar.dark-color {
  background-color: var(--hg-dark-accent);
  color: var(--hg-bg-color);
}
.site-header .navbar.dark-color .dropdown-menu .nav-link:hover {
  color: var(--hg-dark-accent) !important;
}
.site-header .navbar.dark-color .navbar-brand .site-title a,
.site-header .navbar.dark-color .navbar-toggler,
.site-header .navbar.dark-color a {
  color: var(--hg-bg-color);
}
.site-header .navbar.text-color {
  background-color: var(--hg-txt);
  color: var(--hg-bg-color);
}
.site-header .navbar.text-color .dropdown-menu .nav-link:hover {
  color: var(--hg-text) !important;
}
.site-header .navbar.text-color .navbar-brand .site-title a,
.site-header .navbar.text-color .navbar-toggler,
.site-header .navbar.text-color a {
  color: var(--hg-bg-color);
}
.site-header .navbar.top-of-page .after-scroll img {
  max-height: 3rem;
  opacity: 0;
}
.site-header .navbar.top-of-page .before-scroll img {
  opacity: 1;
}
.site-header .navbar .dropdown {
  text-shadow: none;
}
.site-header .navbar .main-menu {
  font-size: var(--hg-menu-size);
  font-weight: var(--hg-menu-weight);
  position: relative;
}
.site-header .navbar .main-menu .navbar-nav {
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media (width <= 992px) {
  .site-header .navbar .main-menu .navbar-nav {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 0.75rem;
    align-items: center;
  }
}
@media (width <= 992px) {
  .site-header .navbar .main-menu .navbar-nav .nav-item {
    justify-content: center;
  }
}
.site-header .navbar .main-menu .navbar-nav .nav-item strong, .site-header .navbar .main-menu .navbar-nav .nav-item.current-menu-item > a {
  font-weight: 900;
}
.site-header .navbar .main-menu .navbar-nav .nav-item.menu-item-has-children {
  anchor-name: --dropdown;
  anchor-scope: --dropdown;
}
.site-header .navbar .main-menu .navbar-nav .nav-item .nav-link {
  color: var(--hg-menu-color);
  text-transform: var(--hg-menu-case);
  border-radius: 0.25rem;
}
.site-header .navbar .main-menu .navbar-nav .nav-item .nav-link .nav-link {
  font-weight: 500;
}
@media (width <= 992px) {
  .site-header .navbar .main-menu .navbar-nav .nav-item .nav-link[aria-expanded=true] {
    border-bottom: 1px solid var(--hg-menu-color);
  }
}
.site-header .navbar .main-menu .navbar-nav .nav-item .nav-link:hover {
  color: var(--hg-menu-hover);
}
.site-header .navbar .main-menu .navbar-nav .nav-item .nav-link[data-bs-toggle]:hover {
  background-color: var(--hg-primary);
  border-radius: 0.25rem 0.25rem 0 0;
}
.site-header .navbar .main-menu .navbar-nav .nav-item .dropdown-menu {
  padding: 0.5rem;
  border: none;
  border-radius: 0 0 0.25rem 0.25rem;
}
.site-header .navbar .main-menu .navbar-nav .nav-item .dropdown-menu .menu-item {
  display: block;
  text-align: right;
}
.site-header .navbar .main-menu .navbar-nav .nav-item .dropdown-menu .menu-item:hover {
  background-color: var(--hg-menu-hover);
}
.site-header .navbar .main-menu .navbar-nav .nav-item .dropdown-menu .menu-item.current-menu-item > a {
  color: var(--hg-dark-accent);
}
@media (width >= 992px) {
  .site-header .navbar .main-menu .navbar-nav .nav-item .dropdown-menu {
    position: absolute;
    width: -moz-max-content;
    width: max-content;
    margin: 0;
    position-anchor: --dropdown;
    top: anchor(bottom);
    right: auto;
    left: anchor(left);
    border-radius: 0 0.25rem 0.25rem;
  }
}
.site-header .navbar.smaller .after-scroll img {
  opacity: 1;
}
.site-header .navbar.smaller .before-scroll {
  margin-right: 0;
}
.site-header .navbar.smaller .before-scroll img {
  max-width: 1px;
  margin: 0;
  opacity: 0;
}
.site-header .navbar.smaller .navbar-brand .site-description {
  font-size: 1rem;
}
.site-header .navbar.smaller .wide-tagline .site-title,
.site-header .navbar.smaller .wide-tagline .site-description {
  grid-template-rows: 0fr;
}
.site-header a {
  font-family: var(--hg-menu-font);
  display: inline-flex;
}
.site-header .navbar-brand {
  display: flex;
  transition: all 1s;
}
.site-header .navbar-brand img {
  width: auto;
  height: auto;
  max-height: 6rem;
  max-width: none;
  transition: all 1s;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}
.site-header .navbar-brand .site-title {
  font-size: calc(var(--hg-header-size) * 0.5em);
  line-height: 1.25;
  text-transform: var(--hg-header-case);
  transition: all 1s;
}
.site-header .navbar-brand .site-title a {
  font-family: var(--hg-tagline-font);
  color: var(--hg-menu-hover);
  display: block;
  text-align: left;
  white-space: normal;
  text-wrap: balance;
}
.site-header .navbar-brand .site-description {
  font-size: 1.25rem;
  color: var(--hg-menu-color);
  transition: all 1s;
}
@media (width <= 768px) {
  .site-header .navbar-brand .site-description {
    font-size: 1rem;
  }
}
.site-header .navbar-toggler {
  font-size: 2rem;
  padding: 7px 9px;
}
.site-header .smaller {
  transition: all 1s;
}
.site-header .smaller .vertical .navbar-brand {
  max-width: 14rem;
}
.site-header .smaller .navbar-brand img {
  max-height: 3rem;
  transition: all 1s;
}
.site-header .smaller .navbar-brand .site-title {
  font-size: calc(var(--hg-header-size) * 0.4em);
}
@media (width <= 576px) {
  .site-header .smaller .navbar-brand .site-title {
    font-size: calc(var(--hg-header-size) * 0.35em);
  }
}
.site-header .smaller .wide-tagline .site-title a {
  padding-top: 0;
}
.site-header .wide-tagline {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.site-header .wide-tagline .site-title {
  display: grid;
  grid-template-rows: 1fr;
  font-size: calc(var(--hg-header-size) * 1.5em);
  margin: 0;
  padding-top: 1rem;
  transition: all 500ms ease-in;
}
.site-header .wide-tagline .site-title a {
  color: var(--hg-secondary);
  font-weight: var(--hg-header-weight);
  overflow: hidden;
}
.site-header .wide-tagline .site-title a:hover {
  color: var(--hg-primary);
}
.site-header .wide-tagline .site-description {
  display: grid;
  grid-template-rows: 1fr;
  font-weight: 400;
  font-size: 1.25em;
  transition: grid-template-rows 500ms ease-in;
  color: var(--hg-primary);
}
.site-header .wide-tagline .site-description span {
  overflow: hidden;
}
.site-header .vertical .navbar-brand {
  max-width: 24rem;
  flex-direction: column;
  isolation: isolate;
}
.site-header .dropdown-toggle::after {
  margin-left: 0.25em;
  position: relative;
  content: "\f0dd";
  font-family: "Font Awesome 7 Free";
  border: none;
}
.site-header .nav-item a:hover,
.site-header .current-menu-item > a {
  color: var(--hg-menu-hover);
}

.top-header-img .site-header.fixed {
  position: fixed;
  top: var(--wp-admin--admin-bar--height, 0px);
}
.top-header-img .site-header .navbar {
  box-shadow: none;
}
.top-header-img .site-header .navbar.smaller {
  box-shadow: 0 0.25rem 0.5rem var(--hg-menu-shadow);
}

.topbar {
  background-color: var(--hg-dark-accent);
  color: var(--hg-bg-color);
  font-size: 0.8rem;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 999;
}
.topbar a {
  color: var(--hg-light-accent);
}
.topbar a:hover {
  color: var(--hg-bg-color);
  text-decoration: underline;
}
.topbar .container-xl {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 3.5rem;
}
.topbar .topbar-icons a {
  display: inline-block;
}
.topbar .topbar-icons .icon {
  height: 2rem !important;
  width: auto;
}
@media (width >= 768px) {
  .topbar .topbar-icons .icon {
    height: 1.5rem !important;
  }
}

.dropdown-menu {
  background-color: var(--hg-primary);
  min-width: 100px;
}
.dropdown-menu a {
  color: var(--hg-bg-color);
}
.dropdown-menu label {
  background-color: var(--hg-secondary);
}
.dropdown-menu input {
  background-color: rgb(var(--hg-bg-color-rgb)/0.8);
}

.admin-bar .topbar {
  top: var(--wp-admin--admin-bar--height, 0px);
}

@media only screen and (min-width: 992px) {
  .site-header .dropdown-toggle::after {
    top: -0.2em;
  }
}
.site-header .navbar.dark-color .navbar-brand .site-title a:hover,
.navbar.dark-color a:hover,
.site-header .navbar.text-color .navbar-brand .site-title a:hover,
.navbar.text-color a:hover {
  color: var(--hg-light-accent);
}

@media only screen and (max-width: 1024px) {
  .site-header {
    padding: 0;
  }
  .site-header .navbar-brand img {
    height: 4.5rem;
  }
  .site-header .navbar-brand .smaller img {
    height: 3rem;
  }
}
@media only screen and (max-width: 782px) {
  .admin-bar .site-header.fixed {
    top: 46px;
  }
  .site-header {
    min-height: 4rem;
  }
  .site-header .site-branding img {
    height: 3rem;
  }
  .site-header .navbar-brand {
    max-width: 75%;
  }
  .site-header .navbar-brand img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}
/* = Main = */
main.site-content, main.shop-content {
  position: relative;
  min-height: calc(100svh - var(--hg-menu-height) - var(--wp-admin--admin-bar--height, 0px));
  transition: padding 1s;
}
main article.hentry {
  min-height: calc(100svh - var(--hg-menu-height) - var(--wp-admin--admin-bar--height, 0px));
}
main * + ul {
  margin-top: 1em;
}

/* = Sidebars = */
.sidebar-wrapper {
  position: sticky;
  top: var(--hg-menu-height);
}

.admin-bar .sidebar-wrapper {
  top: calc(var(--hg-menu-height) + 2rem);
}

/* = Separators = */
.separator {
  padding: 2.5rem 0;
  display: flex;
}
.separator .divider {
  border-top: 5px dotted rgb(var(--hg-bg-color-rgb)/0.5);
  width: 10%;
  margin: 0 auto;
}

/* = Footer = */
.site-footer {
  position: relative;
  text-align: left;
  box-shadow: 0 -0.25rem 0.5rem var(--hg-nav-shadow);
  color: var(--hg-bg-color);
}
.site-footer.bg-transparent {
  color: var(--hg-text) !important;
  box-shadow: none;
}
.site-footer.bg-transparent h3,
.site-footer.bg-transparent h4 {
  color: var(--hg-txt) !important;
}
.site-footer.bg-transparent a {
  color: var(--hg-primary);
}
.site-footer.bg-transparent a:hover {
  color: var(--hg-secondary);
}
.site-footer.bg-transparent .current-menu-item a {
  color: var(--hg-secondary);
}
.site-footer.bg-light {
  color: var(--hg-txt) !important;
}
.site-footer.bg-light a {
  color: var(--hg-primary);
}
.site-footer.bg-light a:hover {
  color: var(--hg-dark-accent);
}
.site-footer.bg-light .current-menu-item a {
  color: var(--hg-dark-accent);
}
.site-footer.bg-dark .newsletter .form-control {
  border: 1px solid var(--hg-light-accent);
  color: var(--hg-bg-color);
  background-color: rgb(var(--hg-bg-color-rgb)/0.1);
  max-width: 18rem;
  margin: 0 auto;
}
.site-footer.bg-dark .newsletter .form-control:focus {
  background-color: rgb(var(--hg-bg-color-rgb)/0.2);
}
.site-footer.bg-dark .newsletter .form-control::-moz-placeholder {
  color: var(--hg-light-accent);
}
.site-footer.bg-dark .newsletter .form-control::placeholder {
  color: var(--hg-light-accent);
}
.site-footer h3 {
  margin-bottom: 0.5rem;
}
.site-footer h4 {
  margin-top: 1rem;
}
.site-footer h3,
.site-footer h4 {
  color: var(--hg-bg-color);
  text-align: inherit;
}
.site-footer p:not(:last-of-type) {
  margin-bottom: 0.5rem !important;
}
.site-footer p:not(:last-of-type):last-of-type {
  margin-bottom: 0 !important;
}
.site-footer a {
  color: var(--hg-light-accent);
  text-decoration: none;
  font-weight: normal;
}
.site-footer a:hover {
  text-decoration: underline;
  font-weight: normal;
  color: var(--hg-bg-color);
}
.site-footer .current-menu-item a {
  color: var(--hg-bg-color);
}
.site-footer ul {
  padding: 0;
  margin: 0;
}
.site-footer ul li {
  list-style: none;
  padding: 0.25rem 0 0;
}
.site-footer .menu-item {
  text-transform: var(--hg-menu-case);
}
.site-footer .newsletter .form-control {
  border-radius: 0.5rem;
  text-align: center;
}
.site-footer .social-icons {
  font-size: 2.5rem;
}
.site-footer .copyright {
  text-align: center;
  font-size: 0.9em;
}
@media (width <= 576px) {
  .site-footer .copyright {
    padding-inline: 3.5rem;
  }
}

/* == Sections == */
/* = Homepage = */
.home-header {
  position: relative;
}
.home-header:has(.page-parallax-hero, .page-image-hero) {
  height: calc(100vh - (var(--hg-menu-height) + var(--wp-admin--admin-bar--height, 0px)));
}
.home-header.home-header-dark:has(.page-parallax-hero) {
  background-color: rgb(0, 0, 0, var(--hg-hero-opacity));
}
.home-header.home-header-dark:has(.page-image-hero) {
  background-color: #000000;
}
.home-header.home-header-dark .page-image-hero h2,
.home-header.home-header-dark .page-parallax-hero h2 {
  color: #ffffff;
}
.home-header.home-header-light:has(.page-parallax-hero) {
  background-color: rgb(255, 255, 255, var(--hg-hero-opacity));
}
.home-header.home-header-light:has(.page-image-hero) {
  background-color: #ffffff;
}
.home-header.home-header-light .page-image-hero h2,
.home-header.home-header-light .page-parallax-hero h2 {
  color: #000000;
}
.home-header-image .bg-img {
  position: absolute;
  inset: 0;
  opacity: var(--hg-hero-opacity, 0.5);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-header-image .image-page-hero {
  position: relative;
  background: black;
}
.home-header .page-image-hero .entry-title,
.home-header .page-parallax-hero .entry-title {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 2rem;
}
@media (width <= 768px) {
  .home-header .page-image-hero .entry-title,
  .home-header .page-parallax-hero .entry-title {
    margin-bottom: 1.5rem;
  }
}
@media (width <= 576px) {
  .home-header .page-image-hero .entry-title,
  .home-header .page-parallax-hero .entry-title {
    margin-bottom: 1rem;
  }
}
.home-header .page-image-hero h2,
.home-header .page-parallax-hero h2 {
  margin-bottom: 0;
}
.home-header .hero-data {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 3rem;
  gap: 2rem;
  z-index: 1;
}
@media (width <= 768px) {
  .home-header .hero-data {
    padding: 2rem;
    gap: 1.5rem;
  }
}
@media (width <= 576px) {
  .home-header .hero-data {
    padding: 1.5rem;
    gap: 1rem;
  }
}

/* = Posts and Pages = */
.blog .hentry,
.archive .hentry,
.search .hentry {
  padding: 0;
}

.type-post.card .card-img-top, .type-page.card .card-img-top {
  background: rgb(var(--hg-primary-rgb)/0.4);
  background: linear-gradient(to bottom, rgb(var(--hg-dark-accent-rgb)/1) 0%, rgb(var(--hg-primary-rgb)/0.6) 100%);
}
.type-post.card .card-img-top .post-type,
.type-post.card .card-img-top .post-type, .type-page.card .card-img-top .post-type,
.type-page.card .card-img-top .post-type {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: auto;
  height: auto;
  z-index: 9;
  text-transform: var(--hg-header-case);
  font-weight: 700;
  font-size: 1.25em;
  color: var(--hg-bg-color);
  text-shadow: -1px -1px 1px var(--hg-dark-accent), 1px -1px 1px var(--hg-dark-accent), -1px 1px 1px var(--hg-dark-accent), 1px 1px 1px var(--hg-dark-accent);
}
.type-post.card .card-img-top .post-type svg path,
.type-post.card .card-img-top .post-type svg path, .type-page.card .card-img-top .post-type svg path,
.type-page.card .card-img-top .post-type svg path {
  stroke: var(--hg-dark-accent);
  stroke-width: 4%;
}
.type-post .card-title, .type-page .card-title {
  margin-top: -5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 5rem;
  box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.5);
}
.type-post.card .card-title .entry-title {
  margin: 0;
  font-size: 1.3em;
}
.type-post.card .card-title .entry-subtitle {
  margin-top: 1rem;
  font-size: 1.15em;
}
.type-page.card .card-body {
  background: var(--hg-bg-color);
  background: linear-gradient(var(--hg-bg-color) 30%, var(--hg-light-accent) 100%);
}
.type-page .entry-header .description {
  margin-bottom: 3rem;
}
@media (width <= 992px) {
  .type-page .entry-header .description {
    margin-bottom: 2rem;
  }
}
@media (width <= 768px) {
  .type-page .entry-header .description {
    margin-bottom: 1.5rem;
  }
}

.card .meta {
  margin: 1rem 0 0;
  border-left: 0.25rem solid var(--hg-light-accent);
  padding-left: 0.5rem;
}
.card .meta p {
  text-align: left;
  display: flex;
  margin-bottom: 0.5rem;
}
.card .meta p .icon {
  width: 1.5rem;
  margin-right: 0.5rem;
}

.post-article h5 {
  text-align: left;
  color: var(--hg-primary);
}
.post-article li::marker {
  font-size: 1.25em;
  font-weight: 700;
  color: var(--hg-primary);
}
.post-article li ul {
  list-style: disc;
}
.post-article .entry-title {
  margin: 3rem 0;
}
.post-article .meta {
  text-align: right;
  margin: 0 1.5rem;
  border-right: 0.25rem solid var(--hg-light-accent);
  padding-right: 0.75rem;
}

.page-gradient {
  background: linear-gradient(to bottom, var(--hg-secondary) 0%, var(--hg-dark-accent) 100%);
  width: 100%;
  height: 100%;
  padding: 6rem 0;
}

.page-banner .entry-title,
.page-parallax-hero .entry-title,
.page-gradient .entry-title {
  line-height: 1;
  color: var(--hg-bg-color);
}

.page-parallax-hero .entry-title,
.page-gradient .entry-title {
  z-index: 2;
  margin: 0;
}

.hero-data {
  color: var(--hg-bg-color);
}
.hero-data .svg-inline--fa path {
  stroke: black;
  stroke-linecap: round;
  stroke-width: 32px;
}

@media (width <= 992px) {
  .page-hero {
    padding: 7rem 0;
  }
}
@media (width <= 768px) {
  .page-hero {
    padding: 4rem 0;
  }
}
@media (width <= 992px) {
  .page-hero h2 {
    font-size: 2.5em;
    bottom: 2rem;
    padding-right: 0.75rem;
  }
}
@media (width <= 768px) {
  .page-hero h2 {
    font-size: 2em;
    bottom: 1rem;
  }
}

@media (width <= 992px) {
  .page-header .featured-caption {
    bottom: 0.5rem;
  }
}
@media (width <= 768px) {
  .page-header .featured-caption {
    bottom: 0.25rem;
    font-size: 0.8em;
  }
}

/* = Subscribers Page = */
#index-slider img {
  -webkit-box-reflect: below 0 -webkit-linear-gradient(bottom, rgba(255, 0, 0, 0.25) 0%, transparent 4.5rem, transparent 100%);
}
#index-slider h4 {
  position: relative;
  margin: 1.5rem 0 3rem;
}
@media (width <= 768px) {
  #index-slider h4 {
    font-size: 1.25em;
  }
}

#subscribers-content h1 {
  margin: 2rem 0 4rem;
}
#subscribers-content h2 {
  margin-bottom: 5rem;
}
#subscribers-content h3 {
  padding-top: 6rem;
  margin: 0 0 2rem;
}

.exclusive-content {
  position: relative;
  margin: 1rem 0;
}
.exclusive-content::before {
  content: "";
  height: 4rem;
  position: absolute;
  top: -4rem;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgb(var(--hg-bg-color-rgb)/0) 0%, rgb(var(--hg-bg-color-rgb)/1) 80%);
}
.exclusive-content:after {
  content: "";
  height: 4rem;
  position: absolute;
  bottom: -4rem;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgb(var(--hg-bg-color-rgb)/1) 20%, rgb(var(--hg-bg-color-rgb)/0) 100%);
}
.exclusive-content-btn {
  display: none;
  position: fixed;
  right: -10.5rem;
  top: calc(50% - 20px);
  background: var(--hg-primary);
  color: var(--hg-bg-color);
  padding: 0.5rem 0.75rem;
  line-height: 2rem;
  box-shadow: 0px 0px 2px var(--hg-dark-accent);
  border-radius: 0.5rem 0 0 0.5rem;
  z-index: 99;
  transition: right 0.3s ease-in-out;
  -webkit-transition: right 0.3s ease-in-out;
}
.exclusive-content-btn:hover {
  background: var(--hg-light-accent);
  right: 0;
  color: var(--hg-primary);
}

/* == Utilities == */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeIn {
  animation: fadeIn 1s;
  opacity: 1 !important;
}

.fadeOut {
  animation: fadeOut 1s;
  opacity: 0;
}

@keyframes shrink {
  from {
    inset: -1rem;
    width: calc(100% + 2rem);
    height: calc(100% + 2rem);
  }
  to {
    inset: 0;
    width: 100%;
    height: 100%;
  }
}
@keyframes grow {
  from {
    inset: 0;
    width: 100%;
    height: 100%;
  }
  to {
    inset: -1rem;
    width: calc(100% + 2rem);
    height: calc(100% + 2rem);
  }
}
/* = Authenticated Users related = */
.show-for-user {
  display: none !important;
}

.hide-for-user {
  display: inherit !important;
}

.logged-in .show-for-user {
  display: inherit !important;
}
.logged-in .hide-for-user {
  display: none !important;
}

.colspan-2 {
  grid-column: span 2;
}
.colspan-3 {
  grid-column: span 3;
}
.colspan-4 {
  grid-column: span 4;
}
.colspan-5 {
  grid-column: span 5;
}
.colspan-6 {
  grid-column: span 6;
}
.colspan-7 {
  grid-column: span 7;
}
.colspan-8 {
  grid-column: span 8;
}
.colspan-9 {
  grid-column: span 9;
}
.colspan-10 {
  grid-column: span 10;
}
.colspan-11 {
  grid-column: span 11;
}
.colspan-12 {
  grid-column: span 12;
}

.rowspan-2 {
  grid-row: span 2;
}
.rowspan-3 {
  grid-row: span 3;
}
.rowspan-4 {
  grid-row: span 4;
}
.rowspan-5 {
  grid-row: span 5;
}

/* = Navigation = */
.anchor {
  scroll-margin-top: calc(var(--hg-menu-height) + 1rem);
}

/* = Positioning = */
.position-unset {
  position: unset !important;
}/*# sourceMappingURL=style.css.map */