@import url("custom-properties.css");

/*------------------------------------------------------------*\
 # Gutenberg Blocks
--------------------------------------------------------------*/
.wp-block-media-text__media {
  grid-area: media;
}

.wp-block-media-text__content {
  grid-area: content;
}

.has-white-background-color {
  background-color: var(--white-pure);
}

.has-grey-1-background-color {
  background-color: var(--grey-99);
}

.has-grey-2-background-color {
  background-color: var(--grey-95);
}

.has-grey-3-background-color {
  background-color: var(--grey-70);
}

.has-grey-4-background-color {
  background-color: var(--grey-50);
}

.has-grey-5-background-color {
  background-color: var(--grey-30);
}

.has-grey-6-background-color {
  background-color: var(--grey-30);
}

.has-black-background-color {
  background-color: var(--grey-5) !important;
}

.has-gold-background-color {
  background-color: var(--gold-45);
}

.has-black-background-color h1
.has-black-background-color h2,
.has-black-background-color h3,
.has-black-background-color h4,
.has-black-background-color h5,
.has-black-background-color h6,
.has-black-background-color h1 a
.has-black-background-color h2 a,
.has-black-background-color h3 a,
.has-black-background-color h4 a,
.has-black-background-color h5 a,
.has-black-background-color h6 a {
  color: var(--white-pure);
}

.has-black-background-color p a:hover {
  color: var(--grey-70);
}

.has-black-background-color p a:hover:after {
    background-color: var(--grey-30);
}

.has-black-background-color figcaption,
.has-black-background-color figcaption a {
    color: var(--grey-50);
}

div.has-black-background-color p,
div.has-black-background-color ul,
div.has-black-background-color ol,
div.has-black-background-color cite {
  color: var(--grey-99);
}

.has-white-color,
a.wp-block-button__link.has-white-color,
.is-style-outline .wp-block-button__link.has-white-color  {
  color: white;
}

.has-grey-1-color {
  color: var(--grey-99);
}

.has-grey-2-color {
  color: var(--grey-95);
}

.has-grey-3-color {
  color: var(--grey-70);
}

.has-grey-4-color {
  color: var(--grey-50);
}

.has-grey-5-color {
  color: var(--grey-30);
}

.has-grey-6-color {
  color: var(--grey-30);
}

.has-black-color {
  color: var(--grey-5);
}

.has-gold-color,
.is-style-outline .wp-block-button__link.has-gold-color {
  color: var(--gold-45);
}

.has-small-font-size {
  font-size: .875rem;
}

.has-medium-font-size {
  font-size: 1.375rem;
}

.has-large-font-size {
  font-size: 1.875rem;
}

.has-huge-font-size {
  font-size: 2.875rem;
}

div ul.has-normal-font-size,
div ol.has-normal-font-size {
    font-size: 1em;
}

.wp-block-media-text .wp-block-media-text__media {
  background: var(--grey-99);
}

.wp-block-separator.is-style-wide {
  max-width: 100%;
}

.wp-block-group .wp-block-button {
  padding: 2rem 0;
}

.wp-block-button__link {
  font-family: var(--body-font);
}

.wp-block-quote {
  margin-top: 2em;
  margin-bottom: 2em;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-pullquote blockquote {
  border: none;
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
  font-size: 1.625rem;
}

@media (max-width: 600px) {
  .has-huge-font-size {
    font-size: 2.375rem;
  }
  .has-large-font-size,
  .wp-block-quote.is-large p,
  .wp-block-quote.is-style-large p {
    font-size: 1.375rem;
  }
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
  font-size: 1.125rem;
}

.wp-block-quote.is-style-large {
  margin-left: auto;
  margin-right: auto;
}

.wp-block-pullquote.is-style-solid-color blockquote {
  max-width: 80%;
}

.wp-block-pullquote p, .wp-block-pullquote.is-style-solid-color blockquote p {
  font-size: 2em;
  margin-bottom: 1.25em;
  font-style: italic;
}

.wp-block-quote p {
  margin-bottom: 1.25em;
}

.wp-block-table table {
  width: 90%;
  margin: 0 auto;
}

.wp-block-table.is-style-stripes {
  border-bottom-color: var(--grey-95);
}

.wp-block-table.is-style-stripes tr:nth-child(odd) {
  background-color: var(--grey-99)
}

.wp-block-table.is-style-stripes th {
  border: none;
}

.wp-block-column {
  margin: 0;
}

.wp-block-column > *:first-child {
    margin-top: 0;
}

.wp-block-image {
  display: grid;
  margin: 0;
}

.wp-block-image figcaption {
  font-size: .875rem;
  text-align: left;
  margin-bottom: 0;
}

.wp-block-columns .wp-block-image figcaption {
  padding: 1em 0;
}

.wp-block-image .aligncenter>figcaption {
  text-align: center;
}

.wp-block-image.splash img{
  max-height: 87vh;
  object-fit: cover;
  object-position: center;
}

.wp-block-image a {
  display: inline-block;
}

.wp-block-image.size-full img,
.wp-block-media-text img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

/* .wp-block-image .aligncenter figcaption {
  text-align: center;
  margin-bottom: 0;
  font-size: .875rem;
} */

.is-vertically-aligned-center .wp-block-media-text__content > *:first-child {
  margin-top: 0;
}

.wp-block-media-text .wp-block-media-text__content {
  padding: 3rem 2rem;
  margin: auto;
  max-width: 70ch;
  width: 100%;
  justify-self: center;
}

.wp-block-cover, .wp-block-cover-image {
  min-height: 460px;
}

.wp-block-cover>* {
  max-width: 50%;
  margin: 2rem auto;
}

/* Image cover 16:9 */
/*.wp-block-column .wp-block-image {
  position: relative;
  overflow: hidden;
  background-color: var(--grey-99);
}

.wp-block-column .wp-block-image::after {
  content: '';
  display: block;
  padding-top: 56.25%;
}

.wp-block-column .wp-block-image figure {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.wp-block-column .wp-block-image img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: 50% 50%;
  transform: none;
}*/

.entry-content .wp-block-column {
  padding: 4% 6%;
  margin: 0;
}

@media (min-width: 600px) {
  /* .entry-content .wp-block-column {
    padding: 8% 12%;
  } */
}

@media (max-width: 900px) {
  .entry-content .wp-block-column {
    margin-bottom: 2rem;
  }
}
/*
.entry-content .has-2-columns .wp-block-column {
  padding: 4% 6%;
}

.entry-content .has-3-columns .wp-block-column {
  padding: 2% 3%;
}

.entry-content .has-4-columns .wp-block-column,
.entry-content .has-5-columns .wp-block-column {
  padding: 1%;
}

.has-4-columns {
  padding: 1% 2%;
} */

.wp-block-media-text.is-image-fill figure.wp-block-media-text__media {
  min-height: auto;
  padding-top: 56.25%;
}

.image-contain .wp-block-media-text__media {
  min-height: 480px;
}

.blocks-gallery-grid {
  width: 100%;
}

.wp-block-gallery .blocks-gallery-item {
  height: fit-content;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption,
.post-thumbnail figcaption,
.wp-block-embed figcaption {
  position: initial;
  color: var(--grey-5);
  text-align: left;
  font-size: .875rem;
  line-height: 1.25rem;
  background: none;
  padding: 1em 0;
  margin: 0;
}


@media (max-width: 1200px) {
  .entry-content .has-4-columns {
    flex-wrap: wrap;
  }

  .entry-content .has-4-columns .wp-block-column {
    flex-basis: 50%;
  }
}

@media (max-width: 900px) {
  .has-grey-border {
    padding: 2rem 2rem 1.5rem;
  }
  .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .has-3-columns .wp-block-column {
    flex-basis: 100%;
    margin: 2rem 0;
  }
  .wp-block-columns {
    display: block;
  }
  .wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) {
    margin-left: 0;
  }
  .wp-block-column:not(:last-child) {
    margin-right: 0;
  }
  .has-2-buttons {
    margin-bottom: 2rem;
  }
  .has-2-buttons .wp-block-column:not(:first-child), .has-2-buttons .wp-block-column:nth-child(2n) {
    margin-top: 0;
  }
  .has-2-buttons .wp-block-button {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 1fr;
    grid-template-areas: "media" "content";
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media,
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1 /*!rtl:end:ignore; */;
  }
  .wp-block-media-text .wp-block-media-text__content {
    direction: ltr;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    word-break: break-word;
  }
  .entry-content .has-2-columns .wp-block-column,
  .entry-content .has-3-columns .wp-block-column {
    padding: 2% 3%;
  }
  .image-contain .wp-block-media-text__media {
    min-height: 50vh;
  }

}

@media (max-width: 900px) {
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media,
  .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media {
    grid-area: media;
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content,
  .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
    grid-area: content;
  }
}

@media (max-width: 600px) {
  /* .wp-block-media-text .wp-block-media-text__content {
    padding: 12%;
  } */
  /* .has-media-on-the-right .wp-block-media-text__content {
    grid-area: media-text-media;
  }
  .has-media-on-the-right .wp-block-media-text__media {
    grid-area: media-text-content;
  } */
  .has-4-columns .wp-block-column {
    max-width: 100%;
  }
}

@media (min-width: 600px) {
  .wp-block-column {
    flex-basis: 100%;
    flex-grow: 0;
  }
}

p + .wp-block-buttons {
    margin-top: 2em;
}

.wp-block-button__link {
  transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  border-radius: 3px;
  font-size: 1rem;
  line-height: 1;
  padding: 12px 24px;
  text-transform: uppercase;
  font-weight: 600;
  height: 52px;
  display: inline-flex;
  align-items: center;
}

.wp-block-button__link:visited {
  color: inherit;
}

.content-right .wp-block-button__link:visited {
  color: var(--white-pure);
}

.wp-block-button__link:hover {
  border-color: var(--grey-50);
  background: var(--grey-50);
}

.is-style-outline .wp-block-button__link {
  background: transparent;
}

.is-style-outline .wp-block-button__link:hover, .is-style-outline.button-disabled .wp-block-button__link {
  background: transparent;
  color: var(--grey-50);
}

.is-style-outline .has-black-color.wp-block-button__link:hover{
  color: var(--grey-5);
  border-color: var(--grey-5);
  background-color: var(--gold-85);
}

.is-style-text-button {
  color: var(--grey-5);
  margin-bottom: 0;
}

.is-style-text-button .wp-block-button__link {
  border: none;
  background: none;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 0;
  margin-top: 0;
}

.is-style-text-button .wp-block-button__link:hover {
  color: var(--gold-45);
}

.button-disabled {
  pointer-events: none;
}