/*
Theme Name:   Metropolitan Gaming Affiliate
Theme URI:    https://metropolitangaming.com/
Description:  
Author:       Digital Fuel
Author URI:   https://digitalfuel.io
Template:     wp-affiliate-parent
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  affiliate
*/
@import "assets/sal.css";
@font-face {
  font-family: "Gotham Book";
  src: url("assets/gotham-book-webfont.woff2") format("woff2"), url("assets/gotham-book-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Medium";
  src: url("assets/gotham-medium-webfont.woff2") format("woff2"), url("assets/gotham-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
:root {
  --color--white: #ffffff;
  --color--black: #0e0e0e;
  --color--grey: #d2d2d2;
  --color--primary: #00b984;
  --color--secondary: #2d5756;
  --color--tertiary: #222426;
  --color--background: #ffffff;
  --color--tile: #222426;
  --color--border: #222426;
  --color--heading: #ffffff;
  --color--subtitle: #919aa2;
  --color--body: #333332;
  --color--gold: #a49462;
  --property--container: 1620px;
  --property--container-page: 1200px;
  --property--spacer-xs: 0.25rem;
  --property--spacer-sm: 0.5rem;
  --property--spacer-md: 1rem;
  --property--spacer-lg: 1.5rem;
  --property--spacer-xl: 2rem;
  --property--spacer-xxl: 4rem;
  --property--radius-outer: 14px;
  --property--radius-inner: 10px;
}

.container {
  max-width: var(--property--container, 1620px);
}
.container--content {
  max-width: var(--property--container-page, 1200px);
}

body {
  border-top: unset;
  color: var(--color--body, #333332);
  font-family: "Gotham Book", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: var(--color--gold, #a49462);
  font-family: "Lato", "Gotham Medium", sans-serif;
  text-transform: uppercase;
  font-weight: normal;
}

.wrapper > main {
  position: relative;
  min-height: 50vh;
}

.site-header {
  background-color: var(--color--background, #ffffff);
  z-index: 5;
  -webkit-transition: 120ms ease;
  transition: 120ms ease;
  border-bottom: 2px solid var(--color--gold, #a49462);
  position: sticky;
  top: 0;
}
.site-header--scroll .site-header__wrapper {
  padding-top: var(--property--spacer-sm, 0.5rem);
  padding-bottom: var(--property--spacer-sm, 0.5rem);
}
.site-header--scroll .site-header__brand > a > svg {
  height: var(--property--spacer-xxl, 4rem);
}
.site-header__wrapper {
  padding-top: var(--property--spacer-md, 1rem);
  padding-bottom: var(--property--spacer-md, 1rem);
}
.site-header__brand {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.site-header__brand svg {
  width: auto;
  height: 4rem;
}
@media only screen and (max-width: 575px) {
  .site-header__brand svg {
    height: 2.5rem;
  }
}
.site-header__navigation a {
  color: inherit;
}
.site-header__affiliates--login, .site-header__affiliates--signup {
  border-radius: 0px;
  padding: var(--property--spacer-sm, 0.5rem) var(--property--spacer-md, 1rem);
}
.site-header__affiliates--login {
  background: transparent;
  border-color: var(--color--primary, #00b984);
  color: var(--color--black, #0e0e0e);
}
.site-header__affiliates--signup {
  background: var(--color--primary, #00b984);
  border-color: var(--color--primary, #00b984);
  color: var(--color--black, #0e0e0e);
}

.site-header-mobile nav a {
  color: var(--color--body, #333332);
}
.site-header-mobile__toggle {
  display: none;
}
.site-header-mobile__account {
  padding: var(--property--spacer-sm, 0.5rem);
}
.site-header-mobile__account svg {
  margin: unset;
}
.site-header-mobile__footer__login {
  color: var(--color--black, #0e0e0e);
}

.site-footer {
  color: inherit;
  background-color: var(--color--background, #ffffff);
}
.site-footer__wrapper {
  grid-gap: var(--property--spacer-md, 1rem);
  gap: var(--property--spacer-md, 1rem);
}
.site-footer__brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -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;
}
.site-footer__brand svg {
  height: 6rem;
}
.site-footer__copyright {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: unset;
  padding-top: unset;
  text-align: center;
}

.theme {
  display: block;
  background-color: rgb(53, 184, 201);
}
.theme source,
.theme img {
  width: 100%;
  vertical-align: top;
}

.site-footer__navigation__title {
  color: var(--color--black, #0e0e0e);
}

.entry-content {
  z-index: 1;
  position: relative;
  padding-top: unset;
}

.block-carousel {
  background-color: var(--color--primary, #00b984);
}
.block-carousel__wrapper {
  overflow: hidden;
}
.block-carousel__container {
  width: 100%;
  max-width: 768px;
}
@supports not ((margin-inline: auto) and (padding-inline: auto)) {
  .block-carousel__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--property--spacer-md, 1rem);
    padding-right: var(--property--spacer-md, 1rem);
  }
}
@supports (margin-inline: auto) and (padding-inline: auto) {
  .block-carousel__container {
    margin-inline: auto;
    padding-inline: var(--property--spacer-md, 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .block-carousel .embla__container {
    padding-left: unset;
    padding-right: unset;
  }
}
.block-carousel .embla__slide {
  padding: var(--property--spacer-xl, 2rem);
  color: var(--color--black, #0e0e0e);
}
@media only screen and (min-width: 768px) {
  .block-carousel .embla__slide {
    padding: calc(2 * var(--property--spacer-xl, 2rem));
  }
}
.block-carousel .embla__slide:after {
  background-color: unset;
}
.block-carousel figure,
.block-carousel blockquote {
  width: 100%;
}
.block-carousel blockquote {
  justify-items: center;
}
.block-carousel blockquote:before, .block-carousel blockquote:after {
  display: none !important;
  visibility: hidden !important;
}
.block-carousel figcaption {
  margin-top: var(--property--spacer-xl, 2rem);
}
.block-carousel figcaption a {
  color: currentColor;
  text-decoration: underline;
}
.block-carousel__logo {
  max-width: calc(4 * var(--property--spacer-xxl, 4rem));
}

.block-points__list__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.block-header {
  padding-top: var(--property--spacer-xxl, 4rem);
  padding-bottom: var(--property--spacer-xxl, 4rem);
  text-align: center;
}
.block-header:not(.block-header--image) {
  padding-top: var(--property--spacer-xl, 2rem);
}

.block-logos__wrapper {
  display: -ms-grid;
  display: grid;
  grid-gap: 1px;
  gap: 1px;
  -ms-grid-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  background-color: var(--color--primary, #00b984);
  border: 1px solid var(--color--primary, #00b984);
}
@media only screen and (min-width: 992px) {
  .block-logos__wrapper {
    display: -ms-grid;
    display: grid;
    grid-gap: 1px;
    gap: 1px;
    -ms-grid-columns: minmax(0, 1fr) 1px minmax(0, 1fr) 1px minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.block-logos__item {
  background-color: var(--color--background, #ffffff);
  min-width: 100%;
  min-height: calc(2 * var(--property--spacer-xxl, 4rem));
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--property--spacer-xl, 2rem);
  -webkit-transition: background-color 120ms ease;
  transition: background-color 120ms ease;
}
.block-logos__item img {
  -webkit-transition: 120ms ease;
  transition: 120ms ease;
  width: 100%;
}
.block-logos__item:hover, .block-logos__item:focus {
  background-color: var(--color--secondary, #2d5756);
}
.block-logos__item:hover img, .block-logos__item:focus img {
  -webkit-transform: scale(1.075);
          transform: scale(1.075);
}

.block-tiers .container {
  grid-gap: var(--property--spacer-xxl, 4rem);
  gap: var(--property--spacer-xxl, 4rem);
}
.block-tiers__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--property--spacer-lg, 1.5rem);
}
.block-tiers__image {
  aspect-ratio: 1/1;
  max-width: 75%;
  position: relative;
  padding: var(--property--spacer-xl, 2rem);
  border-radius: 100%;
  background-color: var(--color--primary, #00b984);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block-tiers__image img {
  width: 100%;
}
.block-tiers b {
  color: var(--color--white, #ffffff);
}

@media only screen and (min-width: 768px) {
  .wpcf7 {
    max-width: 65%;
  }
}

.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
  background-color: var(--color--white, #ffffff);
  border-color: var(--color--white, #ffffff);
  color: var(--color--primary, #00b984);
}
.wpcf7-form input[type=submit] {
  background-color: var(--color--primary, #00b984);
  padding-top: var(--property--spacer-md, 1rem);
  padding-bottom: var(--property--spacer-md, 1rem);
  font-weight: bold;
  border-color: var(--color--primary, #00b984);
}

.block-header {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65))), var(--background) !important;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 100%), var(--background) !important;
}
.block-header--image {
  min-height: 30vh;
  margin-bottom: var(--property--spacer-xl, 2rem);
}
.block-header__wrapper {
  text-align: center;
  max-width: var(--property--container-page, 1200px);
}
.block-header__wrapper h1 {
  color: var(--color--primary, #00b984);
}
.block-header__title {
  /* &:before {
  	aspect-ratio: 1/1;
  	width: calc(property(spacer-xxl) + property(spacer-xl));
  	content: '';
  	display: block;
  	@include margin-inline;
  	margin-bottom: property(spacer-md);
  	background-image: url(assets/icon.webp);
  	background-size: contain;
  	background-position: center;
  } */
}
@supports (margin-inline: auto) {
  .block-header__title {
    margin-inline: auto;
  }
}
@supports not (margin-inline: auto) {
  .block-header__title {
    margin-left: auto;
    margin-right: auto;
  }
}

.block-carousel {
  background-color: unset;
}
@supports (padding-inline: 7.5vw) {
  .block-carousel {
    padding-inline: 7.5vw;
  }
}
@supports not (padding-inline: 7.5vw) {
  .block-carousel {
    margin-left: 7.5vw;
    margin-right: 7.5vw;
  }
}
.block-carousel__container {
  max-width: var(--property--container-page, 1200px);
  overflow: hidden;
  padding-inline: unset;
  position: relative;
  border-radius: var(--property--radius-inner, 10px);
  background-color: var(--color--background, #ffffff);
  border: 2px solid var(--color--primary, #00b984);
}
.block-carousel__wrapper {
  z-index: 1;
}
.block-carousel__wrapper:before, .block-carousel__wrapper:after {
  content: "";
  width: calc(1.5 * var(--property--spacer-xxl, 4rem));
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
}
.block-carousel__wrapper:before {
  left: 0;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(#ffffff));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #ffffff 100%);
}
.block-carousel__wrapper:after {
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(#ffffff));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #ffffff 100%);
}
.block-carousel .embla__slide {
  background-color: unset;
}

.block-commissions__list {
  width: 100%;
}
.block-commissions__list__item {
  grid-gap: unset;
  gap: unset;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block-commissions__icon {
  border-radius: 99rem;
  width: 100%;
  max-width: calc(1.5 * var(--property--spacer-xxl, 4rem));
  background: unset;
  color: var(--color--black, #0e0e0e);
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: unset;
  margin-bottom: calc(-1 * (var(--property--spacer-xxl, 4rem) + var(--property--spacer-lg, 1.5rem)) / 2);
  position: relative;
}
.block-commissions__content {
  padding-top: calc(var(--property--spacer-xl, 2rem) + var(--property--spacer-lg, 1.5rem));
  background: unset;
  border-radius: unset;
  border: 2px solid var(--color--primary, #00b984);
}
.block-commissions__title {
  text-transform: uppercase;
}

.block-faq__container {
  grid-gap: var(--property--spacer-xxl, 4rem);
  gap: var(--property--spacer-xxl, 4rem);
}
.block-faq__item {
  border: 1px solid var(--color--gold, #a49462);
  background-color: transparent;
}
.block-faq__item__question {
  color: var(--color--body, #333332);
  line-height: 1.3;
  font-weight: 700;
}
.block-faq__item__question:focus {
  outline: unset;
}
.block-faq__item__question svg {
  fill: var(--color--black, #0e0e0e);
  min-width: var(--property--spacer-lg, 1.5rem);
  min-width: var(--property--spacer-lg, 1.5rem);
}
.block-faq__title {
  color: var(--color--gold, #a49462);
  text-align: center;
}

.block-points__list {
  grid-gap: var(--property--spacer-xxl, 4rem);
  gap: var(--property--spacer-xxl, 4rem);
}
.block-points__list__item {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  grid-gap: var(--property--spacer-sm, 0.5rem);
  gap: var(--property--spacer-sm, 0.5rem);
}
.block-points__list__item__icon {
  width: var(--property--spacer-xxl, 4rem);
  display: none;
  visibility: hidden;
}

.wp-block-quote p {
  margin-inline: var(--property--spacer-lg, 1.5rem);
}

.block-header {
  color: var(--color--white, #ffffff);
  border-radius: 0 0 15vw 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), var(--background);
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), var(--background);
  min-height: 50vh;
}
.block-header__wrapper h1 {
  color: inherit;
}

.fill {
  width: 100%;
  height: 90px;
  background: var(--color--primary, #00b984);
}

p a {
  color: inherit;
  font-weight: bold;
}

table {
  border-color: rgba(145, 154, 162, 0.15);
}
table thead tr,
table tbody tr:not(:last-of-type) {
  border-bottom-color: rgba(145, 154, 162, 0.15);
}
table th:not(:last-of-type),
table td:not(:last-of-type) {
  border-right-color: rgba(145, 154, 162, 0.15);
}