/*
 Theme Name:   Die TonCoolen
 Description:  Anpassungen für Die TonCoolen e. V. Hildesheim
                 - Header mit Logo
                 - Seiten-Navigation für die Chronik
                 - Polaroid-Stil für Bildergalerien als Ersatz für das
                    nicht mehr unterstützte Plugin Polaroid-Gallery
                 - Anpassungen für den geschützten Mitgliederbereich
                     - Download-Bereich
                     - interaktive Mitgliederliste
                     - Interaktivität für Termin-Teilnehmerliste
    Basiert jetzt auf dem Theme Kadence (@see https://www.kadencewp.com/kadence-theme/)
 Author:       Martin Koch
 Template:     kadence
 Version:      2.0.5
 Text Domain:  kadence-toncool
*/

/* grey noise around page */
body.page {
  background: url(images/background-noise.png) repeat scroll 0 0 transparent;
}
#wrapper {
  --inner-content-width: 720px;
  max-width: var(--global-content-width);
  margin: var(--global-lg-spacing) auto;
}

/* Header */
div .site-top-header-inner-wrap .site-header-item,
div .site-branding,
div .site-branding a {
  width: 100%;
}
div .site-branding a .site-title-wrap {
  margin-right: auto;
}
.custom-logo {
  top: 16px;
  position: relative;
}

/* content background color */
#wrapper main {
  background-color: var(--global-palette9);
}
/* spacing above primary content */
#primary.content-area .site-container {
  padding-top: var(--global-md-spacing);
}
/* restrict width of article content except full-width pages */
.content-width-normal article .entry-content-wrap {
  max-width: var(--inner-content-width);
  margin: 0 auto;
}
.content-width-fullwidth article .entry-content-wrap {
  margin: 0 2rem;
}
/* workaround for subsequent head-lines */
.single-content h3 + h3 {
  margin: 1.5em 0 .5em;
}

/* reduced padding above and below previous / next links */
div.entry-content-wrap nav {
  margin: var(--global-xs-spacing) auto;
}

/* adapt to narrow screens */
@media (max-width: 1140px) {
  #wrapper {
    margin: 0;
  }
}
@media (max-width: 767px) {
  div .site-container,
  div .site-top-header-wrap,
  div .site-main-header-wrap,
  div .site-bottom-header-wrap,
  div .site-footer-row-layout-contained {
    padding: 0;
  }
  div .site-header-row-container-inner {
    padding: 0 1.5rem;
  }
  .site-branding p.site-title {
    font-size: 2.4rem;
  }
  #primary.content-area .site-container {
    padding-top: 0;
  }
}
@media (max-width: 627px) {
  .custom-logo {
    top: 8px;
    transform: scale(80%)  translate(30px, -15px);
    margin-left: -3rem; /* allow site title to close up */
  }
  div .site-branding a.brand {
    flex-direction: row-reverse;
  }
  div.site-branding .site-title {
    font-size: 2rem;
  }
  .search-toggle-open-container .search-toggle-open .search-toggle-icon {
    color: var(--global-palette7);
  }
}
@media (max-width: 520px) {
  div.site-branding .site-title {
    font-size: 1.75rem;
  }
}

/* Images inside content */
div.entry-content .alignleft,
div.entry-content .aligncenter,
div.entry-content .alignright {
  margin-top: var(--global-sm-spacing);
  margin-bottom: var(--global-sm-spacing);
}

/* adapt formatting of search results */
.search-results #primary.content-area {
  margin: var(--global-lg-spacing) 0 0 0;
}
.search-results #primary.content-area .site-container,
.search-results .loop-entry .entry-content-wrap {
  margin: var(--global-xs-spacing) auto;
  padding: 0;
}
.entry-header.search-archive-title {
  padding: 0;
  max-width: var(--inner-content-width);
  margin: var(--global-sm-spacing) auto var(--global-xs-spacing) auto;
}
ul.kadence-posts-list {
  row-gap: 2px;
}
nav.pagination {
  max-width: var(--inner-content-width);
  margin: var(--global-sm-spacing) auto 0 auto;
}