/*
Theme Name: TouriMa 2025
Theme URI: https://www.loheland.living/
Description: A child theme for the Twenty Twenty-Five theme.
Author: Patrick Kolla-ten Venne
Author URI: https://www.loheland.living/
Template: twentytwentyfive
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive-tourima
*/

@font-face {
    font-family: 'Baumans';
    src: url('/style/fonts/baumans-v17-latin-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/style/fonts/Lato-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/style/fonts/Lato-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/style/fonts/Lato-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('/style/fonts/Lato-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
}


:root {
    --loheland-font-body: 'Lato';
    --loheland-font-heading: 'Baumans';
    --loheland-font-heading-1-size: '3.429em';
    --loheland-font-heading-1-weight: 500;
    --loheland-font-heading-2-size: '1.429em';
    --loheland-font-heading-2-weight: 500;
    --loheland-font-heading-3-size: '14px';
    --loheland-font-heading-3-weight: 500;

    --loheland-text: rgb(50, 50, 50);
    --loheland-siedlung: rgb(83, 107, 118);
    --loheland-blau: rgb(41, 128, 204);
    --loheland-schule: rgb(184, 58, 75);
    --loheland-kindergarten: rgb(230, 186, 168);
    --loheland-sozialassistenz: rgb(97, 75, 121);
    --loheland-wiesenhaus: rgb(197, 217, 122);
    --loheland-produktion: rgb(109, 79, 71);
    --loheland-laden: rgb(255, 236, 131);
    --loheland-archiv: rgb(106, 116, 120);
    --loheland-landwirtschaft: rgb(137, 142, 87);
    --loheland-ring: rgb(175, 196, 218);

    --loheland-logo-gelb: rgb(255, 151, 49);
    --loheland-logo-blau: rgb(50, 75, 144);
    --loheland-logo-hellgruen: rgb(99, 177, 60);
    --loheland-logo-gruen: rgb(0, 158, 78);
    --loheland-logo-braun: rgb(110, 77, 66);
    --loheland-logo-lila: rgb(167, 71, 137);
    --loheland-logo-rosa: rgb(234, 131, 174);
    --loheland-logo-rot: rgb(215, 51, 42);
    --loheland-logo-grau: rgb(90, 100, 102);

    --bulma-title-size: var(--loheland-font-heading-1-size);
    --bulma-content-heading-weight: 500;
}

body {
    font-family: var(--loheland-font-body);
    color: var(--loheland-text);
}

h1 {
    font-family: var(--loheland-font-heading);
    font-weight: 500 !important;
    font-size: 3.429em !important;
    color: var(--loheland-siedlung) !important;
}

h2 {
    font-family: var(--loheland-font-heading);
    font-weight: 500 !important;
    font-size: 1.429em !important;
}

h3 {
    font-family: var(--loheland-font-body);
    font-weight: 800 !important;
    font-size: var(--wp--preset--font-size--large) !important;
}

h4 {
    font-family: var(--loheland-font-body);
    font-weight: 800 !important;
    font-size: var(--wp--preset--font-size--large) !important;
}

@media print {
    .tourima-place {
      /*break-inside: avoid;
      page-break-inside: avoid;*/
      /* display: table; */
    }

    footer {
        display: none;
    }
    header {
        display: none;
    }
  }

  
.tourima-place {
    box-shadow: 0px 0px 3px var(--loheland-siedlung);
    padding: 0.5em;}

.tourima-content blockquote {
    /*
    border-left: 2px solid var(--loheland-text);
    padding-left: 1em;
    font-family: Georgia, serif;
    font-size: 18px;
    */
    font-style: italic;
    width: 500px;
    margin: 0.25em 0;
    padding: 0.35em 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
}

.tourima-content blockquote:before {
    display: block;
    padding-left: 10px;
    content: "\201C";
    font-size: 4em;
    position: absolute;
    left: -20px;
    /* top: -20px; */
    color: #7a7a7a;
}

.tourima-content blockquote:after {
    position: absolute;
    /* display: block; don't use this, it raised the quote too high from the bottom - defeated line-height? */
    float: right;
    font-size: 4em;
    line-height: 1;
    right: 0;
    bottom: -0.5em;
    content: "\201D";
}

.tourima-content blockquote cite {
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

.tourima-content blockquote cite:before {
    content: "\2014 \2009";
}

/*
.tourima-place {
    border-radius: 1rem;
    padding: 0rem 0rem 1rem 0rem;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    background-color: rgba(255, 255, 255, 0.75);   
}

.tourima-place h2 {
    padding: 0rem 1rem;
    margin-top: 0.5rem;
}

.tourima-place img:first-child {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    width: 100%;
}

.tourima-place .tourima-content {
    padding: 0rem 1rem;
    font-size: normal;
}
    */