@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("fonts/cormorant-garamond-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("fonts/cormorant-garamond-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/source-sans-3-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/source-sans-3-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.islamdinitz {
  --tz-paper: #f3f1e7;
  --tz-surface: #fffdf7;
  --tz-ink: #21332b;
  --tz-muted: #52645a;
  --tz-green: #194837;
  --tz-green-deep: #102f25;
  --tz-green-soft: #e6eee5;
  --tz-brass: #a17430;
  --tz-line: #dddccf;
  --tz-serif: "Cormorant Garamond", Georgia, serif;
  --tz-sans: "Source Sans 3", system-ui, sans-serif;
  --tz-gutter: clamp(18px, 4vw, 56px);
  background: var(--tz-paper);
  color: var(--tz-ink);
  font-family: var(--tz-sans);
}

body.islamdinitz.custom-background {
  background: var(--tz-paper);
}

.islamdinitz a {
  color: var(--tz-green);
}

.islamdinitz :is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--tz-brass);
  outline-offset: 3px;
}

.islamdinitz #header-full {
  background: var(--tz-green-deep);
  border: 0;
}

.islamdinitz #header,
.islamdinitz #main {
  max-width: 1440px;
}

.islamdinitz-masthead {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(16px, 2.4vw, 34px) var(--tz-gutter);
  background: linear-gradient(120deg, #102f25, #1b4636 78%, #254e3b);
  border-bottom: 1px solid #cfac6a66;
}

.islamdinitz-masthead::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: clamp(24px, 11vw, 172px);
  top: 20%;
  width: clamp(76px, 13vw, 184px);
  aspect-ratio: 1;
  border: 1px solid #e5c17d4d;
  border-radius: 50% 50% 0 0;
  box-shadow: 0 0 0 13px #e5c17d1c, 0 0 0 27px #e5c17d17, 0 0 0 40px #e5c17d12;
  pointer-events: none;
}

.islamdinitz-masthead-inner {
  position: relative;
}

.islamdinitz .islamdinitz-site-name {
  display: inline-block;
  margin: 0;
  color: #fff9e8;
  font: 700 clamp(2.3rem, 4.3vw, 4rem)/.98 var(--tz-serif);
  text-decoration: none;
  letter-spacing: -.025em;
}

.islamdinitz .islamdinitz-site-name:hover {
  color: #ffdfa0;
}

.islamdinitz .islamdinitz-tagline {
  margin: 6px 0 0;
  color: #e8cc95;
  font: 500 clamp(1rem, 1.8vw, 1.24rem)/1.3 var(--tz-sans);
  letter-spacing: .025em;
}

.islamdinitz #branding:not(:has(#header-container a, #bg_image, #header-widget-area)) {
  display: none;
}

.islamdinitz #branding:has(#site-title):not(:has(#bg_image, #header-widget-area)),
.islamdinitz #branding #site-title,
.islamdinitz #branding #site-description {
  display: none;
}

.islamdinitz #access {
  background: var(--tz-surface);
  border-bottom: 1px solid var(--tz-line);
  box-shadow: 0 3px 8px #102f2510;
  font-family: var(--tz-sans);
}

.islamdinitz #access > .menu {
  padding-inline: var(--tz-gutter);
  box-sizing: border-box;
}

.islamdinitz #access .menu li > a {
  color: var(--tz-green-deep);
  font: 600 .94rem/1.45 var(--tz-sans);
  background: transparent;
}

.islamdinitz #access .menu li > a > span {
  border-color: transparent;
  box-shadow: none;
  font-family: inherit;
  font-weight: inherit;
}

.islamdinitz #access .menu li > a:hover,
.islamdinitz #access .menu li > a:focus-visible,
.islamdinitz #access .menu li.current-menu-item > a,
.islamdinitz #access .menu li.current-menu-ancestor > a {
  background: var(--tz-green-soft);
  color: var(--tz-green-deep);
}

.islamdinitz #access .menu .sub-menu {
  background: var(--tz-surface);
  border: 1px solid var(--tz-line);
  box-shadow: 0 10px 28px #102f251c;
}

.islamdinitz #access .menu .sub-menu li,
.islamdinitz #access .menu .sub-menu li > a {
  background: var(--tz-surface);
  border-color: var(--tz-line);
}

.islamdinitz #access .menu .sub-menu li > a:hover,
.islamdinitz #access .menu .sub-menu li > a:focus-visible {
  background: var(--tz-green-soft);
}

.islamdinitz #access .searchform input[type="search"],
.islamdinitz .searchform input[type="search"] {
  border: 1px solid var(--tz-line);
  border-radius: 8px;
  background: var(--tz-paper);
  color: var(--tz-ink);
  font-family: var(--tz-sans);
}

.islamdinitz #nav-toggle {
  background: var(--tz-surface);
  color: var(--tz-green-deep);
  border-bottom: 1px solid var(--tz-line);
}

.islamdinitz #nav-toggle::after {
  content: attr(aria-label);
  margin-inline-start: 6px;
  font: 650 1rem var(--tz-sans);
}

.islamdinitz #main,
.islamdinitz #forbottom,
.islamdinitz #container {
  background: transparent;
}

.islamdinitz #forbottom {
  width: 100%;
  margin-inline: auto;
}

.islamdinitz #container {
  padding: clamp(20px, 4vw, 48px) var(--tz-gutter);
  box-sizing: border-box;
}

.islamdinitz #content {
  min-width: 0;
  color: var(--tz-ink);
  font: 400 1.125rem/1.75 var(--tz-sans);
  overflow-wrap: anywhere;
}

.islamdinitz #content :is(.entry-title, .page-title) {
  color: var(--tz-green-deep);
  font: 700 clamp(2.05rem, 3.3vw, 3.55rem)/1.06 var(--tz-serif);
  letter-spacing: -.015em;
  text-wrap: balance;
}

.islamdinitz #content :is(.entry-title, .page-title) a {
  color: inherit;
}

.islamdinitz #content :is(.entry-title, .page-title) a:hover {
  color: var(--tz-green);
  text-decoration: underline;
  text-underline-offset: .13em;
}

.islamdinitz #content .entry-content {
  color: var(--tz-ink);
  line-height: 1.75;
}

.islamdinitz #content .entry-content :is(h2, h3, h4) {
  color: var(--tz-green-deep);
  font-family: var(--tz-serif);
  font-weight: 700;
  line-height: 1.16;
}

.islamdinitz #content .entry-content blockquote {
  margin: 1.5em 0;
  padding: .85em 1.2em;
  border: 0;
  border-inline-start: 3px solid var(--tz-brass);
  border-radius: 0 10px 10px 0;
  background: var(--tz-green-soft);
  color: var(--tz-green-deep);
}

.islamdinitz #content .entry-content blockquote::before {
  display: none;
}

.islamdinitz #content .entry-content blockquote p:last-child {
  margin-bottom: 0;
}

.islamdinitz.single #content > .post,
.islamdinitz #content > :is(.post, .page):not(:has(.wpb-content-wrapper)) {
  box-sizing: border-box;
  background: var(--tz-surface);
  border: 1px solid var(--tz-line);
  border-radius: 14px;
  padding: clamp(18px, 3.65vw, 54px);
}

.islamdinitz.single #content > .post > :is(.entry-content, .entry-title, .entry-meta) {
  max-width: 40rem;
  margin-inline: auto;
}

.islamdinitz.single #content .entry-content {
  font: 400 clamp(1.0625rem, 1.4vw, 1.22rem)/1.75 var(--tz-sans);
}

.islamdinitz.single #content .entry-content p > a {
  text-decoration: underline;
  text-underline-offset: .16em;
}

.islamdinitz #content .entry-meta,
.islamdinitz #content .entry-meta a,
.islamdinitz .breadcrumbs {
  color: var(--tz-muted);
  font-family: var(--tz-sans);
}

.islamdinitz #content :is(img, video, iframe),
.islamdinitz .widget-area iframe {
  max-width: 100%;
}

.islamdinitz.home #main {
  margin-block-start: 0;
}

.islamdinitz.home #container {
  padding-block-start: clamp(18px, 2.5vw, 34px);
}

@media (width > 800px) {
  .islamdinitz.home #container.two-columns-right {
    --tz-sidebar-width: clamp(270px, 27%, 360px);
  }

  .islamdinitz.home #container.two-columns-right > #secondary {
    width: var(--tz-sidebar-width);
  }

  .islamdinitz.home #container.two-columns-right > #content {
    width: calc(100% - var(--tz-sidebar-width) - 30px);
  }
}

.islamdinitz.home #content iframe:is([src^="https://huzurradyo.de/"], [src^="https://www.huzurradyo.de/"], [src="https://ilmihal.net.tr"], [src^="https://ilmihal.net.tr/"]),
.islamdinitz.home .widget-area iframe[src^="https://namazvakti.uk/takvim.php"] {
  display: block;
  width: 100%;
  border: 0;
  border-radius: 12px;
  box-shadow: none !important; /* Existing embed sets a shadow inline. */
}

.islamdinitz.home #content iframe:is([src^="https://huzurradyo.de/"], [src^="https://www.huzurradyo.de/"]) {
  height: 530px;
}

.islamdinitz.home #content iframe:is([src="https://ilmihal.net.tr"], [src^="https://ilmihal.net.tr/"]) {
  height: 920px;
}

.islamdinitz .vc_grid-item .vc_grid-item-mini {
  background: var(--tz-surface);
  border: 1px solid var(--tz-line);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 3px 12px #102f250d;
}

/* WPBakery still controls which items are visible and how many columns fit. */
.islamdinitz.home .vc_pageable-slide-wrapper:has(> .vc_grid-item .continue-reading-link) {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.islamdinitz.home .vc_grid-item:has(.continue-reading-link) :is(.vc_grid-item-mini, .vc_gitem-animated-block, .vc_gitem-zone-c, .vc_gitem-zone-mini, .vc_gitem_row, .vc_gitem-col),
.islamdinitz.home .vc_grid-item .vc_gitem-zone-b:has(.continue-reading-link) {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.islamdinitz.home .vc_grid-item:has(.continue-reading-link) .vc_grid-item-mini {
  height: 100%;
  box-sizing: border-box;
}

.islamdinitz.home .vc_grid-item:has(.continue-reading-link) .vc_gitem-post-data-source-post_excerpt,
.islamdinitz.home .vc_gitem-post-data-source-post_excerpt > div:has(.continue-reading-link) {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.islamdinitz.home .vc_grid-item:has(.continue-reading-link) .continue-reading-button {
  margin-block-start: auto;
  padding-block-start: .65rem;
}

.islamdinitz .vc_grid-item .vc_gitem-zone-c {
  background: var(--tz-surface) !important;
}

/* Display the existing text panels below their images, including on touchscreens. */
.islamdinitz.home .vc_grid-item .vc_gitem-zone-b:has(.vc_gitem-post-data-source-post_title) {
  position: relative;
  inset: auto;
  min-height: 0;
  background: var(--tz-surface) !important;
  opacity: 1;
  visibility: visible;
  transform: none;
}

.islamdinitz.home .vc_gitem-zone-b:has(.vc_gitem-post-data-source-post_title)::before {
  content: none;
}

.islamdinitz.home .vc_gitem-zone-b:has(.vc_gitem-post-data-source-post_title) :is(.vc_gitem_row, .vc_gitem-col) {
  position: relative;
  inset: auto;
}

.islamdinitz.home .vc_gitem-zone-b:has(.vc_gitem-post-data-source-post_title) .vc_gitem-col {
  padding: clamp(12px, 1.4vw, 18px);
}

.islamdinitz.home .vc_gitem-zone-b:has(.continue-reading-link) > .vc-zone-link {
  display: none;
}

.islamdinitz .vc_grid-item .vc_gitem-post-data-source-post_title :is(h2, h3, h4, h5, h6) {
  color: var(--tz-green-deep);
  font: 700 clamp(1.28rem, 2vw, 1.72rem)/1.1 var(--tz-serif) !important;
  text-align: start !important;
}

.islamdinitz .vc_grid-item .vc_gitem-post-data-source-post_excerpt > div {
  color: var(--tz-muted);
  font: 400 .98rem/1.55 var(--tz-sans) !important;
  text-align: start !important;
}

.islamdinitz.home .vc_gitem-post-data-source-post_excerpt > div > p:first-child {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.islamdinitz .continue-reading-link {
  display: inline-block;
  padding: .34em .7em;
  border: 1px solid #adc4b4;
  border-radius: 6px;
  background: var(--tz-green-soft);
  color: var(--tz-green-deep);
  font: 650 .94rem/1.4 var(--tz-sans);
  text-decoration: none;
}

.islamdinitz .continue-reading-link:hover {
  background: var(--tz-green);
  color: white;
}

.islamdinitz .vc_grid-btn-load_more .vc_btn3 {
  border: 1px solid var(--tz-green);
  border-radius: 8px;
  background: var(--tz-green);
  color: white;
  font-family: var(--tz-sans);
}

.islamdinitz .vc_grid-btn-load_more .vc_btn3:hover {
  background: var(--tz-green-deep);
  color: white;
}

.islamdinitz .widget-area .widget-container {
  box-sizing: border-box;
  background: var(--tz-surface);
  border: 1px solid var(--tz-line);
  border-radius: 12px;
  padding: clamp(12px, 1.6vw, 22px);
  font: 400 1rem/1.42 var(--tz-sans);
  color: var(--tz-muted);
  overflow-wrap: anywhere;
}

.islamdinitz .widget-area :is(.widget-title, .wp-block-heading) {
  padding: 0 0 .4em;
  margin: 0 0 .5em;
  border-bottom: 1px solid var(--tz-line);
  background: none;
  color: var(--tz-green-deep);
  font: 700 1.65rem/1.1 var(--tz-serif);
}

.islamdinitz .widget-area .wp-block-search__button {
  width: auto;
  min-width: max-content;
  color: white;
  background: var(--tz-green);
  border: 0;
  border-radius: 6px;
}

.islamdinitz .widget-area .widget_recent_entries li + li {
  border-top: 1px solid var(--tz-line);
  padding-top: .5em;
  margin-top: .5em;
}

.islamdinitz .widget-area .post-date {
  display: block;
  color: var(--tz-muted);
  font-size: .83rem;
}

.islamdinitz #footer,
.islamdinitz #footer2 {
  background: var(--tz-green-deep);
  color: #eee5ce;
}

.islamdinitz #footer a {
  color: #e8cc95;
}

@media (max-width: 720px) {
  .islamdinitz #container[class*="column"] #content,
  .islamdinitz #container[class*="column"] .sidey {
    float: none;
    width: 100%;
    max-width: none;
    margin-inline: 0;
    box-sizing: border-box;
  }

  .islamdinitz #content {
    font-size: 1.05rem;
  }

  .islamdinitz.home #content iframe:is([src^="https://huzurradyo.de/"], [src^="https://www.huzurradyo.de/"]) {
    height: 720px;
  }

  .islamdinitz.home #content iframe:is([src="https://ilmihal.net.tr"], [src^="https://ilmihal.net.tr/"]) {
    height: 1000px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .islamdinitz #access a,
  .islamdinitz .continue-reading-link {
    transition: none;
  }
}