/**
 * 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;
}

.action_sharing {
    text-decoration:none;
    border:0;
    width:2em;
    height:2em;
    padding:.5em;
    margin:.2em;
    border-radius:50%;
    color:#ffffff !important;
    background-color:#e64f1a;
}

.wp-block-group.alignfull.medium-tekst * {
    max-width: calc(var(--wp--style--global--content-size) + 15em);
}

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 .donate_header_flex  {
    padding-bottom: 0;
}
.single-donate .donate_header {
    padding-bottom: 0;
    padding-left: 0em;
    margin-left: 0;
}
.single-donate .donate_content {
    margin-top: 0;
    padding-top: 0;
    align-items: self-start;
}
@media (max-width: 520px) {
    .donate_content > div {
        flex-direction: column-reverse;
    }
    .single-donate .donate_header {
        margin-left:auto;
        margin-left: auto;
        padding-right: 0;

    }
    .single-donate .donate_header_flex {
        padding-top:0;
    }
    .single-donate .donate_text {
        margin-top: 1em;
    }

    .single-donate .donate_text .wp-block-spacer {
        display: none;
    }
}

.single-donate .donate_text {
    align-self: self-start;
}
.single-donate .donate_form {
    align-self: flex-start;
    margin-top: .4em;
}
.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;
}

.single-donate .gform_wrapper.gravity-theme .gfield-choice-input:checked+label {
    background-color: #EBC328;
}

.single-donate .gform_wrapper.gravity-theme .gfield-choice-input+label {
    margin-bottom: 0;
    max-width: calc(100% - 32px);
    vertical-align: middle;
    display: block !important;
    position: relative;
    max-width: 100%;
    padding: .4em;
    font-size: 1.1em;
    border: 1px solid #3f3f3f;
    background-color: #fff;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

.single-donate .gform_wrapper.gravity-theme input[type=text] {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.single-donate .gform_wrapper.gravity-theme .gfield--type-total input[type=text] {
    box-shadow: none;
}

.single-donate .gform_wrapper.gravity-theme .gfield-choice-input+label {
    margin-bottom: 0;
    max-width: calc(100% - 32px);
    vertical-align: middle;
    display: block !important;
    position: relative;
    max-width: 100%;
    padding: .4em;
    font-size: 1.1em;
    border: 1px solid #3f3f3f;
    background-color: #fff;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
    }

.single-donate  .donate .gform_wrapper.gravity-theme input[type='button'], .single-donate  .donate .gform_wrapper.gravity-theme .gform_page_footer input[type='submit'] {
    width: 100%;
    font-size: 1.2em;
    font-weight: 600;
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
    }
.single-donate  .donate .gform_wrapper.gravity-theme .gform_page_footer input[type='submit'] {
    margin-left: 0px;
    }
.single-donate .donate .gform_wrapper.gravity-theme .gform_previous_button {
        font-weight: 300 !important;
        font-size: 1em !important;
    }
.single-donate  .donate .gform_wrapper.gravity-theme .gform_page_footer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    }
.single-donate  .donate .gform_wrapper.gravity-theme .gfield_checkbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.single-donate  .donate .gform_wrapper.gravity-theme .gfield_checkbox label {
    color:grey;
    font-size: .9em;
}

.single-donate .donate .gform_page .gchoice {
    padding:0;
    }
.single-donate .donate .gform_page .gchoice {
    padding:0;
    }
.single-donate .donate .gform_wrapper.gravity-theme .gfield input[type=radio],
.single-donate .donate .gform_wrapper.gravity-theme .gfield input[type=checkbox] {
    display:none;
    }
.single-donate .donate .gform_wrapper.gravity-theme .ginput_total {
    padding: 0 .3em;
    }
.single-donate .donate .gform_wrapper.gravity-theme .gfield--input-type-total {
    display:flex;
}


/* improve gravity forms disclaimer */
.gform_wrapper .disclaimer {
    font-size: .7rem;
}

body .gform_wrapper.gravity-theme .description, body .gform_wrapper.gravity-theme .gfield_description, body .gform_wrapper.gravity-theme .gsection_description, body .gform_wrapper.gravity-theme .instruction, body .gform_wrapper.gravity-theme .gfield_checkbox label, body .gform_wrapper.gravity-theme .gfield_radio label  {
    font-size: 1em;
}

.search_category {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: .4em;
    margin: 0;
    margin-right: -50%;
    background-color: #E64F1A;
    color: white;
}
@media (max-width: 520px) {
    .search_category {
        display:none;
    }

@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;
    }
}