/*
Theme Name: FH Child Theme
Template: changedrive
*/

/*
body::before {
  content: "Die Menüpunkte werden gerade bearbeitet, der Rest ist fertig";
  background: red;
  width: 99%;
  display: block;
  text-align: center;
  font-family: sans-serif;
  padding: 10px;
}*/


:root {
  --text-color: #000;
}

/* BODY */
h1, h2, h3, h4, h5, h6, a {
    color: var(--text-color);
}

h3, h4, h5, h6 {
    font-family: var(--font-body);
}

.wp-block-separator {
  border-width: 5px;
}

.link-overlay:hover {
  opacity: 0;
}

/* MENU */

.site-header.boxed .menu-wrapper, .site-header.boxed .second-menu {
    justify-content: center;
}

.main-menu > .menu-item > a span {
  font-weight: 600;
}

/* XL */
@media (min-width: 1100px) {
  .menu-style-underlined .main-menu .menu-item > a {
    border-bottom-width: 3px;
    border-bottom-style: dotted;
  }
}

/* 0 - L */
@media (max-width: 1099px) {
    .menu-style-underlined .main-menu .menu-item > a span {
    border-bottom-width: 3px;
    border-bottom-style: dotted;
  }
}

/* FOOTER */

footer .footer-menu-bar {
  padding: 15px 0;
}

/* FORM */

/* S - XL */
@media (min-width: 599px) {

  form .two-row {
    display: flex;
    gap: 15px;
  }
}

/* CUSTOM CLASSES */

/* Link Teaser */

.teaser {
  display: flex;
  gap: 5px;
  align-items: center;
  transform-origin: 70px;
}

.teaser:hover  {
  transform: scale(98%);
}

.teaser :where(figure) {
  margin: 0 10px 0 0;
}

.teaser p {
  margin: 0;
}

.border {
  border: 3px dotted var(--text-color);
}


/* Blog Teaser */

.blog-teaser .blog-item.post {
  transform: rotate(4deg);
  max-width: 350px;
  padding: 40px 30px 30px;
  border: 3px dotted var(--text-color);
}

.blog-teaser .blog-item.post:hover {
  transform: rotate(4deg) scale(99%);
}

.blog-teaser .blog-item.post::before, .blog-teaser .blog-item.post::after {
  position: absolute;
  top: -13px;
  width: 100%;
  text-align: center;
  left: 0;
  letter-spacing: 2px;
  font-weight: bold;
}

.blog-teaser .blog-item.post::before {
  content: "-LETZTER BEITRAG-";
  text-decoration-color: #fff;
  text-decoration-line: line-through;
  text-decoration-style: solid;
  text-decoration-thickness: 25px;
}

.blog-teaser .blog-item.post::after {
  color: var(--c1-120);
  content: "LETZTER BEITRAG";
}


/* Facebook Link */

.facebook-link a {
  background-color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  display: block;
  color: var(--c1-130);
  font-family: sans-serif;
  font-weight: bold;
  line-height: 1.2;
  font-size: 23px;
}

/* Load Chesna font */
@font-face {
  font-family: 'Chesna';
  src: url('/wp-content/themes/ferienheim-concordia/assets/fonts/custom/ChesnaGrotesk-Bold.otf');
}

/* Sup tags with Chesna font */
sup {
  font-family: 'Chesna', sans-serif;
  font-size: inherit;
  vertical-align: inherit;
  color: var(--c1-120);
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* 0 - S */
@media (max-width: 599px) {
  .teaser {
    flex-direction: column;
    text-align: center;
  }
}

/* POST AND BLOG */

.blog .thumbnail:not(:hover) {
  filter: saturate(0%) brightness(80%) contrast(300%);
}

.template-sidebar-left .content, .template-sidebar-right .content {
 margin-top: 20px;
}

.blog .post-title {
  line-height: 1.2;
  margin: 0 0 0.5em;
}

.blog:not(.blog-teaser) .blog-item {
  border-top: 3px dotted var(--text-color);
  padding-top: 30px; 
}

/* S - XL */
@media (min-width: 599px) {
    .post-title, .page-title {
    hyphens: none;
  }
}


/* PLUGINS */

/* Contact Form 7 */

.wpcf7-not-valid-tip {
  color: #ffa700;
}