/*
 * Theme Name:  Schematic Child
 * Theme URI:   https://codesupply.co/themes/schematic/
 * Description: Schematic Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    schematic
 * Version:     1.0.0
 */

/* General styles */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: white; /* No background image */
}

body {
  margin: 0;
  padding: 40px;
  min-height: 400vh;
  --cell-size: 20px; /* Fallback value */
  background-color: white;
  background-image:
    linear-gradient(to right, #efefef 1px, transparent 1px),
    linear-gradient(to bottom, #efefef 1px, transparent 1px);
  background-size: var(--cell-size) var(--cell-size);
  background-attachment: fixed; /* Optional: stays fixed while scrolling */
}

/* TYPOGRAPHY */
h1 {
  font-size: 6rem; /* Or responsive e.g., clamp() */
  line-height: 0.6 !important;
  margin: 0;
  padding-top: 0;
  font-family: 'DesignInternationalDouble', sans-serif !important;
  letter-spacing: 0 !important;
}


/*---- Custom Title Prefix ---- */
.custom-title-prefix {
  font-size: 2em !important;
  line-height: 1 !important;
  margin: 0;
  padding-top: 0;
  font-family: 'DesignInternationalDouble', sans-serif !important;
  letter-spacing: 0;
}

/* Startseite / Übersichtenseiten - kleinere Version */
.cs-entry__title .custom-title-prefix {
  font-size: 0.8em !important;
  line-height: 1 !important;
  display: block !important;
  margin-bottom: -0.5em !important;
}

/* Single Post Seite - große Version */
.cs-entry__header .custom-title-prefix {
  font-size: 1.3em !important;
  line-height: 1 !important;
  margin-bottom: 0 !important;
}

/* Latest Posts Block */
.wp-block-latest-posts__post-title .custom-title-prefix {
  display: none;
}

/* ---- Original-Title-Stil ---- */
.custom-title-original {
  font-family: Helvetica, sans-serif;
  font-size: 1em !important;
  letter-spacing: -0.04em;
  line-height: 0.9em !important;
  color: #333 !important;
  font-weight: bold !important;
  display: block !important;
  margin: 0;
  padding: 0;
}

/* Startseite / Übersichtenseiten - kleinere Version */
.cs-entry__title .custom-title-original {
  font-size: 0.8em !important;
  letter-spacing: -0.04em !important;
}

/* Single Post Seite - große Version */
.cs-entry__header .custom-title-original {
  font-size: 1em !important;
  line-height: 0.9em!important;
  letter-spacing: -0.04em !important;
}

/* ============================================
   TABLET (768px - 1024px)
   ============================================ */
@media (max-width: 1024px) {
  .custom-title-prefix {
    font-size: 1.5em !important;
  }

  .cs-entry__title .custom-title-prefix {
    font-size: 0.6em !important;
  }

  .cs-entry__header .custom-title-prefix {
    font-size: 1.5em !important;
  }

  .custom-title-original {
    font-size: 0.7em !important;
  }

  .cs-entry__title .custom-title-original {
    font-size: 0.56em !important;
  }

  .cs-entry__header .custom-title-original {
    font-size: 0.7em !important;
  }
}

/* ============================================
   MOBILE (unter 768px)
   ============================================ */
@media (max-width: 768px) {
  .custom-title-prefix {
    font-size: 0.6em !important;
  }

  .cs-entry__title .custom-title-prefix {
    font-size: 0.4em !important;
  }

  .cs-entry__header .custom-title-prefix {
    font-size: 0.6em !important;
  }

  .custom-title-original {
    font-size: 0.3em !important;
  }

  .cs-entry__title .custom-title-original {
    font-size: 0.24em !important;
  }

  .cs-entry__header .custom-title-original {
    font-size: 0.3em !important;
  }
}
/* Beitrag Auszug / Beschreibung */

.cs-entry__excerpt {
	
	font-size: 1.5em !important;
line-height: 1 !important;
}


/* Header and Footer */
header {
  background-color: rgba(255, 255, 255, 0.9);
}

footer {
  height: 100px;
  background-color: rgba(255, 255, 255, 0.9);
}

/* Main content */
main {
  min-height: 150vh;
  padding: 20px;
}


/* Share Buttons */

.pk-share-buttons-wrap {
	display: none;
}

/* Titles */

.cs-page__title {
	
	padding-top: 20px;
	padding-bottom: 20px;
}



.cs-entry__title {
	font-size: 6rem !important;
	font-family: 'DesignInternationalDouble', sans-serif !important;
}

.entry-title::after {
  content: '\A';
  white-space: pre;
}

/* Font face */
@font-face {
  font-family: 'DesignInternationalDouble';
  src: url('https://www.design-international.net/wp-content/uploads/2025/07/DesignInternational-Double.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


.cs-header__logo img {
	
	min-height: 60px !important;
	blend-mode: multiply;
}


/* Hidden elements */



.cs-icon-more-vertical, .cs-header__scheme-toggle, .cs-site-scheme-toggle {
	
	display:none
}




    @media (max-width: 575px) {
        .cnvs-block-posts-1758198274371 .cs-posts-area__main {
            --cs-posts-area-grid-row-gap: 40px !important;
        }
    }

    .cnvs-block-posts-1758198274371 .cs-posts-area__main .cs-entry__thumbnail {
        --cs-posts-area-grid-content-gap: 20px !important;
    }
	
	
}