/*
Theme Name: KoterisArt
Theme URI: 
Author: GI - Merijn
Author URI: 
Description: 
Requires at least: 7.1
Tested up to: 7.1
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: koterisart
Tags: 
*/

/* 
:root {
  font-size: 16px;
} */

* {
  box-sizing: border-box;
}

body main.wp-block-group {
  margin-block-start: 0;
}

.wp-block-post-featured-image {
  & img {
    filter: drop-shadow(-10px 8px 20px #00000025);
  }
}

.archive-grid {
}

.artwork-detail-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;

  @media all and (min-width: 800px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  & .featured-image-wrapper,
  & > figure {
    grid-column: span 2;

    @media all and (min-width: 800px) {
      grid-column: span 2;
    }
  }

  & .additional-images_description {
    grid-column: span 1;
    border-block-start: 2px solid #000;

    @media all and (min-width: 800px) {
      border-block-start: 0px;
      border-inline-start: 2px solid #000;
    }
  }
}

.wp-element-button.is-sold {
  background-color: #fff;
  border: 1px solid black;
  color: #000;
  cursor: auto;
  text-align: center;
}

.forminator-row {
  & .forminator-label {
    font-size: var(--wp--preset--font-size--medium);
  }
  & input,
  textarea {
    font-size: var(--wp--preset--font-size--medium);
    padding: 0.5rem 1rem;
    font-family: var(--wp--preset--font-family--houschka-pro);
    font-style: normal;
    font-weight: 300;
  }

  .forminator-button-submit {
    background-color: var(--wp--preset--color--black);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-width: 1px;
    border-top-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-left-width: 1px;
    border-left-style: solid;
    font-size: 24px;
    padding-top: var(--wp--preset--spacing--30);
    padding-right: 2rem;
    padding-bottom: var(--wp--preset--spacing--30);
    padding-left: 2rem;
    color: white;
    font-family: var(--wp--preset--font-family--houschka-pro);
    font-style: normal;
    font-weight: 300;

    &:hover {
      background-color: var(--wp--preset--color--white);
      border-top-color: var(--wp--preset--color--black);
      border-top-width: 1px;
      border-top-style: solid;
      border-right-color: var(--wp--preset--color--black);
      border-right-width: 1px;
      border-right-style: solid;
      border-bottom-color: var(--wp--preset--color--black);
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-left-color: var(--wp--preset--color--black);
      border-left-width: 1px;
      border-left-style: solid;
      color: var(--wp--preset--color--black);
      cursor: pointer;
    }
  }
}

.availability-buttons {
  & .wp-block-button + .wp-block-button {
    border-inline-start: 1px solid #000;
  }
}

.all-filter-button a {
  text-decoration: underline !important;
}

.show-only-available .available-filter-button a {
  text-decoration: underline !important;
}

.show-only-available .all-filter-button a {
  text-decoration: none !important;
}

.artwork-series-section {
  border-block-start: 1px solid black;

  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0;

  @media all and (min-width: 800px) {
    grid-template-columns: repeat(2, 1fr);

    & > *:nth-child(odd) {
      border-inline-end: 1px solid black;
    }
  }

  & > * {
    border-block-end: 1px solid black;
  }
}