/* 
Theme Name: Weinplaces Theme
Theme URI: https://github.com/elementor/hello-theme/
Description: Weinplaces theme is a child theme of Hello Elementor, created by Elementor team
Author: artaxo GmbH
Author URI: https://www.artaxo.com/
Template: hello-elementor
Version: 0.0.1
Text Domain: weinplaces-theme
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.wp-block-group__inner-container {
  padding: 19px 19px 19px 19px;
  border-style: solid;
  border-color: var(--e-global-color-primary);
  color: var(--e-global-color-primary);
}

.has-weinplaces-primary-color {
  color: var(--e-global-color-primary) !important;
}

.has-weinplaces-secondary-color,
.has-weinplaces-secondary-color * {
  color: #a3ceff !important;
}

.has-weinplaces-white-color,
.has-weinplaces-white-color * {
  color: #fff !important;
}

.has-weinplaces-black-color,
.has-weinplaces-black-color * {
  color: #000 !important;
}

.has-weinplaces-primary-background-color {
  background-color: var(--e-global-color-primary);
}

.has-weinplaces-secondary-background-color {
  background-color: #a3ceff;
}

.has-weinplaces-white-background-color {
  background-color: #fff;
}

.has-weinplaces-black-background-color {
  background-color: #000;
}

.wp-block-button .wp-block-button__link {
  border-radius: 8px 8px 8px 8px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px;
  margin-bottom: 1em;
}

.winepairing {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 2rem;
  margin-bottom: 1rem;
}

@media(max-width: 1152px) {
    .winepairing {
        display: flex;
        flex-direction: column;
    }

    .col__result {
        min-height: 500px
      }
}

.winepairing .headline {
  color: #5785A3;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: bold;
}

.winepairing .col {
  background: #dee2e8;
  padding: 1rem;
  display: grid;
  grid-template-rows: auto 1fr 1fr 1fr 1fr 1fr 1fr;
  border-radius: 8px;
}

.winepairing .col__food .group:hover {
  background-color: #5785A3;
  transition: 0.3s all;
  cursor: pointer;
}

.winepairing .col__food .group:hover p{
    color: #fff;
  }

.winepairing .col__result {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 70%;
  border-color: black;
  display: flex;
  flex-direction: column;
}

.winepairing .col__result img {
    margin-bottom: 1rem;
}

.winepairing .col__result .desc {
    color: #373736;
    font-size: 17px;
    font-style: inherit;
}

.winepairing .col__result .desc__title {
    text-transform: uppercase;
    color: #B6BAC2;
    font-style: bold;
    font-size: 24px;
    margin-bottom: 5px;
}

.winepairing .col__wine .headline {
    color: #8FADCF;
}

.winepairing .col__result .headline {
    color: #CED3DB;
    font-weight: bold;
}

.winepairing .group {
  background: #fff;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.winepairing .group.active {
    background: #8FADCF;
    color: #fff;
}

.winepairing .group.active p {
    color: #fff;
}

.winepairing .group p {
  line-height: 26px;
  padding: 0;
  margin: 0;
  color: #7e7e7e;
  font-size: 24px;
}

.winepairing .group p.tags {
  font-size: 17px;
  text-transform: uppercase;
}

.winepairing .col.passive {
  background: lightred;
}

#waterResult {
    margin: 0;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}