/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* GENERAL TWEAKS*/
body .column-xtra-padding {
  padding: 1em;
  /* extra padding in a column to create soms space a post insert */
}

/* slot-oproep is a extra class to create a bottom block with no margin and a centered dive there in */
body .slot-oproep {
    margin-bottom: -2rem !important;
}

body .slot-oproep > div {
    position: relative;
    left: 50%;
    transform: translate(-50%, 10px);
}

body .slot-oproep h3:first-of-type {
    margin-top: 0;
}

blockquote {
    border-left: none;
}

.prose :where(strong):not(:where([class~="not-prose"] *)) {
    color: unset;
}


/* When upgrading to 6.4 font weight went balistic this is a temp. fix. */
@font-face {
    font-family: "KarloSerif";
    src: url('/wp-content/themes/frismedia-pax/resources/fonts/KarloSerifRegular.otf');
    font-weight: 200;
  }
  @font-face {
      font-family: "KarloSerif Bold";
      src: url('/wp-content/themes/frismedia-pax/resources/fonts/KarloSerifRegular.otf');
      font-weight: 300;
  }

.intro, body h1, body h2, body h3, h1, h2, h3 .prose h2, .prose h3, .btn, .prose .btn, .prose .wp-block-button__link {
    font-weight: 300;
}

.prose :where(h1,h2, h2,h4,h5,h6):not(:where([class~="not-prose"] *)) {
    font-weight: 300;
}

.font-serif {
    font-family: KarloSerif, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    font-weight: 300;
}

/* some small tweaks to the donate pages */
.single-donate .max-w-5xl {
    max-width: 74rem;
}

.single-donate main p {
    margin-bottom: 1rem;
}

.single-donate li {
    list-style-type: disc;
    margin-left: 1em;
}

@media (min-width: 782px) {
    .single-donate .md\:w-1\/3 {
        width: 45%;
    }

    .single-donate .md\:w-2\/3 {
        width: 55%;
    }
}
@media only screen and (max-width: 1279px) {
    header .header-container {
        display: flex;
        flex-direction: column;
    }
    header .logo {
        order:1;
    }
    header .menu {
        order:3;
    }
    header .search-menu {
        order: 2;
        justify-content: center;
        flex-direction: column-reverse;
    }
    header .search-menu a {
        margin: 1em;
    }
}