/*
  Theme Name:   Eva Luna Lebenskunst
  Description: Das ist ein Child-Theme von Common (Autor: Automattic) angepasst an die Bedürfnisse von Eva Luna Lebenskunst (https://www.evalunalebenskunst.de) von Eva Thomas.
  Author:       Daten- und Medienservice Stefan Raese
  Author URI:   https://www.dms-sr.de
  Template:     common
  Version:      1.0
  Text Domain:  eva-luna-lebenskunst
  License: GNU General Public License version 2.0
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
    
  All files, unless otherwise stated, are released under the GNU General Public License
  version 2.0 (https://www.gnu.org/licenses/gpl-2.0.html)

  Angepasst durch Stefan Raese @ Daten- und Medienservice Stefan Raese (https://www.dms-sr.de)
*/

/* -------------------------------------------------------------------------------- */
/*  Define Google Fonts (local)
/* -------------------------------------------------------------------------------- */

/* Web Fonts - font-awesome-5-brands-400 */
@font-face {
  font-family: "Font Awesome 5 Brands Regular";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("fonts/fa-brands-400.eot"); /* IE9*/
  src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/fa-brands-400.woff2") format("woff2"),
    /* chrome、firefox */ url("fonts/fa-brands-400.woff") format("woff"),
    /* chrome、firefox */ url("fonts/fa-brands-400.ttf") format("truetype"),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("fonts/fa-brands-400.svg#fontawesome") format("svg"); /* iOS 4.1- */
}
/* Web Fonts - font-awesome-5-free-400 */
@font-face {
  font-family: "Font Awesome 5 Free Regular";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("fonts/fa-regular-400.eot"); /* IE9*/
  src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/fa-regular-400.woff2") format("woff2"),
    /* chrome、firefox */ url("fonts/fa-regular-400.woff") format("woff"),
    /* chrome、firefox */ url("fonts/fa-regular-400.ttf") format("truetype"),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("fonts/fa-regular-400.svg#fontawesome") format("svg"); /* iOS 4.1- */
}
/* Web Fonts - font-awesome-5-free-900 */
@font-face {
  font-family: "Font Awesome 5 Free Solid";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("fonts/fa-solid-900.eot"); /* IE9*/
  src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/fa-solid-900.woff2") format("woff2"),
    /* chrome、firefox */ url("fonts/fa-solid-900.woff") format("woff"),
    /* chrome、firefox */ url("fonts/fa-solid-900.ttf") format("truetype"),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("fonts/fa-solid-900.svg#fontawesome") format("svg"); /* iOS 4.1- */
}

/* -------------------------------------------------------------------------------- */
/*  0. CSS Reset
/* -------------------------------------------------------------------------------- */

/* @link https://utopia.fyi/type/calculator?c=320,14,1.2,1140,16,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l */
:root {
  --step--2: clamp(0.61rem, 0.59rem + 0.06vw, 0.64rem);
  --step--1: clamp(0.73rem, 0.7rem + 0.14vw, 0.8rem);
  --step-0: clamp(0.88rem, 0.83rem + 0.24vw, 1rem);
  --step-1: clamp(1.05rem, 0.97rem + 0.39vw, 1.25rem);
  --step-2: clamp(1.26rem, 1.14rem + 0.59vw, 1.56rem);
  --step-3: clamp(1.51rem, 1.34rem + 0.86vw, 1.95rem);
  --step-4: clamp(1.81rem, 1.57rem + 1.22vw, 2.44rem);
  --step-5: clamp(2.18rem, 1.84rem + 1.71vw, 3.05rem);
}

/* -------------------------------------------------------------------------------- */
/*  1. Document setup
/* -------------------------------------------------------------------------------- */

/* Link-Icons */
a:not([class^="linked-image"]):not([class^="dashicons"]):not([class^="dashicons-before"])[rel="nofollow noopener"]::before,
a:not([class^="linked-image"]):not([class^="dashicons"]):not([class^="dashicons-before"])[rel="noopener noreferrer"]::before {
  font-family: "Font Awesome 5 Free Solid";
  content: "\f35d";
  white-space: nowrap;
  margin-right: 5px;
}

a.mail-link::before,
a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free Regular";
  content: "\f0e0";
  white-space: nowrap;
  margin-right: 5px;
}

a.tel-link::before,
a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free Solid";
  content: "\f879";
  white-space: nowrap;
  margin-right: 5px;
}

a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free Regular";
  content: "\f1c1";
  white-space: nowrap;
  margin-right: 5px;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.mobile-only {
  display: none;
}

.desktop-only {
  display: block;
}

.circular-image-landscape {
  border-radius: 100%;
  width: auto;
  aspect-ratio: 1;
  object-fit: cover;
}

.circular-image-portrait {
  border-radius: 100%;
  height: auto;
  width: max-content;
  aspect-ratio: 1;
  object-fit: cover;
}

.image-wrapper {
  display: flex;
  align-items: stretch;
}

.image-wrapper img {
  contain-intrinsic-size: revert;
  margin-bottom: 0.5em !important;
  margin-right: 0.5em !important;
  padding: 0 !important;
}

.image-wrapper img:last-of-type {
  margin-right: 0 !important;
}

.auto-height {
  height: auto !important;
  object-fit: cover;
}

.ccm-settings-summoner {
  display: none !important;
}