:root {
  --mag-primary: #88bd24;
  --mag-primary-light: #bbdefb;
  --mag-primary-dark: #1565c0;
  --mag-primary-contrast: #FFF;
  --mag-bg-default: #FFF;
  --mag-bg-grey: #eceff1;
  --mag-bg-grey-light: #f6f8f8;
  --mag-border: #cfd8dc;
  --mag-divider: rgba(38, 50, 56, 0.12);
  --mag-text-primary: rgba(38, 50, 56, 0.9);
  --mag-text-secondary: rgba(38, 50, 56, 0.62);
  --mag-text-hint: rgba(38, 50, 56, 0.46);
  --mag-headline: #263238;
  --mag-headline-hover: #FFF;
  --mag-headline-hover-bg: #263238;
  --mag-info: #2196f3;
  --mag-success: #4caf50;
  --mag-warning: #ff9800;
  --mag-error: #f44336;
  --mag-button: #eceff1;
  --mag-button-hover: #e3e8eb;
  --mag-button-disabled: #3e4047;
  --mag-navigation-bg: #88bd24;
  --mag-navigation-bg-hover: rgba(255, 255, 255, 0.1);
  --mag-navigation-bg-active: #eceff1;
  --mag-navigation-color: #ffffff;
  --mag-navigation-color-hover: #ffffff;
  --mag-navigation-color-active: #263238;
  --mag-bg-box-color: #f7f7f7;
  --mag-menutext-color: #ffffff;
  --mag-bg-focus-color: linear-gradient(
  180deg,
  #f3f7f4 0%,
  #eef5f0 100%
);
  --mag-bg-event-color: #9dc9c3;
  --mag-bg-news-color: #f7f7f7;
  --mag-bg-roadtest-color: #f6ecdb;
  --mag-bg-webinar-color: #f7f7f7;
  --mag-bg-feature-color: #e7f0e7;

}

:root.themag-dark {
  --mag-primary-dark: rgba(21, 101, 192, 0.2);
  --mag-bg-default: #1F2125;
  --mag-bg-grey: #17181C;
  --mag-bg-grey-light: #1a1b1f;
  --mag-border: #5F6368;
  --mag-divider: rgba(255, 255, 255, 0.08);
  --mag-text-primary: rgba(255, 255, 255, 0.65);
  --mag-text-secondary: rgba(255, 255, 255, 0.4);
  --mag-text-hint: rgba(255, 255, 255, 0.25);
  --mag-headline: rgba(255, 255, 255, 0.8);
  --mag-headline-hover: #FFF;
  --mag-headline-hover-bg: transparent;
  --mag-error: #ef5350;
  --mag-button: #3e4047;
  --mag-button-hover: #4c4e57;
  --mag-button-disabled: #3e4047;
  --mag-navigation-bg: #88bd24;
  --mag-navigation-bg-hover: rgba(255, 255, 255, 0.1);
  --mag-navigation-bg-active: rgba(255, 255, 255, 0.1);
  --mag-navigation-color: #ffffff;
  --mag-navigation-color-hover: #ffffff;
  --mag-navigation-color-active: #263238;
  --mag-bg-box-color: #282a27;
  --mag-menutext-color: #282a27;
  --mag-bg-focus-color: #282a27;
  --mag-bg-event-color: #282a27;
  --mag-bg-news-color: #282a27;
  --mag-bg-roadtest-color: #282a27;
  --mag-bg-webinar-color: #282a27;
  --mag-bg-feature-color: #282a27;


}

/*!
 * Bootstrap v5.0.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

body {
  margin: 0;
  font-family: "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212121;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: "Arial", sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

h1 {
  font-size: calc(1.425rem + 2.1vw);
}

@media (min-width: 1200px) {
  h1 {
    font-size: 3rem;
  }
}

h2 {
  font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
  h2 {
    font-size: 2rem;
  }
}

h3 {
  font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem;
  }
}

h4 {
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

abbr[title],
abbr[data-bs-original-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: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 0.875em;
}

mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #2196f3;
  text-decoration: underline;
}

a:hover {
  color: #1a78c2;
}

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;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override;
}

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: #e91e63;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212121;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

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: rgba(38, 50, 56, 0.54);
  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]::-webkit-calendar-picker-indicator {
  display: none;
}

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"] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

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

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.83335rem);
  padding-left: var(--bs-gutter-x, 0.83335rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1200px;
  }
}

.row {
  --bs-gutter-x: 1.6667rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}

.row > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}

.col {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}

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

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

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

.row-cols-3 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.33333%;
}

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

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

.row-cols-6 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.66667%;
}

.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 8.33333%;
}

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.66667%;
}

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

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.33333%;
}

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 41.66667%;
}

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

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 58.33333%;
}

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 66.66667%;
}

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

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 83.33333%;
}

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 91.66667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.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: 2rem;
}

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

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

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

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

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

.g-8,
.gx-8 {
  --bs-gutter-x: 6rem;
}

.g-8,
.gy-8 {
  --bs-gutter-y: 6rem;
}

@media (min-width: 576px) {
  .col-sm {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }
  .row-cols-sm-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .offset-sm-11 {
    margin-left: 91.66667%;
  }
  .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: 2rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 2rem;
  }
  .g-sm-6,
  .gx-sm-6 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-6,
  .gy-sm-6 {
    --bs-gutter-y: 3rem;
  }
  .g-sm-7,
  .gx-sm-7 {
    --bs-gutter-x: 4rem;
  }
  .g-sm-7,
  .gy-sm-7 {
    --bs-gutter-y: 4rem;
  }
  .g-sm-8,
  .gx-sm-8 {
    --bs-gutter-x: 6rem;
  }
  .g-sm-8,
  .gy-sm-8 {
    --bs-gutter-y: 6rem;
  }
}

@media (min-width: 768px) {
  .col-md {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }
  .row-cols-md-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333%;
  }
  .offset-md-2 {
    margin-left: 16.66667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333%;
  }
  .offset-md-5 {
    margin-left: 41.66667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333%;
  }
  .offset-md-8 {
    margin-left: 66.66667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333%;
  }
  .offset-md-11 {
    margin-left: 91.66667%;
  }
  .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: 2rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 2rem;
  }
  .g-md-6,
  .gx-md-6 {
    --bs-gutter-x: 3rem;
  }
  .g-md-6,
  .gy-md-6 {
    --bs-gutter-y: 3rem;
  }
  .g-md-7,
  .gx-md-7 {
    --bs-gutter-x: 4rem;
  }
  .g-md-7,
  .gy-md-7 {
    --bs-gutter-y: 4rem;
  }
  .g-md-8,
  .gx-md-8 {
    --bs-gutter-x: 6rem;
  }
  .g-md-8,
  .gy-md-8 {
    --bs-gutter-y: 6rem;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }
  .row-cols-lg-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .offset-lg-11 {
    margin-left: 91.66667%;
  }
  .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: 2rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 2rem;
  }
  .g-lg-6,
  .gx-lg-6 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-6,
  .gy-lg-6 {
    --bs-gutter-y: 3rem;
  }
  .g-lg-7,
  .gx-lg-7 {
    --bs-gutter-x: 4rem;
  }
  .g-lg-7,
  .gy-lg-7 {
    --bs-gutter-y: 4rem;
  }
  .g-lg-8,
  .gx-lg-8 {
    --bs-gutter-x: 6rem;
  }
  .g-lg-8,
  .gy-lg-8 {
    --bs-gutter-y: 6rem;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }
  .row-cols-xl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .offset-xl-11 {
    margin-left: 91.66667%;
  }
  .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: 2rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 2rem;
  }
  .g-xl-6,
  .gx-xl-6 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-6,
  .gy-xl-6 {
    --bs-gutter-y: 3rem;
  }
  .g-xl-7,
  .gx-xl-7 {
    --bs-gutter-x: 4rem;
  }
  .g-xl-7,
  .gy-xl-7 {
    --bs-gutter-y: 4rem;
  }
  .g-xl-8,
  .gx-xl-8 {
    --bs-gutter-x: 6rem;
  }
  .g-xl-8,
  .gy-xl-8 {
    --bs-gutter-y: 6rem;
  }
}

@media (min-width: 1400px) {
  .col-xxl {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }
  .row-cols-xxl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-xxl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333%;
  }
  .col-xxl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-xxl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }
  .col-xxl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66667%;
  }
  .col-xxl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333%;
  }
  .col-xxl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66667%;
  }
  .col-xxl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333%;
  }
  .col-xxl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66667%;
  }
  .col-xxl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66667%;
  }
  .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: 2rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 2rem;
  }
  .g-xxl-6,
  .gx-xxl-6 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-6,
  .gy-xxl-6 {
    --bs-gutter-y: 3rem;
  }
  .g-xxl-7,
  .gx-xxl-7 {
    --bs-gutter-x: 4rem;
  }
  .g-xxl-7,
  .gy-xxl-7 {
    --bs-gutter-y: 4rem;
  }
  .g-xxl-8,
  .gx-xxl-8 {
    --bs-gutter-x: 6rem;
  }
  .g-xxl-8,
  .gy-xxl-8 {
    --bs-gutter-y: 6rem;
  }
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.link-primary {
  color: #2196f3;
}

.link-primary:hover, .link-primary:focus {
  color: #4dabf5;
}

.link-secondary {
  color: #757575;
}

.link-secondary:hover, .link-secondary:focus {
  color: #5e5e5e;
}

.link-success {
  color: #4caf50;
}

.link-success:hover, .link-success:focus {
  color: #70bf73;
}

.link-info {
  color: #00bcd4;
}

.link-info:hover, .link-info:focus {
  color: #33c9dd;
}

.link-warning {
  color: #ffeb3b;
}

.link-warning:hover, .link-warning:focus {
  color: #ffef62;
}

.link-danger {
  color: #f44336;
}

.link-danger:hover, .link-danger:focus {
  color: #f6695e;
}

.link-light {
  color: #f5f5f5;
}

.link-light:hover, .link-light:focus {
  color: #f7f7f7;
}

.link-dark {
  color: #212121;
}

.link-dark:hover, .link-dark:focus {
  color: #1a1a1a;
}

.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: calc(3 / 4 * 100%);
}

.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%);
}

.ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%);
}

.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;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  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;
}

.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;
}

.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;
}

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

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

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

.overflow-scroll {
  overflow: 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-table {
  display: table !important;
}

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

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

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

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

.shadow {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
          box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
          box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

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

.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 {
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}

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

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

.border {
  border: 1px solid #e0e0e0 !important;
}

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

.border-top {
  border-top: 1px solid #e0e0e0 !important;
}

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

.border-end {
  border-right: 1px solid #e0e0e0 !important;
}

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

.border-bottom {
  border-bottom: 1px solid #e0e0e0 !important;
}

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

.border-start {
  border-left: 1px solid #e0e0e0 !important;
}

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

.border-primary {
  border-color: #2196f3 !important;
}

.border-secondary {
  border-color: #757575 !important;
}

.border-success {
  border-color: #4caf50 !important;
}

.border-info {
  border-color: #00bcd4 !important;
}

.border-warning {
  border-color: #ffeb3b !important;
}

.border-danger {
  border-color: #f44336 !important;
}

.border-light {
  border-color: #f5f5f5 !important;
}

.border-dark {
  border-color: #212121 !important;
}

.border-white {
  border-color: #fff !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;
}

.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 {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}

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

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

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

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

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !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: 2rem !important;
}

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

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

.gap-8 {
  gap: 6rem !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.justify-content-evenly {
  -webkit-box-pack: space-evenly !important;
      -ms-flex-pack: space-evenly !important;
          justify-content: space-evenly !important;
}

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

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

.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

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

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

.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important;
}

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

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

.align-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important;
}

.order-first {
  -webkit-box-ordinal-group: 0 !important;
      -ms-flex-order: -1 !important;
          order: -1 !important;
}

.order-0 {
  -webkit-box-ordinal-group: 1 !important;
      -ms-flex-order: 0 !important;
          order: 0 !important;
}

.order-1 {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
}

.order-2 {
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important;
}

.order-3 {
  -webkit-box-ordinal-group: 4 !important;
      -ms-flex-order: 3 !important;
          order: 3 !important;
}

.order-4 {
  -webkit-box-ordinal-group: 5 !important;
      -ms-flex-order: 4 !important;
          order: 4 !important;
}

.order-5 {
  -webkit-box-ordinal-group: 6 !important;
      -ms-flex-order: 5 !important;
          order: 5 !important;
}

.order-last {
  -webkit-box-ordinal-group: 7 !important;
      -ms-flex-order: 6 !important;
          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: 2rem !important;
}

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

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

.m-8 {
  margin: 6rem !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: 2rem !important;
  margin-left: 2rem !important;
}

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

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

.mx-8 {
  margin-right: 6rem !important;
  margin-left: 6rem !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: 2rem !important;
  margin-bottom: 2rem !important;
}

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

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

.my-8 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !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: 2rem !important;
}

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

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

.mt-8 {
  margin-top: 6rem !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: 2rem !important;
}

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

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

.me-8 {
  margin-right: 6rem !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: 2rem !important;
}

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

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

.mb-8 {
  margin-bottom: 6rem !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: 2rem !important;
}

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

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

.ms-8 {
  margin-left: 6rem !important;
}

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

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

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

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

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

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

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

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

.m-n8 {
  margin: -6rem !important;
}

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

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

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

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

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

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

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

.mx-n8 {
  margin-right: -6rem !important;
  margin-left: -6rem !important;
}

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

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

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

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

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

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

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

.my-n8 {
  margin-top: -6rem !important;
  margin-bottom: -6rem !important;
}

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

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

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

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

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

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

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

.mt-n8 {
  margin-top: -6rem !important;
}

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

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

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

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

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

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

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

.me-n8 {
  margin-right: -6rem !important;
}

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

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

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

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

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

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

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

.mb-n8 {
  margin-bottom: -6rem !important;
}

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

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

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

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

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

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

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

.ms-n8 {
  margin-left: -6rem !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: 2rem !important;
}

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

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

.p-8 {
  padding: 6rem !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: 2rem !important;
  padding-left: 2rem !important;
}

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

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

.px-8 {
  padding-right: 6rem !important;
  padding-left: 6rem !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: 2rem !important;
  padding-bottom: 2rem !important;
}

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

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

.py-8 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !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: 2rem !important;
}

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

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

.pt-8 {
  padding-top: 6rem !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: 2rem !important;
}

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

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

.pe-8 {
  padding-right: 6rem !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: 2rem !important;
}

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

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

.pb-8 {
  padding-bottom: 6rem !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: 2rem !important;
}

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

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

.ps-8 {
  padding-left: 6rem !important;
}

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

.fs-1 {
  font-size: calc(1.425rem + 2.1vw) !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-light {
  font-weight: 300 !important;
}

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

.fw-normal {
  font-weight: 400 !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 {
  color: #2196f3 !important;
}

.text-secondary {
  color: #757575 !important;
}

.text-success {
  color: #4caf50 !important;
}

.text-info {
  color: #00bcd4 !important;
}

.text-warning {
  color: #ffeb3b !important;
}

.text-danger {
  color: #f44336 !important;
}

.text-light {
  color: #f5f5f5 !important;
}

.text-dark {
  color: #212121 !important;
}

.text-white {
  color: #fff !important;
}

.text-body {
  color: #212121 !important;
}

.text-muted {
  color: rgba(38, 50, 56, 0.54) !important;
}

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

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

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

.bg-primary {
  background-color: #2196f3 !important;
}

.bg-secondary {
  background-color: #757575 !important;
}

.bg-success {
  background-color: #4caf50 !important;
}

.bg-info {
  background-color: #00bcd4 !important;
}

.bg-warning {
  background-color: #ffeb3b !important;
}

.bg-danger {
  background-color: #f44336 !important;
}

.bg-light {
  background-color: #f5f5f5 !important;
}

.bg-dark {
  background-color: #212121 !important;
}

.bg-body {
  background-color: #fff !important;
}

.bg-white {
  background-color: #fff !important;
}

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

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
      -ms-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

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

.rounded-1 {
  border-radius: 0.2rem !important;
}

.rounded-2 {
  border-radius: 0.25rem !important;
}

.rounded-3 {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-end {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: 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-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !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: 2rem !important;
  }
  .gap-sm-6 {
    gap: 3rem !important;
  }
  .gap-sm-7 {
    gap: 4rem !important;
  }
  .gap-sm-8 {
    gap: 6rem !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            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: 2rem !important;
  }
  .m-sm-6 {
    margin: 3rem !important;
  }
  .m-sm-7 {
    margin: 4rem !important;
  }
  .m-sm-8 {
    margin: 6rem !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: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-sm-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-7 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .mx-sm-8 {
    margin-right: 6rem !important;
    margin-left: 6rem !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: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-sm-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-sm-8 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !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: 2rem !important;
  }
  .mt-sm-6 {
    margin-top: 3rem !important;
  }
  .mt-sm-7 {
    margin-top: 4rem !important;
  }
  .mt-sm-8 {
    margin-top: 6rem !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: 2rem !important;
  }
  .me-sm-6 {
    margin-right: 3rem !important;
  }
  .me-sm-7 {
    margin-right: 4rem !important;
  }
  .me-sm-8 {
    margin-right: 6rem !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: 2rem !important;
  }
  .mb-sm-6 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-7 {
    margin-bottom: 4rem !important;
  }
  .mb-sm-8 {
    margin-bottom: 6rem !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: 2rem !important;
  }
  .ms-sm-6 {
    margin-left: 3rem !important;
  }
  .ms-sm-7 {
    margin-left: 4rem !important;
  }
  .ms-sm-8 {
    margin-left: 6rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -2rem !important;
  }
  .m-sm-n6 {
    margin: -3rem !important;
  }
  .m-sm-n7 {
    margin: -4rem !important;
  }
  .m-sm-n8 {
    margin: -6rem !important;
  }
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .mx-sm-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .mx-sm-n5 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .mx-sm-n6 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .mx-sm-n7 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .mx-sm-n8 {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }
  .my-sm-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-sm-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-sm-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-sm-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .my-sm-n5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .my-sm-n6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .my-sm-n7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .my-sm-n8 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .mt-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-sm-n3 {
    margin-top: -1rem !important;
  }
  .mt-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-sm-n5 {
    margin-top: -2rem !important;
  }
  .mt-sm-n6 {
    margin-top: -3rem !important;
  }
  .mt-sm-n7 {
    margin-top: -4rem !important;
  }
  .mt-sm-n8 {
    margin-top: -6rem !important;
  }
  .me-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .me-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .me-sm-n3 {
    margin-right: -1rem !important;
  }
  .me-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .me-sm-n5 {
    margin-right: -2rem !important;
  }
  .me-sm-n6 {
    margin-right: -3rem !important;
  }
  .me-sm-n7 {
    margin-right: -4rem !important;
  }
  .me-sm-n8 {
    margin-right: -6rem !important;
  }
  .mb-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-sm-n5 {
    margin-bottom: -2rem !important;
  }
  .mb-sm-n6 {
    margin-bottom: -3rem !important;
  }
  .mb-sm-n7 {
    margin-bottom: -4rem !important;
  }
  .mb-sm-n8 {
    margin-bottom: -6rem !important;
  }
  .ms-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-sm-n3 {
    margin-left: -1rem !important;
  }
  .ms-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-sm-n5 {
    margin-left: -2rem !important;
  }
  .ms-sm-n6 {
    margin-left: -3rem !important;
  }
  .ms-sm-n7 {
    margin-left: -4rem !important;
  }
  .ms-sm-n8 {
    margin-left: -6rem !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: 2rem !important;
  }
  .p-sm-6 {
    padding: 3rem !important;
  }
  .p-sm-7 {
    padding: 4rem !important;
  }
  .p-sm-8 {
    padding: 6rem !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: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-sm-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-sm-7 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .px-sm-8 {
    padding-right: 6rem !important;
    padding-left: 6rem !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: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-sm-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-sm-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-sm-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !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: 2rem !important;
  }
  .pt-sm-6 {
    padding-top: 3rem !important;
  }
  .pt-sm-7 {
    padding-top: 4rem !important;
  }
  .pt-sm-8 {
    padding-top: 6rem !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: 2rem !important;
  }
  .pe-sm-6 {
    padding-right: 3rem !important;
  }
  .pe-sm-7 {
    padding-right: 4rem !important;
  }
  .pe-sm-8 {
    padding-right: 6rem !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: 2rem !important;
  }
  .pb-sm-6 {
    padding-bottom: 3rem !important;
  }
  .pb-sm-7 {
    padding-bottom: 4rem !important;
  }
  .pb-sm-8 {
    padding-bottom: 6rem !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: 2rem !important;
  }
  .ps-sm-6 {
    padding-left: 3rem !important;
  }
  .ps-sm-7 {
    padding-left: 4rem !important;
  }
  .ps-sm-8 {
    padding-left: 6rem !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;
  }
  .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-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !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: 2rem !important;
  }
  .gap-md-6 {
    gap: 3rem !important;
  }
  .gap-md-7 {
    gap: 4rem !important;
  }
  .gap-md-8 {
    gap: 6rem !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            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: 2rem !important;
  }
  .m-md-6 {
    margin: 3rem !important;
  }
  .m-md-7 {
    margin: 4rem !important;
  }
  .m-md-8 {
    margin: 6rem !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: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-md-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-7 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .mx-md-8 {
    margin-right: 6rem !important;
    margin-left: 6rem !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: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-md-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-md-8 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !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: 2rem !important;
  }
  .mt-md-6 {
    margin-top: 3rem !important;
  }
  .mt-md-7 {
    margin-top: 4rem !important;
  }
  .mt-md-8 {
    margin-top: 6rem !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: 2rem !important;
  }
  .me-md-6 {
    margin-right: 3rem !important;
  }
  .me-md-7 {
    margin-right: 4rem !important;
  }
  .me-md-8 {
    margin-right: 6rem !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: 2rem !important;
  }
  .mb-md-6 {
    margin-bottom: 3rem !important;
  }
  .mb-md-7 {
    margin-bottom: 4rem !important;
  }
  .mb-md-8 {
    margin-bottom: 6rem !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: 2rem !important;
  }
  .ms-md-6 {
    margin-left: 3rem !important;
  }
  .ms-md-7 {
    margin-left: 4rem !important;
  }
  .ms-md-8 {
    margin-left: 6rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -2rem !important;
  }
  .m-md-n6 {
    margin: -3rem !important;
  }
  .m-md-n7 {
    margin: -4rem !important;
  }
  .m-md-n8 {
    margin: -6rem !important;
  }
  .mx-md-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .mx-md-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .mx-md-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-md-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .mx-md-n5 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .mx-md-n6 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .mx-md-n7 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .mx-md-n8 {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }
  .my-md-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-md-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-md-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-md-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .my-md-n5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .my-md-n6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .my-md-n7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .my-md-n8 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .mt-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-md-n3 {
    margin-top: -1rem !important;
  }
  .mt-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-md-n5 {
    margin-top: -2rem !important;
  }
  .mt-md-n6 {
    margin-top: -3rem !important;
  }
  .mt-md-n7 {
    margin-top: -4rem !important;
  }
  .mt-md-n8 {
    margin-top: -6rem !important;
  }
  .me-md-n1 {
    margin-right: -0.25rem !important;
  }
  .me-md-n2 {
    margin-right: -0.5rem !important;
  }
  .me-md-n3 {
    margin-right: -1rem !important;
  }
  .me-md-n4 {
    margin-right: -1.5rem !important;
  }
  .me-md-n5 {
    margin-right: -2rem !important;
  }
  .me-md-n6 {
    margin-right: -3rem !important;
  }
  .me-md-n7 {
    margin-right: -4rem !important;
  }
  .me-md-n8 {
    margin-right: -6rem !important;
  }
  .mb-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-md-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-md-n5 {
    margin-bottom: -2rem !important;
  }
  .mb-md-n6 {
    margin-bottom: -3rem !important;
  }
  .mb-md-n7 {
    margin-bottom: -4rem !important;
  }
  .mb-md-n8 {
    margin-bottom: -6rem !important;
  }
  .ms-md-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-md-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-md-n3 {
    margin-left: -1rem !important;
  }
  .ms-md-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-md-n5 {
    margin-left: -2rem !important;
  }
  .ms-md-n6 {
    margin-left: -3rem !important;
  }
  .ms-md-n7 {
    margin-left: -4rem !important;
  }
  .ms-md-n8 {
    margin-left: -6rem !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: 2rem !important;
  }
  .p-md-6 {
    padding: 3rem !important;
  }
  .p-md-7 {
    padding: 4rem !important;
  }
  .p-md-8 {
    padding: 6rem !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: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-md-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-md-7 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .px-md-8 {
    padding-right: 6rem !important;
    padding-left: 6rem !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: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-md-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-md-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-md-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !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: 2rem !important;
  }
  .pt-md-6 {
    padding-top: 3rem !important;
  }
  .pt-md-7 {
    padding-top: 4rem !important;
  }
  .pt-md-8 {
    padding-top: 6rem !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: 2rem !important;
  }
  .pe-md-6 {
    padding-right: 3rem !important;
  }
  .pe-md-7 {
    padding-right: 4rem !important;
  }
  .pe-md-8 {
    padding-right: 6rem !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: 2rem !important;
  }
  .pb-md-6 {
    padding-bottom: 3rem !important;
  }
  .pb-md-7 {
    padding-bottom: 4rem !important;
  }
  .pb-md-8 {
    padding-bottom: 6rem !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: 2rem !important;
  }
  .ps-md-6 {
    padding-left: 3rem !important;
  }
  .ps-md-7 {
    padding-left: 4rem !important;
  }
  .ps-md-8 {
    padding-left: 6rem !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;
  }
  .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-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !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: 2rem !important;
  }
  .gap-lg-6 {
    gap: 3rem !important;
  }
  .gap-lg-7 {
    gap: 4rem !important;
  }
  .gap-lg-8 {
    gap: 6rem !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            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: 2rem !important;
  }
  .m-lg-6 {
    margin: 3rem !important;
  }
  .m-lg-7 {
    margin: 4rem !important;
  }
  .m-lg-8 {
    margin: 6rem !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: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-lg-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-7 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .mx-lg-8 {
    margin-right: 6rem !important;
    margin-left: 6rem !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: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-lg-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-lg-8 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !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: 2rem !important;
  }
  .mt-lg-6 {
    margin-top: 3rem !important;
  }
  .mt-lg-7 {
    margin-top: 4rem !important;
  }
  .mt-lg-8 {
    margin-top: 6rem !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: 2rem !important;
  }
  .me-lg-6 {
    margin-right: 3rem !important;
  }
  .me-lg-7 {
    margin-right: 4rem !important;
  }
  .me-lg-8 {
    margin-right: 6rem !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: 2rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-7 {
    margin-bottom: 4rem !important;
  }
  .mb-lg-8 {
    margin-bottom: 6rem !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: 2rem !important;
  }
  .ms-lg-6 {
    margin-left: 3rem !important;
  }
  .ms-lg-7 {
    margin-left: 4rem !important;
  }
  .ms-lg-8 {
    margin-left: 6rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -2rem !important;
  }
  .m-lg-n6 {
    margin: -3rem !important;
  }
  .m-lg-n7 {
    margin: -4rem !important;
  }
  .m-lg-n8 {
    margin: -6rem !important;
  }
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .mx-lg-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .mx-lg-n5 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .mx-lg-n6 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .mx-lg-n7 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .mx-lg-n8 {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }
  .my-lg-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-lg-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-lg-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-lg-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .my-lg-n5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .my-lg-n6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .my-lg-n7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .my-lg-n8 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .mt-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-lg-n3 {
    margin-top: -1rem !important;
  }
  .mt-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-lg-n5 {
    margin-top: -2rem !important;
  }
  .mt-lg-n6 {
    margin-top: -3rem !important;
  }
  .mt-lg-n7 {
    margin-top: -4rem !important;
  }
  .mt-lg-n8 {
    margin-top: -6rem !important;
  }
  .me-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .me-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .me-lg-n3 {
    margin-right: -1rem !important;
  }
  .me-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .me-lg-n5 {
    margin-right: -2rem !important;
  }
  .me-lg-n6 {
    margin-right: -3rem !important;
  }
  .me-lg-n7 {
    margin-right: -4rem !important;
  }
  .me-lg-n8 {
    margin-right: -6rem !important;
  }
  .mb-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-lg-n5 {
    margin-bottom: -2rem !important;
  }
  .mb-lg-n6 {
    margin-bottom: -3rem !important;
  }
  .mb-lg-n7 {
    margin-bottom: -4rem !important;
  }
  .mb-lg-n8 {
    margin-bottom: -6rem !important;
  }
  .ms-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-lg-n3 {
    margin-left: -1rem !important;
  }
  .ms-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-lg-n5 {
    margin-left: -2rem !important;
  }
  .ms-lg-n6 {
    margin-left: -3rem !important;
  }
  .ms-lg-n7 {
    margin-left: -4rem !important;
  }
  .ms-lg-n8 {
    margin-left: -6rem !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: 2rem !important;
  }
  .p-lg-6 {
    padding: 3rem !important;
  }
  .p-lg-7 {
    padding: 4rem !important;
  }
  .p-lg-8 {
    padding: 6rem !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: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-lg-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-lg-7 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .px-lg-8 {
    padding-right: 6rem !important;
    padding-left: 6rem !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: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-lg-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-lg-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-lg-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !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: 2rem !important;
  }
  .pt-lg-6 {
    padding-top: 3rem !important;
  }
  .pt-lg-7 {
    padding-top: 4rem !important;
  }
  .pt-lg-8 {
    padding-top: 6rem !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: 2rem !important;
  }
  .pe-lg-6 {
    padding-right: 3rem !important;
  }
  .pe-lg-7 {
    padding-right: 4rem !important;
  }
  .pe-lg-8 {
    padding-right: 6rem !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: 2rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 3rem !important;
  }
  .pb-lg-7 {
    padding-bottom: 4rem !important;
  }
  .pb-lg-8 {
    padding-bottom: 6rem !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: 2rem !important;
  }
  .ps-lg-6 {
    padding-left: 3rem !important;
  }
  .ps-lg-7 {
    padding-left: 4rem !important;
  }
  .ps-lg-8 {
    padding-left: 6rem !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;
  }
  .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-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !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: 2rem !important;
  }
  .gap-xl-6 {
    gap: 3rem !important;
  }
  .gap-xl-7 {
    gap: 4rem !important;
  }
  .gap-xl-8 {
    gap: 6rem !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            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: 2rem !important;
  }
  .m-xl-6 {
    margin: 3rem !important;
  }
  .m-xl-7 {
    margin: 4rem !important;
  }
  .m-xl-8 {
    margin: 6rem !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: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-xl-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-7 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .mx-xl-8 {
    margin-right: 6rem !important;
    margin-left: 6rem !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: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xl-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-xl-8 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !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: 2rem !important;
  }
  .mt-xl-6 {
    margin-top: 3rem !important;
  }
  .mt-xl-7 {
    margin-top: 4rem !important;
  }
  .mt-xl-8 {
    margin-top: 6rem !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: 2rem !important;
  }
  .me-xl-6 {
    margin-right: 3rem !important;
  }
  .me-xl-7 {
    margin-right: 4rem !important;
  }
  .me-xl-8 {
    margin-right: 6rem !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: 2rem !important;
  }
  .mb-xl-6 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-7 {
    margin-bottom: 4rem !important;
  }
  .mb-xl-8 {
    margin-bottom: 6rem !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: 2rem !important;
  }
  .ms-xl-6 {
    margin-left: 3rem !important;
  }
  .ms-xl-7 {
    margin-left: 4rem !important;
  }
  .ms-xl-8 {
    margin-left: 6rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -2rem !important;
  }
  .m-xl-n6 {
    margin: -3rem !important;
  }
  .m-xl-n7 {
    margin: -4rem !important;
  }
  .m-xl-n8 {
    margin: -6rem !important;
  }
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .mx-xl-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .mx-xl-n5 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .mx-xl-n6 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .mx-xl-n7 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .mx-xl-n8 {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }
  .my-xl-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-xl-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-xl-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-xl-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .my-xl-n5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .my-xl-n6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .my-xl-n7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .my-xl-n8 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .mt-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-xl-n3 {
    margin-top: -1rem !important;
  }
  .mt-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-xl-n5 {
    margin-top: -2rem !important;
  }
  .mt-xl-n6 {
    margin-top: -3rem !important;
  }
  .mt-xl-n7 {
    margin-top: -4rem !important;
  }
  .mt-xl-n8 {
    margin-top: -6rem !important;
  }
  .me-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .me-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .me-xl-n3 {
    margin-right: -1rem !important;
  }
  .me-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .me-xl-n5 {
    margin-right: -2rem !important;
  }
  .me-xl-n6 {
    margin-right: -3rem !important;
  }
  .me-xl-n7 {
    margin-right: -4rem !important;
  }
  .me-xl-n8 {
    margin-right: -6rem !important;
  }
  .mb-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-xl-n5 {
    margin-bottom: -2rem !important;
  }
  .mb-xl-n6 {
    margin-bottom: -3rem !important;
  }
  .mb-xl-n7 {
    margin-bottom: -4rem !important;
  }
  .mb-xl-n8 {
    margin-bottom: -6rem !important;
  }
  .ms-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-xl-n3 {
    margin-left: -1rem !important;
  }
  .ms-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-xl-n5 {
    margin-left: -2rem !important;
  }
  .ms-xl-n6 {
    margin-left: -3rem !important;
  }
  .ms-xl-n7 {
    margin-left: -4rem !important;
  }
  .ms-xl-n8 {
    margin-left: -6rem !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: 2rem !important;
  }
  .p-xl-6 {
    padding: 3rem !important;
  }
  .p-xl-7 {
    padding: 4rem !important;
  }
  .p-xl-8 {
    padding: 6rem !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: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-xl-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-xl-7 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .px-xl-8 {
    padding-right: 6rem !important;
    padding-left: 6rem !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: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-xl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-xl-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-xl-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !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: 2rem !important;
  }
  .pt-xl-6 {
    padding-top: 3rem !important;
  }
  .pt-xl-7 {
    padding-top: 4rem !important;
  }
  .pt-xl-8 {
    padding-top: 6rem !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: 2rem !important;
  }
  .pe-xl-6 {
    padding-right: 3rem !important;
  }
  .pe-xl-7 {
    padding-right: 4rem !important;
  }
  .pe-xl-8 {
    padding-right: 6rem !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: 2rem !important;
  }
  .pb-xl-6 {
    padding-bottom: 3rem !important;
  }
  .pb-xl-7 {
    padding-bottom: 4rem !important;
  }
  .pb-xl-8 {
    padding-bottom: 6rem !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: 2rem !important;
  }
  .ps-xl-6 {
    padding-left: 3rem !important;
  }
  .ps-xl-7 {
    padding-left: 4rem !important;
  }
  .ps-xl-8 {
    padding-left: 6rem !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;
  }
  .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-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xxl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !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: 2rem !important;
  }
  .gap-xxl-6 {
    gap: 3rem !important;
  }
  .gap-xxl-7 {
    gap: 4rem !important;
  }
  .gap-xxl-8 {
    gap: 6rem !important;
  }
  .justify-content-xxl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xxl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xxl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xxl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xxl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xxl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-xxl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-xxl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-xxl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-xxl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-xxl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-xxl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-xxl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-xxl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-xxl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-xxl-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-xxl-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-xxl-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-xxl-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-xxl-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            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: 2rem !important;
  }
  .m-xxl-6 {
    margin: 3rem !important;
  }
  .m-xxl-7 {
    margin: 4rem !important;
  }
  .m-xxl-8 {
    margin: 6rem !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: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-xxl-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-7 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .mx-xxl-8 {
    margin-right: 6rem !important;
    margin-left: 6rem !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: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xxl-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-xxl-8 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !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: 2rem !important;
  }
  .mt-xxl-6 {
    margin-top: 3rem !important;
  }
  .mt-xxl-7 {
    margin-top: 4rem !important;
  }
  .mt-xxl-8 {
    margin-top: 6rem !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: 2rem !important;
  }
  .me-xxl-6 {
    margin-right: 3rem !important;
  }
  .me-xxl-7 {
    margin-right: 4rem !important;
  }
  .me-xxl-8 {
    margin-right: 6rem !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: 2rem !important;
  }
  .mb-xxl-6 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-7 {
    margin-bottom: 4rem !important;
  }
  .mb-xxl-8 {
    margin-bottom: 6rem !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: 2rem !important;
  }
  .ms-xxl-6 {
    margin-left: 3rem !important;
  }
  .ms-xxl-7 {
    margin-left: 4rem !important;
  }
  .ms-xxl-8 {
    margin-left: 6rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .m-xxl-n1 {
    margin: -0.25rem !important;
  }
  .m-xxl-n2 {
    margin: -0.5rem !important;
  }
  .m-xxl-n3 {
    margin: -1rem !important;
  }
  .m-xxl-n4 {
    margin: -1.5rem !important;
  }
  .m-xxl-n5 {
    margin: -2rem !important;
  }
  .m-xxl-n6 {
    margin: -3rem !important;
  }
  .m-xxl-n7 {
    margin: -4rem !important;
  }
  .m-xxl-n8 {
    margin: -6rem !important;
  }
  .mx-xxl-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .mx-xxl-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .mx-xxl-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-xxl-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .mx-xxl-n5 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .mx-xxl-n6 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .mx-xxl-n7 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .mx-xxl-n8 {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }
  .my-xxl-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-xxl-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-xxl-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-xxl-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .my-xxl-n5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .my-xxl-n6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .my-xxl-n7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .my-xxl-n8 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .mt-xxl-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-xxl-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-xxl-n3 {
    margin-top: -1rem !important;
  }
  .mt-xxl-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-xxl-n5 {
    margin-top: -2rem !important;
  }
  .mt-xxl-n6 {
    margin-top: -3rem !important;
  }
  .mt-xxl-n7 {
    margin-top: -4rem !important;
  }
  .mt-xxl-n8 {
    margin-top: -6rem !important;
  }
  .me-xxl-n1 {
    margin-right: -0.25rem !important;
  }
  .me-xxl-n2 {
    margin-right: -0.5rem !important;
  }
  .me-xxl-n3 {
    margin-right: -1rem !important;
  }
  .me-xxl-n4 {
    margin-right: -1.5rem !important;
  }
  .me-xxl-n5 {
    margin-right: -2rem !important;
  }
  .me-xxl-n6 {
    margin-right: -3rem !important;
  }
  .me-xxl-n7 {
    margin-right: -4rem !important;
  }
  .me-xxl-n8 {
    margin-right: -6rem !important;
  }
  .mb-xxl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-xxl-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-xxl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-xxl-n5 {
    margin-bottom: -2rem !important;
  }
  .mb-xxl-n6 {
    margin-bottom: -3rem !important;
  }
  .mb-xxl-n7 {
    margin-bottom: -4rem !important;
  }
  .mb-xxl-n8 {
    margin-bottom: -6rem !important;
  }
  .ms-xxl-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-xxl-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-xxl-n3 {
    margin-left: -1rem !important;
  }
  .ms-xxl-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-xxl-n5 {
    margin-left: -2rem !important;
  }
  .ms-xxl-n6 {
    margin-left: -3rem !important;
  }
  .ms-xxl-n7 {
    margin-left: -4rem !important;
  }
  .ms-xxl-n8 {
    margin-left: -6rem !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: 2rem !important;
  }
  .p-xxl-6 {
    padding: 3rem !important;
  }
  .p-xxl-7 {
    padding: 4rem !important;
  }
  .p-xxl-8 {
    padding: 6rem !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: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-xxl-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-xxl-7 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .px-xxl-8 {
    padding-right: 6rem !important;
    padding-left: 6rem !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: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-xxl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-xxl-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-xxl-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !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: 2rem !important;
  }
  .pt-xxl-6 {
    padding-top: 3rem !important;
  }
  .pt-xxl-7 {
    padding-top: 4rem !important;
  }
  .pt-xxl-8 {
    padding-top: 6rem !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: 2rem !important;
  }
  .pe-xxl-6 {
    padding-right: 3rem !important;
  }
  .pe-xxl-7 {
    padding-right: 4rem !important;
  }
  .pe-xxl-8 {
    padding-right: 6rem !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: 2rem !important;
  }
  .pb-xxl-6 {
    padding-bottom: 3rem !important;
  }
  .pb-xxl-7 {
    padding-bottom: 4rem !important;
  }
  .pb-xxl-8 {
    padding-bottom: 6rem !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: 2rem !important;
  }
  .ps-xxl-6 {
    padding-left: 3rem !important;
  }
  .ps-xxl-7 {
    padding-left: 4rem !important;
  }
  .ps-xxl-8 {
    padding-left: 6rem !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: 3rem !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-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

html, body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background-color: var(--mag-bg-default);
  color: var(--mag-text-primary);
  overflow-x: hidden;
}

* {
  outline: none;
}

.container .container {
  padding-left: 0;
  padding-right: 0;
}

.layout-container {
  margin: 0;
}

.block-system {
  position: relative;
  z-index: 1;
}

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

.tabledrag-handle {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  html {
    font-size: 18px;
  }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.2;
  color: var(--mag-headline);
}

h1, .h1 {
  font-size: 3rem;
}

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

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

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

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

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

h1.page-title {
  margin-bottom: 0;
  line-height: 1.1;
}

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

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid var(--mag-divider);
}

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

.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: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: var(--mag-text-secondary);
}

.blockquote-footer::before {
  content: "\2014 \00A0";
}

.maintenance-page .layout-container {
  width: auto;
  margin: 1.5rem;
  padding: 3rem;
  border: 1px solid var(--mag-border);
}

@media (min-width: 768px) {
  .maintenance-page .layout-container {
    width: 700px;
    margin: 3rem auto;
  }
}

.maintenance-page .layout-container header {
  border-bottom: 1px solid var(--mag-border);
  margin-bottom: 1rem;
  padding-bottom: 1.4rem;
}

.maintenance-page .layout-container h1 {
  font-size: 2rem;
  color: var(--mag-text-primary);
}

.error-wrapper {
  text-align: center;
}

.error-wrapper .block-system {
  margin-top: 2rem;
  color: var(--mag-text-secondary);
}

.error-wrapper .block-search {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--mag-border);
}

.error-code {
  font-size: 10rem;
  font-weight: 100;
  line-height: 10rem;
}

figure {
  margin-bottom: 1rem;
}

figcaption, .paragraph--type--video .field--name-field-description {
  padding: 10px 0 0;
  color: var(--mag-text-hint);
  font-size: .9rem;
  text-align: left;
}

.table {
  width: 100%;
  color: var(--mag-text-primary);
}

@media (min-width: 768px) {
  .table {
    font-size: 16px;
  }
}

.table tr td.is-active, .table tr th.is-active {
  background-color: var(--mag-bg-grey);
  border-color: var(--mag-divider);
}

.table tr td:first-child, .table tr th:first-child {
  padding-left: 0;
}

.table tr td:last-child, .table tr th:last-child {
  padding-right: 0;
}

.table thead th {
  padding: 12px 16px;
  border-bottom: 1px solid var(--mag-border);
}

.table thead th a {
  color: var(--mag-headline);
}

.table tbody td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--mag-border);
}

.field__label {
  color: var(--mag-text-secondary);
}

.field__label:after {
  content: ':';
}

.field--label-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.field--label-inline .field__label {
  margin-right: .5556rem;
}

.field--name-field-mg-category,
.field--name-field-channel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}

.teaser__channel i,
.field--name-field-mg-category i,
.field--name-field-channel i {
  display: block;
  width: .5556rem;
  height: 1.1111rem;
  margin-right: .3rem;
  position: relative;
}

.teaser__channel i:before, .teaser__channel i:after,
.field--name-field-mg-category i:before,
.field--name-field-mg-category i:after,
.field--name-field-channel i:before,
.field--name-field-channel i:after {
  content: '';
  display: block;
  background-color: inherit;
  position: absolute;
  width: .5556rem;
  height: 1.1111rem;
}

.teaser__channel i:before,
.field--name-field-mg-category i:before,
.field--name-field-channel i:before {
  -webkit-box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.1);
  top: -.2778rem;
  left: -.2778rem;
  z-index: 1;
}

.teaser__channel i:after,
.field--name-field-mg-category i:after,
.field--name-field-channel i:after {
  top: 0;
  left: 0;
  z-index: 2;
}

.channel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  line-height: 1;
}

.channel__icon {
  width: .5556rem;
  height: 1.1111rem;
  margin-right: .3rem;
  position: relative;
}

.channel__icon:before, .channel__icon:after {
  content: '';
  display: block;
  background-color: inherit;
  position: absolute;
  width: .5556rem;
  height: 1.1111rem;
}

.channel__icon:before {
  -webkit-box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.1);
  top: -.2778rem;
  left: -.2778rem;
  z-index: 1;
}

.channel__icon:after {
  top: 0;
  left: 0;
  z-index: 2;
}

.channel__label {
  color: var(--mag-text-secondary);
}

.channel__label a {
  color: var(--mag-text-secondary);
  text-decoration: none;
}

.channel__label a:hover {
  text-decoration: underline;
}

.channel--white, .channel--white a {
  color: rgba(255, 255, 255, 0.7);
}

.field--name-field-tags,
.field--name-field-mg-tags {
  margin: 1.5rem 0 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--mag-divider);
  font-size: .8rem;
  font-weight: bold;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .field--name-field-tags,
  .field--name-field-mg-tags {
    font-size: .7rem;
  }
}

.field--name-field-tags a,
.field--name-field-mg-tags a {
  color: var(--mag-text-primary);
}

.field--name-field-tags .field__label:after,
.field--name-field-mg-tags .field__label:after {
  content: '';
}

.field--name-field-tags .field__items,
.field--name-field-mg-tags .field__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.field--name-field-tags .field__item,
.field--name-field-mg-tags .field__item {
  margin-right: .5556rem;
}

.field--name-field-tags .field__item:before,
.field--name-field-mg-tags .field__item:before {
  content: '';
}

label {
  display: table;
  margin: 0 0 4px;
  padding: 0;
  color: var(--mag-text-primary);
  font-size: 16px;
  font-weight: normal;
}

label.error {
  color: var(--mag-error);
}

label[for] {
  cursor: pointer;
}

.form-disabled label {
  color: var(--mag-text-hint);
}

.form-item {
  margin: 0 0 16px;
}

.form-item:last-child {
  margin-bottom: 0;
}

label.option {
  margin-left: 8px;
  text-transform: none;
}

.form--inline {
  display: block;
}

@media (min-width: 768px) {
  .form--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.form--inline .form-item {
  width: 100%;
}

@media (min-width: 768px) {
  .form--inline .form-item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-bottom: 0;
  }
}

.form--inline .form-item input {
  width: 100%;
}

.form--inline .form-actions {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  margin: 0;
}

.form--inline .form-actions .button {
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  .form--inline .form-actions .button {
    display: inline-block;
    width: auto;
  }
}

.form-type-checkbox {
  padding: 0;
}

input.form-autocomplete,
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-number,
input.form-color,
input.form-file,
input.form-date,
input.form-time,
textarea.form-textarea,
select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  padding: 8px 16px;
  /* LTR */
  border: 1px solid var(--mag-border);
  border-radius: 4px;
  background: var(--mag-bg-default);
  color: var(--mag-text-primary);
  font-size: 16px;
  line-height: 1.5;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

input.form-autocomplete:focus,
input.form-text:focus,
input.form-tel:focus,
input.form-email:focus,
input.form-url:focus,
input.form-search:focus,
input.form-number:focus,
input.form-color:focus,
input.form-file:focus,
input.form-date:focus,
input.form-time:focus,
textarea.form-textarea:focus,
select:focus {
  border-color: var(--mag-primary);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
}

input.form-autocomplete.error,
input.form-text.error,
input.form-tel.error,
input.form-email.error,
input.form-url.error,
input.form-search.error,
input.form-number.error,
input.form-color.error,
input.form-file.error,
input.form-date.error,
input.form-time.error,
textarea.form-textarea.error,
select.error {
  border: 2px solid var(--mag-error);
}

input.form-autocomplete::-webkit-input-placeholder, input.form-text::-webkit-input-placeholder, input.form-tel::-webkit-input-placeholder, input.form-email::-webkit-input-placeholder, input.form-url::-webkit-input-placeholder, input.form-search::-webkit-input-placeholder, input.form-number::-webkit-input-placeholder, input.form-color::-webkit-input-placeholder, input.form-file::-webkit-input-placeholder, input.form-date::-webkit-input-placeholder, input.form-time::-webkit-input-placeholder, textarea.form-textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
  color: var(--mag-text-hint);
}

input.form-autocomplete::-moz-placeholder, input.form-text::-moz-placeholder, input.form-tel::-moz-placeholder, input.form-email::-moz-placeholder, input.form-url::-moz-placeholder, input.form-search::-moz-placeholder, input.form-number::-moz-placeholder, input.form-color::-moz-placeholder, input.form-file::-moz-placeholder, input.form-date::-moz-placeholder, input.form-time::-moz-placeholder, textarea.form-textarea::-moz-placeholder, select::-moz-placeholder {
  color: var(--mag-text-hint);
}

input.form-autocomplete:-ms-input-placeholder, input.form-text:-ms-input-placeholder, input.form-tel:-ms-input-placeholder, input.form-email:-ms-input-placeholder, input.form-url:-ms-input-placeholder, input.form-search:-ms-input-placeholder, input.form-number:-ms-input-placeholder, input.form-color:-ms-input-placeholder, input.form-file:-ms-input-placeholder, input.form-date:-ms-input-placeholder, input.form-time:-ms-input-placeholder, textarea.form-textarea:-ms-input-placeholder, select:-ms-input-placeholder {
  color: var(--mag-text-hint);
}

input.form-autocomplete::-ms-input-placeholder, input.form-text::-ms-input-placeholder, input.form-tel::-ms-input-placeholder, input.form-email::-ms-input-placeholder, input.form-url::-ms-input-placeholder, input.form-search::-ms-input-placeholder, input.form-number::-ms-input-placeholder, input.form-color::-ms-input-placeholder, input.form-file::-ms-input-placeholder, input.form-date::-ms-input-placeholder, input.form-time::-ms-input-placeholder, textarea.form-textarea::-ms-input-placeholder, select::-ms-input-placeholder {
  color: var(--mag-text-hint);
}

input.form-autocomplete::placeholder,
input.form-text::placeholder,
input.form-tel::placeholder,
input.form-email::placeholder,
input.form-url::placeholder,
input.form-search::placeholder,
input.form-number::placeholder,
input.form-color::placeholder,
input.form-file::placeholder,
input.form-date::placeholder,
input.form-time::placeholder,
textarea.form-textarea::placeholder,
select::placeholder {
  color: var(--mag-text-hint);
}

select {
  background-image: url(../images/icons/arrow_drop_down.svg);
  background-color: var(--mag-bg-default);
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.address-container-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.address-container-inline input {
  width: 100%;
}

.address-container-inline .form-item {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 16px 16px 0;
}

.address-container-inline .form-item:last-child {
  margin-right: 0;
}

.confirm-parent,
.password-parent {
  overflow: visible;
  width: auto;
}

.form-item-options-group-info-identifier,
.form-item-pass .description {
  clear: both;
}

#edit-cancel {
  margin-left: 16px;
  /* LTR */
}

[dir="rtl"] #edit-cancel {
  margin-right: 16px;
  margin-left: 0;
}

.form-type-checkbox {
  padding: 0;
}

input.form-autocomplete,
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-number,
input.form-color,
input.form-file,
input.form-date,
input.form-time,
textarea.form-textarea,
select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 8px 16px;
  /* LTR */
  border: 1px solid var(--mag-border);
  border-radius: 4px;
  background: var(--mag-bg-default);
  color: var(--mag-text-primary);
  font-size: 16px;
  line-height: 1.5;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

input.form-autocomplete:focus,
input.form-text:focus,
input.form-tel:focus,
input.form-email:focus,
input.form-url:focus,
input.form-search:focus,
input.form-number:focus,
input.form-color:focus,
input.form-file:focus,
input.form-date:focus,
input.form-time:focus,
textarea.form-textarea:focus,
select:focus {
  border-color: var(--mag-primary);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
}

input.form-autocomplete.error,
input.form-text.error,
input.form-tel.error,
input.form-email.error,
input.form-url.error,
input.form-search.error,
input.form-number.error,
input.form-color.error,
input.form-file.error,
input.form-date.error,
input.form-time.error,
textarea.form-textarea.error,
select.error {
  border: 2px solid var(--mag-error);
}

input.form-autocomplete::-webkit-input-placeholder, input.form-text::-webkit-input-placeholder, input.form-tel::-webkit-input-placeholder, input.form-email::-webkit-input-placeholder, input.form-url::-webkit-input-placeholder, input.form-search::-webkit-input-placeholder, input.form-number::-webkit-input-placeholder, input.form-color::-webkit-input-placeholder, input.form-file::-webkit-input-placeholder, input.form-date::-webkit-input-placeholder, input.form-time::-webkit-input-placeholder, textarea.form-textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
  color: var(--mag-text-hint);
}

input.form-autocomplete::-moz-placeholder, input.form-text::-moz-placeholder, input.form-tel::-moz-placeholder, input.form-email::-moz-placeholder, input.form-url::-moz-placeholder, input.form-search::-moz-placeholder, input.form-number::-moz-placeholder, input.form-color::-moz-placeholder, input.form-file::-moz-placeholder, input.form-date::-moz-placeholder, input.form-time::-moz-placeholder, textarea.form-textarea::-moz-placeholder, select::-moz-placeholder {
  color: var(--mag-text-hint);
}

input.form-autocomplete:-ms-input-placeholder, input.form-text:-ms-input-placeholder, input.form-tel:-ms-input-placeholder, input.form-email:-ms-input-placeholder, input.form-url:-ms-input-placeholder, input.form-search:-ms-input-placeholder, input.form-number:-ms-input-placeholder, input.form-color:-ms-input-placeholder, input.form-file:-ms-input-placeholder, input.form-date:-ms-input-placeholder, input.form-time:-ms-input-placeholder, textarea.form-textarea:-ms-input-placeholder, select:-ms-input-placeholder {
  color: var(--mag-text-hint);
}

input.form-autocomplete::-ms-input-placeholder, input.form-text::-ms-input-placeholder, input.form-tel::-ms-input-placeholder, input.form-email::-ms-input-placeholder, input.form-url::-ms-input-placeholder, input.form-search::-ms-input-placeholder, input.form-number::-ms-input-placeholder, input.form-color::-ms-input-placeholder, input.form-file::-ms-input-placeholder, input.form-date::-ms-input-placeholder, input.form-time::-ms-input-placeholder, textarea.form-textarea::-ms-input-placeholder, select::-ms-input-placeholder {
  color: var(--mag-text-hint);
}

input.form-autocomplete::placeholder,
input.form-text::placeholder,
input.form-tel::placeholder,
input.form-email::placeholder,
input.form-url::placeholder,
input.form-search::placeholder,
input.form-number::placeholder,
input.form-color::placeholder,
input.form-file::placeholder,
input.form-date::placeholder,
input.form-time::placeholder,
textarea.form-textarea::placeholder,
select::placeholder {
  color: var(--mag-text-hint);
}

select {
  background-image: url(../images/icons/arrow_drop_down.svg);
  background-color: var(--mag-bg-default);
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.address-container-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.address-container-inline input {
  width: 100%;
}

.address-container-inline .form-item {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 16px 16px 0;
}

.address-container-inline .form-item:last-child {
  margin-right: 0;
}

.confirm-parent,
.password-parent {
  overflow: visible;
  width: auto;
}

.form-item-options-group-info-identifier,
.form-item-pass .description {
  clear: both;
}

#edit-cancel {
  margin-left: 16px;
  /* LTR */
}

#edit-cancel:first-child {
  margin-left: 0;
}

[dir="rtl"] #edit-cancel {
  margin-right: 16px;
  margin-left: 0;
}

[dir="rtl"] #edit-cancel:last-child {
  margin-left: 0;
}

fieldset legend {
  padding: 12px 0;
  margin-bottom: 12px;
}

details summary {
  display: block;
  background-color: var(--mag-button);
  padding: 1rem;
  font-size: .9rem;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

details summary:before {
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  margin-right: 10px;
}

details summary:hover {
  background-color: var(--mag-button-hover);
}

details summary[aria-expanded="true"]:before {
  content: "\f106";
}

details summary::-webkit-details-marker {
  display: none;
}

details .details-wrapper {
  background-color: var(--mag-bg-default);
  padding: 1.5rem;
  border: 1px solid var(--mag-divider);
  border-top: none;
}

details a.details-title {
  color: var(--mag-headline);
  text-decoration: none;
}

details .action {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--mag-divider);
}

button:focus, input[type='submet']:focus {
  outline: none;
}

.button {
  display: inline-block;
  background-color: var(--mag-button);
  padding: 8px 24px;
  border: 1px solid var(--mag-button);
  border-radius: 0.25rem;
  color: var(--mag-text-primary);
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  cursor: pointer;
}

.button:hover {
  background-color: var(--mag-button-hover);
  border-color: var(--mag-button-hover);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.button:active {
  background-color: var(--mag-button);
  border-color: var(--mag-button);
  -webkit-box-shadow: none;
          box-shadow: none;
}

a.button {
  color: var(--mag-text-primary);
  text-decoration: none;
}

a.button:hover {
  color: var(--mag-text-primary);
}

.button--primary {
  background-color: #88bd24;
  border-color: #88bd24;
  color: #FFF;
}

.button--primary:hover {
  background-color: #5ab1f6;
  border-color: #5ab1f6;
  color: #FFF;
  text-shadow: 0 -1px 0 rgba(66, 165, 245, 0.3);
}

@media (min-width: 992px) {
  .button--large {
    padding: 15px 3rem;
  }
}

.horizontal-tabs {
  margin: 0 0 1rem 0;
  padding: 0;
  border: none;
}

.horizontal-tabs ul.horizontal-tabs-list {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--mag-border);
}

.horizontal-tabs ul.horizontal-tabs-list .horizontal-tab-button {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  text-transform: uppercase;
}

.horizontal-tabs ul.horizontal-tabs-list .horizontal-tab-button a, .horizontal-tabs ul.horizontal-tabs-list .horizontal-tab-button.selected a {
  color: var(--mag-text-secondary);
  margin-bottom: -3px;
  padding: .5rem 1rem;
  -webkit-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

@media (min-width: 992px) {
  .horizontal-tabs ul.horizontal-tabs-list .horizontal-tab-button a, .horizontal-tabs ul.horizontal-tabs-list .horizontal-tab-button.selected a {
    padding: 1rem 2rem;
  }
}

.horizontal-tabs ul.horizontal-tabs-list .horizontal-tab-button a:hover, .horizontal-tabs ul.horizontal-tabs-list .horizontal-tab-button.selected a:hover {
  background-color: transparent;
  color: var(--mag-headline);
}

.horizontal-tabs ul.horizontal-tabs-list .horizontal-tab-button.selected a {
  border-bottom: 6px solid var(--mag-headline);
  color: var(--mag-headline);
}

.horizontal-tabs details.horizontal-tabs-pane {
  padding: 1rem 0 0 0;
}

.horizontal-tabs details.horizontal-tabs-pane > .details-wrapper {
  background: transparent;
  padding: 0;
  border: none;
}

.horizontal-tabs details.horizontal-tabs-pane table tr:first-child th, .horizontal-tabs details.horizontal-tabs-pane table tr:first-child td {
  border-top: none;
}





[class*="block-region-"] .block {
  margin-bottom: 3rem;
}

.layout__region--article-header .block,
.layout__region--article-footer .block,
.layout__region--article-social-buttons .block {
  margin-bottom: 0;
}

.block--region-content-header {
  margin-bottom: .5rem;
}

.block--region-content-header:last-child {
  margin-bottom: 0;
}

.layout__region--article-sidebar-right .block,
.block-region-article-sidebar-right {
  margin-bottom: 2rem;
}

.block--region-content-administration {
  margin-bottom: 2rem;
}

.layout-builder-powered-page .block--region-content-administration {
  margin-bottom: 0;
}

.page-footer .block:not(:last-child) {
  margin-bottom: 2rem;
}

.page-footer .block--views:not(:last-child) {
  margin-bottom: 2rem;
}

.themag-layout .block:not(:last-child) {
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .themag-layout .block:not(:last-child) {
    margin-bottom: 3rem;
  }
}

.block--system-branding-block img {
  max-width: 100%;
  max-height: 100%;
	padding-left: 20px;
}

.block--region-logo {
  height: 40px;
}

@media (min-width: 992px) {
  .block--region-logo {
    height: auto;
  }
}

.block--page-title-block .field__label {
  color: var(--mag-text-primary);
}

.block--region-content-header.block--page-title-block,
.block--layout-builder.block--page-title-block {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.block--region-content-header.block--page-title-block .title-lines,
.block--layout-builder.block--page-title-block .title-lines {
  position: relative;
}

.block--region-content-header.block--page-title-block .title-lines:after, .block--region-content-header.block--page-title-block .title-lines:before,
.block--layout-builder.block--page-title-block .title-lines:after,
.block--layout-builder.block--page-title-block .title-lines:before {
  content: "";
  display: block;
  border-top: 1px solid var(--mag-border);
}

.block--region-content-header.block--page-title-block .title-lines:after,
.block--layout-builder.block--page-title-block .title-lines:after {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}

.block--region-content-header.block--page-title-block .page-title,
.block--layout-builder.block--page-title-block .page-title {
  margin-bottom: 0;
  padding-right: 1.5rem;
  color: var(--mag-headline);
  position: relative;
  z-index: 5;
}

.block--advertisement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.layout-builder-discard-changes.confirmation,
.layout-builder-revert-overrides.confirmation {
  max-width: 600px;
  margin: 3rem auto;
  padding: 3rem;
  border: 1px solid var(--mag-border);
  font-size: 1.5rem;
  text-align: center;
}

.layout-builder-discard-changes.confirmation .form-actions,
.layout-builder-revert-overrides.confirmation .form-actions {
  margin-top: 1rem;
}

.slick {
  opacity: 0;
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}

.slick.slick--initialized {
  opacity: 1;
}

.slick--optionset--single-item-slider {
  position: relative;
}

.slick--optionset--single-item-slider .slick-slide {
  position: relative;
}

.slick--optionset--single-item-slider nav.slick__arrow button {
  display: none !important;
  background: transparent;
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 0;
  color: #FFF;
  position: absolute;
  top: 100%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  opacity: .7;
  cursor: pointer;
}

@media (min-width: 992px) {
  .slick--optionset--single-item-slider nav.slick__arrow button {
    display: block !important;
    top: 50%;
  }
}

@media screen and (min-width: 1200px) and (min-height: 900px) {
  .slick--optionset--single-item-slider nav.slick__arrow button {
    width: 65px;
    height: 65px;
  }
}

.slick--optionset--single-item-slider nav.slick__arrow button.slick-prev {
  left: 5%;
}

@media (min-width: 1200px) {
  .slick--optionset--single-item-slider nav.slick__arrow button.slick-prev {
    left: 7%;
  }
}

.slick--optionset--single-item-slider nav.slick__arrow button.slick-next {
  right: 5%;
}

@media (min-width: 1200px) {
  .slick--optionset--single-item-slider nav.slick__arrow button.slick-next {
    right: 7%;
  }
}

.slick--optionset--single-item-slider nav.slick__arrow button:hover {
  opacity: 1;
}

.slick--optionset--single-item-slider .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  bottom: 1.5rem;
}

.slick--optionset--single-item-slider .slick-dots li {
  opacity: .3;
}

.slick--optionset--single-item-slider .slick-dots li.slick-active {
  opacity: 1;
}

.slick--optionset--single-item-slider .slick-dots button {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 35px;
  height: 10px;
  margin: 0 .3rem;
  border: none;
  border-top: 2px solid #FFF;
  overflow: hidden;
}

.slick--optionset--center-mode-slider, .slick--optionset--two-column-slider, .slick--optionset--gallery-slider {
  position: relative;
}

@media (min-width: 768px) {
  .slick--optionset--center-mode-slider .slick-slide, .slick--optionset--two-column-slider .slick-slide, .slick--optionset--gallery-slider .slick-slide {
    margin: 0 .8rem;
  }
}

.slick--optionset--center-mode-slider nav.slick__arrow button, .slick--optionset--two-column-slider nav.slick__arrow button, .slick--optionset--gallery-slider nav.slick__arrow button {
  display: block;
  background: rgba(32, 41, 54, 0.25);
  width: calc(15% - .8rem);
  border: none;
  color: #FFF;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  opacity: 0;
}

.slick--optionset--center-mode-slider nav.slick__arrow button.slick-prev, .slick--optionset--two-column-slider nav.slick__arrow button.slick-prev, .slick--optionset--gallery-slider nav.slick__arrow button.slick-prev {
  left: 0;
}

.slick--optionset--center-mode-slider nav.slick__arrow button.slick-next, .slick--optionset--two-column-slider nav.slick__arrow button.slick-next, .slick--optionset--gallery-slider nav.slick__arrow button.slick-next {
  right: 0;
}

.slick--optionset--center-mode-slider nav.slick__arrow button:hover, .slick--optionset--two-column-slider nav.slick__arrow button:hover, .slick--optionset--gallery-slider nav.slick__arrow button:hover {
  opacity: 1;
}

.slick--optionset--center-mode-slider .slick-dots, .slick--optionset--two-column-slider .slick-dots, .slick--optionset--gallery-slider .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  bottom: 1.5rem;
}

.slick--optionset--center-mode-slider .slick-dots li, .slick--optionset--two-column-slider .slick-dots li, .slick--optionset--gallery-slider .slick-dots li {
  opacity: .3;
}

.slick--optionset--center-mode-slider .slick-dots li.slick-active, .slick--optionset--two-column-slider .slick-dots li.slick-active, .slick--optionset--gallery-slider .slick-dots li.slick-active {
  opacity: 1;
}

.slick--optionset--center-mode-slider .slick-dots li.slick-active button, .slick--optionset--two-column-slider .slick-dots li.slick-active button, .slick--optionset--gallery-slider .slick-dots li.slick-active button {
  background-color: #FFF;
}

.slick--optionset--center-mode-slider .slick-dots button, .slick--optionset--two-column-slider .slick-dots button, .slick--optionset--gallery-slider .slick-dots button {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 6px;
  height: 6px;
  margin: 0 .3rem;
  padding: 0;
  border: 1px solid #FFF;
  border-radius: 50%;
  overflow: hidden;
}

@media (min-width: 768px) {
  .slick--optionset--two-column-slider .slick-slide {
    margin: 0 .6rem;
  }
}

.slick--optionset--two-column-slider nav.slick__arrow button {
  width: calc(10% - .6rem);
}

@media (min-width: 1200px) {
  .slick--optionset--two-column-slider nav.slick__arrow button {
    width: calc(5% - .6rem);
  }
}

.slick--optionset--gallery-slider .slick-slide {
  margin: 0;
}

.slick--optionset--gallery-slider .slick-slide:hover .nav.slick__arrow button {
  opacity: .9;
}

.slick--optionset--gallery-slider nav.slick__arrow button {
  width: 50px;
  height: 100px;
  top: calc(50% - 50px);
  bottom: auto;
  opacity: .8;
}

@media (min-width: 992px) {
  .slick--optionset--gallery-slider nav.slick__arrow button {
    width: 100px;
    display: block;
  }
}

.shariff[data-css="min"] ul,
.shariff[data-css="complete"] ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: none;
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}

.shariff[data-css="min"] ul li,
.shariff[data-css="complete"] ul li {
  margin: 0;
}

.shariff[data-css="min"] ul li,
.shariff[data-css="complete"] ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 .2778rem 0;
  font-family: "Roboto", sans-serif;
  text-transform: capitalize;
}

.shariff[data-css="min"] ul li:first-child,
.shariff[data-css="complete"] ul li:first-child {
  margin-left: 0;
}

.shariff[data-css="min"] ul li:last-child,
.shariff[data-css="complete"] ul li:last-child {
  margin-right: 0;
}

.shariff[data-css="min"] a,
.shariff[data-css="complete"] a {
  display: block;
  min-width: 6rem;
  padding: .4rem .5556rem;
  border-radius: .25rem;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  line-height: 1rem;
  white-space: nowrap;
}

.shariff[data-css="min"] a .share_text,
.shariff[data-css="complete"] a .share_text {
  display: none;
  font-size: .85rem;
}

@media (min-width: 768px) {
  .shariff[data-css="min"] a .share_text,
  .shariff[data-css="complete"] a .share_text {
    display: inline-block;
    margin-left: .5rem;
  }
}

.shariff[data-css="min"] ul.theme-white li.addthis a,
.shariff[data-css="complete"] ul.theme-white li.addthis a {
  color: #f8694d;
  border-color: #f8694d;
}

.shariff[data-css="min"] ul.theme-white li.addthis a:hover,
.shariff[data-css="complete"] ul.theme-white li.addthis a:hover {
  background-color: #f8694d;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.diaspora a,
.shariff[data-css="complete"] ul.theme-white li.diaspora a {
  color: #999;
  border-color: #999;
}

.shariff[data-css="min"] ul.theme-white li.diaspora a:hover,
.shariff[data-css="complete"] ul.theme-white li.diaspora a:hover {
  background-color: #999;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.facebook a,
.shariff[data-css="complete"] ul.theme-white li.facebook a {
  color: #3b5998;
  border-color: #3b5998;
}

.shariff[data-css="min"] ul.theme-white li.facebook a:hover,
.shariff[data-css="complete"] ul.theme-white li.facebook a:hover {
  background-color: #3b5998;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.flattr a,
.shariff[data-css="complete"] ul.theme-white li.flattr a {
  color: #7ea352;
  border-color: #7ea352;
}

.shariff[data-css="min"] ul.theme-white li.flattr a:hover,
.shariff[data-css="complete"] ul.theme-white li.flattr a:hover {
  background-color: #7ea352;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.flipboard a,
.shariff[data-css="complete"] ul.theme-white li.flipboard a {
  color: #e12828;
  border-color: #e12828;
}

.shariff[data-css="min"] ul.theme-white li.flipboard a:hover,
.shariff[data-css="complete"] ul.theme-white li.flipboard a:hover {
  background-color: #e12828;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.googleplus a,
.shariff[data-css="complete"] ul.theme-white li.googleplus a {
  color: #d34836;
  border-color: #d34836;
}

.shariff[data-css="min"] ul.theme-white li.googleplus a:hover,
.shariff[data-css="complete"] ul.theme-white li.googleplus a:hover {
  background-color: #d34836;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.linkedin a,
.shariff[data-css="complete"] ul.theme-white li.linkedin a {
  color: #0077b5;
  border-color: #0077b5;
}

.shariff[data-css="min"] ul.theme-white li.linkedin a:hover,
.shariff[data-css="complete"] ul.theme-white li.linkedin a:hover {
  background-color: #0077b5;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.mail a,
.shariff[data-css="complete"] ul.theme-white li.mail a {
  color: #03a9f4;
  border-color: #03a9f4;
}

.shariff[data-css="min"] ul.theme-white li.mail a:hover,
.shariff[data-css="complete"] ul.theme-white li.mail a:hover {
  background-color: #03a9f4;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.pinterest a,
.shariff[data-css="complete"] ul.theme-white li.pinterest a {
  color: #bd081c;
  border-color: #bd081c;
}

.shariff[data-css="min"] ul.theme-white li.pinterest a:hover,
.shariff[data-css="complete"] ul.theme-white li.pinterest a:hover {
  background-color: #bd081c;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.print a,
.shariff[data-css="complete"] ul.theme-white li.print a {
  color: #999;
  border-color: #999;
}

.shariff[data-css="min"] ul.theme-white li.print a:hover,
.shariff[data-css="complete"] ul.theme-white li.print a:hover {
  background-color: #999;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.qzone a,
.shariff[data-css="complete"] ul.theme-white li.qzone a {
  color: #2B82D9;
  border-color: #2B82D9;
}

.shariff[data-css="min"] ul.theme-white li.qzone a:hover,
.shariff[data-css="complete"] ul.theme-white li.qzone a:hover {
  background-color: #2B82D9;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.reddit a,
.shariff[data-css="complete"] ul.theme-white li.reddit a {
  color: #ff4500;
  border-color: #ff4500;
}

.shariff[data-css="min"] ul.theme-white li.reddit a:hover,
.shariff[data-css="complete"] ul.theme-white li.reddit a:hover {
  background-color: #ff4500;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.stumbleupon a,
.shariff[data-css="complete"] ul.theme-white li.stumbleupon a {
  color: #eb4924;
  border-color: #eb4924;
}

.shariff[data-css="min"] ul.theme-white li.stumbleupon a:hover,
.shariff[data-css="complete"] ul.theme-white li.stumbleupon a:hover {
  background-color: #eb4924;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.telegram a,
.shariff[data-css="complete"] ul.theme-white li.telegram a {
  color: #0088cc;
  border-color: #0088cc;
}

.shariff[data-css="min"] ul.theme-white li.telegram a:hover,
.shariff[data-css="complete"] ul.theme-white li.telegram a:hover {
  background-color: #0088cc;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.tencent-weibo a,
.shariff[data-css="complete"] ul.theme-white li.tencent-weibo a {
  color: #26ACE0;
  border-color: #26ACE0;
}

.shariff[data-css="min"] ul.theme-white li.tencent-weibo a:hover,
.shariff[data-css="complete"] ul.theme-white li.tencent-weibo a:hover {
  background-color: #26ACE0;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.threema a,
.shariff[data-css="complete"] ul.theme-white li.threema a {
  color: #333333;
  border-color: #333333;
}

.shariff[data-css="min"] ul.theme-white li.threema a:hover,
.shariff[data-css="complete"] ul.theme-white li.threema a:hover {
  background-color: #333333;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.tumblr a,
.shariff[data-css="complete"] ul.theme-white li.tumblr a {
  color: #36465D;
  border-color: #36465D;
}

.shariff[data-css="min"] ul.theme-white li.tumblr a:hover,
.shariff[data-css="complete"] ul.theme-white li.tumblr a:hover {
  background-color: #36465D;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.twitter a,
.shariff[data-css="complete"] ul.theme-white li.twitter a {
  color: #55acee;
  border-color: #55acee;
}

.shariff[data-css="min"] ul.theme-white li.twitter a:hover,
.shariff[data-css="complete"] ul.theme-white li.twitter a:hover {
  background-color: #55acee;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.vk a,
.shariff[data-css="complete"] ul.theme-white li.vk a {
  color: #5d7fa4;
  border-color: #5d7fa4;
}

.shariff[data-css="min"] ul.theme-white li.vk a:hover,
.shariff[data-css="complete"] ul.theme-white li.vk a:hover {
  background-color: #5d7fa4;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.weibo a,
.shariff[data-css="complete"] ul.theme-white li.weibo a {
  color: #F56770;
  border-color: #F56770;
}

.shariff[data-css="min"] ul.theme-white li.weibo a:hover,
.shariff[data-css="complete"] ul.theme-white li.weibo a:hover {
  background-color: #F56770;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.whatsapp a,
.shariff[data-css="complete"] ul.theme-white li.whatsapp a {
  color: #5cbe4a;
  border-color: #5cbe4a;
}

.shariff[data-css="min"] ul.theme-white li.whatsapp a:hover,
.shariff[data-css="complete"] ul.theme-white li.whatsapp a:hover {
  background-color: #5cbe4a;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-white li.xing a,
.shariff[data-css="complete"] ul.theme-white li.xing a {
  color: #126567;
  border-color: #126567;
}

.shariff[data-css="min"] ul.theme-white li.xing a:hover,
.shariff[data-css="complete"] ul.theme-white li.xing a:hover {
  background-color: #126567;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-grey li.addthis a,
.shariff[data-css="complete"] ul.theme-grey li.addthis a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.addthis a:hover,
.shariff[data-css="complete"] ul.theme-grey li.addthis a:hover {
  background-color: #f8694d;
  color: #FFF;
  border-color: #f8694d;
}

.shariff[data-css="min"] ul.theme-grey li.diaspora a,
.shariff[data-css="complete"] ul.theme-grey li.diaspora a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.diaspora a:hover,
.shariff[data-css="complete"] ul.theme-grey li.diaspora a:hover {
  background-color: #999;
  color: #FFF;
  border-color: #999;
}

.shariff[data-css="min"] ul.theme-grey li.facebook a,
.shariff[data-css="complete"] ul.theme-grey li.facebook a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.facebook a:hover,
.shariff[data-css="complete"] ul.theme-grey li.facebook a:hover {
  background-color: #3b5998;
  color: #FFF;
  border-color: #3b5998;
}

.shariff[data-css="min"] ul.theme-grey li.flattr a,
.shariff[data-css="complete"] ul.theme-grey li.flattr a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.flattr a:hover,
.shariff[data-css="complete"] ul.theme-grey li.flattr a:hover {
  background-color: #7ea352;
  color: #FFF;
  border-color: #7ea352;
}

.shariff[data-css="min"] ul.theme-grey li.flipboard a,
.shariff[data-css="complete"] ul.theme-grey li.flipboard a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.flipboard a:hover,
.shariff[data-css="complete"] ul.theme-grey li.flipboard a:hover {
  background-color: #e12828;
  color: #FFF;
  border-color: #e12828;
}

.shariff[data-css="min"] ul.theme-grey li.googleplus a,
.shariff[data-css="complete"] ul.theme-grey li.googleplus a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.googleplus a:hover,
.shariff[data-css="complete"] ul.theme-grey li.googleplus a:hover {
  background-color: #d34836;
  color: #FFF;
  border-color: #d34836;
}

.shariff[data-css="min"] ul.theme-grey li.linkedin a,
.shariff[data-css="complete"] ul.theme-grey li.linkedin a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.linkedin a:hover,
.shariff[data-css="complete"] ul.theme-grey li.linkedin a:hover {
  background-color: #0077b5;
  color: #FFF;
  border-color: #0077b5;
}

.shariff[data-css="min"] ul.theme-grey li.mail a,
.shariff[data-css="complete"] ul.theme-grey li.mail a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.mail a:hover,
.shariff[data-css="complete"] ul.theme-grey li.mail a:hover {
  background-color: #03a9f4;
  color: #FFF;
  border-color: #03a9f4;
}

.shariff[data-css="min"] ul.theme-grey li.pinterest a,
.shariff[data-css="complete"] ul.theme-grey li.pinterest a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.pinterest a:hover,
.shariff[data-css="complete"] ul.theme-grey li.pinterest a:hover {
  background-color: #bd081c;
  color: #FFF;
  border-color: #bd081c;
}

.shariff[data-css="min"] ul.theme-grey li.print a,
.shariff[data-css="complete"] ul.theme-grey li.print a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.print a:hover,
.shariff[data-css="complete"] ul.theme-grey li.print a:hover {
  background-color: #999;
  color: #FFF;
  border-color: #999;
}

.shariff[data-css="min"] ul.theme-grey li.qzone a,
.shariff[data-css="complete"] ul.theme-grey li.qzone a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.qzone a:hover,
.shariff[data-css="complete"] ul.theme-grey li.qzone a:hover {
  background-color: #2B82D9;
  color: #FFF;
  border-color: #2B82D9;
}

.shariff[data-css="min"] ul.theme-grey li.reddit a,
.shariff[data-css="complete"] ul.theme-grey li.reddit a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.reddit a:hover,
.shariff[data-css="complete"] ul.theme-grey li.reddit a:hover {
  background-color: #ff4500;
  color: #FFF;
  border-color: #ff4500;
}

.shariff[data-css="min"] ul.theme-grey li.stumbleupon a,
.shariff[data-css="complete"] ul.theme-grey li.stumbleupon a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.stumbleupon a:hover,
.shariff[data-css="complete"] ul.theme-grey li.stumbleupon a:hover {
  background-color: #eb4924;
  color: #FFF;
  border-color: #eb4924;
}

.shariff[data-css="min"] ul.theme-grey li.telegram a,
.shariff[data-css="complete"] ul.theme-grey li.telegram a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.telegram a:hover,
.shariff[data-css="complete"] ul.theme-grey li.telegram a:hover {
  background-color: #0088cc;
  color: #FFF;
  border-color: #0088cc;
}

.shariff[data-css="min"] ul.theme-grey li.tencent-weibo a,
.shariff[data-css="complete"] ul.theme-grey li.tencent-weibo a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.tencent-weibo a:hover,
.shariff[data-css="complete"] ul.theme-grey li.tencent-weibo a:hover {
  background-color: #26ACE0;
  color: #FFF;
  border-color: #26ACE0;
}

.shariff[data-css="min"] ul.theme-grey li.threema a,
.shariff[data-css="complete"] ul.theme-grey li.threema a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.threema a:hover,
.shariff[data-css="complete"] ul.theme-grey li.threema a:hover {
  background-color: #333333;
  color: #FFF;
  border-color: #333333;
}

.shariff[data-css="min"] ul.theme-grey li.tumblr a,
.shariff[data-css="complete"] ul.theme-grey li.tumblr a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.tumblr a:hover,
.shariff[data-css="complete"] ul.theme-grey li.tumblr a:hover {
  background-color: #36465D;
  color: #FFF;
  border-color: #36465D;
}

.shariff[data-css="min"] ul.theme-grey li.twitter a,
.shariff[data-css="complete"] ul.theme-grey li.twitter a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.twitter a:hover,
.shariff[data-css="complete"] ul.theme-grey li.twitter a:hover {
  background-color: #55acee;
  color: #FFF;
  border-color: #55acee;
}

.shariff[data-css="min"] ul.theme-grey li.vk a,
.shariff[data-css="complete"] ul.theme-grey li.vk a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.vk a:hover,
.shariff[data-css="complete"] ul.theme-grey li.vk a:hover {
  background-color: #5d7fa4;
  color: #FFF;
  border-color: #5d7fa4;
}

.shariff[data-css="min"] ul.theme-grey li.weibo a,
.shariff[data-css="complete"] ul.theme-grey li.weibo a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.weibo a:hover,
.shariff[data-css="complete"] ul.theme-grey li.weibo a:hover {
  background-color: #F56770;
  color: #FFF;
  border-color: #F56770;
}

.shariff[data-css="min"] ul.theme-grey li.whatsapp a,
.shariff[data-css="complete"] ul.theme-grey li.whatsapp a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.whatsapp a:hover,
.shariff[data-css="complete"] ul.theme-grey li.whatsapp a:hover {
  background-color: #5cbe4a;
  color: #FFF;
  border-color: #5cbe4a;
}

.shariff[data-css="min"] ul.theme-grey li.xing a,
.shariff[data-css="complete"] ul.theme-grey li.xing a {
  color: var(--mag-text-primary);
  border-color: var(--mag-border);
}

.shariff[data-css="min"] ul.theme-grey li.xing a:hover,
.shariff[data-css="complete"] ul.theme-grey li.xing a:hover {
  background-color: #126567;
  color: #FFF;
  border-color: #126567;
}

.shariff[data-css="min"] ul.theme-colored li.addthis a,
.shariff[data-css="complete"] ul.theme-colored li.addthis a {
  background-color: #f8694d;
  border: 1px solid #f8694d;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.addthis a:hover,
.shariff[data-css="complete"] ul.theme-colored li.addthis a:hover {
  background-color: #f8694d;
  border-color: #f8694d;
}

.shariff[data-css="min"] ul.theme-colored li.diaspora a,
.shariff[data-css="complete"] ul.theme-colored li.diaspora a {
  background-color: #999;
  border: 1px solid #999;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.diaspora a:hover,
.shariff[data-css="complete"] ul.theme-colored li.diaspora a:hover {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}

.shariff[data-css="min"] ul.theme-colored li.facebook a,
.shariff[data-css="complete"] ul.theme-colored li.facebook a {
  background-color: #3b5998;
  border: 1px solid #3b5998;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.facebook a:hover,
.shariff[data-css="complete"] ul.theme-colored li.facebook a:hover {
  background-color: #4273c8;
  border-color: #4273c8;
}

.shariff[data-css="min"] ul.theme-colored li.flattr a,
.shariff[data-css="complete"] ul.theme-colored li.flattr a {
  background-color: #7ea352;
  border: 1px solid #7ea352;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.flattr a:hover,
.shariff[data-css="complete"] ul.theme-colored li.flattr a:hover {
  background-color: #F67C1A;
  border-color: #F67C1A;
}

.shariff[data-css="min"] ul.theme-colored li.flipboard a,
.shariff[data-css="complete"] ul.theme-colored li.flipboard a {
  background-color: #e12828;
  border: 1px solid #e12828;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.flipboard a:hover,
.shariff[data-css="complete"] ul.theme-colored li.flipboard a:hover {
  background-color: #ff2e2e;
  border-color: #ff2e2e;
}

.shariff[data-css="min"] ul.theme-colored li.googleplus a,
.shariff[data-css="complete"] ul.theme-colored li.googleplus a {
  background-color: #d34836;
  border: 1px solid #d34836;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.googleplus a:hover,
.shariff[data-css="complete"] ul.theme-colored li.googleplus a:hover {
  background-color: #f75b44;
  border-color: #f75b44;
}

.shariff[data-css="min"] ul.theme-colored li.linkedin a,
.shariff[data-css="complete"] ul.theme-colored li.linkedin a {
  background-color: #0077b5;
  border: 1px solid #0077b5;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.linkedin a:hover,
.shariff[data-css="complete"] ul.theme-colored li.linkedin a:hover {
  background-color: #0369a0;
  border-color: #0369a0;
}

.shariff[data-css="min"] ul.theme-colored li.mail a,
.shariff[data-css="complete"] ul.theme-colored li.mail a {
  background-color: #03a9f4;
  border: 1px solid #03a9f4;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.mail a:hover,
.shariff[data-css="complete"] ul.theme-colored li.mail a:hover {
  background-color: #4fc3f7;
  border-color: #4fc3f7;
}

.shariff[data-css="min"] ul.theme-colored li.pinterest a,
.shariff[data-css="complete"] ul.theme-colored li.pinterest a {
  background-color: #bd081c;
  border: 1px solid #bd081c;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.pinterest a:hover,
.shariff[data-css="complete"] ul.theme-colored li.pinterest a:hover {
  background-color: #d50920;
  border-color: #d50920;
}

.shariff[data-css="min"] ul.theme-colored li.print a,
.shariff[data-css="complete"] ul.theme-colored li.print a {
  background-color: #999;
  border: 1px solid #999;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.print a:hover,
.shariff[data-css="complete"] ul.theme-colored li.print a:hover {
  background-color: #a8a8a8;
  border-color: #a8a8a8;
}

.shariff[data-css="min"] ul.theme-colored li.qzone a,
.shariff[data-css="complete"] ul.theme-colored li.qzone a {
  background-color: #2B82D9;
  border: 1px solid #2B82D9;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.qzone a:hover,
.shariff[data-css="complete"] ul.theme-colored li.qzone a:hover {
  background-color: #398FE6;
  border-color: #398FE6;
}

.shariff[data-css="min"] ul.theme-colored li.reddit a,
.shariff[data-css="complete"] ul.theme-colored li.reddit a {
  background-color: #ff4500;
  border: 1px solid #ff4500;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.reddit a:hover,
.shariff[data-css="complete"] ul.theme-colored li.reddit a:hover {
  background-color: #ff6a33;
  border-color: #ff6a33;
}

.shariff[data-css="min"] ul.theme-colored li.stumbleupon a,
.shariff[data-css="complete"] ul.theme-colored li.stumbleupon a {
  background-color: #eb4924;
  border: 1px solid #eb4924;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.stumbleupon a:hover,
.shariff[data-css="complete"] ul.theme-colored li.stumbleupon a:hover {
  background-color: #ef7053;
  border-color: #ef7053;
}

.shariff[data-css="min"] ul.theme-colored li.telegram a,
.shariff[data-css="complete"] ul.theme-colored li.telegram a {
  background-color: #0088cc;
  border: 1px solid #0088cc;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.telegram a:hover,
.shariff[data-css="complete"] ul.theme-colored li.telegram a:hover {
  background-color: #007dbb;
  border-color: #007dbb;
}

.shariff[data-css="min"] ul.theme-colored li.tencent-weibo a,
.shariff[data-css="complete"] ul.theme-colored li.tencent-weibo a {
  background-color: #26ACE0;
  border: 1px solid #26ACE0;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.tencent-weibo a:hover,
.shariff[data-css="complete"] ul.theme-colored li.tencent-weibo a:hover {
  background-color: #38BBEB;
  border-color: #38BBEB;
}

.shariff[data-css="min"] ul.theme-colored li.threema a,
.shariff[data-css="complete"] ul.theme-colored li.threema a {
  background-color: #333333;
  border: 1px solid #333333;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.threema a:hover,
.shariff[data-css="complete"] ul.theme-colored li.threema a:hover {
  background-color: #1f1f1f;
  border-color: #1f1f1f;
}

.shariff[data-css="min"] ul.theme-colored li.tumblr a,
.shariff[data-css="complete"] ul.theme-colored li.tumblr a {
  background-color: #36465D;
  border: 1px solid #36465D;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.tumblr a:hover,
.shariff[data-css="complete"] ul.theme-colored li.tumblr a:hover {
  background-color: #44546B;
  border-color: #44546B;
}

.shariff[data-css="min"] ul.theme-colored li.twitter a,
.shariff[data-css="complete"] ul.theme-colored li.twitter a {
  background-color: #55acee;
  border: 1px solid #55acee;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.twitter a:hover,
.shariff[data-css="complete"] ul.theme-colored li.twitter a:hover {
  background-color: #32bbf5;
  border-color: #32bbf5;
}

.shariff[data-css="min"] ul.theme-colored li.vk a,
.shariff[data-css="complete"] ul.theme-colored li.vk a {
  background-color: #5d7fa4;
  border: 1px solid #5d7fa4;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.vk a:hover,
.shariff[data-css="complete"] ul.theme-colored li.vk a:hover {
  background-color: #678eb4;
  border-color: #678eb4;
}

.shariff[data-css="min"] ul.theme-colored li.weibo a,
.shariff[data-css="complete"] ul.theme-colored li.weibo a {
  background-color: #F56770;
  border: 1px solid #F56770;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.weibo a:hover,
.shariff[data-css="complete"] ul.theme-colored li.weibo a:hover {
  background-color: #FA7F8A;
  border-color: #FA7F8A;
}

.shariff[data-css="min"] ul.theme-colored li.whatsapp a,
.shariff[data-css="complete"] ul.theme-colored li.whatsapp a {
  background-color: #5cbe4a;
  border: 1px solid #5cbe4a;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.whatsapp a:hover,
.shariff[data-css="complete"] ul.theme-colored li.whatsapp a:hover {
  background-color: #34af23;
  border-color: #34af23;
}

.shariff[data-css="min"] ul.theme-colored li.xing a,
.shariff[data-css="complete"] ul.theme-colored li.xing a {
  background-color: #126567;
  border: 1px solid #126567;
  color: #FFF;
}

.shariff[data-css="min"] ul.theme-colored li.xing a:hover,
.shariff[data-css="complete"] ul.theme-colored li.xing a:hover {
  background-color: #29888a;
  border-color: #29888a;
}

.quicktabs-hide {
  display: none;
}

ul.quicktabs-tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid var(--mag-border);
  margin-bottom: 1.5rem;
}

ul.quicktabs-tabs li {
  margin: 0;
}

@media (min-width: 992px) {
  ul.quicktabs-tabs {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

ul.quicktabs-tabs > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: -2px;
  text-align: center;
}

@media (min-width: 992px) {
  ul.quicktabs-tabs > li {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    font-size: .8898rem;
    text-align: left;
    white-space: nowrap;
  }
}

ul.quicktabs-tabs > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding: 1rem .5rem;
  border-bottom: 4px solid transparent;
  color: var(--mag-text-primary);
  -webkit-text-decoration: navajowhite;
          text-decoration: navajowhite;
  -webkit-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

@media (min-width: 992px) {
  ul.quicktabs-tabs > li a {
    padding: 0 1rem .8rem;
  }
}

ul.quicktabs-tabs > li a:hover {
  background-color: transparent;
  color: var(--mag-headline);
}

ul.quicktabs-tabs > li.active a {
  border-bottom-color: var(--mag-text-primary);
  color: var(--mag-headline);
  font-weight: bold;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background-color: #263238;
  border-color: #263238;
}

.block--mailchimp-signup {
  background: #17181C;
  border: #17181C;
  color: rgba(255, 255, 255, 0.65);
  padding: 2rem;
}

.block--mailchimp-signup .block__title {
  margin-bottom: .5rem;
  text-align: left;
}

.block--mailchimp-signup .block__title .title-text {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  padding: 0 .1rem;
}

.block--mailchimp-signup .block__title:before, .block--mailchimp-signup .block__title:after {
  display: none;
}

.block--mailchimp-signup .form-actions {
  margin-bottom: 0;
}

.block--mailchimp-signup input[type="submit"] {
  background-color: var(--mag-primary);
  border-color: var(--mag-primary);
  width: 100%;
  margin-top: .25rem;
  color: var(--mag-primary-contrast);
}

.block--mailchimp-signup input[type="submit"]:hover {
  -webkit-filter: brightness(90%);
          filter: brightness(90%);
}

.block--mailchimp-signup input[type="submit"]:active {
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
}

.mailchimp-newsletter__teaser {
  margin-bottom: 1rem;
  line-height: 1.3;
}

.mailchimp-newsletter__title {
  margin-bottom: .5rem;
  color: #FFF;
  line-height: 1.1;
}

.themag-dark .mailchimp-newsletter__title {
  color: rgba(255, 255, 255, 0.8);
}

.mailchimp-newsletter__message {
  opacity: .5;
}

.block-region-top .block--mailchimp-signup,
.block-region-middle .block--mailchimp-signup,
.block-region-bottom .block--mailchimp-signup,
.block-region-article-content-top .block--mailchimp-signup,
.block-region-article-content-bottom .block--mailchimp-signup,
.themag-layout--onecol-section .block--mailchimp-signup {
  border: none;
}

@media (min-width: 992px) {
  .block-region-top .block--mailchimp-signup .mailchimp-newsletter__teaser,
  .block-region-middle .block--mailchimp-signup .mailchimp-newsletter__teaser,
  .block-region-bottom .block--mailchimp-signup .mailchimp-newsletter__teaser,
  .block-region-article-content-top .block--mailchimp-signup .mailchimp-newsletter__teaser,
  .block-region-article-content-bottom .block--mailchimp-signup .mailchimp-newsletter__teaser,
  .themag-layout--onecol-section .block--mailchimp-signup .mailchimp-newsletter__teaser {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 1rem;
  }
}

.block-region-top .block--mailchimp-signup .mailchimp-newsletter__title,
.block-region-middle .block--mailchimp-signup .mailchimp-newsletter__title,
.block-region-bottom .block--mailchimp-signup .mailchimp-newsletter__title,
.block-region-article-content-top .block--mailchimp-signup .mailchimp-newsletter__title,
.block-region-article-content-bottom .block--mailchimp-signup .mailchimp-newsletter__title,
.themag-layout--onecol-section .block--mailchimp-signup .mailchimp-newsletter__title {
  font-size: 2.4rem;
  font-weight: bold;
}

.block-region-top .block--mailchimp-signup form,
.block-region-middle .block--mailchimp-signup form,
.block-region-bottom .block--mailchimp-signup form,
.block-region-article-content-top .block--mailchimp-signup form,
.block-region-article-content-bottom .block--mailchimp-signup form,
.themag-layout--onecol-section .block--mailchimp-signup form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 992px) {
  .block-region-top .block--mailchimp-signup form,
  .block-region-middle .block--mailchimp-signup form,
  .block-region-bottom .block--mailchimp-signup form,
  .block-region-article-content-top .block--mailchimp-signup form,
  .block-region-article-content-bottom .block--mailchimp-signup form,
  .themag-layout--onecol-section .block--mailchimp-signup form {
    width: 50%;
  }
}

.block-region-top .block--mailchimp-signup .mailchimp-newsletter-mergefields,
.block-region-middle .block--mailchimp-signup .mailchimp-newsletter-mergefields,
.block-region-bottom .block--mailchimp-signup .mailchimp-newsletter-mergefields,
.block-region-article-content-top .block--mailchimp-signup .mailchimp-newsletter-mergefields,
.block-region-article-content-bottom .block--mailchimp-signup .mailchimp-newsletter-mergefields,
.themag-layout--onecol-section .block--mailchimp-signup .mailchimp-newsletter-mergefields {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.block-region-top .block--mailchimp-signup .form-actions,
.block-region-middle .block--mailchimp-signup .form-actions,
.block-region-bottom .block--mailchimp-signup .form-actions,
.block-region-article-content-top .block--mailchimp-signup .form-actions,
.block-region-article-content-bottom .block--mailchimp-signup .form-actions,
.themag-layout--onecol-section .block--mailchimp-signup .form-actions {
  margin-bottom: .375rem;
}

.block-region-top .block--mailchimp-signup input[type="submit"],
.block-region-middle .block--mailchimp-signup input[type="submit"],
.block-region-bottom .block--mailchimp-signup input[type="submit"],
.block-region-article-content-top .block--mailchimp-signup input[type="submit"],
.block-region-article-content-bottom .block--mailchimp-signup input[type="submit"],
.themag-layout--onecol-section .block--mailchimp-signup input[type="submit"] {
  margin-top: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.block-region-top .block--mailchimp-signup input[type="email"],
.block-region-middle .block--mailchimp-signup input[type="email"],
.block-region-bottom .block--mailchimp-signup input[type="email"],
.block-region-article-content-top .block--mailchimp-signup input[type="email"],
.block-region-article-content-bottom .block--mailchimp-signup input[type="email"],
.themag-layout--onecol-section .block--mailchimp-signup input[type="email"] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.block--poll {
  background: transparent;
  border: 1px solid var(--mag-divider);
  color: var(--mag-text-primary);
  padding: 2rem;
}

.block--poll .block__title {
  margin-bottom: .5rem;
  text-align: left;
}

.block--poll .block__title .title-text {
  background: transparent;
  color: var(--mag-text-primary);
  padding: 0 .1rem;
}

.block--poll .block__title:before, .block--poll .block__title:after {
  display: none;
}

.block--poll .form-actions {
  margin-top: .5rem;
  margin-bottom: 0;
}

.block--poll input[type="submit"] {
  background-color: var(--mag-primary);
  border-color: var(--mag-primary);
  width: 100%;
  margin-top: .25rem;
  color: var(--mag-primary-contrast);
}

.poll__question {
  line-height: 1.1;
}

.poll__choice__title {
  font-weight: bold;
}

.poll__total {
  font-size: .778rem;
  color: var(--mag-text-secondary);
}

.poll--vote .poll__choice__title {
  font-weight: bold;
  margin-bottom: 1rem;
}

.poll--vote .poll__choice .form-actions {
  margin-top: 1rem;
  margin-bottom: 0;
}

.poll--vote #edit-result {
  background: transparent;
  border-color: var(--mag-divider);
  color: var(--mag-text-primary);
  text-shadow: none;
}

.poll__result {
  line-height: 1;
  margin-bottom: 1rem;
}

.poll--results .poll__question {
  margin-bottom: 1.2rem;
}

.poll--results .poll__choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .5rem;
}

.poll--results .poll__choice > * {
  margin-right: .5rem;
}

.poll__choice__percent {
  color: var(--mag-text-primary);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.8rem;
  font-weight: 300;
}

.poll__choice__votes {
  margin-top: .2rem;
  font-size: .7rem;
  color: var(--mag-text-secondary);
}

.poll .bar {
  background: var(--mag-bg-grey);
}

.themag-dark .poll .bar {
  background: var(--mag-primary-dark);
}

.poll .bar .foreground {
  background: var(--mag-primary);
}


.top-bar {
  background-color: var(--mag-bg-default);
  border-bottom: 1px solid var(--mag-divider);
  padding: .5rem 0;
}
	
}

.top-bar .menu,
.top-bar .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
}

@media (min-width: 768px) {
  .top-bar .menu,
  .top-bar .links {
    font-size: 14px;
  }
}

.top-bar .menu li,
.top-bar .links li {
  display: block;
  margin: 0;
  padding: 0 .5rem;
  border-left: 1px solid var(--mag-divider);
  line-height: 1;
}

.top-bar .menu li:first-child,
.top-bar .links li:first-child {
  border-left: none;
  padding-left: 0;
}

.top-bar .menu li a,
.top-bar .links li a {
  display: block;
  color: var(--mag-text-secondary);
  text-decoration: none;
  -webkit-transition: color .15s ease-in-out;
  transition: color .15s ease-in-out;
}

.top-bar .menu li a:hover, .top-bar .menu li a.is-active,
.top-bar .links li a:hover,
.top-bar .links li a.is-active {
  color: var(--mag-text-primary);
}

.site-logo .logo-light {
  display: block;
}

.site-logo .logo-dark {
  display: none;
}

.themag-dark .site-logo .logo-light {
  display: none;
}

.themag-dark .site-logo .logo-dark {
  display: block;
}

.header {
  position: relative;
  z-index: 10;
}

.header a {
  color: var(--mag-menutext-color);
  text-decoration: none;
}

.header a:hover {
  color: var(--mag-menutext-color);
}

.header__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__main__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__main__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__user-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
}

@media (min-width: 992px) {
  .header__user-nav {
    font-size: 1rem;
  }
}

.header-sticky-wrapper {
  background: var(--mag-bg-default);
}

.is-sticky {
  position: sticky;
  top: 0;
}

.toolbar-horizontal .is-sticky {
  top: 39px;
}

.toolbar-horizontal.toolbar-tray-open .is-sticky {
  top: 79px;
}

.header__social-menu {
  font-size: .9rem;
}

.header__social-menu a {
  display: inline-block;
  margin-left: .25rem;
  color: var(--mag-text-secondary);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.header__social-menu a:hover {
  color: var(--mag-text-primary);
}

.header__toggleable-button,
a.cart-block--link__expand {
  background-color: transparent;
  border: none;
  line-height: 1;
  padding: .25rem .3rem;
  color: var(--mag-text-primary);
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.header__toggleable-button:hover,
a.cart-block--link__expand:hover {
  color: var(--mag-headline);
}

.header__toggleable-account-menu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header__toggleable-account-menu > ul.menu {
  display: none;
  background: var(--mag-navigation-bg);
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  font-size: .9rem;
  position: absolute;
  top: 110%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.header__toggleable-account-menu > ul.menu.is--active {
  display: block;
}

.header__toggleable-account-menu > ul.menu > li > a {
  background-color: transparent;
  font-weight: bold;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.header__toggleable-account-menu > ul.menu > li > a:hover {
  background-color: var(--mag-navigation-bg-hover);
}

@media (min-width: 992px) {
  .header__toggleable-account-menu > ul.menu {
    font-size: .7778rem;
    right: auto;
  }
}

.header__toggleable-account-menu ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 150px;
}

.header__toggleable-account-menu ul.menu li {
  margin: 0;
}

.header__toggleable-account-menu ul.menu li {
  display: block;
  padding: 0;
  line-height: 1.25;
  white-space: nowrap;
}

.header__toggleable-account-menu ul.menu li:last-child {
  border-bottom: none;
}

.header__toggleable-account-menu ul.menu li a {
  display: block;
  padding: .3rem 1rem;
  border-bottom: 1px solid var(--mag-divider);
}

.header__toggleable-account-menu ul.menu li.menu-item--expanded {
  padding-bottom: 0;
}

.header__toggleable-account-menu ul.menu li.menu-item--expanded > a {
  font-weight: bold;
  background-color: var(--mag-navigation-bg);
}

.header__toggleable-account-menu ul.menu li.menu-item--expanded ul {
  background: var(--mag-navigation-bg);
}

.header__toggleable-account-menu ul.menu li.menu-item--expanded ul li a {
  color: var(--mag-navigation-color);
  padding: .25rem 1rem;
  border-bottom: 1px solid white;
}

.header__toggleable-account-menu ul.menu li.menu-item--expanded ul li a:hover {
  background: var(--mag-navigation-bg-hover);
  color: var(--mag-navigation-color-hover);
}

.header__toggleable-account-menu ul.menu li.menu-item--expanded ul li:first-child {
  border-top: none;
}

.toggle-offcanvas-sidebar {
  display: block;
  margin-left: 1rem;
  padding-left: 1rem;
  border-left: 1px solid var(--mag-divider);
}

@media (min-width: 992px) {
  .toggle-offcanvas-sidebar {
    display: none;
  }
}

.header--header-a {
  background: #88bd24;
}

.themag-dark .header--header-a {
  background: #88bd24;
}

.header--header-a .header__container-wrapper--header__main {
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}

.header--header-a .header__main {
  padding: .5rem 0;
}

.header--header-a .header__social-menu {
  display: none;
  margin-right: .4rem;
  padding-right: .7rem;
  border-right: 1px solid var(--mag-border);
}

@media (min-width: 992px) {
  .header--header-a .header__social-menu {
    display: block;
  }
}

.header--header-a .region-header-primary-menu {
  display: none;
}

@media (min-width: 992px) {
  .header--header-a .region-header-primary-menu {
    display: block;
    margin-left: 1rem;
  }
}

.header--header-b.header-top {
  background: var(--mag-bg-default);
  border-bottom: 1px solid var(--mag-divider);
}

.header--header-b .header__top {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.header--header-b .header__container-wrapper--header__main {
  background: var(--mag-bg-default);
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}

.themag-dark .header--header-b .header__container-wrapper--header__main {
  background: var(--mag-bg-grey);
}

.header--header-b .header__main {
  padding: .5rem 0;
}

.header--header-c.header-top {
  background: var(--mag-bg-default);
  border-bottom: 1px solid var(--mag-divider);
}

.header--header-c .header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.header--header-c .header__container-wrapper--header__main {
  background: var(--mag-bg-default);
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}

.themag-dark .header--header-c .header__container-wrapper--header__main {
  background: var(--mag-bg-grey);
}

.header--header-c .header__main {
  padding: .5rem 0;
}

.header--header-c .header__social-menu {
  display: none;
  margin-right: .4rem;
  padding-right: .7rem;
  border-right: 1px solid var(--mag-border);
}

@media (min-width: 992px) {
  .header--header-c .header__social-menu {
    display: block;
  }
}

.header--header-d.header-top {
  background: var(--mag-bg-default);
  border-bottom: 1px solid var(--mag-divider);
}

.header--header-d .header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.header--header-d .header__container-wrapper--header__main {
  background: var(--mag-bg-default);
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}

.themag-dark .header--header-d .header__container-wrapper--header__main {
  background: var(--mag-bg-grey);
}

.header--header-d .header__main {
  padding: .5rem 0;
}

.footer-wrapper {
  background: var(--mag-bg-grey);
  padding: 5rem 0;
  font-size: .889rem;
}

.footer-bottom-wrapper {
  font-size: 1rem;
	color: #ffffff;
	  background: #000000;
	text-align: left;
}

@media (min-width: 768px) {
  .footer-bottom-wrapper {
    font-size: .779rem;
  }
}

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

.links.inline li {
  margin: 0;
}

.block--region-header-primary-menu > ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block--region-header-primary-menu > ul.menu li {
  margin: 0;
}

.block--region-header-primary-menu > ul.menu > li > a,
.block--region-header-primary-menu > ul.menu > li > span {
  padding: 15px;
  border-radius: .25rem;
  margin-right: 1px;
  background: var(--mag-navigation-bg);
  color: var(--mag-navigation-color);
  font-weight: bold;
  font-size: 0.889rem;
  line-height: 1;
  text-transform: uppercase;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.block--region-header-primary-menu > ul.menu > li > a:hover,
.block--region-header-primary-menu > ul.menu > li > span:hover {
  background: var(--mag-navigation-bg-hover);
  color: var(--mag-navigation-color-hover);
}

.block--region-header-primary-menu > ul.menu > li > span {
  cursor: default;
}

.block--region-header-primary-menu > ul.menu a.is-active,
.block--region-header-primary-menu > ul.menu li.menu-item--active-trail > a {
  background: var(--mag-navigation-bg-active);
  color: var(--mag-navigation-color-active);
}

.sidr {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 280px;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0.9rem;
  background: #1F2125;
  color: #263238;
  -webkit-box-shadow: 0 0 5px 5px #1F2125 inset;
          box-shadow: 0 0 5px 5px #1F2125 inset;
}

@media (min-width: 992px) {
  .sidr {
    width: 360px;
  }
}

.sidr.right {
  left: auto;
  right: -280px;
}

@media (min-width: 992px) {
  .sidr.right {
    right: -360px;
  }
}

.sidr.left {
  left: -280px;
  right: auto;
}

@media (min-width: 992px) {
  .sidr.left {
    left: -360px;
  }
}

.sidr .block {
  margin-bottom: 2rem;
}

.sidr .block .block__title {
  background: none;
  margin: 0;
  padding: 1rem;
  font-size: .7rem;
  text-align: left;
  text-transform: uppercase;
}

.sidr .block .block__title:before, .sidr .block .block__title:after {
  display: none;
}

.sidr .block .block__title .title-text {
  background: none;
  padding: 0;
  color: rgba(255, 255, 255, 0.5);
}

.sidr .block .block__content {
  padding: 1rem;
}

.sidr ul.menu {
  padding-left: 0;
  list-style: none;
  background: #1F2125;
  margin: 0;
  padding: 0;
}

.sidr ul.menu a,
.sidr ul.menu .nolink {
  display: block;
  padding: 15px 20px;
  border-bottom: 1px solid rgba(144, 164, 174, 0.2);
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
}

.sidr ul.menu li.menu-item--expanded > a:before,
.sidr ul.menu li.menu-item--expanded > .nolink:before {
  content: "";
  display: block;
  color: #FFF;
  border-top: 4px solid #FFF;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  right: 20px;
  top: 50%;
}

.sidr ul.menu li.menu-item--expanded ul {
  background: #17181C;
}

.sidr ul.menu li.menu-item--expanded ul li.menu-item--expanded > a:before,
.sidr ul.menu li.menu-item--expanded ul li.menu-item--expanded > .nolink:before {
  color: rgba(255, 255, 255, 0.55);
}

.sidr ul.menu li.menu-item--expanded ul a,
.sidr ul.menu li.menu-item--expanded ul .nolink {
  padding: 10px 20px 10px 40px;
  border-bottom: 1px solid #1F2125;
  color: rgba(255, 255, 255, 0.55);
  font-weight: normal;
  text-transform: none;
}

.sidr ul.menu li.menu-item--expanded ul li.menu-item--expanded ul a {
  color: rgba(255, 255, 255, 0.55);
  padding-left: 60px;
}

.sidr ul.menu li.menu-item--expanded > ul {
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.sidr ul.menu li.menu-item--expanded > ul.open {
  max-height: 800px;
}

.sidr .social-menu {
  display: block;
  margin: 0;
  text-align: center;
}

.sidr .social-menu li {
  display: inline-block;
}

.sidr .social-menu a:hover {
  color: #FFF;
}

.offcanvas-sidebar-overlay {
  background: #000;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 100%;
  z-index: 100;
}

.offcanvas-sidebar-overlay.active {
  right: 0;
  opacity: .5;
}

.menu--footer ul.menu {
  text-align: left;
  margin-top: 1rem;
  padding-left: 0;
}

@media (min-width: 992px) {
  .menu--footer ul.menu {
    margin-top: 0;
  }
}

.menu--footer ul.menu li {
  display: inline-block;
  margin-left: .5rem;
}

.menu--footer ul.menu li a {
  color: var(--mag-text-secondary);
  text-decoration: none;
}

.menu--footer ul.menu li a:hover {
  text-decoration: underline;
}

.breadcrumb ol, .breadcrumb li,
.simple-breadcrumb ol,
.simple-breadcrumb li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  color: var(--mag-text-secondary);
}

.breadcrumb ol,
.simple-breadcrumb ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.breadcrumb li a,
.simple-breadcrumb li a {
  color: var(--mag-text-primary);
  text-decoration: none;
}

.breadcrumb li a:hover,
.simple-breadcrumb li a:hover {
  text-decoration: underline;
}

.breadcrumb li:after,
.simple-breadcrumb li:after {
  content: ' / ';
  margin-right: 3px;
}

.breadcrumb li:last-child:after,
.simple-breadcrumb li:last-child:after {
  display: none;
}

ul.pager__items {
  display: block;
  margin: 3rem 0 0 0;
  padding: 2rem 0 0 0;
  border-top: 2px solid var(--mag-border);
  font-size: 16px;
  text-align: center;
}

ul.pager__items li {
  display: inline-block;
  margin: .5rem 0;
  padding: 0;
}

ul.pager__items li a {
  display: block;
  padding: 0 5px;
  color: var(--mag-text-primary);
  text-decoration: none;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
}

@media (min-width: 768px) {
  ul.pager__items li a {
    padding: 5px 16px;
    border: 1px solid var(--mag-button);
  }
}

ul.pager__items li a:hover {
  background: var(--mag-button-hover);
}

ul.pager__items li.is-active {
  background: var(--mag-button-hover);
  border-color: var(--mag-button-hover);
  color: var(--mag-text-primary);
}

ul.pager__items li.is-active a {
  color: var(--mag-text-primary);
}

ul.pager__items li.is-active a:hover {
  background: var(--mag-button-hover);
}

.pager--load-more {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid var(--mag-border);
  font-size: 16px;
  text-align: center;
}

.pager--load-more li {
  margin: 0;
}

.scroll-to-top-button {
  background: #263238;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
  height: 50px;
  -webkit-box-shadow: 0 0 10px 0 rgba(38, 50, 56, 0.5);
          box-shadow: 0 0 10px 0 rgba(38, 50, 56, 0.5);
  border-radius: 50%;
  -webkit-transition: all .25s ease-in-out, bottom .7s ease-in-out;
  transition: all .25s ease-in-out, bottom .7s ease-in-out;
  opacity: .3;
  color: #FFF;
  font-size: 1.5rem;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  position: fixed;
  right: 2rem;
  bottom: -200px;
  z-index: 800;
}

.scroll-to-top-button.active {
  bottom: 30px;
  text-decoration: none;
}

.scroll-to-top-button:hover {
  background: #263238;
  color: #FFF;
  text-decoration: none;
  opacity: 1;
}

@media (min-width: 992px) {
  .user-logged-in .user-form {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
  .user-logged-in .user-form .horizontal-tabs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .user-logged-in .user-form .horizontal-tabs-list > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
  }
  .user-logged-in .user-form .horizontal-tabs ul.horizontal-tabs-list {
    margin-bottom: 2rem;
  }
  .user-logged-in .user-form .horizontal-tabs ul.horizontal-tabs-list .horizontal-tab-button a,
  .user-logged-in .user-form .horizontal-tabs ul.horizontal-tabs-list .horizontal-tab-button.selected a,
  .user-logged-in .user-form .horizontal-tabs ul.horizontal-tabs-list .horizontal-tab-button a,
  .user-logged-in .user-form .horizontal-tabs ul.horizontal-tabs-list .horizontal-tab-button.selected a {
    border-bottom-width: 3px;
    padding-left: .5rem;
    padding-right: .5rem;
    text-transform: none;
    white-space: nowrap;
  }
}

.path-user .form-type-managed-file {
  margin-bottom: 2rem;
  padding: 1rem 1rem 2rem;
  border-bottom: 5px solid var(--mag-border);
}

.path-user .focal-point-preview-link {
  display: none;
}

.path-user .image-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.path-user .image-widget .image-preview {
  margin-right: 1rem;
}

.user__info-wrapper {
  background-color: var(--mag-bg-grey);
  padding: 4rem 2rem;
}

.user__info-wrapper .field--name-user-picture img {
  border-radius: 50%;
}

.user__info-wrapper h1 {
  margin-bottom: .8rem;
}

.user__info-wrapper .field--name-field-short-bio {
  margin-bottom: 1rem;
}

.user__info-wrapper .user__social-pages a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  border: 2px solid var(--mag-text-primary);
  border-radius: 50%;
  color: var(--mag-text-primary);
  text-align: center;
}

.thead-dark .user__info-wrapper .user__social-pages a {
  border: 2px solid var(--mag-border);
}

@media (min-width: 768px) {
  .user__info-wrapper .user__social-pages a {
    width: 40px;
    height: 40px;
  }
}

.user__info-wrapper .user__social-pages a svg {
  margin: auto;
}

.user__info-wrapper .user__social-pages .social-menu--link-title {
  margin-left: -10px;
  margin-right: 15px;
}

.user__info-wrapper .user__social-pages a, .user__info-wrapper .user__social-pages a svg {
  -webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out;
  transition: background-color .2s ease-in-out, color .2s ease-in-out;
  text-decoration: none;
}

.user__info-wrapper .user__social-pages a:hover {
  background-color: #1F2125;
  color: #fff;
  opacity: 1;
}

.user__info-wrapper .user__social-pages a:hover svg {
  color: #fff;
}

[class*="grid--"] > ul,
[class*="grid-sm--"] > ul,
[class*="grid-md--"] > ul,
[class*="grid-lg--"] > ul,
[class*="grid-xl--"] > ul {
  padding-left: 0;
  list-style: none;
  --bs-gutter-x: 1.6667rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
  margin-top: 1.667rem;
}

[class*="grid--"] > ul > li,
[class*="grid-sm--"] > ul > li,
[class*="grid-md--"] > ul > li,
[class*="grid-lg--"] > ul > li,
[class*="grid-xl--"] > ul > li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
  margin-top: 1.667rem;
}

[class*="grid--"] > ul > li:nth-child(1),
[class*="grid-sm--"] > ul > li:nth-child(1),
[class*="grid-md--"] > ul > li:nth-child(1),
[class*="grid-lg--"] > ul > li:nth-child(1),
[class*="grid-xl--"] > ul > li:nth-child(1) {
  margin-top: 0;
}

[class*="grid--"].no-gutters > ul,
[class*="grid-sm--"].no-gutters > ul,
[class*="grid-md--"].no-gutters > ul,
[class*="grid-lg--"].no-gutters > ul,
[class*="grid-xl--"].no-gutters > ul {
  margin-right: 0;
  margin-left: 0;
}

[class*="grid--"].no-gutters > ul > li,
[class*="grid-sm--"].no-gutters > ul > li,
[class*="grid-md--"].no-gutters > ul > li,
[class*="grid-lg--"].no-gutters > ul > li,
[class*="grid-xl--"].no-gutters > ul > li {
  padding-right: 0;
  padding-left: 0;
}

@media (min-width: 768px) {
  [class*="grid--"].equal-height article,
  [class*="grid--"].equal-height .teaser--card,
  [class*="grid-sm--"].equal-height article,
  [class*="grid-sm--"].equal-height .teaser--card,
  [class*="grid-md--"].equal-height article,
  [class*="grid-md--"].equal-height .teaser--card,
  [class*="grid-lg--"].equal-height article,
  [class*="grid-lg--"].equal-height .teaser--card,
  [class*="grid-xl--"].equal-height article,
  [class*="grid-xl--"].equal-height .teaser--card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
  [class*="grid--"].equal-height article > div,
  [class*="grid--"].equal-height .teaser--card > div,
  [class*="grid-sm--"].equal-height article > div,
  [class*="grid-sm--"].equal-height .teaser--card > div,
  [class*="grid-md--"].equal-height article > div,
  [class*="grid-md--"].equal-height .teaser--card > div,
  [class*="grid-lg--"].equal-height article > div,
  [class*="grid-lg--"].equal-height .teaser--card > div,
  [class*="grid-xl--"].equal-height article > div,
  [class*="grid-xl--"].equal-height .teaser--card > div {
    width: 100%;
  }
  [class*="grid--"].equal-height article .content-wrapper,
  [class*="grid--"].equal-height .teaser--card .content-wrapper,
  [class*="grid-sm--"].equal-height article .content-wrapper,
  [class*="grid-sm--"].equal-height .teaser--card .content-wrapper,
  [class*="grid-md--"].equal-height article .content-wrapper,
  [class*="grid-md--"].equal-height .teaser--card .content-wrapper,
  [class*="grid-lg--"].equal-height article .content-wrapper,
  [class*="grid-lg--"].equal-height .teaser--card .content-wrapper,
  [class*="grid-xl--"].equal-height article .content-wrapper,
  [class*="grid-xl--"].equal-height .teaser--card .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.grid--2-columns > ul > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

.grid--2-columns > ul > li:nth-child(2) {
  margin-top: 0;
}

.grid--3-columns > ul > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.33333%;
}

.grid--3-columns > ul > li:nth-child(2), .grid--3-columns > ul > li:nth-child(3) {
  margin-top: 0;
}

.grid--4-columns > ul > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}

.grid--4-columns > ul > li:nth-child(2), .grid--4-columns > ul > li:nth-child(3), .grid--4-columns > ul > li:nth-child(4) {
  margin-top: 0;
}

@media (min-width: 576px) {
  .grid-sm--2-columns > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .grid-sm--2-columns > ul > li:nth-child(2) {
    margin-top: 0;
  }
  .grid-sm--3-columns > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }
  .grid-sm--3-columns > ul > li:nth-child(2), .grid-sm--3-columns > ul > li:nth-child(3) {
    margin-top: 0;
  }
  .grid-sm--4-columns > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .grid-sm--4-columns > ul > li:nth-child(2), .grid-sm--4-columns > ul > li:nth-child(3), .grid-sm--4-columns > ul > li:nth-child(4) {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .grid-md--2-columns > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .grid-md--2-columns > ul > li:nth-child(2) {
    margin-top: 0;
  }
  .grid-md--3-columns > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }
  .grid-md--3-columns > ul > li:nth-child(2), .grid-md--3-columns > ul > li:nth-child(3) {
    margin-top: 0;
  }
  .grid-md--4-columns > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .grid-md--4-columns > ul > li:nth-child(2), .grid-md--4-columns > ul > li:nth-child(3), .grid-md--4-columns > ul > li:nth-child(4) {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .grid-lg--2-columns > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .grid-lg--2-columns > ul > li:nth-child(2) {
    margin-top: 0;
  }
  .grid-lg--3-columns > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }
  .grid-lg--3-columns > ul > li:nth-child(2), .grid-lg--3-columns > ul > li:nth-child(3) {
    margin-top: 0;
  }
  .grid-lg--4-columns > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .grid-lg--4-columns > ul > li:nth-child(2), .grid-lg--4-columns > ul > li:nth-child(3), .grid-lg--4-columns > ul > li:nth-child(4) {
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  .grid-xl--2-columns > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .grid-xl--2-columns > ul > li:nth-child(2) {
    margin-top: 0;
  }
  .grid-xl--3-columns > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }
  .grid-xl--3-columns > ul > li:nth-child(2), .grid-xl--3-columns > ul > li:nth-child(3) {
    margin-top: 0;
  }
  .grid-xl--4-columns > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .grid-xl--4-columns > ul > li:nth-child(2), .grid-xl--4-columns > ul > li:nth-child(3), .grid-xl--4-columns > ul > li:nth-child(4) {
    margin-top: 0;
  }
}

@media (min-width: 1400px) {
  .grid-xxl--2-columns > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .grid-xxl--2-columns > ul > li:nth-child(2) {
    margin-top: 0;
  }
  .grid-xxl--3-columns > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }
  .grid-xxl--3-columns > ul > li:nth-child(2), .grid-xxl--3-columns > ul > li:nth-child(3) {
    margin-top: 0;
  }
  .grid-xxl--4-columns > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .grid-xxl--4-columns > ul > li:nth-child(2), .grid-xxl--4-columns > ul > li:nth-child(3), .grid-xxl--4-columns > ul > li:nth-child(4) {
    margin-top: 0;
  }
}

.list ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.list > ul > li {
  margin-top: 0;
  padding-bottom: .85rem;
  margin-bottom: .85rem;
}

.list > ul > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.views-infinite-scroll-content-wrapper .list:not(:last-child) {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.masonry--2-columns .masonry-layout,
.masonry--3-columns .masonry-layout,
.masonry--4-columns .masonry-layout {
  --bs-gutter-x: 1.6667rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}

.masonry--2-columns .masonry-layout .masonry-item,
.masonry--3-columns .masonry-layout .masonry-item,
.masonry--4-columns .masonry-layout .masonry-item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  padding-bottom: 1.6rem;
}

@media (min-width: 768px) {
  .masonry--2-columns .masonry-layout .masonry-item,
  .masonry--2-columns .masonry-layout .masonry-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
}

@media (min-width: 768px) {
  .masonry--3-columns .masonry-layout .masonry-item,
  .masonry--3-columns .masonry-layout .masonry-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
}

@media (min-width: 992px) {
  .masonry--3-columns .masonry-layout .masonry-item,
  .masonry--3-columns .masonry-layout .masonry-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }
}

@media (min-width: 768px) {
  .masonry--4-columns .masonry-layout .masonry-item,
  .masonry--4-columns .masonry-layout .masonry-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
}

@media (min-width: 992px) {
  .masonry--4-columns .masonry-layout .masonry-item,
  .masonry--4-columns .masonry-layout .masonry-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }
}

@media (min-width: 1200px) {
  .masonry--4-columns .masonry-layout .masonry-item,
  .masonry--4-columns .masonry-layout .masonry-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
}

.view--2-columns,
.view--3-columns {
  --bs-gutter-x: 1.6667rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}

.view--2-columns > div,
.view--3-columns > div {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

.view--2-columns .attachment .views-element-container:not(:last-child),
.view--3-columns .attachment .views-element-container:not(:last-child) {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.view--2-columns .contextual,
.view--3-columns .contextual {
  display: none;
}

@media (max-width: 575.98px) {
  .view--2-columns .attachment-before {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
  .view--2-columns .attachment-after {
    margin-top: 1rem;
    padding-top: 1rem;
  }
}

@media (min-width: 768px) {
  .view--2-columns > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .view--2-columns > div .teaser--small-item .teaser--media {
    width: 130px;
  }
}

@media (max-width: 767.98px) {
  .view--3-columns .attachment-before {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
  .view--3-columns .attachment-after {
    margin-top: 1rem;
    padding-top: 1rem;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .view--3-columns > div .teaser--small-item .teaser--media {
    width: 130px;
  }
}

@media (min-width: 992px) {
  .view--3-columns > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }
}

.no-borders .teaser {
  border: none !important;
}

.items--separator--border > ul > li {
  border-bottom: 1px solid var(--mag-divider);
}

.themag-layout--black .items--separator--border > ul > li {
  border-color: #282d2f;
}

.items--spacer--tiny > ul > li,
.views-infinite-scroll-content-wrapper .list.items--spacer--large > ul > li:not(:last-child) {
  margin-bottom: .5rem !important;
  padding-bottom: .5rem !important;
}

.items--spacer--large > ul > li,
.views-infinite-scroll-content-wrapper .list.items--spacer--large > ul > li:not(:last-child) {
  margin-bottom: 2rem !important;
  padding-bottom: 2rem !important;
}

.themag-layout--white {
  background-color: #FFF;
}

.themag-layout--gray {
  background-color: var(--mag-bg-grey);
}

.themag-layout--gray-light {
  background-color: var(--mag-bg-grey-light);
}

.themag-layout--black {
  background-color: #000;
}

.teaser {
  position: relative;
}

.teaser__media .teaser__channel {
  position: absolute;
  left: 1.667rem;
  bottom: 0;
}

.teaser__image {
  position: relative;
}

.teaser__image img {
  width: 100%;
  height: auto;
}

.teaser__image a:before {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: '';
  z-index: 1;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  -webkit-box-shadow: inset 0 0 4rem 0 rgba(31, 33, 37, 0.7);
          box-shadow: inset 0 0 4rem 0 rgba(31, 33, 37, 0.7);
  opacity: 0;
}

.themag-dark .teaser__image a:before {
  opacity: .85;
}

.teaser__image.image--circular a:before {
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 2rem 0 rgba(31, 33, 37, 0.5);
          box-shadow: inset 0 0 2rem 0 rgba(31, 33, 37, 0.5);
}

.teaser__image a:hover:before {
  opacity: 1;
}

.themag-dark .teaser__image a:hover:before {
  opacity: 0;
}

.teaser__media-icons {
  color: #fff;
  font-size: 1rem;
  line-height: 1;
  position: absolute;
  left: .5556rem;
  top: .5556rem;
  z-index: 5;
  opacity: .7;
}

.teaser__media-icons svg, .teaser__media-icons i {
  margin-right: .3rem;
}

.teaser__content {
  position: relative;
}

@media (min-width: 992px) {
  .teaser__content {
    z-index: 2;
  }
}

.teaser__channel {
  margin-top: .5rem;
  margin-bottom: .1rem;
  color: var(--mag-text-primary);
}

.teaser__channel a {
  color: var(--mag-text-primary);
  text-decoration: none;
}

.teaser__channel a:hover {
  color: var(--mag-text-primary);
  text-decoration: underline;
}

.teaser__channel--light {
  color: rgba(255, 255, 255, 0.8);
}

.teaser__channel--light a {
  color: rgba(255, 255, 255, 0.8);
}

.teaser__headline {
  margin: 0;
  line-height: 1.1;
}

.teaser__headline a {
  color: var(--mag-headline);
  text-decoration: none;
  -webkit-transition: all .1s ease-in-out, color .2s ease-in-out;
  transition: all .1s ease-in-out, color .2s ease-in-out;
}

.teaser__headline a:hover {
  color: var(--mag-headline-hover);
}

.teaser__headline--medium {
  font-size: 2.5556rem;
}

@media (min-width: 768px) {
  .teaser__headline--medium {
    font-size: 2.8rem;
  }
}

@media (min-width: 992px) {
  .teaser__headline--medium {
    font-size: 3.1rem;
  }
}

@media screen and (min-width: 992px) and (max-height: 700px) {
  .teaser__headline--medium {
    font-size: 2.8rem;
  }
}

.teaser__headline--large {
  font-size: 2.5556rem;
}

@media (min-width: 768px) {
  .teaser__headline--large {
    font-size: 3.1111rem;
  }
}

@media (min-width: 992px) {
  .teaser__headline--large {
    font-size: 3.5rem;
  }
}

@media screen and (min-width: 992px) and (max-height: 700px) {
  .teaser__headline--large {
    font-size: 3.1111rem;
  }
}

.teaser__headline--light,
.teaser__headline--light a {
  color: #fff;
}

.teaser__authored {
  margin-top: .6667rem;
  color: var(--mag-text-secondary);
  font-size: .6667rem;
  line-height: 1;
}

.teaser__authored a {
  color: var(--mag-text-secondary);
  text-decoration: underline;
}

.teaser__authored a:hover {
  color: var(--mag-text-secondary);
  text-decoration: none;
}

.teaser__authored--light {
  color: rgba(255, 255, 255, 0.8);
}

.teaser__authored--light a {
  color: #fff !important;
}

.teaser__body {
  margin-top: .7778rem;
  color: var(--mag-text-primary);
  font-size: 1rem;
}

@media (min-width: 992px) {
  .teaser__body {
    font-size: .7778rem;
  }
}

.teaser__body--light {
  color: rgba(255, 255, 255, 0.8);
}

.teaser__body--light a {
  color: #FFF;
  text-decoration: underline;
}

.teaser .node__links {
  border-top: 1px solid var(--mag-border);
  margin-top: .5rem;
  padding-top: .5rem;
  font-size: .7778rem;
}

.teaser .node__links ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.teaser .node__links ul li {
  margin: 0;
}

.teaser .node__links ul li:not(:first-child) {
  margin-left: .7778rem;
}

.teaser__link a {
  display: inline-block;
  margin-top: .7778rem;
  vertical-align: middle;
  font-size: .6111rem;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}

.teaser__link-overlay {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  z-index: 5;
}

.teaser__link-overlay:hover {
  -webkit-box-shadow: inset 0 0 4rem 0 rgba(31, 33, 37, 0.7);
          box-shadow: inset 0 0 4rem 0 rgba(31, 33, 37, 0.7);
}

.teaser--bordered {
  border: 1px solid var(--mag-divider);
}

[data-overlay]:before {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: '';
  background-color: rgba(31, 33, 37, 0.15);
  z-index: 0;
}

.teaser--card.teaser--bordered {
  padding-bottom: 1.5rem;
}

.teaser--card .teaser__channel {
  margin-left: .2778rem;
}

.teaser--card .teaser__headline a:hover {
  background-color: var(--mag-headline-hover-bg);
  color: var(--mag-headline-hover);
}

.teaser--card .teaser__content {
  padding: 1rem 1.5rem 0;
}

.teaser--small-card.teaser--bordered {
  padding-bottom: 1rem;
}

.teaser--small-card .teaser__headline {
  font-size: 1.222rem;
}

.teaser--small-card .teaser__content {
  padding: 1rem 1rem 0;
}

.teaser--medium-card .teaser__headline {
  font-size: 1.6667rem;
}

@media (min-width: 992px) {
  .teaser--medium-card .teaser__headline {
    font-size: 1.4rem;
  }
}

@media (min-width: 992px) {
  .teaser--medium-card-square-image .teaser__headline {
    font-size: 1.7rem;
  }
}

@media (min-width: 768px) {
  .teaser--large-card .teaser__channel {
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .teaser--large-card .teaser__headline {
    font-size: 2.5556rem;
  }
}

@media (min-width: 768px) {
  .teaser--large-card .teaser__content {
    padding-top: 1.5rem;
    text-align: center;
  }
}

.teaser--large-card .teaser__body {
  display: none;
}

@media (min-width: 768px) {
  .teaser--large-card .teaser__body {
    display: block;
    margin-top: .6rem;
    padding-left: 4rem;
    padding-right: 4rem;
    font-size: .8889rem;
    line-height: 1.2rem;
  }
}

.teaser--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.teaser--item .teaser__media {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 1rem;
}

.teaser--item .teaser__channel {
  margin-left: .2778rem;
}

.teaser--item .teaser__headline a:hover {
  background-color: var(--mag-headline-hover-bg);
  color: var(--mag-headline-hover);
}

.teaser--item .teaser__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.teaser--tiny-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.teaser--tiny-item .teaser__channel {
  font-size: .6667rem;
}

.teaser--tiny-item .teaser__headline {
  font-size: 1.1111rem;
}

@media (min-width: 768px) {
  .teaser--tiny-item .teaser__headline {
    font-size: 1rem;
  }
}

.teaser--tiny-item .teaser__authored {
  margin-top: .5rem;
}

@media (min-width: 992px) {
  .teaser--small-item .teaser__channel {
    font-size: .8889rem;
  }
}

.teaser--small-item .teaser__headline {
  font-size: 1.4rem;
}

@media (min-width: 768px) {
  .teaser--small-item .teaser__headline {
    font-size: 1.222rem;
  }
}

.teaser--medium-item {
  display: block;
}

@media (min-width: 768px) {
  .teaser--medium-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.teaser--medium-item .teaser__content {
  padding: 1rem 1.5rem 0;
}

@media (min-width: 768px) {
  .teaser--medium-item .teaser__content {
    padding: 0;
  }
}

@media (min-width: 768px) {
  .teaser--medium-item .teaser__headline {
    font-size: 1.4444rem;
  }
}

@media (min-width: 768px) {
  .teaser--medium-item .teaser__body {
    margin-top: .5rem;
    font-size: .7778rem;
  }
}

.teaser--compact .teaser__content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 33, 37, 0)), to(rgba(31, 33, 37, 0.9)));
  background-image: linear-gradient(rgba(31, 33, 37, 0), rgba(31, 33, 37, 0.9));
  padding: 1.5rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.teaser--compact .teaser__channel {
  color: rgba(255, 255, 255, 0.85);
}

.teaser--compact .teaser__channel a {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
}

.teaser--compact .teaser__channel a:hover {
  text-decoration: underline;
}

.teaser--compact .teaser__headline {
  color: #FFF;
}

.themag-dark .teaser--compact .teaser__headline {
  color: rgba(255, 255, 255, 0.9);
}

.teaser--compact .teaser__headline a {
  color: #FFF;
}

.themag-dark .teaser--compact .teaser__headline a {
  color: rgba(255, 255, 255, 0.9);
}

.teaser--compact .teaser__authored {
  color: rgba(255, 255, 255, 0.6);
}

.teaser--compact .teaser__authored a {
  color: rgba(255, 255, 255, 0.6);
}

.teaser--medium-compact,
.teaser--large-compact {
  min-height: 350px;
}

.teaser--small-compact .teaser__headline {
  font-size: 1.222rem;
}

.teaser--small-compact .teaser__content {
  padding: 1rem;
}

@media (min-width: 992px) {
  .teaser--medium-compact .teaser__headline {
    font-size: 1.6667rem;
  }
}

@media (min-width: 768px) {
  .teaser--large-compact .teaser__content {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  .teaser--large-compact .teaser__headline {
    font-size: 2.444rem;
    line-height: 1;
  }
}

.teaser--large-compact .teaser__body,
.teaser--large-compact .teaser__body .field--type-text-with-summary {
  display: none;
  color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 768px) {
  .teaser--large-compact .teaser__body,
  .teaser--large-compact .teaser__body .field--type-text-with-summary {
    display: block;
    margin-top: .6rem;
    padding-left: 4rem;
    padding-right: 4rem;
    font-size: .8889rem;
    line-height: 1.2rem;
  }
}

.region--content-header {
  margin-bottom: 2rem;
}

.region--content-header .page-title {
  margin-bottom: 0;
}

.node__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #90a4ae;
  font-size: 1rem;
}

@media (min-width: 992px) {
  .node__meta {
    font-size: .8887rem;
  }
}

.node__meta img {
  border-radius: 50%;
  width: 40px;
  height: auto;
  margin-right: .7778rem;
}

.node__meta a {
  text-decoration: underline;
}

.node__meta a:hover {
  text-decoration: none;
}

footer.node__meta {
  margin-bottom: 1.5rem;
}

.article-title {
  margin-bottom: 0;
  font-size: 2.5rem;
  line-height: 1.1;
  letter-spacing: -.01rem;
}

@media (min-width: 992px) {
  .article-title {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .article-title--large {
    font-size: 3.556rem;
  }
}

.article-title--white {
  color: #fff;
}

.byline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--mag-text-secondary);
  font-size: .875rem;
}

.byline__author-picture {
  margin-right: .7778rem;
}

.byline__author-picture img {
  border-radius: 50%;
  width: 40px;
  height: auto;
}

.byline a {
  color: var(--mag-text-primary);
  text-decoration: underline;
}

.byline a:hover {
  text-decoration: none;
}

.byline--white {
  color: rgba(255, 255, 255, 0.7);
}

.byline--white a {
  color: #fff;
}

.page-node-type-article .region--content-header {
  margin-bottom: 1.5rem;
}

.page-node-type-article .block--page-title-block {
  background-color: transparent;
}

.page-node-type-article .block--page-title-block:before, .page-node-type-article .block--page-title-block:after {
  display: none;
}

.page-node-type-article .layout__region--tabs .block {
  margin-bottom: 2rem;
}

.layout--article-1 .layout__region--article-header {
  margin-bottom: 1rem;
}

.layout--article-1 .layout__region--article-footer {
  margin-bottom: 1rem;
}

.layout--article-1 .layout__region--article-social-buttons {
  margin-bottom: 1rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted var(--mag-border);
}

.layout--article-1 .field--name-field-comment {
  margin-bottom: 3rem;
}

@media (min-width: 992px) {
  .layout--article-2 h1.page-title {
    font-size: 3.5556rem;
  }
}

.layout--article-2 .tabs ul.primary {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.layout--article-2 .layout__article-intro {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.5rem;
  color: #FFF;
  text-align: center;
}

.layout--article-2 .layout__article-intro a {
  color: #FFF;
}

.layout--article-2 .layout__article-intro,
.layout--article-2 .parallax {
  height: 60vh;
}

.layout--article-2 .parallax {
  background-color: transparent;
}

.layout--article-2 .layout__region--article-media {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.layout--article-2 .layout__region--article-media .field--name-field-teaser-media {
  position: relative;
}

.layout--article-2 .layout__region--article-media .field--name-field-teaser-media:before {
  content: "";
  display: block;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(31, 33, 37, 0.15);
  height: 60vh;
  z-index: 0;
}

.layout--article-2 .layout__region--article-footer {
  margin-top: .8889rem;
}

.layout--article-2 .node__meta {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: rgba(255, 255, 255, 0.7);
}

.layout--article-2 .node__meta a {
  color: #FFF;
}

.layout--article-2 .block-region-article-social-buttons .block {
  margin-bottom: 2rem;
}

.layout--article-2 .layout__region--article-content {
  margin-bottom: 2rem;
}

.layout--article-2 .layout__region--article-comments {
  background-color: var(--mag-bg-grey);
  margin-top: 2rem;
}

.layout--article-2 .block-region-article-comments .block {
  margin-bottom: 0;
}

.layout--article-2 .field--name-field-comment {
  padding-left: 0;
  padding-right: 0;
}

.layout--article-3 .layout__region--article-media .block,
.layout--article-3 .layout__article-intro {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .layout--article-3 h1.page-title {
    font-size: 3.5556rem;
  }
}

.layout--article-3 .layout__article-intro {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
  text-align: center;
}

.layout--article-3 .layout__article-intro a {
  color: #FFF;
}

.layout--article-3 .layout__article-intro,
.layout--article-3 .parallax {
  height: 60vh;
}

.layout--article-3 .parallax {
  background-color: transparent;
}

.layout--article-3 .layout__region--article-media {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.layout--article-3 .layout__region--article-media .field--name-field-teaser-media {
  position: relative;
}

.layout--article-3 .layout__region--article-media .field--name-field-teaser-media:before {
  content: "";
  display: block;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(31, 33, 37, 0.15);
  height: 60vh;
  z-index: 0;
}

.layout--article-3 .layut__meta-wrapper > .container {
  margin-bottom: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #cfd8dc;
}

.layout--article-3 .layout__region--article-social-buttons {
  margin-top: 1rem;
}

@media (min-width: 992px) {
  .layout--article-3 .layout__region--article-social-buttons {
    margin-top: 0;
  }
}

.article-header__content {
  position: relative;
  z-index: 5;
}

.article-header__channel {
  margin-bottom: .25rem;
}

.article-header__meta {
  margin-top: .75rem;
}

.article-header--layout-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60vh;
  position: relative;
}

.article-header--layout-2:before {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: '';
  background: rgba(31, 33, 37, 0.15);
}

.article-header--layout-2 .article-header__content {
  max-width: 960px;
  text-align: center;
}

.article-header--layout-2 .article-header__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1rem;
}

.layout--page-1,
.layout--page-2,
.layout--page-3 {
  padding: 3rem 1rem;
}

@media (min-width: 992px) {
  .layout--page-1,
  .layout--page-2,
  .layout--page-3 {
    padding: 3rem 1rem;
  }
}

.layout--page-1 .block--page-title-block,
.layout--page-2 .block--page-title-block,
.layout--page-3 .block--page-title-block {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.layout--page-1 .block--page-title-block .title-lines,
.layout--page-2 .block--page-title-block .title-lines,
.layout--page-3 .block--page-title-block .title-lines {
  position: relative;
}

.layout--page-1 .block--page-title-block .title-lines:after, .layout--page-1 .block--page-title-block .title-lines:before,
.layout--page-2 .block--page-title-block .title-lines:after,
.layout--page-2 .block--page-title-block .title-lines:before,
.layout--page-3 .block--page-title-block .title-lines:after,
.layout--page-3 .block--page-title-block .title-lines:before {
  content: "";
  display: block;
  border-top: 1px solid var(--mag-border);
}

.layout--page-1 .block--page-title-block .title-lines:after,
.layout--page-2 .block--page-title-block .title-lines:after,
.layout--page-3 .block--page-title-block .title-lines:after {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}

.layout--page-1 .block--page-title-block .page-title,
.layout--page-2 .block--page-title-block .page-title,
.layout--page-3 .block--page-title-block .page-title {
  margin-bottom: 0;
  padding-right: 1.5rem;
  color: var(--mag-headline);
  position: relative;
  z-index: 5;
}

.layout__region--page-header {
  margin-bottom: 2rem;
}

.layout__region--page-header .block {
  margin-bottom: .5rem;
}

.layout__region--page-header .block:last-child {
  margin-bottom: 0;
}

.node-preview-container {
  background: var(--mag-bg-grey);
  padding: 0 1rem;
  -webkit-box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: 50;
}

.node-preview-container .node-preview-form-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.node-preview-container .node-preview-form-select .node-preview-backlink {
  font-weight: bold;
  text-decoration: underline;
  white-space: nowrap;
}

.node-preview-container .node-preview-form-select .node-preview-backlink:hover {
  text-decoration: none;
}

.node-preview-container .node-preview-form-select .form-item-view-mode {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.node-preview-container .node-preview-form-select .form-item-view-mode label {
  margin: 0 .5rem 0;
  text-transform: none;
  white-space: nowrap;
}

.node-preview-container .node-preview-form-select input[type='submit'] {
  display: none;
}

.paragraph {
  margin-bottom: 1.7rem;
}

.paragraph--type--gallery-grid {
  margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
  .paragraph--type--gallery-grid {
    margin-bottom: 1rem;
  }
}

.media-gallery.view-mode-gallery-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.media-gallery.view-mode-gallery-grid figure {
  width: 25%;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .media-gallery.view-mode-gallery-grid figure {
    margin-bottom: 1rem;
  }
}

.media-gallery.view-mode-gallery-grid figure .photoswipe__image-caption {
  display: none;
}

.paragraph--type--instagram iframe {
  margin-left: auto !important;
  margin-right: auto !important;
}

.paragraph--type--twitter twitterwidget,
.paragraph--type--twitter twitter-widget {
  margin-left: auto;
  margin-right: auto;
}

.media-pinterest .field--name-field-url {
  display: table;
  margin: auto;
}

.paragraph--type--text, body.cke_editable {
  font-size: 1.1428rem;
  line-height: 1.57;
}

@media (min-width: 992px) {
  .paragraph--type--text, body.cke_editable {
    font-size: 1rem;
  }
}

.paragraph--type--text p, body.cke_editable p {
  margin-bottom: 1.5rem;
}

.paragraph--type--text p:last-child, body.cke_editable p:last-child {
  margin-bottom: 0;
}

.paragraph--type--text p.dropcaps:first-letter, body.cke_editable p.dropcaps:first-letter {
  display: block;
  float: left;
  margin: 0 1rem 0 0;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 5rem;
  line-height: 1;
  font-weight: bold;
}

.paragraph--type--text hr, body.cke_editable hr {
  width: 45%;
  margin: 2rem auto;
  border-top: 4px dotted #cfd8dc;
}

.paragraph--type--quote .field--name-field-text {
  color: var(--mag-text-primary);
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 900;
  font-style: italic;
}

.paragraph--type--quote .field--name-field-source {
  color: var(--mag-text-secondary);
  font-size: 1.2rem;
  font-style: italic;
}

.paragraph--type--quote .field--name-field-source:before {
  content: '-';
  margin-right: .5rem;
}

.block--search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.block--search form > * {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  margin: 0;
}

.block--search form .form-item-keys {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: .5rem;
}

.block--search form input[type='submit'] {
  background: #f44336;
  border-color: #f44336;
  color: #FFF;
}

.region-search {
  background: var(--mag-bg-grey);
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: max-height .3s ease;
  transition: max-height .3s ease;
}

.themag-dark .region-search {
  background: var(--mag-button);
}

.region-search.active {
  max-height: 60px;
}

.block--region-search .visually-hidden {
  display: none;
}

.block--region-search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.block--region-search .form-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
}

.block--region-search .form-actions {
  padding-top: 0;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.block--region-search .form-action {
  text-align: right;
}

.block--region-search input[type='text'],
.block--region-search input[type='search'] {
  background: transparent;
  width: 100%;
  height: 40px;
  margin: 0;
  padding-left: 0;
  border: none;
  color: var(--mag-text-primary);
  font-size: 1rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (min-width: 992px) {
  .block--region-search input[type='text'],
  .block--region-search input[type='search'] {
    font-size: 1.3rem;
  }
}

.block--region-search input[type='submit'] {
  background: #f44336;
  margin-right: 0;
  padding: 5px 15px;
  border-color: #f44336;
  border-radius: .3rem;
  color: #FFF;
  font-size: .9rem;
  font-weight: bold;
}

@media (min-width: 992px) {
  .block--region-search input[type='submit'] {
    font-size: 1rem;
  }
}

body.path-search .block--system-main-block h2 {
  font-weight: 300;
}

.search-form {
  margin-bottom: 1.5rem;
}

.search-form > div {
  margin-bottom: 1.5rem;
}

.search-form .search-help-link {
  display: none;
}

.search-form #edit-basic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.search-form #edit-basic .form-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
}

.search-form #edit-basic label {
  display: none;
}

.search-form #edit-basic input[type="submit"],
.search-form #edit-basic button {
  margin-left: .5rem;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.search-results {
  margin: 0;
  padding: 0;
}

.search-results > li {
  background: transparent;
  margin: 0;
  padding: 1rem;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
}

.search-results > li:hover {
  background: var(--mag-bg-grey);
}

.search-results h3.search-result__title {
  font-size: 1.2rem;
}

.search-results h3.search-result__title a {
  color: var(--mag-headline);
}

.search-results h3.search-result__title a:hover {
  text-decoration: none;
}

.search-results .search-result__snippet-info {
  margin-bottom: .2rem;
  color: var(--mag-text-secondary);
}

.search-results .search-result__info {
  margin: 0;
  color: var(--mag-text-hint);
  font-size: .8rem;
}

.field--name-field-comment,
.field--name-field-mg-comments {
  background-color: var(--mag-bg-grey);
  padding: 1.5rem;
}

@media (min-width: 992px) {
  .field--name-field-comment,
  .field--name-field-mg-comments {
    padding: 2.5rem 3rem;
  }
}

.field--name-field-comment h2.title,
.field--name-field-mg-comments h2.title {
  display: inline-block;
  margin-bottom: 1.5rem;
  color: var(--mag-text-primary);
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .field--name-field-comment h2.title,
  .field--name-field-mg-comments h2.title {
    margin-bottom: 2rem;
  }
}

.field--name-field-comment .form-wrapper > .form-group,
.field--name-field-mg-comments .form-wrapper > .form-group {
  margin-top: 0;
}

.field--name-field-comment label,
.field--name-field-comment .grippie,
.field--name-field-mg-comments label,
.field--name-field-mg-comments .grippie {
  display: none;
}

.field--name-field-comment textarea,
.field--name-field-mg-comments textarea {
  height: 70px;
  -webkit-transition: height .2s ease-in-out;
  transition: height .2s ease-in-out;
}

.field--name-field-comment textarea:focus,
.field--name-field-mg-comments textarea:focus {
  height: 120px;
}

.field--name-field-comment .form-actions,
.field--name-field-mg-comments .form-actions {
  margin-bottom: 0;
}

.comment {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 16px;
  margin-bottom: 32px;
  font-size: 14px;
  font-weight: normal;
  color: var(--mag-text-primary);
}

@media (min-width: 768px) {
  .comment {
    font-size: 16px;
  }
}

.user-image {
  overflow: hidden;
  border-radius: 3px;
}

.user-image img {
  border-radius: 3px;
}

.comment-user-info {
  margin: 0 0 10px;
  padding: 0 0 0 10px;
  border-left: 3px solid var(--mag-border);
}

.comment-user-info > div {
  display: inline-block;
  vertical-align: middle;
}

.comment-user-name {
  color: var(--mag-text-primary);
  font-weight: bold;
}

.comment-user-name a {
  text-decoration: none;
}

.comment-user-name a:hover {
  text-decoration: underline;
}

.comment-date {
  color: var(--mag-text-secondary);
  font-size: 14px;
}

.indented .comment {
  grid-template-columns: 48px 1fr;
  margin-left: 4px;
}

@media (min-width: 768px) {
  .indented .comment {
    margin-left: 64px;
  }
}

.indented > .indented {
  margin-left: 0;
}

@media (min-width: 768px) {
  .indented > .indented {
    margin-left: 48px;
  }
}

.comment__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--mag-text-secondary);
}

.comment__links ul.links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 16px;
}

.comment__links ul.links li:not(:first-child) {
  margin-left: 16px;
}

.comment__links a {
  color: var(--mag-headline);
  font-weight: bold;
  text-decoration: none;
}

.comment__links a:hover {
  text-decoration: underline;
}

mark {
  background: #f44336;
  padding: 0 .5rem;
  height: 14px;
  display: inline-block;
  font-size: 80%;
  line-height: 14px;
  color: #FFF;
}

.cart--cart-block {
  position: relative;
}

.cart-block--contents {
  background-color: var(--mag-bg-default);
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
  min-width: 400px;
  font-size: 12px;
  right: 0;
}

@media (min-width: 768px) {
  .cart-block--contents {
    font-size: 14px;
    min-width: 400px;
  }
}

.cart-block--contents table {
  margin-bottom: 0;
}

.cart-block--contents table td {
  padding: .5rem;
  vertical-align: middle;
}

.cart-block--contents table td.views-field-field-image {
  width: 90px;
}

.cart-block--contents table td.views-field-total-price__number {
  font-weight: bold;
}

.cart-block--contents table tr:first-child td {
  border-top: none;
}

.cart-block--contents table tr:last-child td {
  border-bottom: none;
}

.cart-block--contents__items {
  overflow: auto;
}

.cart-block--link__expand {
  position: relative;
}

.cart-block--link__expand .cart-block--summary__count {
  background: #f44336;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #FFF;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  position: absolute;
  top: 0;
  right: -8px;
}

.cart-block--contents__items {
  padding: 0 16px;
}

.cart-block--contents__links a {
  display: block;
  margin-top: 0;
  padding: 14px 16px;
  background: var(--mag-button);
  color: var(--mag-text-primary);
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
}

.cart-block--contents__links a:hover {
  background: var(--mag-button-hover);
  color: var(--mag-text-primary);
}

.product-teaser .field--type-image {
  display: block;
  position: relative;
}

.product-teaser .field--type-image:before {
  content: "";
  display: block;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
}

.product-teaser .field--type-image img {
  display: block;
  width: 100%;
  height: auto;
}

.product-teaser .field--name-title {
  font-size: 1.333rem;
  font-weight: 300;
}

.product-teaser .field--name-price {
  margin-bottom: 10px;
  color: var(--mag-text-primary);
  font-size: 1.2rem;
}

.product-teaser a {
  color: var(--mag-text-secondary);
  text-decoration: none;
}

.product-teaser a:hover .field--type-image:before {
  -webkit-box-shadow: inset 0 0 2rem 0.4rem rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 2rem 0.4rem rgba(0, 0, 0, 0.2);
}

.product-teaser-default {
  display: inline-block;
}

.product-teaser-default .product-info-wrapper {
  margin-top: 1rem;
  text-align: center;
}

.product-summary-wrapper .field--name-title {
  margin-bottom: .5rem;
  font-size: 1.333rem;
  font-weight: 300;
}

.product-summary-wrapper .field--name-price {
  margin-bottom: .5rem;
  color: var(--mag-headline);
  font-size: 3.5rem;
  font-weight: 300;
}

.product-summary-wrapper .field--name-field-summary {
  margin-bottom: 2rem;
}

.product-summary-wrapper .field--name-variations .form-submit {
  display: block;
}

.product-summary-wrapper form.commerce-order-item-add-to-cart-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.product-summary-wrapper form.commerce-order-item-add-to-cart-form input {
  border-radius: 0;
  padding-top: .8rem;
  padding-bottom: .8rem;
}

.product-summary-wrapper form.commerce-order-item-add-to-cart-form .field--name-quantity {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  margin-right: 1rem;
}

@media (min-width: 992px) {
  .product-summary-wrapper form.commerce-order-item-add-to-cart-form .field--name-quantity {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
  }
}

.product-summary-wrapper form.commerce-order-item-add-to-cart-form .field--name-quantity label {
  display: none;
}

.product-summary-wrapper form.commerce-order-item-add-to-cart-form .form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-summary-wrapper form.commerce-order-item-add-to-cart-form .form-group {
  margin: 0 .5rem;
}

.product-summary-wrapper form.commerce-order-item-add-to-cart-form .field--widget-commerce-quantity {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.product-summary-wrapper form.commerce-order-item-add-to-cart-form .form-actions {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.product-summary-wrapper form.commerce-order-item-add-to-cart-form .form-actions input {
  width: 100%;
}

.product-summary-wrapper form.commerce-order-item-add-to-cart-form .field--widget-commerce-product-variation-attributes {
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.product-summary-wrapper form.commerce-order-item-add-to-cart-form .field--widget-commerce-product-variation-attributes .attribute-widgets {
  background: var(--mag-bg-grey);
  width: 100%;
  padding: 1rem;
  margin-bottom: 1rem;
}

.product-summary-wrapper form.commerce-order-item-add-to-cart-form .field--widget-commerce-product-variation-attributes .attribute-widgets:empty {
  display: none;
}

.product-summary-wrapper form.commerce-order-item-add-to-cart-form .field--widget-commerce-product-variation-attributes .attribute-widgets .form-item {
  margin: 0 .5rem 0 0;
}

.product-summary-wrapper .field--name-field-category {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--mag-border);
}

.field--name-field-summary,
.field--name-body,
.field--name-field-additional-informations {
  color: var(--mag-text-primary);
}

.form.commerce-order-item-add-to-cart-form {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.checkout-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  top: -1.2rem;
}

@media (min-width: 992px) {
  .checkout-progress {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.checkout-progress li {
  padding: .3rem 1.5rem;
  font-weight: 300;
  font-style: italic;
  position: relative;
  color: var(--mag-text-secondary);
}

.checkout-progress li:before {
  display: none;
}

@media (min-width: 768px) {
  .checkout-progress li:before {
    display: inline;
  }
}

.checkout-progress li:after {
  content: '';
  display: block;
  border-right: 1px solid var(--mag-border);
  -webkit-transform: skewX(-20deg);
          transform: skewX(-20deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.checkout-progress li:last-child:after {
  display: none;
}

.checkout-progress .checkout-progress--step__previous {
  color: var(--mag-text-primary);
  font-weight: bold;
}

.checkout-progress .checkout-progress--step__current {
  color: var(--mag-text-primary);
  font-weight: bold;
}

.view-commerce-cart-form,
.commerce-checkout-flow {
  color: var(--mag-text-secondary);
}

.view-commerce-cart-form table,
.commerce-checkout-flow table {
  border-bottom: 1px solid var(--mag-border);
}

.view-commerce-cart-form table th,
.commerce-checkout-flow table th {
  color: var(--mag-text-primary);
}

.view-commerce-cart-form table td,
.commerce-checkout-flow table td {
  vertical-align: middle;
}

.view-commerce-cart-form table th.views-field-field-image,
.view-commerce-cart-form table td.views-field-field-image,
.commerce-checkout-flow table th.views-field-field-image,
.commerce-checkout-flow table td.views-field-field-image {
  display: none;
}

@media (min-width: 768px) {
  .view-commerce-cart-form table th.views-field-field-image,
  .view-commerce-cart-form table td.views-field-field-image,
  .commerce-checkout-flow table th.views-field-field-image,
  .commerce-checkout-flow table td.views-field-field-image {
    width: 120px;
    display: table-cell;
  }
}

.view-commerce-cart-form .field--name-total-price,
.commerce-checkout-flow .field--name-total-price {
  margin-top: 1rem;
}

.view-commerce-cart-form fieldset,
.commerce-checkout-flow fieldset {
  margin-bottom: 32px;
}

.view-commerce-cart-form fieldset legend,
.commerce-checkout-flow fieldset legend {
  border-bottom: 1px solid var(--mag-border);
  color: var(--mag-text-primary);
  font-size: 1rem;
  font-weight: bold;
}

.view-commerce-cart-form fieldset fieldset legend,
.commerce-checkout-flow fieldset fieldset legend {
  border: none;
  font-size: 1.125rem;
  font-weight: 300;
}

.view-commerce-cart-form .form-group.form-type-radio,
.commerce-checkout-flow .form-group.form-type-radio {
  margin-bottom: 0;
}

.view-commerce-cart-form .field--name-product-id,
.view-commerce-cart-form .field--name-product-id a,
.commerce-checkout-flow .field--name-product-id,
.commerce-checkout-flow .field--name-product-id a {
  color: var(--mag-text-primary);
  font-weight: bold;
  text-decoration: none;
}

.view-commerce-cart-form .field--name-product-id:hover,
.view-commerce-cart-form .field--name-product-id a:hover,
.commerce-checkout-flow .field--name-product-id:hover,
.commerce-checkout-flow .field--name-product-id a:hover {
  text-decoration: underline;
}

.view-commerce-cart-form .views-field-purchased-entity,
.view-commerce-cart-form .views-field-purchased-entity a,
.commerce-checkout-flow .views-field-purchased-entity,
.commerce-checkout-flow .views-field-purchased-entity a {
  color: var(--mag-headline);
  text-decoration: none;
}

.view-commerce-cart-form .views-field-purchased-entity:hover,
.view-commerce-cart-form .views-field-purchased-entity a:hover,
.commerce-checkout-flow .views-field-purchased-entity:hover,
.commerce-checkout-flow .views-field-purchased-entity a:hover {
  text-decoration: underline;
}

.view-commerce-cart-form table .form-group,
.commerce-checkout-flow table .form-group {
  margin: 0;
}

.view-commerce-cart-form .delete-order-item.btn.btn-primary,
.commerce-checkout-flow .delete-order-item.btn.btn-primary {
  background-color: transparent;
  border: none;
  padding-left: 0;
  padding-right: 0;
  color: var(--mag-error);
}

.view-commerce-cart-form .order-total-line-value,
.commerce-checkout-flow .order-total-line-value {
  width: auto;
  min-width: 80px;
}

.view-commerce-cart-form .order-total-line__subtotal,
.commerce-checkout-flow .order-total-line__subtotal {
  color: var(--mag-text-secondary);
}

.view-commerce-cart-form .order-total-line__total,
.commerce-checkout-flow .order-total-line__total {
  width: auto;
  min-width: 80px;
  color: var(--mag-text-primary);
  font-size: 1.8rem;
}

.view-commerce-cart-form .order-total-line__total .order-total-line-label,
.commerce-checkout-flow .order-total-line__total .order-total-line-label {
  margin-right: 1rem;
}

.view-commerce-cart-form .form-actions,
.commerce-checkout-flow .form-actions {
  margin: 1rem 0 2rem;
  padding: 1.5rem 0;
  border-top: 1px solid var(--mag-divider);
  text-align: right;
}

.path-checkout .credit-card-form,
.path-checkout .field--name-address {
  background-color: var(--mag-bg-grey);
  padding: 16px;
  border-radius: 0.25rem;
  margin: 16px 0;
}

.path-checkout .credit-card-form .address,
.path-checkout .field--name-address .address {
  margin-bottom: 0;
}

.path-checkout .credit-card-form__expiration {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
}

.path-checkout #edit-sidebar-coupon-redemption-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 1.5rem 0;
}

.path-checkout #edit-sidebar-coupon-redemption-form .form-item-sidebar-coupon-redemption-form-code {
  margin-right: 1rem;
  margin-bottom: 0;
}

.checkout-complete__title {
  color: var(--mag-headline);
  font-size: 4rem;
  font-weight: 100;
}

.checkout-complete__payment-instructions {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--mag-border);
}

.profile {
  font-size: 16px;
}

.field--type-address .form-wrapper:not(:last-child) {
  margin-bottom: 16px;
}

.field--type-address input, .field--type-address select {
  width: 100%;
}

.field--type-address .address-container-inline {
  display: grid;
  grid-template-columns: auto auto;
  gap: 16px;
  margin-bottom: 16px;
}

.field--type-address .address-container-inline > .form-item {
  display: block;
  margin: 0;
}

.view-profiles .view-content {
  margin-top: 1.5rem;
}

.view-profiles .field--name-address {
  padding: 1rem;
  border: 1px solid var(--mag-border);
}

.view-profiles .dropbutton-widget {
  border-top: none;
}

.order-information {
  margin-top: 2rem;
}

.order-information .view-commerce-order-item-table {
  margin-top: 2rem;
}

.order-information .order-total-line-value {
  width: auto;
  min-width: 80px;
}

.order-information .order-total-line__subtotal {
  color: #546e7a;
}

.order-information .order-total-line__total {
  width: auto;
  min-width: 80px;
  color: #263238;
  font-size: 1.8rem;
}

.order-information .order-total-line__total .order-total-line-label {
  margin-right: 1rem;
}

.content-grid-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.content-grid-a > .view-content {
  width: 100%;
}

@media (min-width: 992px) {
  .content-grid-a > .view-content {
    width: 50%;
  }
}

.content-grid-a > .view-content .teaser {
  height: 50vh;
}

@media (min-width: 992px) {
  .content-grid-a > .view-content .teaser {
    height: 60vh;
  }
}

@media screen and (min-width: 992px) and (max-height: 700px) {
  .content-grid-a > .view-content .teaser {
    height: 70vh;
  }
}

.content-grid-a > .attachment-after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media (min-width: 992px) {
  .content-grid-a > .attachment-after {
    width: 50%;
  }
}

.content-grid-a > .attachment-after .teaser {
  height: 30vh;
}

@media screen and (max-height: 700px) {
  .content-grid-a > .attachment-after .teaser {
    height: 35vh;
  }
}

.content-grid-a .views-element-container {
  width: 50%;
}

.content-grid-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.content-grid-b > .view-content {
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.content-grid-b > .view-content .teaser {
  height: 60vh;
}

@media (min-width: 992px) {
  .content-grid-b > .view-content .teaser {
    height: 60vh;
  }
}

@media screen and (min-width: 992px) and (max-height: 700px) {
  .content-grid-b > .view-content .teaser {
    height: 70vh;
  }
}

.content-grid-b > .attachment-before .teaser,
.content-grid-b > .attachment-after .teaser {
  height: 30vh;
}

@media screen and (max-height: 700px) {
  .content-grid-b > .attachment-before .teaser,
  .content-grid-b > .attachment-after .teaser {
    height: 35vh;
  }
}

.content-grid-b > .attachment-before {
  width: 50%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.content-grid-b > .attachment-after {
  width: 50%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

@media (min-width: 992px) {
  .content-grid-b > .view-content {
    width: 50%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .content-grid-b > .attachment-before {
    width: 25%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .content-grid-b > .attachment-after {
    width: 25%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.content-grid-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.content-grid-c > .view-content {
  width: 100%;
}

@media (min-width: 992px) {
  .content-grid-c > .view-content {
    width: 50%;
  }
}

.content-grid-c > .view-content .teaser {
  height: 50vh;
}

@media (min-width: 992px) {
  .content-grid-c > .view-content .teaser {
    height: 60vh;
  }
}

@media screen and (min-width: 992px) and (max-height: 700px) {
  .content-grid-c > .view-content .teaser {
    height: 70vh;
  }
}

.content-grid-c > .attachment-after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

@media (min-width: 992px) {
  .content-grid-c > .attachment-after {
    width: 50%;
  }
}

.content-grid-c > .attachment-after .teaser {
  height: 35vh;
}

@media (min-width: 992px) {
  .content-grid-c > .attachment-after .teaser {
    height: 60vh;
  }
}

@media screen and (min-width: 992px) and (max-height: 700px) {
  .content-grid-c > .attachment-after .teaser {
    height: 70vh;
  }
}

.content-grid-c .views-element-container {
  width: 100%;
}

@media (min-width: 992px) {
  .content-grid-c .views-element-container {
    width: 50%;
  }
}

.content-grid-d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.content-grid-d > .view-content {
  width: 100%;
}

@media (min-width: 992px) {
  .content-grid-d > .view-content {
    width: 50%;
  }
}

.content-grid-d > .view-content .teaser {
  height: 50vh;
}

@media (min-width: 992px) {
  .content-grid-d > .view-content .teaser {
    height: 60vh;
  }
}

@media screen and (min-width: 992px) and (max-height: 700px) {
  .content-grid-d > .view-content .teaser {
    height: 70vh;
  }
}

.content-grid-d > .attachment-after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

@media (min-width: 992px) {
  .content-grid-d > .attachment-after {
    width: 50%;
  }
}

.content-grid-d > .attachment-after .teaser {
  height: 35vh;
}

@media (min-width: 992px) {
  .content-grid-d > .attachment-after .teaser {
    height: 60vh;
  }
}

@media screen and (min-width: 992px) and (max-height: 700px) {
  .content-grid-d > .attachment-after .teaser {
    height: 70vh;
  }
}

.content-grid-d .views-element-container {
  width: 100%;
}

@media (min-width: 992px) {
  .content-grid-d .views-element-container {
    width: 50%;
  }
}

.content-grid-d .views-element-container:first-child .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.content-grid-d .views-element-container:first-child .view-content > * {
  width: 50%;
}

@media (min-width: 992px) {
  .content-grid-d .views-element-container:first-child .view-content > * {
    width: 100%;
  }
}

.content-grid-d .views-element-container:first-child .view-content .teaser {
  height: 30vh;
}

@media screen and (max-height: 700px) {
  .content-grid-d .views-element-container:first-child .view-content .teaser {
    height: 35vh;
  }
}

.view-mg-popular-content .view-content ul {
  counter-reset: popular_counter;
}

.view-mg-popular-content .view-content ul > li {
  counter-increment: popular_counter;
}

.view-mg-popular-content .view-content ul > li .field--name-field-teaser-media:before {
  content: counter(popular_counter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 5rem;
  height: 5rem;
  border: 1px dashed rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  color: #FFF;
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: calc(50% - 2.5rem);
  left: calc(50% - 2.5rem);
  z-index: 10;
}

.view-mg-popular-content .field--name-field-teaser-media:after {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  background: linear-gradient(-135deg, rgba(156, 39, 176, 0.3) 10%, rgba(66, 165, 245, 0.5));
}


.tag-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 992px) {
  .tag-list ul {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}

.tag-list ul li {
  display: block;
  margin: 0 4px 4px 0;
}

@media (min-width: 992px) {
  .tag-list ul li {
    font-size: 14px;
  }
}

.tag-list a {
  display: block;
  background: var(--mag-button);
  -webkit-filter: brightness(93%);
          filter: brightness(93%);
  border-radius: 4px;
  padding: 8px;
  line-height: 1;
  color: var(--mag-text-primary);
  font-weight: bold;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  text-decoration: none;
}

.tag-list a:hover {
  background-color: var(--mag-button-hover);
  text-decoration: none;
}

.tag-list a:before {
  font-family: "Font Awesome 5 Free";
  content: '';
  font-size: .65rem;
  font-weight: 900;
  margin-right: 1px;
}


.messages {
  border: 1px solid var(--mag-border);
  border-left-width: 5px;
  padding: 1rem;
  font-size: 14px;
  margin: 1rem;
}

.messages a {
  text-decoration: underline;
}

.messages a:hover {
  text-decoration: none;
}

.messages--info {
  background: transparent;
  border-color: var(--mag-info);
  color: var(--mag-info);
}

.messages--status {
  background: transparent;
  border-color: var(--mag-success);
  color: var(--mag-success);
}

.messages--warning {
  background: transparent;
  border-color: var(--mag-warning);
  color: var(--mag-warning);
}

.messages--error {
  background: transparent;
  border-color: var(--mag-error);
  color: var(--mag-error);
}

.layout-builder__message--overrides .messages {
  background: #e3f2fd;
  border-color: #64b5f6;
  color: #42a5f5;
}

.tabs {
  padding-top: 40px;
  border: 1px solid var(--mag-bg-gray);
  border-radius: 0.25rem;
  position: relative;
}

@media (min-width: 992px) {
  .tabs {
    padding-top: 0;
    border: none;
    border-radius: 0;
  }
}

ul.primary,
ul.secondary {
  margin: 0;
  padding: 0;
  list-style: none;
}

.btn-tabs-toggler {
  background-color: var(--mag-bg-gray);
  display: block;
  width: 20%;
  height: 40px;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
}

@media (min-width: 992px) {
  .btn-tabs-toggler {
    display: none;
  }
}

.tabs ul.primary {
  background-color: var(--mag-bg-gray);
  display: block;
  margin-top: -1px;
  border: 0;
  border-radius: 0.25rem;
  position: static;
  max-height: 0;
  overflow: hidden;
}

.tabs ul.primary.active {
  max-height: 999rem;
}

@media (min-width: 992px) {
  .tabs ul.primary {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-height: none;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    padding: 0;
    border: none;
    border-radius: .3rem;
    overflow: visible;
  }
}

.tabs ul.primary > li {
  display: block;
  margin: 0;
}

@media (min-width: 992px) {
  .tabs ul.primary > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    white-space: nowrap;
  }
}

.tabs ul.primary > li.is-active {
  width: 80%;
  position: absolute;
  left: 0;
  top: 0;
}

@media (min-width: 992px) {
  .tabs ul.primary > li.is-active {
    width: auto;
    position: static;
  }
}

.tabs ul.primary > li a {
  display: block;
  background: transparent;
  height: 40px;
  padding: 0 1.5rem;
  border-top: 1px solid var(--mag-border);
  color: var(--mag-text-primary);
  line-height: 40px;
  text-decoration: none;
  text-align: left;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

@media (min-width: 992px) {
  .tabs ul.primary > li a {
    background-color: var(--mag-bg-grey);
    height: auto;
    line-height: 1;
    padding: 1rem 1.5rem;
    border: none;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    text-align: center;
  }
}

.tabs ul.primary > li a:hover {
  color: var(--mag-text-primary);
}

.themag-dark .tabs ul.primary > li a:hover {
  color: #FFF;
}

.tabs ul.primary > li.is-active a {
  color: var(--mag-text-primary);
  font-weight: bold;
  border-top: none;
}

@media (min-width: 992px) {
  .tabs ul.primary > li.is-active a {
    background-color: var(--mag-bg-default);
    -webkit-box-shadow: 0 -0.3rem 0.5rem 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 -0.3rem 0.5rem 0 rgba(0, 0, 0, 0.2);
  }
}

.tabs ul.secondary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--mag-border);
}

.tabs ul.secondary li a {
  display: block;
  padding: .5rem 1rem;
  color: var(--mag-text-secondary);
}

.tabs ul.secondary li a.is-active {
  color: var(--mag-text-primary);
  font-weight: bold;
}

.ipe-tab-content a, .ipe-tab-content div, .ipe-tab-content h1, .ipe-tab-content h2, .ipe-tab-content h3, .ipe-tab-content h4, .ipe-tab-content h5, .ipe-tab-content h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

div.ipe-actions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

div.ipe-actions a {
  color: #000 !important;
}

.ipe-tab.active a, .ipe-tab a:hover {
  color: var(--mag-text-secondary);
  border-bottom: 3px solid var(--mag-border);
}

.ipe-tab-content {
  padding: 12px 0 0;
  border: none;
}

.ipe-layout-image {
  width: auto;
}

.ipe-category-picker-search {
  background: transparent;
  margin-top: -12px;
  padding: 0;
  border: none;
}

.ipe-category-picker-search input[type="text"], .ipe-category-picker-search input[type="search"] {
  width: 100%;
  margin: 0;
  padding: .4rem;
  border-radius: 0;
  text-align: center;
}

.ipe-category-picker-search .ipe-icon-search {
  display: none;
}

.ipe-category, .ipe-layout {
  padding: 14px;
  border: none;
  border-radius: 0;
  font-size: 14px;
  line-height: 14px;
}

.ipe-category.ipe-create-category, .ipe-create-category.ipe-layout {
  background: var(--mag-bg-grey);
  padding: 16px 12px 17px;
}

.ipe-category .ipe-category-count, .ipe-layout .ipe-category-count {
  background: var(--mag-bg-grey);
}

.ipe-category:hover, .ipe-layout:hover {
  background: var(--mag-bg-grey);
  color: var(--mag-text-primary);
}

.ipe-category.active, .active.ipe-layout {
  background: var(--mag-bg-default);
  color: var(--mag-text-primary);
}

.ipe-category.active .ipe-category-count, .active.ipe-layout .ipe-category-count {
  background: var(--mag-bg-grey);
}

#panels-ipe-tray .ipe-category, #panels-ipe-tray .ipe-layout {
  margin-right: 0;
}

.ipe-layout {
  width: 150px;
  margin-top: 10px;
}

.ipe-layout .ipe-layout-label {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: var(--mag-text-primary);
}

.ipe-layout .ipe-current-layout-label {
  background: transparent;
  border: 1px solid var(--mag-border);
  color: var(--mag-text-primary);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.ipe-layout:hover {
  background-color: var(--mag-bg-grey);
}

.ipe-blockpicker-item a {
  background: transparent;
  border: 1px solid var(--mag-border);
}

.ipe-blockpicker-item a:hover {
  color: var(--mag-text-primary);
  border: 1px solid var(--mag-border);
}

.ipe-blockpicker-item a:hover h5 {
  color: var(--mag-text-primary);
}

.ipe-category-picker-top.active {
  padding-top: 0;
}

.ipe-category-picker-bottom {
  background: #000;
  color: var(--mag-text-primary);
  padding: 0;
  min-height: 40px;
}

.ipe-category-picker-bottom.top-open {
  border: none;
}

.ipe-category-picker-bottom a {
  color: var(--mag-text-primary);
}

/*# sourceMappingURL=sourcemap/themag.css.map */


/* =========================================================
   View: focus
   Image right (50%), content left (50%)
   Read more button UNDER the image (no overlap)
   FIX: Explicit grid rows so nothing gets pushed down
   ========================================================= */

.view.focus .views-row {
  display: grid;
  grid-template-columns: 1fr 1fr;          /* 50 / 50 */
  grid-template-rows: auto auto auto auto; /* tags, title, teaser, button */
  column-gap: 24px;
  row-gap: 10px;

  background: var(--mag-bg-focus-color);
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 18px;
  margin-bottom: 22px;
  align-items: start;
}

/* Safety reset */
.view.focus .views-row > .views-field {
  float: none !important;
  clear: none !important;
  width: auto !important;
  min-width: 0;
}

/* ---------------------------------------------------------
   LEFT SIDE CONTENT (explicit rows)
   --------------------------------------------------------- */
.view.focus .views-field-field-tags { grid-column: 1; grid-row: 1; }
.view.focus .views-field-title     { grid-column: 1; grid-row: 2; }
.view.focus .views-field-field-teaser-text { grid-column: 1; grid-row: 3; }

/* Tags */
.view.focus .views-field-field-tags {
  margin: 0;
}

.view.focus .views-field-field-tags a,
.view.focus .views-field-field-tags span {
  display: inline-block;
  padding: 3px 6px;
  background: #7a4eac;
  color: #ffffff;
  font-size: 0.65rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  border-radius: 2px;
}

.view.focus .views-field-field-tags a + a,
.view.focus .views-field-field-tags span + span {
  margin-left: 4px;
}

/* Title — bold and robust selectors */
.view.focus .views-field-title,
.view.focus .views-field-title a,
.view.focus .node__title,
.view.focus .node__title a,
.view.focus .field--name-title,
.view.focus .field--name-title a {
  display: block;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.25;
  text-decoration: none;
  color: inherit;
  margin: 0;
  transition: color 0.2s ease;
}

.view.focus .views-field-title a:hover,
.view.focus .node__title a:hover,
.view.focus .field--name-title a:hover {
  color: #88bd24;
}

/* Teaser text */
.view.focus .views-field-field-teaser-text,
.view.focus .views-field-field-teaser-text .field-content,
.view.focus .views-field-field-teaser-text p {
  font-size: 0.85rem;
  line-height: 1.45;
  margin: 0;
}

/* ---------------------------------------------------------
   IMAGE (RIGHT SIDE) — spans the same 3 rows as left content
   --------------------------------------------------------- */
.view.focus .views-field-field-teaser-image {
  grid-column: 2;
  grid-row: 1 / span 3;  /* matches tags+title+teaser */
  position: relative;
  overflow: hidden;
  border-radius: 8px;

  /* keep a consistent shape without forcing huge gaps */
  aspect-ratio: 16 / 10;
}

/* Image */
.view.focus .views-field-field-teaser-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  filter: none;
  transition: transform 0.35s ease, filter 0.35s ease;
}

.view.focus .views-row:hover .views-field-field-teaser-image img {
  transform: scale(1.04);
  filter: brightness(0.92);
}

/* ---------------------------------------------------------
   READ MORE BUTTON — UNDER THE IMAGE
   --------------------------------------------------------- */
.view.focus .views-field-view-node {
  grid-column: 2;
  grid-row: 4;
  justify-self: end;
  align-self: start;
  margin: 0;
  padding: 0;
}

.view.focus .views-field-view-node a {
  display: inline-block;
  padding: 8px 14px;
  font-size: 0.8rem;
  font-weight: 700;
  text-decoration: none;
  color: #ffffff;
  background: #42859e; /* bluey */
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  transition: background-color 0.2s ease, transform 0.15s ease;
}

.view.focus .views-field-view-node a:hover,
.view.focus .views-field-view-node a:focus {
  background-color: #d97706;
  transform: translateY(-1px);
}

/* ---------------------------------------------------------
   RESPONSIVE — stack on mobile
   image, button, tags, title, teaser
   --------------------------------------------------------- */
@media (max-width: 800px) {
  .view.focus .views-row {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto auto;
    row-gap: 12px;
  }

  .view.focus .views-field-field-teaser-image {
    grid-column: 1;
    grid-row: 1;
    aspect-ratio: 16 / 9;
  }

  .view.focus .views-field-view-node {
    grid-column: 1;
    grid-row: 2;
    justify-self: end;
  }

  .view.focus .views-field-field-tags { grid-column: 1; grid-row: 3; }
  .view.focus .views-field-title     { grid-column: 1; grid-row: 4; }
  .view.focus .views-field-field-teaser-text { grid-column: 1; grid-row: 5; }
}




/* =========================================================
   View: focus-1col
   - One column layout
   - Image/logo at top
   - Title underneath
   - Tags under title
   ========================================================= */

.view.focus-1col .views-row {
  display: flex;
  flex-direction: column;
  gap: 6px;

  background: var(--mag-bg-focus-color);
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 14px;
  margin-bottom: 28px;
}

/* Safety reset */
.view.focus-1col .views-row > .views-field {
  float: none !important;
  clear: none !important;
  width: auto !important;
}

/* ---------------------------------------------------------
   IMAGE / LOGO — FULL WIDTH TOP
   --------------------------------------------------------- */
.view.focus-1col .views-field-field-teaser-image,
.view.focus-1col .views-field-field-logo {
  margin-bottom: 6px;
}

.view.focus-1col .views-field-field-teaser-image img,
.view.focus-1col .views-field-field-logo img {
  width: 100%;
  max-height: 220px;
  height: auto;
  display: block;
  object-fit: contain; /* use cover if photos */
  border-radius: 6px;
}

/* ---------------------------------------------------------
   TITLE — SMALL & STRONG
   --------------------------------------------------------- */
.view.focus-1col .views-field-title,
.view.focus-1col .views-field-title a,
.view.focus-1col .node__title,
.view.focus-1col .node__title a,
.view.focus-1col .field--name-title,
.view.focus-1col .field--name-title a {
  font-size: 0.95rem;
  font-weight: 900;
  line-height: 1.2;
  margin: 0;
  color: inherit;
  text-decoration: none;
}

.view.focus-1col .views-field-title a:hover,
.view.focus-1col .node__title a:hover,
.view.focus-1col .field--name-title a:hover {
  color: #88bd24;
}

/* ---------------------------------------------------------
   TAGS — UNDER TITLE
   --------------------------------------------------------- */
.view.focus-1col .views-field-field-tags {
  margin-top: 4px;
}

.view.focus-1col .views-field-field-tags a,
.view.focus-1col .views-field-field-tags span {
  display: inline-block;
  padding: 3px 6px;
  background: #7a4eac;
  color: #ffffff;
  font-size: 0.65rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  border-radius: 2px;
}

.view.focus-1col .views-field-field-tags a + a,
.view.focus-1col .views-field-field-tags span + span {
  margin-left: 4px;
}

/* ---------------------------------------------------------
   RESPONSIVE TWEAKS
   --------------------------------------------------------- */
@media (max-width: 600px) {
  .view.focus-1col .views-row {
    padding: 12px;
    margin-bottom: 22px;
  }

  .view.focus-1col .views-field-title,
  .view.focus-1col .views-field-title a {
    font-size: 0.9rem;
  }
}


/* =========================================================
   View: features
   - Title spans full width
   - Teaser text left below title
   - Teaser image right below title
   - Tags top-right overlay on image
   - Read more bottom-right overlay on image (red)
   ========================================================= */

.view.features .views-row {
  display: grid;
  grid-template-columns: 2fr 3fr;  /* left / right (image bigger) */
  grid-template-rows: auto auto;   /* row 1: title, row 2: content */
  column-gap: 28px;
  row-gap: 14px;

  background: var(--mag-bg-feature-color);
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 22px;

  align-items: start;
}

/* Safety reset */
.view.features .views-row > .views-field {
  float: none !important;
  clear: none !important;
  width: auto !important;
  min-width: 0;
}

/* ---------------------------------------------------------
   TITLE — FULL WIDTH (TOP ROW)
   --------------------------------------------------------- */
.view.features .views-field-title {
  grid-column: 1 / -1;
  grid-row: 1;
  margin: 0;
}

.view.features .views-field-title a {
  display: block;
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  color: inherit;
  margin: 0;
  transition: color 0.2s ease;
}

.view.features .views-field-title a:hover {
  color: #88bd24;
}

/* ---------------------------------------------------------
   TEASER TEXT — LEFT (SECOND ROW)
   --------------------------------------------------------- */
.view.features .views-field-field-teaser-text {
  grid-column: 1;
  grid-row: 2;
}

.view.features .views-field-field-teaser-text,
.view.features .views-field-field-teaser-text .field-content,
.view.features .views-field-field-teaser-text p {
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0;
}

/* ---------------------------------------------------------
   TEASER IMAGE — RIGHT (SECOND ROW)
   Field name: teaser image => .views-field-field-teaser-image
   --------------------------------------------------------- */
.view.features .views-field-field-teaser-image {
  grid-column: 2;
  grid-row: 2;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  min-height: 260px;
}

.view.features .views-field-field-teaser-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  filter: none;
  transition: transform 0.35s ease, filter 0.35s ease;
}

.view.features .views-row:hover .views-field-field-teaser-image img {
  transform: scale(1.05);
  filter: brightness(0.92);
}

/* ---------------------------------------------------------
   TAGS — OVERLAY TOP-RIGHT ON IMAGE
   --------------------------------------------------------- */
.view.features .views-field-field-tags {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
  align-self: start;
  z-index: 6;
  margin: 0;
  padding: 14px 14px 0 0;

  pointer-events: none; /* don’t block clicks behind */
}

.view.features .views-field-field-tags a {
  pointer-events: auto; /* keep tags clickable */
}

.view.features .views-field-field-tags a,
.view.features .views-field-field-tags span {
  display: inline-block;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.65);
  color: #ffffff;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  border-radius: 3px;
}

.view.features .views-field-field-tags a + a,
.view.features .views-field-field-tags span + span {
  margin-left: 4px;
}

/* ---------------------------------------------------------
   READ MORE — OVERLAY BOTTOM-RIGHT ON IMAGE (RED)
   --------------------------------------------------------- */
.view.features .views-field-view-node {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
  align-self: end;
  z-index: 6;
  margin: 0;
  padding: 0 14px 14px 0;
}

.view.features .views-field-view-node a {
  display: inline-block;
  padding: 9px 16px;
  font-size: 0.85rem;
  font-weight: 800;
  text-decoration: none;
  color: #ffffff;
  background: #c62828;
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  transition: background-color 0.2s ease, transform 0.15s ease;
}

.view.features .views-field-view-node a:hover,
.view.features .views-field-view-node a:focus {
  background-color: #a61c1c;
  transform: translateY(-1px);
}

/* ---------------------------------------------------------
   RESPONSIVE — STACK ON MOBILE
   Title, image, teaser (tags+button stay on image)
   --------------------------------------------------------- */
@media (max-width: 800px) {
  .view.features .views-row {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    row-gap: 14px;
  }

  .view.features .views-field-title {
    grid-column: 1;
    grid-row: 1;
  }

  .view.features .views-field-field-teaser-image {
    grid-column: 1;
    grid-row: 2;
    min-height: 200px;
  }

  .view.features .views-field-field-tags {
    grid-column: 1;
    grid-row: 2;
    padding: 10px 10px 0 0;
  }

  .view.features .views-field-view-node {
    grid-column: 1;
    grid-row: 2;
    padding: 0 10px 10px 0;
  }

  .view.features .views-field-field-teaser-text {
    grid-column: 1;
    grid-row: 3;
  }

  .view.features .views-field-title a {
    font-size: 1.2rem;
  }
}


/* =========================================================
   View: road-test
   Image right (50%), content left (50%)
   Read more button overlaid bottom-right ON the image (grid overlay method)
   ========================================================= */

/* Each content item block */
.view.road-test .views-row {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 50 / 50 */
  column-gap: 24px;
  background: var(--mag-bg-roadtest-color);
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 18px;
  margin-bottom: 22px;
  align-items: stretch;
}

/* Safety reset */
.view.road-test .views-row > .views-field {
  float: none !important;
  clear: none !important;
  width: auto !important;
}

/* ---------------------------------------------------------
   IMAGE (RIGHT SIDE) — field: article-image
   --------------------------------------------------------- */
.view.road-test .views-field-field-article-image {
  grid-column: 2;
  grid-row: 1 / span 20;  /* tall enough to sit beside all text */
  position: relative;
  overflow: hidden;       /* clip zoom effect */
  border-radius: 8px;
}

/* Image */
.view.road-test .views-field-field-article-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  filter: none;
  transition: transform 0.35s ease, filter 0.35s ease;
}

/* Image hover effect */
.view.road-test .views-row:hover .views-field-field-article-image img {
  transform: scale(1.04);
  filter: brightness(0.92);
}

/* ---------------------------------------------------------
   READ MORE BUTTON — OVERLAY BOTTOM-RIGHT ON IMAGE
   (IMPORTANT: Put this field into the same grid area as the image)
   --------------------------------------------------------- */
.view.road-test .views-field-view-node {
  grid-column: 2;         /* same column as image */
  grid-row: 1 / span 20;  /* same rows as image */
  justify-self: end;
  align-self: end;
  z-index: 5;
  margin: 0;
  padding: 0 12px 12px 0; /* nudge in from edges */
}

/* Button styling */
.view.road-test .views-field-view-node a {
  display: inline-block;
  padding: 8px 14px;
  font-size: 0.8rem;
  font-weight: 700;
  text-decoration: none;
  color: #ffffff;
  background: #f28c28; /* orange */
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  transition: background-color 0.2s ease, transform 0.15s ease;
}

.view.road-test .views-field-view-node a:hover,
.view.road-test .views-field-view-node a:focus {
  background-color: #d97706;
  transform: translateY(-1px);
}

/* ---------------------------------------------------------
   LEFT SIDE CONTENT
   --------------------------------------------------------- */
.view.road-test .views-field-field-tags,
.view.road-test .views-field-title,
.view.road-test .views-field-field-teaser-text {
  grid-column: 1;
}

/* Tags */
.view.road-test .views-field-field-tags {
  margin-bottom: 8px;
}

.view.road-test .views-field-field-tags a,
.view.road-test .views-field-field-tags span {
  display: inline-block;
  padding: 3px 6px;
  background: #7a4eac;
  color: #ffffff;
  font-size: 0.65rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  border-radius: 2px;
}

.view.road-test .views-field-field-tags a + a,
.view.road-test .views-field-field-tags span + span {
  margin-left: 4px;
}

/* Title */
.view.road-test .views-field-title a {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
  color: inherit;
  margin-bottom: 8px;
  transition: color 0.2s ease;
}

.view.road-test .views-field-title a:hover {
  color: #88bd24;
}

/* Teaser text (smaller) */
.view.road-test .views-field-field-teaser-text,
.view.road-test .views-field-field-teaser-text .field-content,
.view.road-test .views-field-field-teaser-text p {
  font-size: 0.85rem;
  line-height: 1.45;
  margin: 0 0 12px 0;
}

/* ---------------------------------------------------------
   RESPONSIVE — stack on mobile (image above text)
   --------------------------------------------------------- */
@media (max-width: 800px) {
  .view.road-test .views-row {
    grid-template-columns: 1fr;
    row-gap: 14px;
  }

  .view.road-test .views-field-field-article-image {
    grid-column: 1;
    grid-row: auto;
  }

  .view.road-test .views-field-view-node {
    grid-column: 1;
    grid-row: auto;
    justify-self: end;
    align-self: end;
    padding: 0 10px 10px 0;
  }
}


/* ==================================================
   View: GF100 list
   Image field: field_imagegf100  -> .views-field-field-imagegf100
   Fix: Title and meta no longer overlap (separate rows)
   Rank badge: gold gradient + hover animation
   Read more: aligned to bottom of image
   Body: no colour specified
   ================================================== */

.view.gf100-list {
  margin: 0;
  padding: 0;
}

/* ---- Row layout: explicit rows ---- */
.view.gf100-list .views-row {
  display: grid;
  grid-template-columns: 180px 1fr;
  grid-template-rows: auto auto 1fr auto; /* title | meta | body grows | button */
  column-gap: 16px;
  row-gap: 6px;
  margin-bottom: 40px;
  position: relative;
  align-items: start;
}

/* Safety reset (themes sometimes float fields) */
.view.gf100-list .views-row > .views-field {
  float: none !important;
  clear: none !important;
  width: 100%;
}

/* --------------------------------------------------
   IMAGE (left column spans all rows)
   -------------------------------------------------- */
.view.gf100-list .views-field-field-imagegf100 {
  grid-column: 1 !important;
  grid-row: 1 / 5; /* spans title/meta/body/button rows */
  position: relative;
  margin: 0;
}

.view.gf100-list .views-field-field-imagegf100 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}

/* --------------------------------------------------
   RANK BADGE (anchored per row, over image)
   -------------------------------------------------- */
.view.gf100-list .views-field-field-rank {
  grid-column: 1;
  grid-row: 1;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 3;
  margin: 0;
}

.view.gf100-list .views-field-field-rank .field-content,
.view.gf100-list .views-field-field-rank span,
.view.gf100-list .views-field-field-rank div {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;

  background: linear-gradient(145deg, #e6c86a 0%, #c9a23f 55%, #b08e32 100%);
  color: #ffffff;

  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1;

  border-radius: 50%;
  border: 2px solid #ffffff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);

  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Animate badge when row is hovered */
.view.gf100-list .views-row:hover .views-field-field-rank .field-content,
.view.gf100-list .views-row:hover .views-field-field-rank span,
.view.gf100-list .views-row:hover .views-field-field-rank div {
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
}

/* --------------------------------------------------
   TITLE (right column, row 1)
   -------------------------------------------------- */
.view.gf100-list .views-field-title {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin-top: -5px;
  margin-bottom: 0;
}

.view.gf100-list .views-field-title a {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  color: inherit;
}

.view.gf100-list .views-field-title a:hover {
  color: #88bd24;
}

/* --------------------------------------------------
   META (job title + organisation) (right column, row 2)
   -------------------------------------------------- */
.view.gf100-list .views-field-field-job-title {
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: inline;
  font-size: 0.9rem;
  font-weight: 700;
  color: #88bd24;
}

.view.gf100-list .views-field-field-job-title::after {
  content: ", ";
}

.view.gf100-list .views-field-field-organisation {
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: inline;
  font-size: 0.9rem;
  font-weight: 700;
  color: #88bd24;
}

/* Give a touch of breathing room after the meta line */
.view.gf100-list .views-field-field-organisation {
  margin-bottom: 10px;
}

/* --------------------------------------------------
   BODY (right column, row 3)
   -------------------------------------------------- */
.view.gf100-list .views-field-body {
  grid-column: 2 !important;
  grid-row: 3 !important;
}

.view.gf100-list .views-field-body,
.view.gf100-list .views-field-body .field-content,
.view.gf100-list .views-field-body p {
  font-size: 0.8rem;
  line-height: 1.35;
  /* no colour specified (inherits) */
}

/* --------------------------------------------------
   READ MORE BUTTON (right column, row 4) – bottom aligned
   -------------------------------------------------- */
.view.gf100-list .views-field-view-node {
  grid-column: 2 !important;
  grid-row: 4 !important;
  align-self: end;
  margin-top: 0;
}

.view.gf100-list .views-field-view-node a {
  display: inline-block;
  padding: 6px 14px;
  font-size: 0.8rem;
  font-weight: 700;
  text-decoration: none;
  color: #ffffff;
  background-color: #c9a23f;
  border-radius: 4px;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

.view.gf100-list .views-field-view-node a:hover,
.view.gf100-list .views-field-view-node a:focus {
color: #ffffff;
  background-color: #b08e32;
  transform: translateY(-1px);
}

/* Subtle row hover */
.view.gf100-list .views-row:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

/* --------------------------------------------------
   MOBILE
   -------------------------------------------------- */
@media (max-width: 600px) {
  .view.gf100-list .views-row {
    grid-template-columns: 30% 1fr;
    column-gap: 12px;
  }

  .view.gf100-list .views-field-field-rank .field-content,
  .view.gf100-list .views-field-field-rank span,
  .view.gf100-list .views-field-field-rank div {
    width: 40px;
    height: 40px;
    font-size: 1.05rem;
  }

  .view.gf100-list .views-field-title a {
    font-size: 1.05rem;
  }

  .view.gf100-list .views-field-field-job-title,
  .view.gf100-list .views-field-field-organisation {
    font-size: 0.95rem;
  }
}



/* =========================================================
   View: block-article-features
   Layout: single column, editorial styling
   ========================================================= */

/* Single column */
.view.block-article-features .view-content {
  display: block;
}

/* Each feature card */
.view.block-article-features .views-row {
  position: relative;
  border: 1px solid #e0e0e0;
  padding: 14px;
  margin-bottom: 24px;
  border-radius: 4px;
  background-color: var(--mag-bg-feature-color);
}

/* ---------------------------------------------------------
   IMAGE (Teaser image)
   --------------------------------------------------------- */
.view.block-article-features .views-field-field-teaser-image {
  position: relative;
  margin: -14px -14px 0 -14px;
}

.view.block-article-features .views-field-field-teaser-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px 4px 0 0;
}

/* ---------------------------------------------------------
   TAG OVERLAY (green)
   --------------------------------------------------------- */
.view.block-article-features .views-field-field-tags {
  position: absolute;
  top: 2px;
  left: 4px;
  z-index: 2;
  margin: 0;
}

.view.block-article-features .views-field-field-tags a,
.view.block-article-features .views-field-field-tags span {
  display: inline-block;
  padding: 3px 6px;
  background-color: #88bd24; /* green */
  color: #ffffff;
  font-size: 0.6rem;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
text-transform: none;
  border-radius: 1px;
}

.view.block-article-features .views-field-field-tags a + a,
.view.block-article-features .views-field-field-tags span + span {
  margin-left: 4px;
}

/* ---------------------------------------------------------
   TITLE (tight line-height, purple hover)
   --------------------------------------------------------- */
.view.block-article-features .views-field-title {
  margin-top: 12px;
}

.view.block-article-features .views-field-title,
.view.block-article-features .views-field-title .field-content,
.view.block-article-features .views-field-title a,
.view.block-article-features .views-field-title a span {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.2 !important;
}

/* Title link */
.view.block-article-features .views-field-title a {
  display: block;
  white-space: normal !important;
  text-decoration: none;
  color: inherit;
  transition: color 0.2s ease;
}

/* Hover: purple */
.view.block-article-features .views-field-title a:hover {
  color: #7a4eac;
}

/* ---------------------------------------------------------
   TEASER TEXT
   --------------------------------------------------------- */
.view.block-article-features .views-field-field-teaser-text,
.view.block-article-features .views-field-field-teaser-text .field-content,
.view.block-article-features .views-field-field-teaser-text p {
  margin-top: 8px;
  font-size: 0.9rem;
  line-height: 1.5;
}




/* =========================================================
   View: block-article-news
   3-column grid, transparent cards, editorial styling
   ========================================================= */

/* 3 columns across */
.view.block-article-news .view-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* Each news card */
.view.block-article-news .views-row {
  position: relative;
  border: 1px solid #e0e0e0;
  padding: 12px;
  border-radius: 4px;
  background-color: transparent;
}

/* ---------------------------------------------------------
   IMAGE (Teaser image)
   --------------------------------------------------------- */
.view.block-article-news .views-field-field-teaser-image {
  position: relative;
  margin: -12px -12px 0 -12px;
}

.view.block-article-news .views-field-field-teaser-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px 4px 0 0;
}

/* ---------------------------------------------------------
   TAG OVERLAY (small, purple, tight)
   --------------------------------------------------------- */
.view.block-article-news .views-field-field-tags {
  position: absolute;
  top: 2px;
  left: 4px;
  z-index: 2;
  margin: 0;
}

.view.block-article-news .views-field-field-tags a,
.view.block-article-news .views-field-field-tags span {
  display: inline-block;
  padding: 3px 6px;
  background-color: #7a4eac;
  color: #ffffff;
  font-size: 0.5rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  border-radius: 1px;
text-transform: none;
}

.view.block-article-news .views-field-field-tags a + a,
.view.block-article-news .views-field-field-tags span + span {
  margin-left: 4px;
}

/* =========================================================
   View: block-article-news
   3-column grid, transparent cards, editorial styling
   + DATETIME field (small, above title)
   ========================================================= */

/* 3 columns across */
.view.block-article-news .view-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* Each news card */
.view.block-article-news .views-row {
  position: relative;
  border: 1px solid #e0e0e0;
  padding: 12px;
  border-radius: 4px;
  background-color: transparent;
  overflow: visible; /* helps ensure tag overlay isn't clipped */
}

/* ---------------------------------------------------------
   IMAGE (Teaser image)
   --------------------------------------------------------- */
.view.block-article-news .views-field-field-teaser-image {
  position: relative;
  margin: -12px -12px 0 -12px;
}

.view.block-article-news .views-field-field-teaser-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px 4px 0 0;
}

/* ---------------------------------------------------------
   TAG OVERLAY (small, purple, tight)
   --------------------------------------------------------- */
.view.block-article-news .views-field-field-tags {
  position: absolute;
  top: 2px;
  left: 4px;
  z-index: 2;
  margin: 0;
}

.view.block-article-news .views-field-field-tags a,
.view.block-article-news .views-field-field-tags span {
  display: inline-block;
  padding: 3px 6px;
  background-color: #7a4eac;
  color: #ffffff;
  font-size: 0.6rem;
  font-weight: 200;
  line-height: 1;
  text-decoration: none;
  border-radius: 1px;
  text-transform: uppercase;
  /* Optional: helps on busy images */
  box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}

.view.block-article-news .views-field-field-tags a + a,
.view.block-article-news .views-field-field-tags span + span {
  margin-left: 4px;
}

/* ---------------------------------------------------------
   DATETIME (small, muted, above title)
   Shared between:
   - block-article-news
   - news-2-col
   --------------------------------------------------------- */
.view.block-article-news .views-field-created,
.view.block-article-news .views-field-field-date,
.view.news-2-col .views-field-created,
.view.news-2-col .views-field-field-date {
  margin-top: 2px;
  margin-bottom: 0px;
}

.view.block-article-news .views-field-created,
.view.block-article-news .views-field-created .field-content,
.view.block-article-news .views-field-created time,
.view.block-article-news .views-field-field-date,
.view.block-article-news .views-field-field-date .field-content,
.view.block-article-news .views-field-field-date time,

.view.news-2-col .views-field-created,
.view.news-2-col .views-field-created .field-content,
.view.news-2-col .views-field-created time,
.view.news-2-col .views-field-field-date,
.view.news-2-col .views-field-field-date .field-content,
.view.news-2-col .views-field-field-date time {
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 1.0;
  color: #6f6f6f;
  text-transform: none;

}


/* ---------------------------------------------------------
   TITLE (smaller, thinner, tighter line-height)
   --------------------------------------------------------- */
.view.block-article-news .views-field-title {
  margin-top: 0; /* date provides spacing above */
}

.view.block-article-news .views-field-title,
.view.block-article-news .views-field-title .field-content,
.view.block-article-news .views-field-title a,
.view.block-article-news .views-field-title a span {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.3 !important;
}

/* Title link styling */
.view.block-article-news .views-field-title a {
  display: block;
  white-space: normal !important;
  text-decoration: none; /* no underline */
  color: inherit;
  transition: color 0.2s ease;
  padding: 2px 0; /* slightly nicer click target */
}

/* Hover: go green instead of underline */
.view.block-article-news .views-field-title a:hover {
  color: #88bd24; /* GREEN hover */
  text-decoration: none;
}

/* ---------------------------------------------------------
   TEASER TEXT
   --------------------------------------------------------- */
.view.block-article-news .views-field-field-teaser-text,
.view.block-article-news .views-field-field-teaser-text .field-content,
.view.block-article-news .views-field-field-teaser-text p {
  margin-top: 6px;
  font-size: 0.85rem;
  line-height: 1.45;
}

/* ---------------------------------------------------------
   RESPONSIVE BREAKPOINTS
   --------------------------------------------------------- */
@media (max-width: 900px) {
  .view.block-article-news .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .view.block-article-news .view-content {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   View: text-only-column (MAIN CONTENT)
   Displays: Title + (Tag + Date on one line)
   ========================================================= */

.view.text-only-column .view-content {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* Each item */
.view.text-only-column .views-row {
  padding-bottom: 18px;
  border-bottom: 1px solid #e8e8e8;
}

/* ---------------------------------------------------------
   META ROW: TAG(S) + DATE (same line)
   --------------------------------------------------------- */
.view.text-only-column .views-field-field-tags,
.view.text-only-column .views-field-created {
  display: inline-block;
  vertical-align: middle;
}

/* Wrap meta nicely */
.view.text-only-column .views-field-field-tags {
  margin-right: 10px;
}

/* TAGS (clickable) */
.view.text-only-column .views-field-field-tags a,
.view.text-only-column .views-field-field-tags span {
  display: inline-block;
  padding: 3px 8px;
  background: #7a4eac;
  color: #ffffff;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-decoration: none;
  border-radius: 2px;
  transition: background-color 0.2s ease;
}

.view.text-only-column .views-field-field-tags a:hover {
  background-color: #5f3c88;
}

.view.text-only-column .views-field-field-tags a + a {
  margin-left: 4px;
}

/* DATE (quiet) */
.view.text-only-column .views-field-created {
  font-size: 0.75rem;
  color: #777777;
  white-space: nowrap;
}

/* ---------------------------------------------------------
   TITLE
   --------------------------------------------------------- */
.view.text-only-column .views-field-title {
  margin-top: 6px;
}

.view.text-only-column .views-field-title a {
  display: block;
  font-size: 1.05rem;
  font-weight: 300;
  line-height: 1.35;
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.view.text-only-column .views-field-title a:hover {
  color: #88bd24;
}

/* ---------------------------------------------------------
   OPTIONAL: tighter spacing on mobile
   --------------------------------------------------------- */
@media (max-width: 700px) {
  .view.text-only-column .view-content {
    gap: 16px;
  }

  .view.text-only-column .views-field-title a {
    font-size: 0.95rem;
  }
}

.view.speakers-list {
  margin: 0;
  padding: 0;
}

/* GRID: image left, content right */
.view.speakers-list .views-row {
  display: grid;
  grid-template-columns: 180px 1fr;
  column-gap: 16px;
  align-items: start;
  margin-bottom: 40px;
}

/* Safety reset */
.view.speakers-list .views-row > .views-field {
  float: none !important;
  clear: none !important;
  min-width: 0;
}

/* Image column */
.view.speakers-list .views-field-field-teaser-image {
  grid-column: 1;
  grid-row: 1 / span 20;
}

.view.speakers-list .views-field-field-teaser-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

/* Put ALL non-image fields in right column
   (no display or width forcing) */
.view.speakers-list .views-row > .views-field:not(.views-field-field-teaser-image) {
  grid-column: 2;
}

/* ---------------------------------------------------------
   TITLE
   --------------------------------------------------------- */
.view.speakers-list .views-field-title {
  margin-top: -5px;
  margin-bottom: 6px;
}

.view.speakers-list .views-field-title a {
  display: block;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.3;
  text-decoration: none;
  color: inherit;
}

/* ---------------------------------------------------------
   JOB TITLE + ORGANISATION — INLINE (CORRECT)
   --------------------------------------------------------- */

/* Wrappers are spans — keep them inline */
.view.speakers-list .views-field-field-job-title,
.view.speakers-list .views-field-field-organisation {
  display: inline !important;
  margin: 0;
  padding: 0;
}

/* Text styling */
.view.speakers-list .views-field-field-job-title .field-content,
.view.speakers-list .views-field-field-organisation .field-content {
  display: inline;
  font-size: 0.9rem;
  font-weight: 700;
  color: #88bd24;
}

/* Comma ONLY after job title */
.view.speakers-list .views-field-field-job-title .field-content::after {
  content: ", ";
}

/* Line break AFTER organisation so teaser starts below */
.view.speakers-list .views-field-field-organisation {
  display: inline-block !important;
  margin-bottom: 10px;
}

/* ---------------------------------------------------------
   TEASER TEXT
   --------------------------------------------------------- */
.view.speakers-list .views-field-field-teaser-text,
.view.speakers-list .views-field-field-teaser-text .field-content,
.view.speakers-list .views-field-field-teaser-text p {
  font-size: 0.8rem;
  line-height: 1.35;
  margin: 0;
}

/* ---------------------------------------------------------
   READ MORE BUTTON
   --------------------------------------------------------- */
.view.speakers-list .views-field-view-node a {
  display: inline-block;
  margin-top: 8px;
  padding: 6px 14px;
  font-size: 0.8rem;
  font-weight: 600;
  text-decoration: none;
  color: #ffffff;
  background-color: #7a4eac;
  border-radius: 4px;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

.view.speakers-list .views-field-view-node a:hover,
.view.speakers-list .views-field-view-node a:focus {
  background-color: var(--mag-bg-box-color);
  transform: translateY(-1px);
}

/* =========================================================
   MOBILE — STACK IMAGE ABOVE CONTENT
   ========================================================= */
@media (max-width: 700px) {
  .view.speakers-list .views-row {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 10px;
    margin-bottom: 26px;
  }

  .view.speakers-list .views-field-field-teaser-image {
    grid-column: 1;
    grid-row: 1;
  }

  .view.speakers-list .views-row > .views-field:not(.views-field-field-teaser-image) {
    grid-column: 1;
  }

  .view.speakers-list .views-field-title {
    margin-top: 0;
  }
}





/* ===== Sponsors list view only ===== */
.view.sponsors-list {
  margin: 0;
  padding: 0;
}

/* Use GRID: image left, content right */
.view.sponsors-list .views-row {
  display: grid;
  grid-template-columns: 180px 1fr; /* desktop image size */
  column-gap: 16px;
  align-items: start;
  margin-bottom: 40px;
}

/* Image column */
.view.sponsors-list .views-field-field-teaser-image {
  grid-column: 1;
  grid-row: 1 / span 20;
}

.view.sponsors-list .views-field-field-teaser-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
border: 1px solid rgba(136, 189, 36, 0.8);
}

/* Force all non-image fields into right column */
.view.sponsors-list .views-row > .views-field:not(.views-field-field-teaser-image) {
  grid-column: 2;
  display: block;
  width: 100%;
  margin-bottom: 6px;
}

/* Safety reset (themes sometimes float fields) */
.view.sponsors-list .views-row > .views-field {
  float: none !important;
  clear: none !important;
}

/* Title wrapper – pull up slightly */
.view.sponsors-list .views-field-title {
  margin-top: -5px;
}

/* Title */
.view.sponsors-list .views-field-title a {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.3;
  text-decoration: none;
  color: inherit;
}

/* Job title + organisation on one line */
.view.sponsors-list .views-field-field-job-title,
.view.speakers-list .views-field-field-organisation {
  display: inline;
  font-size: 0.9rem;
  font-weight: 700;
  color: #88bd24;
}

/* Comma separator */
.view.sponsors-list .views-field-field-job-title::after {
  content: ", ";
}

/* Extra space after organisation */
.view.sponsors-list .views-field-field-organisation {
  margin-bottom: 10px;
  display: inline-block;
}

/* Teaser text (desktop only) */
.view.sponsors-list .views-field-field-teaser-text,
.view.sponsors-list .views-field-field-teaser-text .field-content,
.view.sponsors-list .views-field-field-teaser-text p,
.view.sponsors-list .views-field-field-teaser-text div,
.view.sponsors-list .views-field-field-teaser-text span {
  font-size: 0.8rem;
  line-height: 1.35;
}

/* Read more as button */
.view.sponsors-list .views-field-view-node a {
  display: inline-block;
  margin-top: 8px;
  padding: 6px 14px;
  font-size: 0.8rem;
  font-weight: 600;
  text-decoration: none;
  color: #ffffff;
  background-color: #7a4eac;
  border-radius: 4px;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

.view.sponsors-list .views-field-view-node a:hover,
.view.sponsors-list .views-field-view-node a:focus {
  background-color: #5f3a87;
  transform: translateY(-1px);
}

/* Subtle row hover */
.view.sponsors-list .views-row:hover {
  background-color: var(--mag-bg-box-color);
}

/* ===== Mobile adjustments ===== */
@media (max-width: 600px) {

  /* Keep two columns, image ~30% */
  .view.sponsors-list .views-row {
    grid-template-columns: 30% 1fr;
    column-gap: 12px;
  }

  /* Hide teaser text on mobile */
  .view.sponsors-list .views-field-field-teaser-text {
    display: none;
  }

  /* Title slightly larger on mobile */
  .view.sponsors-list .views-field-title a {
    font-size: 1.05rem;
  }

  /* Job title + organisation slightly larger */
  .view.sponsors-list .views-field-field-job-title,
  .view.speakers-list .views-field-field-organisation {
    font-size: 0.95rem;
  }

  /* Button larger tap target */
  .view.sponsors-list .views-field-view-node a {
    font-size: 0.85rem;
    padding: 8px 16px;
  }
}

/* Base table */
table.browntable {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  font-size: 16px !important;
  font-family: system-ui, -apple-system, "Roboto", sans-serif !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}

/* Base cell styling */
table.browntable td,
table.browntable th {
  padding: 12px 14px !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  background-clip: padding-box;
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

/* Extra 5px padding on first column */
table.browntable td:first-child {
  padding-left: 19px !important; /* 14px + 5px */
  font-weight: 600 !important;
}

/* GREEN rows (odd) */
table.browntable tbody tr:nth-child(odd) td {
  background-color: #7b6613 !important;
  color: #0b1a00 !important;
}

/* PURPLE rows (even) */
table.browntable tbody tr:nth-child(even) td {
  background-color: #ac9a53 !important;
  color: #ffffff !important;
}

/* Hover effect (overlay, does not kill base colour) */
table.browntable tbody tr:hover td {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.15) !important;
}

/* Rounded corners — top */
table.browntable tbody tr:first-child td:first-child {
  border-top-left-radius: 6px !important;
}
table.browntable tbody tr:first-child td:last-child {
  border-top-right-radius: 6px !important;
}

/* Rounded corners — bottom */
table.browntable tbody tr:last-child td:first-child {
  border-bottom-left-radius: 6px !important;
}
table.browntable tbody tr:last-child td:last-child {
  border-bottom-right-radius: 6px !important;
}



/* Base table */
table.greentable {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  font-size: 16px !important;
  font-family: system-ui, -apple-system, "Roboto", sans-serif !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}

/* Base cell styling */
table.greentable td,
table.greentable th {
  padding: 12px 14px !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  background-clip: padding-box;
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

/* Extra 5px padding on first column */
table.greentable td:first-child {
  padding-left: 19px !important; /* 14px + 5px */
  font-weight: 600 !important;
}

/* GREEN rows (odd) */
table.greentable tbody tr:nth-child(odd) td {
  background-color: #88bd24 !important;
  color: #0b1a00 !important;
}

/* PURPLE rows (even) */
table.greentable tbody tr:nth-child(even) td {
  background-color: #7a4eac !important;
  color: #ffffff !important;
}

/* Hover effect (overlay, does not kill base colour) */
table.greentable tbody tr:hover td {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.15) !important;
}

/* Rounded corners — top */
table.greentable tbody tr:first-child td:first-child {
  border-top-left-radius: 6px !important;
}
table.greentable tbody tr:first-child td:last-child {
  border-top-right-radius: 6px !important;
}

/* Rounded corners — bottom */
table.greentable tbody tr:last-child td:first-child {
  border-bottom-left-radius: 6px !important;
}
table.greentable tbody tr:last-child td:last-child {
  border-bottom-right-radius: 6px !important;
}





body.page-user-register form.user-register-form {
  display: none;
}

.block__title {
	font-family: "Roboto";
margin-top: 0px;
  background-color: #23471e; 
  border-radius: 4px;
  color: white;
  padding: 6px 12px !important;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700 !important;
  text-transform: uppercase !important;
display: inline-block;
	  box-shadow: 0 1px 0 rgba(0,0,0,0.25);
}

@media (min-width: 992px) {
  .block__title {
    font-size: 0.7rem;
  }
}

.block__title .title-text {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 2px 2px;
  color: #fff;
  position: relative;
  z-index: 1;
}

.newstitle  {
	font-family: "Roboto";
margin-top: 10px;
  background-color: #23471e; 
  border-radius: 4px;
  color: white;
  padding: 6px 12px !important;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700 !important;
  text-transform: uppercase !important;
display: inline-block;
	  box-shadow: 0 1px 0 rgba(0,0,0,0.25);
}

.newstitle  a {
color: #fff;
  text-decoration: none;
}

.newstitle:hover {
  text-decoration: none;
}


.magmiddle  {
	font-family: "Roboto";
margin-top: 10px;
  background-color: #4a2984; 
  border-radius: 4px;
  color: white;
  padding: 6px 12px !important;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700 !important;
  text-transform: uppercase !important;
display: inline-block;
	  box-shadow: 0 1px 0 rgba(0,0,0,0.25);
}



.magmiddle  a {
color: #fff;
  text-decoration: none;
}

.magmiddle:hover {
background-color: #A0A0A0;
  text-decoration: none;
}


.magtitle  {
	font-family: "Roboto";
margin-top: 10px;
  background-color: #4a2984; 
  border-radius: 4px;
  color: white;
  padding: 6px 12px !important;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700 !important;
  text-transform: uppercase !important;
display: inline-block;
	  box-shadow: 0 1px 0 rgba(0,0,0,0.25)
}


.magtitle  a {
color: #fff;
  text-decoration: none;
}

.magtitle:hover {
background-color: #A0A0A0;
  text-decoration: none;
}


.emailtitle  {
	font-family: "Roboto";
margin-top: 10px;
  background-color: #228722; 
  border-radius: 4px;
  color: white;
  padding: 6px 12px !important;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700 !important;
  text-transform: uppercase !important;
display: inline-block;
	  box-shadow: 0 1px 0 rgba(0,0,0,0.25)
}

.emailtitle  a {
color: #fff;
  text-decoration: none;
}

.emailtitle:hover {
background-color: #A0A0A0;
  text-decoration: none;
}

.roadtitle  {
	font-family: "Roboto";
margin-top: 10px;
  background-color: #f28c28; 
  border-radius: 4px;
  color: white;
  padding: 6px 12px !important;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700 !important;
  text-transform: uppercase !important;
display: inline-block;
	  box-shadow: 0 1px 0 rgba(0,0,0,0.25)
	
display: inline-block;
}

.roadtitle  a {
color: #fff;
  text-decoration: none;
}

.roadtitle:hover {
background-color: #A0A0A0;
  text-decoration: none;
}

.featuretitle  {
	font-family: "Roboto";
margin-top: 10px;
  background-color: #c62828; 
  border-radius: 4px;
  color: white;
  padding: 6px 12px !important;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700 !important;
  text-transform: uppercase !important;
display: inline-block;
	  box-shadow: 0 1px 0 rgba(0,0,0,0.25)
}

.featuretitle  a {
color: #fff;
  text-decoration: none;
}

.featuretitle:hover {
background-color: #A0A0A0;
  text-decoration: none;
}

.noostitle  {
	font-family: "Roboto";
margin-top: 10px;
  background-color: #23471e; 
  border-radius: 4px;
  color: white;
  padding: 6px 12px !important;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700 !important;
  text-transform: uppercase !important;
display: inline-block;
	  box-shadow: 0 1px 0 rgba(0,0,0,0.25)
}

.noostitle  a {
color: #fff;
  text-decoration: none;
}

.noostitle:hover {
background-color: #A0A0A0;
  text-decoration: none;
}

.focustitle  {
	font-family: "Roboto";
margin-top: 10px;
  background-color: #42859e; 
  border-radius: 4px;
  color: white;
  padding: 6px 12px !important;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700 !important;
  text-transform: uppercase !important;
display: inline-block;
	  box-shadow: 0 1px 0 rgba(0,0,0,0.25);
}

.focustitle  a {
color: #fff;
  text-decoration: none;
}

.focustitle:hover {
background-color: #A0A0A0;
  text-decoration: none;
}


position: absolute !important;
  top: 20px !important;
  left: 20px !important;
  z-index: 5 !important;

  display: inline-block !important;
  padding: 6px 12px !important;
  border-radius: 4px !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;


  /* Subtle polish */
  box-shadow: 0 1px 0 rgba(0,0,0,0.25);
}







.newsytitle  {
	font-family: "Roboto";
margin-top: 10px;
  background-color: #23471e; 
  border-radius: 4px;
  color: white;
  padding: 6px 12px !important;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700 !important;
  text-transform: uppercase !important;
display: inline-block;
	  box-shadow: 0 1px 0 rgba(0,0,0,0.25)

}




.newsytitle  a {
color: #fff;
  text-decoration: none;
}

.newsytitle:hover {
  text-decoration: none;
}

.eventstitle  {
	font-family: "Roboto";
margin-top: 10px;
  background-color: #2489af; 
  border-radius: 4px;
  color: white;
  padding: 6px 12px;
  text-align: left;
  text-decoration: none;
 text-transform: none;
  font-size: 12px;
	font-weight: 700; !important;
	  text-transform: uppercase !important;
display: inline-block;
}

.eventstitle  a {
color: #fff;
  text-decoration: none;
}

.eventstitle:hover {
  text-decoration: none;
}




/* =====================================================
   FORCE 2 columns below 600px (override anything else)
   Put this at the VERY END of your CSS file
   ===================================================== */
@media (max-width: 600px) {
  .view.block-article-news .view-content {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .view.news-2-col .view-content {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* Optional: very small phones still 1 column */
@media (max-width: 380px) {
  .view.block-article-news .view-content,
  .view.news-2-col .view-content {
    grid-template-columns: 1fr !important;
  }
}

/* Normalize block titles completely */
.block-title
 { font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.1;

  margin: 0 0 6px 0;   /* KEY FIX */
  padding: 0;

  text-transform: none;
  letter-spacing: normal;
}



/* =========================================================
   GF100 in 67% Layout Builder column (class: gf100-maincol)
   - Hero image floated right at 35%
   - Image radius: 10px
   - 50px padding LEFT and BOTTOM of image
   - Rank circle TOP-RIGHT
   - New entry sits directly under image
   ========================================================= */

/* Positioning context for rank */
.gf100-maincol{
  position: relative;
}

/* Clear floats */
.gf100-maincol::after{
  content:"";
  display: table;
  clear: both;
}

/* ---------------------------------------------------------
   HERO IMAGE (RIGHT)
   --------------------------------------------------------- */
.gf100-maincol .block.block--layout-builder.gf100-hero{
  float: right;
  width: 45% !important;
  margin: 0 0 0 .75rem;
  box-sizing: border-box;

  border-radius: 10px;
  overflow: hidden;

  padding-left: 50px;     /* ✅ LEFT padding */
  padding-bottom: 50px;  /* ✅ BOTTOM padding */
}

/* Neutralise inner duplicate class */
.gf100-maincol
.block.block--layout-builder.gf100-hero
> .block__content.gf100-hero{
  float: none;
  width: auto !important;
  margin: 0;
}

/* Image fills available space inside padded hero */
.gf100-maincol .block.block--layout-builder.gf100-hero img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* ---------------------------------------------------------
   RANK CIRCLE (TOP-RIGHT)
   --------------------------------------------------------- */
.gf100-maincol .gf100-rank{
  position: absolute;
  top: .75rem;
  right: .75rem;
  z-index: 50;

  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gf100-maincol .gf100-rank .field__label{
  display: none;
}

/* Circle styling */
.gf100-maincol .gf100-rank .field__item,
.gf100-maincol .gf100-rank .field__items{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 3.8rem;
  height: 3.8rem;
  border-radius: 999px;

  font-size: 1.6rem;
  font-weight: 900;

  background: linear-gradient(145deg, #e6c86a 0%, #c9a23f 55%, #b08e32 100%);
  color: #ffffff;
  border: 4px solid #ffffff;

  box-shadow: 0 4px 16px rgba(0,0,0,.25);
  text-shadow: 0 1px 2px rgba(0,0,0,.25);
}

/* ---------------------------------------------------------
   NEW ENTRY — DIRECTLY UNDER IMAGE
   --------------------------------------------------------- */
.gf100-maincol .gf100-newentry{
  float: right;
  width: 35% !important;
  margin: 0 0 1rem .75rem;
  box-sizing: border-box;
  clear: right;
}

.gf100-maincol .gf100-newentry .field__label{
  display: none;
}

.gf100-maincol .gf100-newentry .field__item{
  display: inline-block;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
  padding: .35rem .55rem;
  border-radius: 999px;
  background: rgba(0,0,0,.06);
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */
@media (max-width: 900px){
  .gf100-maincol .block.block--layout-builder.gf100-hero,
  .gf100-maincol .gf100-newentry{
    float: none;
    width: 100% !important;
    margin-left: 0;
  }

  .gf100-maincol .block.block--layout-builder.gf100-hero{
    padding-left: 25px;    /* softer padding on mobile */
    padding-bottom: 30px;
  }

  .gf100-maincol .gf100-rank{
    top: .5rem;
    right: .5rem;
  }
}


/* =========================================================
   GF100 Pager — Rank circles
   ========================================================= */

.gf100-maincol .gf100-pager{
  clear: both;
  width: 100%;
  margin-top: 2rem;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
}

/* Base style for pager items */
.gf100-maincol .gf100-pager a,
.gf100-maincol .gf100-pager span{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 2.4rem;
  height: 2.4rem;
  border-radius: 999px;

  font-size: .85rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;

  background: transparent;
  color: #f36f21;

  border: 2px solid #f36f21;
  transition: all .15s ease;
}

/* Hover state */
.gf100-maincol .gf100-pager a:hover{
  background: rgba(243,111,33,.1);
}

/* Current rank */
.gf100-maincol .gf100-pager .is-active,
.gf100-maincol .gf100-pager span.is-active{
  background: #f36f21;
  color: #ffffff;
  border-color: #f36f21;

  box-shadow: 0 3px 10px rgba(0,0,0,.2);
  pointer-events: none;
}

/* Optional: previous / next arrows */
.gf100-maincol .gf100-pager .pager-prev,
.gf100-maincol .gf100-pager .pager-next{
  width: auto;
  padding: 0 .75rem;
  border-radius: 999px;
}



/* Force this specific block to match the menu width (1200px) */
#block-themag-st-gf100pagetop{
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Some themes add extra wrappers; constrain everything inside too */
#block-themag-st-gf100pagetop > .block__content,
#block-themag-st-gf100pagetop .block__content,
#block-themag-st-gf100pagetop .field,
#block-themag-st-gf100pagetop .field__item{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Make sure the image cannot force the layout wider */
#block-themag-st-gf100pagetop img{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}




/* =====================================================
   NZM Slideshow – Views Slideshow (Cycle)
   FINAL VERSION (Webinar added)
   =====================================================
   ✔ Stable frame (no disappearing after slide 1)
   ✔ No fade-to-white
   ✔ Robust image handling (Blazy / linked image)
   ✔ Bottom-third shaded panel
   ✔ Title lifted, smaller & thinner
   ✔ Title has its own black translucent background
   ✔ Content type pill top-left
   ✔ Brand colours per content type
   ✔ Pill radius = 4px + subtle polish shadow
   ===================================================== */

/* --- Base: stop fade-to-white --- */
.nzm-slideshow .views_slideshow_cycle_main,
.nzm-slideshow .views_slideshow_cycle_teaser_section,
.nzm-slideshow .views_slideshow_cycle_slide {
  background: #000;
}

/* --- Stable slideshow frame --- */
.nzm-slideshow .views_slideshow_cycle_teaser_section {
  position: relative !important;
  width: 100%;
  overflow: hidden !important;
  min-height: 1px !important;

  /* Image ratio: 572x242 */
  aspect-ratio: 572 / 242;
}

@supports not (aspect-ratio: 572 / 242) {
  .nzm-slideshow .views_slideshow_cycle_teaser_section::before {
    content: "";
    display: block;
    padding-top: 42.3%;
  }
}

/* --- Slides --- */
.nzm-slideshow .views_slideshow_cycle_slide {
  position: relative !important;
  width: 100%;
  height: 100%;
}

/* Row fills slide */
.nzm-slideshow .views_slideshow_cycle_slide > .views-row {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* --- IMAGE layer: linked image produced by Blazy (a.b-link) --- */
.nzm-slideshow .views_slideshow_cycle_slide a.b-link {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  text-decoration: none;
}

.nzm-slideshow .views_slideshow_cycle_slide a.b-link .media {
  width: 100% !important;
  height: 100% !important;
}

.nzm-slideshow .views_slideshow_cycle_slide a.b-link img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Safe fallback */
.nzm-slideshow .views_slideshow_cycle_slide img {
  max-width: 100%;
  height: auto;
}

/* --- Bottom-third shaded panel --- */
.nzm-slideshow .views_slideshow_cycle_slide::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 34%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.55);
  pointer-events: none;
}

/* --- TITLE OVERLAY --- */
.nzm-slideshow .views_slideshow_cycle_slide .views-row a:not(.b-link) {
  position: absolute !important;
  left: 20px !important;
  right: 20px !important;
  bottom: 28px !important;
  z-index: 4 !important;

  display: inline-block !important;
  max-width: calc(100% - 40px);

  color: #fff !important;
  text-decoration: none !important;

  font-size: clamp(16px, 1.7vw, 28px) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;

  background: rgba(0, 0, 0, 0.70) !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
}

.nzm-slideshow .views_slideshow_cycle_slide .views-row a:not(.b-link):hover {
  opacity: 0.9;
}

/* --- CONTENT TYPE PILL (TOP LEFT) --- */
.nzm-slideshow .views_slideshow_cycle_slide .views-row .nzm-ctype {
  position: absolute !important;
  top: 20px !important;
  left: 20px !important;
  z-index: 5 !important;

  display: inline-block !important;
  padding: 6px 12px !important;
  border-radius: 4px !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;

  color: #fff !important;
  background: rgba(255, 255, 255, 0.20);

  /* Subtle polish */
  box-shadow: 0 1px 0 rgba(0,0,0,0.25);
}

/* --- BRAND COLOURS (forced to win) --- */
.nzm-slideshow .views_slideshow_cycle_slide .views-row
.nzm-ctype.nzm-ctype--feature {
  background: #c62828 !important;
}

.nzm-slideshow .views_slideshow_cycle_slide .views-row
.nzm-ctype.nzm-ctype--road-test,
.nzm-slideshow .views_slideshow_cycle_slide .views-row
.nzm-ctype.nzm-ctype--road_test {
  background: #f28c28 !important;
}

.nzm-slideshow .views_slideshow_cycle_slide .views-row
.nzm-ctype.nzm-ctype--event {
  background: #2489af !important;
}

.nzm-slideshow .views_slideshow_cycle_slide .views-row
.nzm-ctype.nzm-ctype--news {
  background: #23471e !important;
}

/* --- NEW: WEBINAR --- */
.nzm-slideshow .views_slideshow_cycle_slide .views-row
.nzm-ctype.nzm-ctype--webinar {
  background: #752bc0 !important;
}

/* --- Mobile --- */
@media (max-width: 600px) {
  .nzm-slideshow .views_slideshow_cycle_slide .views-row a:not(.b-link) {
    left: 14px !important;
    right: 14px !important;
    bottom: 24px !important;
    padding: 9px 12px !important;
    max-width: calc(100% - 28px);
  }

  .nzm-slideshow .views_slideshow_cycle_slide .views-row .nzm-ctype {
    top: 14px !important;
    left: 14px !important;
  }
}

/* =========================================================
   FORCE GREEN GO BUTTON (OVERRIDE THEME DEFAULTS)
   ========================================================= */

#block-themag-st-searchform #edit-submit {
  background: #88bd24 !important;
  border: 1px solid #88bd24 !important;
  color: #fff !important;

  border-radius: 4px !important;
  width: auto !important;
  height: auto !important;

  padding: 0.5rem 0.9rem !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;

  box-shadow: none !important;
  text-transform: none !important;
}

/* Hover black */
#block-themag-st-searchform #edit-submit:hover,
#block-themag-st-searchform #edit-submit:focus {
  background: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
  outline: none !important;
}

/* Ensure no old icon pseudo-elements */
#block-themag-st-searchform #edit-submit::before,
#block-themag-st-searchform #edit-submit::after {
  content: none !important;
}


/* =========================================================
   TOP MENU: turn Facebook/LinkedIn links into green icons
   Scoped to the Top Menu block
   ========================================================= */

/* Target only links inside the Top Menu block */
#block-themag-st-topmenu a[href*="linkedin.com"],
#block-themag-st-topmenu a[href*="lnkd.in"],
#block-themag-st-topmenu a[href*="facebook.com"],
#block-themag-st-topmenu a[href*="fb.me"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: 20px;
  height: 20px;

  color: #88bd24 !important;

  /* hide text label but keep it accessible */
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;

  position: relative;
}

/* icon box */
#block-themag-st-topmenu a[href*="linkedin.com"]::before,
#block-themag-st-topmenu a[href*="lnkd.in"]::before,
#block-themag-st-topmenu a[href*="facebook.com"]::before,
#block-themag-st-topmenu a[href*="fb.me"]::before {
  content: "";
  width: 18px;
  height: 18px;
  background: currentColor;
  display: inline-block;
}

/* LinkedIn icon (SVG mask) */
#block-themag-st-topmenu a[href*="linkedin.com"]::before,
#block-themag-st-topmenu a[href*="lnkd.in"]::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.98 3.5C4.98 4.88 3.87 6 2.5 6S0 4.88 0 3.5 1.12 1 2.5 1 4.98 2.12 4.98 3.5ZM.5 23.5h4V7.98h-4V23.5ZM8.5 7.98h3.83v2.12h.05c.53-1 1.84-2.12 3.8-2.12 4.07 0 4.82 2.68 4.82 6.16v9.36h-4v-8.3c0-1.98-.04-4.53-2.76-4.53-2.76 0-3.18 2.16-3.18 4.39v8.44h-4V7.98Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.98 3.5C4.98 4.88 3.87 6 2.5 6S0 4.88 0 3.5 1.12 1 2.5 1 4.98 2.12 4.98 3.5ZM.5 23.5h4V7.98h-4V23.5ZM8.5 7.98h3.83v2.12h.05c.53-1 1.84-2.12 3.8-2.12 4.07 0 4.82 2.68 4.82 6.16v9.36h-4v-8.3c0-1.98-.04-4.53-2.76-4.53-2.76 0-3.18 2.16-3.18 4.39v8.44h-4V7.98Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Facebook icon (SVG mask) */
#block-themag-st-topmenu a[href*="facebook.com"]::before,
#block-themag-st-topmenu a[href*="fb.me"]::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 22v-8h2.7l.4-3h-3.1V9.1c0-.87.24-1.46 1.49-1.46H16.7V5.02c-.3-.04-1.34-.12-2.55-.12-2.52 0-4.25 1.54-4.25 4.36V11H7.3v3h2.6v8h3.6Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 22v-8h2.7l.4-3h-3.1V9.1c0-.87.24-1.46 1.49-1.46H16.7V5.02c-.3-.04-1.34-.12-2.55-.12-2.52 0-4.25 1.54-4.25 4.36V11H7.3v3h2.6v8h3.6Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Hover/Focus = white */
#block-themag-st-topmenu a[href*="linkedin.com"]:hover,
#block-themag-st-topmenu a[href*="lnkd.in"]:hover,
#block-themag-st-topmenu a[href*="facebook.com"]:hover,
#block-themag-st-topmenu a[href*="fb.me"]:hover,
#block-themag-st-topmenu a[href*="linkedin.com"]:focus,
#block-themag-st-topmenu a[href*="lnkd.in"]:focus,
#block-themag-st-topmenu a[href*="facebook.com"]:focus,
#block-themag-st-topmenu a[href*="fb.me"]:focus {
  color: #ffffff !important;
}

/* =========================================================
   TOP MENU: YouTube icon
   ========================================================= */

/* YouTube link base styling */
#block-themag-st-topmenu a[href*="youtube.com"],
#block-themag-st-topmenu a[href*="youtu.be"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: 20px;
  height: 20px;

  color: #88bd24 !important;

  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;

  position: relative;
}

/* Icon box */
#block-themag-st-topmenu a[href*="youtube.com"]::before,
#block-themag-st-topmenu a[href*="youtu.be"]::before {
  content: "";
  width: 18px;
  height: 18px;
  background: currentColor;
  display: inline-block;

  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.5 6.2s-.2-1.7-.8-2.4c-.8-.8-1.7-.8-2.1-.9C17.7 2.5 12 2.5 12 2.5h0s-5.7 0-8.6.4c-.4.1-1.3.1-2.1.9-.6.7-.8 2.4-.8 2.4S0 8.1 0 10v1.9c0 1.9.2 3.8.2 3.8s.2 1.7.8 2.4c.8.8 1.9.8 2.4.9 1.7.2 7.2.4 8.6.4s5.7 0 8.6-.4c.4-.1 1.3-.1 2.1-.9.6-.7.8-2.4.8-2.4s.2-1.9.2-3.8V10c0-1.9-.2-3.8-.2-3.8ZM9.6 14.8V7.6l6.4 3.6-6.4 3.6Z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.5 6.2s-.2-1.7-.8-2.4c-.8-.8-1.7-.8-2.1-.9C17.7 2.5 12 2.5 12 2.5h0s-5.7 0-8.6.4c-.4.1-1.3.1-2.1.9-.6.7-.8 2.4-.8 2.4S0 8.1 0 10v1.9c0 1.9.2 3.8.2 3.8s.2 1.7.8 2.4c.8.8 1.9.8 2.4.9 1.7.2 7.2.4 8.6.4s5.7 0 8.6-.4c.4-.1 1.3-.1 2.1-.9.6-.7.8-2.4.8-2.4s.2-1.9.2-3.8V10c0-1.9-.2-3.8-.2-3.8ZM9.6 14.8V7.6l6.4 3.6-6.4 3.6Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Hover / focus → white */
#block-themag-st-topmenu a[href*="youtube.com"]:hover,
#block-themag-st-topmenu a[href*="youtu.be"]:hover,
#block-themag-st-topmenu a[href*="youtube.com"]:focus,
#block-themag-st-topmenu a[href*="youtu.be"]:focus {
  color: #ffffff !important;
}





/* =========================================================
   SAFARI-SAFE SOCIAL ICONS (no mask) — green circles + white SVG
   ========================================================= */

/* Base circle */
#block-themag-st-topmenu a[href*="linkedin.com"],
#block-themag-st-topmenu a[href*="lnkd.in"],
#block-themag-st-topmenu a[href*="facebook.com"],
#block-themag-st-topmenu a[href*="fb.me"],
#block-themag-st-topmenu a[href*="youtube.com"],
#block-themag-st-topmenu a[href*="youtu.be"]{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;

  background-color: #88bd24;
  border-radius: 50%;

  /* hide label text but keep accessible */
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;

  position: relative;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

/* Remove any previous mask icon content */
#block-themag-st-topmenu a[href*="linkedin.com"]::before,
#block-themag-st-topmenu a[href*="lnkd.in"]::before,
#block-themag-st-topmenu a[href*="facebook.com"]::before,
#block-themag-st-topmenu a[href*="fb.me"]::before,
#block-themag-st-topmenu a[href*="youtube.com"]::before,
#block-themag-st-topmenu a[href*="youtu.be"]::before{
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  /* Safari alignment */
  position: relative;
  top: 0;
}

/* LinkedIn (white icon) */
#block-themag-st-topmenu a[href*="linkedin.com"]::before,
#block-themag-st-topmenu a[href*="lnkd.in"]::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M4.98 3.5C4.98 4.88 3.87 6 2.5 6S0 4.88 0 3.5 1.12 1 2.5 1 4.98 2.12 4.98 3.5ZM.5 23.5h4V7.98h-4V23.5ZM8.5 7.98h3.83v2.12h.05c.53-1 1.84-2.12 3.8-2.12 4.07 0 4.82 2.68 4.82 6.16v9.36h-4v-8.3c0-1.98-.04-4.53-2.76-4.53-2.76 0-3.18 2.16-3.18 4.39v8.44h-4V7.98Z'/%3E%3C/svg%3E");
}

/* Facebook (white icon) */
#block-themag-st-topmenu a[href*="facebook.com"]::before,
#block-themag-st-topmenu a[href*="fb.me"]::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M13.5 22v-8h2.7l.4-3h-3.1V9.1c0-.87.24-1.46 1.49-1.46H16.7V5.02c-.3-.04-1.34-.12-2.55-.12-2.52 0-4.25 1.54-4.25 4.36V11H7.3v3h2.6v8h3.6Z'/%3E%3C/svg%3E");
}

/* YouTube (white icon) */
#block-themag-st-topmenu a[href*="youtube.com"]::before,
#block-themag-st-topmenu a[href*="youtu.be"]::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M23.5 6.2s-.2-1.7-.8-2.4c-.8-.8-1.7-.8-2.1-.9C17.7 2.5 12 2.5 12 2.5h0s-5.7 0-8.6.4c-.4.1-1.3.1-2.1.9-.6.7-.8 2.4-.8 2.4S0 8.1 0 10v1.9c0 1.9.2 3.8.2 3.8s.2 1.7.8 2.4c.8.8 1.9.8 2.4.9 1.7.2 7.2.4 8.6.4s5.7 0 8.6-.4c.4-.1 1.3-.1 2.1-.9.6-.7.8-2.4.8-2.4s.2-1.9.2-3.8V10c0-1.9-.2-3.8-.2-3.8ZM9.6 14.8V7.6l6.4 3.6-6.4 3.6Z'/%3E%3C/svg%3E");

  /* slight nudge down to match others */
  top: 1px;
}

/* Hover/focus: black circle */
#block-themag-st-topmenu a[href*="linkedin.com"]:hover,
#block-themag-st-topmenu a[href*="lnkd.in"]:hover,
#block-themag-st-topmenu a[href*="facebook.com"]:hover,
#block-themag-st-topmenu a[href*="fb.me"]:hover,
#block-themag-st-topmenu a[href*="youtube.com"]:hover,
#block-themag-st-topmenu a[href*="youtu.be"]:hover,
#block-themag-st-topmenu a[href*="linkedin.com"]:focus,
#block-themag-st-topmenu a[href*="lnkd.in"]:focus,
#block-themag-st-topmenu a[href*="facebook.com"]:focus,
#block-themag-st-topmenu a[href*="fb.me"]:focus,
#block-themag-st-topmenu a[href*="youtube.com"]:focus,
#block-themag-st-topmenu a[href*="youtu.be"]:focus{
  background-color: #000;
}

/* =========================================================
   HIDE SOCIAL ICONS ON MOBILE
   ========================================================= */
@media (max-width: 760px) {
  #block-themag-st-topmenu a[href*="linkedin.com"],
  #block-themag-st-topmenu a[href*="lnkd.in"],
  #block-themag-st-topmenu a[href*="facebook.com"],
  #block-themag-st-topmenu a[href*="fb.me"],
  #block-themag-st-topmenu a[href*="youtube.com"],
  #block-themag-st-topmenu a[href*="youtu.be"] {
    display: none !important;
  }
}

/* Fine-tune YouTube icon vertical alignment */
#block-themag-st-topmenu a[href*="youtube.com"]::before,
#block-themag-st-topmenu a[href*="youtu.be"]::before {
  position: relative;
  top: 1.5px; /* adjust between 1px–2px if needed */
}