/*////////////*/
/* TYPOGRAPHY */
/*////////////*/

@font-face {
    font-family: 'Futura';
    font-weight: normal;
    src: url("../fonts/FuturaBC.ttf");
}
@font-face {
    font-family: 'Futura';
    font-weight: bold;
    src: url("../fonts/FuturaXBC.ttf");
}

@font-face {
    font-family: 'Barlow';
    font-weight: normal;
    src: url("../fonts/Barlow/Barlow-Regular.ttf");
}

@font-face {
    font-family: 'Barlow';
    font-weight: bold;
    src: url("../fonts/Barlow/Barlow-Bold.ttf");
}

@font-face {
    font-family: 'Barlow';
    font-weight: normal;
    font-style: oblique;
    src: url("../fonts/Barlow/Barlow-Italic.ttf");
}

@font-face {
    font-family: 'Barlow';
    font-weight: bold;
    font-style: oblique;
    src: url("../fonts/Barlow/Barlow-BoldItalic.ttf");
}

@font-face {
    font-family: 'Barlow_Condensed';
    font-weight: normal;
    src: url("../fonts/Barlow_Condensed/BarlowCondensed-Regular.ttf");
}

@font-face {
    font-family: 'Barlow_Condensed';
    font-weight: bold;
    src: url("../fonts/Barlow_Condensed/BarlowCondensed-Bold.ttf");
}

@font-face {
    font-family: 'Barlow_Condensed';
    font-weight: normal;
    font-style: oblique;
    src: url("../fonts/Barlow_Condensed/BarlowCondensed-Italic.ttf");
}

@font-face {
    font-family: 'Barlow_Condensed';
    font-weight: bold;
    font-style: oblique;
    src: url("../fonts/Barlow_Condensed/BarlowCondensed-BoldItalic.ttf");
}

@font-face {
    font-family: 'Passion_One';
    font-weight: normal;
    src: url("../fonts/passion_one/PassionOne-Regular.ttf");
}

@font-face {
    font-family: 'Passion_One';
    font-weight: bold;
    src: url("../fonts/passion_one/PassionOne-Bold.ttf");
}









/*////////////////*/
/* GENERAL LAYOUT */
/*////////////////*/

html {
    box-sizing: border-box;
    font-weight: normal;
    scroll-behavior: smooth;
    scroll-padding-top: 4rem;
}

@media screen and (max-width: 850px) {
    html {
        scroll-padding-top: calc(4rem + 80px);
    }
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    padding-top: 0px !important;
    font-family: 'Barlow', sans-serif;
    font-size: 1.3rem;
    background-color: #eee;
    overflow-x: hidden;
}

header::after {
    content: "";
    clear: both;
    display: table;
}

#header-top {
    display: none;
}

#site-header .outer-wrapper {
    max-width: 1290px;
    margin: auto;
    padding: 0 15px;
    width: 90%;
    /* overflow: auto; */
}

#block-logo {
    position: absolute;
    left: 32px;
    top: 41px;
    z-index: 99;
}

#site-header {
    display: block;
}

h1, h2 {
    font-family: Passion_One;
}
h3, h4 {
    font-family: Barlow_Condensed;
}



h1 {
    font-size: 4rem;
    line-height: 100%;
    font-weight: normal;
}

h2 {
    font-size: 3rem;
    font-weight: normal;
}

h3 {
    font-size: 2.5rem;
    font-weight: bold;
    text-transform: uppercase;
}

h4 {
    font-size: 2.5rem;
    font-weight: bold;
}

h1 a, h2 a, h3 a, h4 a {
    text-decoration: none;
}

section#content {
    max-width: 1920px;
    margin: auto;
    padding-bottom: 7em;
    /* overflow: auto; */
}

@media screen and (max-width: 850px) {
    h1, h2, h3, .field--name-title  {
        hyphens: auto;
    }
    h1 {
        font-size: 10vw;
        line-height: 100%;
    }
    h2, .field--name-title, .field--name-field-inleiding h2, .views-field-title {
        font-size: 8vw;
    }
    h3, h4, .field--name-field-inleiding h3 {
        font-size: 1.5rem;
    }
}

/* ATTEMPT AT NICE LINKS, but breaks because too many things are links. To be fixed.
.text-formatted > p a {
    color: inherit;
    font-weight: bold;
    text-decoration: none;
    background-color: rgba(150,150,150,0.3);
    padding: 0.1em 0.5em 0.3em;
    border-radius: 1em;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    outline: 0.2em solid #00c47c;
    transition: background 0.2s, border 0.4s;

}
.text-formatted > p a:hover {
    background-color: rgba(150,150,150,0.5);
    outline: 0.2em solid white;
}
*/








/*/////////////*/
/* PAGE TITLES */
/*/////////////*/

#block-vredesactie-page-title {
    position: absolute;
    z-index: 40;
    width: 75vw;
    max-height: 20vh;
    height: 100%;
    top: 5rem;
    left: 10vw;
 }

#block-vredesactie-page-title h1 {
    margin: 0 1rem 0 1rem;
    padding: 0.1em 0.2em 0.1em;
    font-family: 'Passion_One', sans-serif;
    font-size: 2.5rem;
    line-height: 1.6em;
    box-shadow: 10px 0 0 #00c47c, -10px 0 0 #00c47c;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    color: #f7f6f2;
    background: #00c47c;
    font-weight: normal;
    display: inline;
}

@media screen and (max-width: 850px) {
    #block-vredesactie-page-title {
        top: calc(1rem + 80px);
        left: 1rem;
        width: 90vw;
        max-height: 29vh;
        overflow: hidden;
    }
    #block-vredesactie-page-title h1 {
        bottom: 0;
        display: inline;
        font-size: 9vw;
        line-height: 1.1em;
        margin: 1rem 0 0 1rem;
        padding: 0.1em 0.1em 0;

    }
}
@media screen and (min-width: 1100px) {
    #block-vredesactie-page-title h1 {
        font-size: 3.5vw;
        line-height: 1.5em;
    }
}







/* INPUT ELEMENTS */
input::-webkit-input-placeholder,
input:-moz-placeholder {
    color: grey;
}

input[type=text],
input[type=email],
select {
    border-radius: 0;
    border: 3px solid white;
    padding: 0.6rem;
    background: #00c47c;
    height: 65px;
    width: 100%;
}

.form-checkboxes {
    margin: 1rem 0;
}
.form-checkboxes .form-type-checkbox, .form-radios .form-type-radio,
fieldset.webform-composite-hidden-title {
    margin: 0;
}
.webform-ajax-form-wrapper[data-effect="slide"] .form-actions {
    margin: 0;
    padding: 0;
}

.webform-submission-form {
    display: flex;
    flex-direction: column;
    margin: 0;
    gap: 1rem;
}

.webform-flexbox {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

.webform-flexbox .webform-flex {
    min-width: 8rem;
}







/* modal overlays */
.ui-widget {
    font-family: 'Barlow', serif;
}

.alert-warning {
    display: block;
/*    border-radius: 0.5rem;*/
    margin: 0.5rem 0 !important;
    padding: 0.5rem !important; 
    border: 2px solid darkred;
    background-color: #ff2200;
    color: white;
}

.ui-dialog-title {
    font-family: 'Passion_One', sans-serif;
    font-weight: normal;
    color: #00c47c;
    font-size: 1.2em;
    letter-spacing: 6px;
}

.modal-page-content {
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    border: none;
}
.modal-page-content .modal-header {
    background-color: #00c47c;
    margin-left: -3rem;
    margin-right: 3rem;
}
.modal-page-content .modal-header .modal-title {
    font-family: Passion_One;
    color: white;
    font-size: 3rem;
    font-weight: normal;
}
.modal-page-content .modal-body,
.modal-page-content .modal-footer {
    background-color: white;
}
.modal-page-content .btn-default {
    background-color: #00c47c;
    font-family: Barlow_Condensed;
    font-weight: bold;
    color: white;
    font-size: 1.5rem;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
}
.modal-page-content .btn-default:hover {
    background-color: #27da98;
}

@media screen and (max-width: 850px) {
    .modal-page-content .modal-header {
        background-color: #00c47c;
        margin: 0;
    }
    .modal-page-content .modal-header .modal-title {
        font-size: 2rem;
    }
}

}

/* HEADER*/

#header-top {
    background: gainsboro;
}

/* /HEADER*/









/*/////////*/
/* BUTTONS */
/*/////////*/

.button a,
a.button,
.field--name-field-buttons a,
.field--name-field-button a,
.webform-button--submit,
.article_context a.button,
.crm-submit-buttons a,
.views-field-field-button a,
input[type=submit],
.more-link a,
.node-readmore a {
    display: inline-block;
    margin: 0;
    background: #00c47c;
    color: white;
    border: 0.2rem solid white;
    text-decoration: none;
    padding: 0.5rem 0.7rem;
    text-transform: uppercase;
    font-family: Barlow_Condensed, sans-serif;
    font-weight: bold;
    font-size: 1.5rem;
    transition: background-color 0.2s, color 0.2s, border 0.6s;
}

.button a:hover,
a.button:hover,
.field--name-field-buttons a:hover,
.webform-button--submit:hover,
.article_context a.button:hover,
.crm-submit-buttons a:hover,
.views-field-field-button a:hover,
input[type=submit]:hover,
.more-link a:hover,
.node-readmore a:hover {
    background-color: white;
    color: #00c47c;
    border: 0.2rem solid #00c47c;
}
.field--name-field-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
}








/*///////////*/
/* MAIN MENU */
/*///////////*/

/* #site-header {
    padding-top: 1em;
    padding-bottom: 2em;
}

#site-header {
    background: white;
}
*/

#block-zijmenu {
    float: right;
    height: 100%;
    background: white;
}

#block-zijmenu .field--name-body {
    position: relative;
    height: 100%;
}

#block-vredesactie-main-menu ul.menu {
    padding: 0 9vw 0 9vw;
    width: 100%;
}

#block-vredesactie-main-menu ul.menu li {
    float: left;
    clear: both;
    width: 100%;
    margin-right: 2em;
}

#block-vredesactie-main-menu ul.menu li a {
    font-size: 2.4vw;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Barlow', sans-serif;
    font-weight: bold;
    color: #1d1d1b;
    line-height: 1em;
}

#block-vredesactie-main-menu ul.menu li a.mobile-only {
    display: none;
}

#block-vredesactie-main-menu ul.menu li.yellow a {
    display: inline-block;
    padding: 0.7rem;
    margin-left: -0.7rem;
    background-color: #27da98;
}
#breadcrumb {
    clear: both;
}

.status-messages {
    clear: both;
    padding-top: 2em;
}

#block-vredesactie-main-menu ul.menu li a:hover,
#block-vredesactie-main-menu ul.menu li a.active {
    color: #00c47c;
}

#block-vredesactie-main-menu {
    float: left;
    padding-top: 30%;
    width: 0;
}

.menu-buttons-top img,
.menu-buttons-bottom img {
    display: block;
    margin: auto;
    cursor: pointer;
    max-width: 80px;
    object-fit: cover;
    object-position: center;
}

.menu-buttons-bottom img {
    margin-top: 1em;
}

.menu-buttons-bottom {
    position: absolute;
    bottom: 2em;
    right: 34%;
}



/* /MAIN MENU */










/*////////////////////*/
/* FRONT PAGE CONTENT */
/*////////////////////*/


body.path-frontpage .field--name-field-titel {
    display: inline-block;
    box-shadow: 10px 0 0 #00c47c, -1rem 0 0 #00c47c;
    margin: 0 1rem;
    padding: 0.1em 0.2em 0.1em;
    font-size: 2.5rem;
    line-height: 1.6em;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    color: #f7f6f2;
    background: #00c47c;
    font-weight: normal;
    display: inline;    
}    


/* FRONTPAGE FLEXBOX */

.frontpage-flexbox {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 2rem;
    width: 100%;
    padding: 0;
    align-items: flex-start;
}

.frontpage-flexbox > li {
    background-color: white;
    color: #3a3a3a;
    max-width: min(1000px 30vw);
    display: flex;
    gap: 1rem;
    flex-direction: column;
    flex-basis: 30%;
    flex-grow: 1;
    align-items: flex-start;
    max-width: 1000px;
/*    box-shadow: 0.5rem 0.5rem 1rem rgba(0,0,0,0.2);*/
/*    border-radius: 2rem;*/
    overflow: hidden;
}

.frontpage-flexbox div,
.frontpage-flexbox p,
.frontpage-flexbox h1,
.frontpage-flexbox h2,
.frontpage-flexbox h3,
.frontpage-flexbox h4 {
    padding: 0;
    margin: 0;
    max-width: 100%;
    color: unset;
}

.frontpage-flexbox .media--type-image {
    max-width: 100%;
}

.frontpage-flexbox > li:first-child {
    flex-basis: 50%;
}

@media screen and (max-width: 1100px) {
    .frontpage-flexbox > li {
        flex-basis: 35%;
        max-width: 45vw;
    }
}

@media screen and (max-width: 850px) {
    .frontpage-flexbox > li {
        flex-basis: 100%;
        max-width: 100%;
    }
    .frontpage-flexbox li .views-field-title {
        hyphens: auto;
        font-size: 8vw;
    }
}

/* wrapper div for grouping text fields in a view */
.frontpage-flexbox .views-field-nothing {
    padding: 0 1rem 1rem 1rem;
    width: 100%;
}

.frontpage-flexbox li .views-field-title {
    font-family: Passion_One;
    font-size: 3rem;
    line-height: 100%;
}

.frontpage-flexbox li .views-field-title > span > a {
    color: #3a3a3a;
    text-decoration: none;
}

.frontpage-flexbox li > div.views-field-field-tags {
    align-self: flex-start;
    margin-top: 0.7rem;
    display: block;
}

.frontpage-flexbox .views-field-field-inleiding {
    margin-top: 0.6rem;
}


/* BUTTONS in flexbox */
.frontpage-flexbox .button a,
.frontpage-flexbox .field--name-field-button a,
.frontpage-flexbox .webform-button--submit,
.frontpage-flexbox .views-field-field-button a {
    float: right;
    padding: 1rem;
    margin: 1.5rem 0 0 0;
/*    border-bottom-right-radius: 1rem;*/
}

/* TEXT in flexbox */
.frontpage-flexbox .flexbox-textwrapper {

}









/*///////*/
/* MEDIA */
/*///////*/

.media--type-image.media .field--name-field-copyright-info {
    display: inline-block;
    font-family: Barlow_Condensed;
    font-weight: normal;
    font-size: 1rem;
    text-transform: uppercase;
    z-index: 2;
    padding: 0.2rem 1rem;
    margin: 0;
    float: right;
/*    position: relative;
    top: -1.95rem;
    background-color: rgba(255,255,255,0.8);
*/
}
.media--type-image.media .field--name-field-copyright-info p {
    margin: 0;
}

.field--name-field-image img,
.field--name-field-media-image img,
.views-field-field-image img,
.image-style-afbeelding-freeform-fill {
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.media--type-image.media--view-mode-max-600-x-600 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.media--view-mode-banner-blur-2000-x-700 .field--name-field-media-image img,
.media--view-mode-letterbox-2000-x-500 .field--name-field-media-image img {
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}
.media--view-mode-horizontaal-gemiddeld-1000-x-500 {
    max-width: min(1000px, 59vw);
}
.media--view-mode-max-300x300 {
    max-width: 300px;
}
.media--view-mode-max-650-x-650 {
    max-width: min(650px, 59vw);
}
.media--view-mode-max-1600-x-1600 {
    max-width: min(1600px, 59vw);
}
.media--view-mode-max-2600-x-2600 {
    max-width: 2600px;
}
.media--view-mode-vierkant-1000-x-1000 {
    max-width: min(1000px, 59vw);
}
.media--view-mode-vierkant-gemiddeld-500-x-500 {
    max-width: min(500px, 59vw);
}





/*///////////////*/
/* CONTENT TYPES */
/*///////////////*/

/* ARTICLE */

@media screen and (max-width: 850px) {
    body.page-civicrm 
    body.page-node-type-longread .field--name-field-afbeelding .media--view-mode-banner-blur-2000-x-700 img,
    body.page-node-type-article .field--name-field-afbeelding .media--view-mode-banner-blur-2000-x-700 img,
    body.page-node-type-pagina .field--name-field-afbeelding .media--view-mode-banner-blur-2000-x-700 img,
    body.page-node-type-article .field--name-field-image img,
    .va-spacer {
        min-height: 50vh;
    }
    body.page-node-type-pagina {
        max-width: 100vw;
        overflow-x: hidden;
    }
}

/* ARTICLE: CONTEXT */
.article_context {
    float: left;
    position: relative;
    background-color: #00c47c;
    color: white;
    width: 100%;
    max-width: 25rem;
    padding: 2rem;
    margin: 2rem 2rem 2rem 0;
}
.article_context h1, .article_context h2, .article_context h3, .article_context p {
    margin: 0 0 1rem 0;
    max-width: 100%;
}
@media screen and (max-width: 850px) {
    .article_context h2 {
        hyphens: auto;
        font-size: 3rem;
    }
}





/* CONTENT TYPE: DOSSIERPAGINA */
body.page-node-type-longread {
    background-color: #aaa;
}
.page-node-type-longread .va-spacer {
    margin-bottom: 0;
}
.page-node-type-longread #block-vredesactie-hoofdnavigatie ul.menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: calc(100vw - 80px);
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 calc(-50vw + 40px) 0;
    clear: both;
    padding: 0;
    background-color: #333;
}
.page-node-type-longread #block-vredesactie-hoofdnavigatie ul.menu > li.menu-item {
    font-family: Barlow_Condensed;
    background-color: #333;
}
.page-node-type-longread #block-vredesactie-hoofdnavigatie ul.menu > li.menu-item:hover {
    background-color: #444;
}
.page-node-type-longread #block-vredesactie-hoofdnavigatie ul.menu > li.menu-item a {
    display: block;
    padding: 1rem 2rem;
    font-size: 1.5rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #eee;
}
.page-node-type-longread #block-vredesactie-hoofdnavigatie ul.menu > li.menu-item--active-trail,
.page-node-type-longread #block-vredesactie-hoofdnavigatie ul.menu > li.menu-item--active-trail:hover {
    font-weight: bold;
    background-color: #00c47c;
    color: #fff;
}

.page-node-type-longread .field--name-field-inleiding {
    width: calc(100vw - 80px);
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 calc(-50vw + 40px) 6rem;
    clear: both;
    background: white;
    padding: 3rem;
}
.page-node-type-longread .field--name-field-inleiding p {
    max-width: 59vw;
    font-size: 1.2em;
}
.page-node-type-longread .paragraph--type--body-text {
    background-color: white;
    margin: 0 25% 3rem 10%;
    padding: 3rem 3rem 6rem;
    min-width: 700px;
    width: 65%;
    max-width: 1100px;
    background-color: #fff;
    line-height: 150%;
    font-size: 1.3rem;
}
.page-node-type-longread .paragraph--type--body-text p {
    margin-left: 20%;
}
.page-node-type-longread .paragraph--type--body-text h1,
.page-node-type-longread .paragraph--type--body-text h2,
.page-node-type-longread .paragraph--type--body-text h3 {
    line-height: 0.9em;
}
.page-node-type-longread .paragraph--type--body-text .section-table {
    display: flex;
    padding-bottom: 0;
    flex-direction: row;
}
.page-node-type-longread .stemgedrag tr svg {
    height: 1.5rem;
    width: 1.5rem;
}
.page-node-type-longread .stemgedrag tr:nth-child(odd), .stemgedrag tr:last-child {
    background-color: #eee;
}

.page-node-type-longread .paragraph--type--afbeelding-volledige-breedte .field--name-field-afbeelding {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0;
    top: -6rem;
    margin-bottom: -9rem;
    z-index: -1;
}
.page-node-type-longread .paragraph--type--afbeelding-beperkte-breedte {
    margin: 0 25% 3rem 10%;
    padding: 0;
    min-width: 700px;
    width: 65%;
    max-width: 1100px;
    top: -3rem;
    margin-bottom: -3rem;
    z-index: -1;
}
.page-node-type-longread .paragraph--type--afbeelding-beperkte-breedte .field--name-field-afbeelding {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0;
}
.page-node-type-longread .paragraph--type--afbeelding-volledige-breedte img, .paragraph--type--afbeelding-beperkte-breedte img {
    position: relative;
    object-fit: cover;
    object-position: 50% 50%;
}
.page-node-type-longread .paragraph--type--body-text.kader {
    background-color: #3a3a3a;
    font-size: 1rem;
    color: #ccc;
}
.page-node-type-longread .paragraph--type--body-text.kader li {
    margin-bottom: 0.5rem;
}

.page-node-type-longread .paragraph--type--body-text.kader a {
    color: #fff;
    text-decoration: none;
    font-family: Barlow_Condensed;
    text-transform: lowercase;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 850px) {
    .page-node-type-longread #block-vredesactie-hoofdnavigatie ul.menu {
        flex-direction: column;
        width: 100vw;
        margin: 0 -50vw 0 -50vw;
    }
    .page-node-type-longread .paragraph--type--body-text,
    .page-node-type-longread .paragraph--type--body-text p {
        min-width: unset;
        width: 100%;
        margin-left: 0; 
        margin-right: 0;
    }

}





/*
*/



/*/////////////////*/
/* PARAGRAPH TYPES */
/*/////////////////*/

.field--name-field-paragraphs .field--name-field-titel {
    font-family: Passion_One;
    font-size: 3.5rem;
    font-weight: normal;
    position: relative;
    padding: 2rem;
    margin: 2rem;
    margin-left: 0;
    z-index: 20;
}

body.page-node-type-pagina .field--name-field-paragraphs .field__item:nth-child(odd) .field--name-field-titel {
    padding-left: 2000px;
    margin-left: -2000px;
}
body.page-node-type-pagina .field--name-field-paragraphs .field__item:nth-child(even) .field--name-field-titel {
    padding-right: 2000px;
    margin-right: -2000px;
}





/* PARAGRAPH TYPE: INHOUDSOVERZICHT (VIEW) */

.paragraph--type--recente-inhoud .more-link {
    display: inline-block;
    margin-top: 1rem;
}

.paragraph--type--recente-inhoud {
    padding: 4rem;
}
.paragraph--type--spotlight {
    margin: 4rem;
    padding: 1rem;
}

@media screen and (max-width: 850px) {
    .paragraph--type--recente-inhoud {
        padding: 3rem 1rem;
        overflow-x: hidden;
        overflow-y: hidden;
    }
    .paragraph--type--spotlight {
        margin: 3rem 0.5rem;
    }
}

@media screen and (min-width: 1100px) {
    .paragraph--type--recente-inhoud {
        padding: 4rem 0;
    }
    body.path-frontpage .paragraph--type--recente-inhoud {
        padding: 4rem 10%;
    }
    .paragraph--type--spotlight {
        margin: 4rem 10vw;
        padding: 2rem;
    }
}






/* PARAGRAPH TYPE: FORMULIER */

.paragraph--type--formulier {
  width: 59%;
  float: left;
  color: white;
  background-color: #00c47c;
  font-size: 1.2rem;
  padding: 1rem;
  margin: 1rem 0;
}

.form-item-contactinfo p {
    font-size: 0.8rem;
}

.form-item-contactinfo p a {
    color: white;
    text-decoration: underline;
}





/* PARAGRAPH TYPE: BODY TEXT */

.paragraph--type--body-text.kader {
    background-color: #00c47c;
    padding: 1.5rem;
}

.paragraph--type--body-text {
    margin-top: 1rem;
    margin-bottom: 1rem;
}




/* PARAGRAPH TYPE: SPOTLIGHT */

.paragraph--type--spotlight {
    background-color: #00c47c;
    color: #3a3a3a;
    color: #3a3a3a;
    display: flex;
    gap: 1rem;
    flex-direction: column;
    align-items: stretch;
/*    box-shadow: 0.5rem 0.5rem 1rem rgba(0,0,0,0.1);*/
/*    border-radius: 2rem;*/
    border: 0.5rem solid #27da98;
    overflow: hidden;
}

.paragraph--type--spotlight .field--name-field-afbeelding {
/*    border-radius: 1rem;*/
}

.paragraph--type--spotlight .field--name-field-media-image img {
    object-fit: cover;
    height: 100%;
}
body.page-node-type-pagina .paragraph--type--spotlight .media--view-mode-banner-blur-2000-x-700 {
    width: 100%;
    position: relative;
    left: 0;
    right: 0;
    margin: 0;
    clear: both;
}

.paragraph--type--spotlight h2,
.paragraph--type--spotlight a {
    margin: 0 auto 1rem;
    color: white;
    text-align: center;
}






/* PARAGRAPH TYPE: GELINKTE INHOUD */
.paragraph--type--link-inhoud {
    max-width: 69vw;
}
.paragraph--type--link-inhoud .field--name-field-referentie {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.paragraph--type--link-inhoud .field--name-field-referentie .field__item .article {
    display: flex;
    flex-direction: row;
    align-content: stretch;
}
.paragraph--type--link-inhoud .field--name-field-referentie .field__item .article .image {
    max-width: 300px;
    max-height: 300px;
}






/* PARAGRAPH TYPE: TEKSTBOX MET BACKGROUND IMAGE (HERO) */

.paragraph--type--tekstbox-met-background-image {
    background-size: cover;
    background-position: center;
    height: auto;
    min-height: 50vh;
    height: 100%;
    padding: 0;
} 

.paragraph--type--tekstbox-met-background-image .text {
    padding: 8rem 4rem 4rem;
    color: white;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    max-width: 60rem;

}

.paragraph--type--tekstbox-met-background-image .field--name-field-titel {
    font-family: Passion_One;
    font-size: 3rem;
    line-height: 0.9;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    color: white !important;
    display: inline-block;
    padding: 1.5rem;
    box-shadow: 0 0 0 0 #00c47c;
    background-color: #00c47c;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.paragraph--type--tekstbox-met-background-image .field--name-field-tekst {
    margin: 0;
    font-size: 1.5rem;
    color: white;
    text-shadow: black 0 0 3px;
    padding: 1rem 0;
    min-width: 10em;
    max-width: 50rem;
}





/* PARAGRAPH TYPE: AGENDA */
.agenda-list li,
.view-empty li {
    background-color: white;
    margin-bottom: 0.4rem;
}

.view-agenda > .view-empty > ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    width: 50vw;
    gap: 2rem;
    padding: 0;
}

.agenda-list li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding: 1rem;
    gap: 4rem;
    font-family: Barlow_Condensed;
    font-weight: bold;
    font-size: 2rem;
    line-height: 120%;
    text-transform: uppercase;
    color: #3a3a3a;
}

.agenda-list li .views-field-field-datum {
    flex-shrink: 0;
}

.agenda-list li > div {
    display: block;
}
.agenda-list li a {
    text-decoration: none;
    color: #3a3a3a;
}

@media screen and (max-width: 850px) {
    .view-agenda .agenda-list {
        padding: 0;
    }
    .agenda-list li,
    .agenda-list li .views-field-title {
        gap: 1rem;
        font-size: 1.5rem;
        hyphens: auto;
    }
}






/* PARAGRAPH TYPE: VIDEO */
.paragraph--type--video .media--type-video .field--name-thumbnail {
    display: none;
}





/* PARAGRAPH TYPE: SPECIAL CASES */

.nieuws-lijst .frontpage-flexbox li {
    max-width: 1000px;
}

.nieuws-lijst .frontpage-flexbox li .views-field-title {
    font-size: 1.8rem;
    font-weight: normal;
}

.nieuws-lijst .frontpage-flexbox li .views-field-created {
    font-family: Barlow;
    font-weight: bold;
    color: #555;
    font-weight: normal;
    margin: 1rem 1rem 1rem 0;
    text-transform: uppercase;
    align-self: flex-end;
}

.nieuws-lijst .frontpage-flexbox li .views-field-field-image {
    margin-top: -1rem;
}

body.path-frontpage .view-doe-mee {
    background-color: #3a3a3a;
    padding: 4rem 10vw 4rem;
    margin: -4rem -10vw -4rem;
}

.view-doe-mee .frontpage-flexbox {
    align-items: flex-start;
}

.view-doe-mee .frontpage-flexbox li:nth-child(2) {
    align-self: flex-end;
}

.view-doe-mee li {
    background-color: #00c47c;
    color: white;
    padding: 2rem;
}

.view-doe-mee .frontpage-flexbox li h2 {
    font-size: 2.5rem;
    line-height: 100%;
    margin: 0 0 1rem;
}

.view-doe-mee .frontpage-flexbox li h2 a {
    color: white;
}

.view-doe-mee .frontpage-flexbox li .views-field-title > span > a {
    color: white;
}

.frontpage-flexbox .paragraph--type--body-text {
    width: 100%;
}

.frontpage-flexbox .paragraph--type--formulier {
    width: 100%;
}


.view-doe-mee .field--name-field-button a {
    position: relative;
    margin: 1rem -1rem -1rem 0;
}

.view-doe-mee .field--name-field-button a:hover,
.view-doe-mee .webform-button--submit:hover {
    color: #00c47c;
    background-color: white;
}

.view-doe-mee label.option {
    display: flex;
    cursor: pointer;
    line-height: 100%;
    margin: 0 0 1rem 40px;
}

.view-doe-mee input[type=checkbox]+label:before {
    content: '';
    position: absolute;
    background: #fff;
    /* border: 2px solid #ddd; */
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 1rem 1rem -2rem;
    text-align: center;
}

.view-doe-mee input[type=checkbox]:checked+label:before {
    content: "\25FC";
    color: #00c47c;
    font-size: 1.2rem;
}

.view-doe-mee div.webform-required {
    display: none;
}

.view-doe-mee input[type=checkbox] {
    display: none;
}






/* BODY TEXT - SIDENOTE */
.sidenote {
    position: relative;
    top: -1.3rem;
    float: right;
    clear: both;
    color: #fff;
    width: 20vw;
    margin-right: calc(-20vw - 3rem);
    margin-bottom: 1rem;
    display: inline;
    font-size: 1rem;
    font-style: italic;
    line-height: 1.25;
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}
.sidenote svg {
    line-height: 0;
}
.sidenote > .box {
    position: relative;
    margin: 0;
    text-decoration: none;
    transition: margin 0.3s;
}
.sidenote .arrow {
    position: absolute;
    left: -2rem;
    width: 2rem;
    height: 100%;
}
.sidenote .arrow svg {
    width: 2rem;
    height: 100%;
    fill: #aaa;
}
.sidenote .icon {
    position: absolute;
    left: -1rem;
    width: 1.5rem;
    height: 100%;
    z-index: 1;
}
.sidenote .icon svg {
    width: 1.5rem;
    height: 100%;
    fill: #fff;
}
.sidenote .content {
    position: relative;
    width: 100%;
    min-height: 4rem;
    padding: 1rem;
    background-image: linear-gradient(to right, #aaa, #aaa);
    left: 0;
}
.sidenote .content .text {
    color: #fff;
}
.sidenote-link {
        position: static;
}
.dropdown-label {
    color: #00c47c;
    text-decoration: none;
    background-color: none;
    padding: 0 0.5em;
    margin: 0 -0.5em;
    border: 0px solid;
/*    border-radius: 1em;*/
    transition: background-color 0.3s;
}
.sidenote-link:hover .dropdown-label {
    color: #267F5F;
    background-color: #eee;
}
.sidenote-link:hover .sidenote .box {
    margin-left: -1rem;
    margin-right: 1rem;
    text-decoration: underline;
}
.sidenote-link:hover .sidenote .content {
    background-image: linear-gradient(to right, #999, #aaa);
}
.sidenote-link:hover .sidenote .arrow svg {
    fill: #999;
}
.dropdown, .sidenote-link input[type=checkbox], .dropdown-text, .dropdown-arrow {
    display: none;
    transition: border 0.3s;
}
.dropdown-text {
    height: 0;
    padding: 0.5rem 2rem;
    margin: 1rem;
    background-color: #eee;
    font-style: italic;
    border: 0px solid #ddd;
/*    border-radius: 1rem;*/
    transition: height 0.3s;
    color: #267F5F;
}
.section-table .dropdown-text, .section-table .sidenote-link:hover .dropdown-label, section-table .sidenote-link:hover .dropdown-arrow, .section-table .sidenote-link:active .dropdown-label, section-table .sidenote-link:active .dropdown-arrow {
    background-color: #fff;
}






/* DOSSIERS */

.dossier-lijst .frontpage-flexbox li {
    background-color: #3a3a3a;
    color: white;
}

.dossier-lijst .frontpage-flexbox .views-field-nothing {
    padding: 0 2rem 2rem 2rem;
}

.dossier-lijst .views-field-field-button a {
    margin-right: -1rem;
    margin-bottom: -1rem;
}


/* /DOSSIERS */






/*////////////*/
/* TAXONOMIES */
/*////////////*/

.views-field-field-tags .field-content {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.views-field-field-tags .field-content a,
.field--name-field-tags a {
    display: block;
    background: #3a3a3a;
    color: white;
    text-decoration: none;
    padding: 0.3rem 0.5rem;
    text-transform: uppercase;
    font-family: 'Barlow_Condensed', sans-serif;
    font-weight: bold;
    font-size: 1rem;
}














.black_on_green {
    background: #00c47c;
    color: #1d1d1b;
    display: inline-block;
    padding: 7px 7px 0px 7px;
    line-height: 1em;
    font-size: 3rem;
    font-weight: normal;
}

@media screen and (max-width: 850px) {
    .front_left {
        margin-bottom: 6em;
    }
}

@media screen and (min-width: 850px) {

    .front_left,
    .front_right {
        width: 50%;
        float: left;
    }

    .front_left p,
    .front_right p {
        width: 80%;
    }

    .front_left p:first-of-type,
    .front_right p:first-of-type {
        margin-top: 3em;
    }

    #node-7 p {
        width: 40%;
    }
}

#blijf-op-de-hoogte,
#en_stay-tuned {
    background: #00c47c;
    color: white;
    overflow: hidden;
    clear: left;
}

#node-8>h2:first-child,
#node-13>h2:first-child {
    display: none;
}

#node-8 p {
    width: 40%;
}

#node-8 .big_text {
    margin-bottom: 2em;
}

#node-8 p.pad_top {
    margin-top: 4em;
}

/* campagnes */
#campagnes,
#en_campagnes {
    padding-top: 0;
}

#campagnes .views-row,
#en_campagnes .views-row {
    width: 49%;
    float: left;
    overflow: hidden;
    text-align: center;
    margin-bottom: 1.4em;
}

#campagnes .views-row > div:nth-child(1),
#en_campagnes .views-row > div:nth-child(1),
#campagnes .views-row:hover > div:nth-child(2),
#en_campagnes .views-row:hover > div:nth-child(2) {
    display: block;
}

#campagnes .views-row:hover .campaign-tails,
#en_campagnes .views-row:hover .campaign-tails {
    aspect-ratio: 1 / 1;
    height: 100%;
}


#campagnes .views-row:hover > div:nth-child(1),
#en_campagnes .views-row:hover > div:nth-child(1),
#campagnes .views-row > div:nth-child(2),
#en_campagnes .views-row > div:nth-child(2) {
    display: none;
}

img.image-style-campagnefoto-voorpagina {
    width: 100%;
    height: auto;
}

.campaign-link {
    background-image: url('../images/Vredesactie_Pijl_Groen.svg');
    background-repeat: no-repeat;
    width: 60px;
    height: 63px;
    margin: auto;
}

.campaign-link a {
    display: block;
    height: 100%;
    width: 100%;
}

/* /campagnes */

/* agenda */
#agenda-items,
#en_agenda-items {
    background: #f7f6f2
}

#agenda-items .views-row,
#en_agenda-items .views-row {
    text-transform: uppercase;
    padding-top: 3em;
    padding-bottom: 3em;
    border-bottom: 2px solid black;
    cursor: pointer;
}

#agenda-items .views-field-title a,
#en_agenda-items .views-field-title a {
    text-decoration: none;
    color: #1d1d1b;
}

#agenda-items .views-row:hover,
#en_agenda-items .views-row:hover {
    color: #00c47c;
}

#agenda-items .views-row:first-child,
#en_agenda-items .views-row:first-child {
    border-top: 2px solid black;
}

#agenda-items .views-field-field-datum,
#en_agenda-items .views-field-field-datum {
    width: 20%;
    float: left;
    min-width: 63px;
}

#agenda-items .views-field-title,
#en_agenda-items .views-field-title {
    width: 80%;
    float: left;
}

#agenda-items .views-field,
#en_agenda-items .views-field {
    font-family: 'Barlow', sans-serif;
    line-height: 1.6em;
}


/* /agenda */

/* recent articles */


#articles_recent,
#en_articles_recent {
    margin-bottom: 5em;
}

#articles_recent .view-content,
#en_articles_recent .view-content {
    overflow: hidden;
}

@media screen and (min-width:850px) {
    .recent_articles_floatleft {
        height: 100%;
        position: absolute;
    }

    .artikel-vorige-site .recent_articles_floatleft {
        position: relative;
    }
}

.recent_articles_created {
    font-family: 'Barlow', sans-serif;
    text-transform: uppercase;
    display: block;
    margin-bottom: 1em;
    /* position: absolute;
  top: 5%;
  left: 0; */
}

.recent-articles-top-left {
    width: 48%;
}

.artikel-vorige-site .recent-articles-top-left {
    width: auto;
}

@media screen and (min-width:850px) {
    .recent_articles_created {
        float: left;
        display: inline;
        margin-bottom: 0;
    }
}

table.views-table {
    width: 100%;
}

table.views-table td,
table.views-table tr {
    position: relative;
    height: 100%;
    overflow: hidden;
}

table.views-table td {
    padding-top: 3em;
    padding-bottom: 3em;
    border-top: 2px solid black;
}

table.views-table td:last-child {
    border-bottom: 2px solid black;
}


table.views-table td div.item-list {
    float: right;
}

@media screen and (max-width:850px) {
    table.views-table td div.item-list {
        display: none;
    }
}

table.views-table li {
    list-style-type: none;
    float: left;
    margin: 0px 4px 4px 0px;
}

tr.artikel-vorige-site .recent_articles_labels {
    float: right;
}

@media screen and (max-width:850px) {
    .recent_articles_title {
        /* width: 150%; */
        display: block;
        clear: both;
        width: 75%;
        margin-top: 1em;
        margin-left: 6px;
    }
}

.recent_articles_title a {
    font-family: 'Barlow', sans-serif;
    font-weight: bold;
    line-height: 1.8em;
    background: #00c47c;
    padding: 4px 0px 0px 8px;
    box-shadow: 10px 0 0 #00c47c, -10px 0 0 #00c47c;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    text-decoration: none;
    text-transform: uppercase;
    color: #f7f6f2;
}

@media screen and (min-width:850px) {
    .recent_articles_title a {
        font-size: 2.3rem;
    }
}

.recent_articles_body {
    position: relative;
    display: block;
    width: 45%;
    max-height: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recent_articles_body p {
    height: 100%;
    margin-top: 0;
}


.artikel-vorige-site .recent_articles_body {
    position: relative;
    display: block;
    width: 60%;
}

@media screen and (max-width:850px) {

    .recent-articles-afbeelding,
    .recent_articles_body,
    .artikel-vorige-site .recent_articles_body {
        display: none;
    }

    .recent_articles_title a {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .recent_articles_floatleft>a {
        display: none;
    }
}

.recent-articles-afbeelding {
    float: right;
    width: 51%;
    min-height: 440px;
}

.image-style-recente-inhoud-afbeelding {
    float: right;
    width: 100%;
    height: auto;
}

a: has(.recent_articles_readmore) {
    position: relative;
    top: 10px;
}

ul.pager {
    padding: 0;
}

ul.pager a {
    text-indent: -99999px;
    background-image: url('/sites/default/files/laad_meer.svg');
    background-repeat: no-repeat;
    width: 107px;
    height: 81px;
    margin: auto !important;
    display: block;
}

nav.pager {
    margin-top: 4rem;
}

/* /recent articles */

/* / FRONT PAGE CONTENT */

/* ARTICLE PAGE CONTENT */

body.page-node-type-article .field--name-body,
body.page-node-type-article .field--name-field-tags,
body.page-node-type-artikel-vorige-site .field--name-field-d7tags,
#block-voeterblok,
body.page-node-type-article .field--name-field-introductiezin {
    max-width: 1290px;
    margin: auto;
    clear: left;
}

.field--name-field-tags,
.field--name-field-d7tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 1rem auto;
    width: 100%;
}

.field--name-field-tags .field__item a,
.field--name-field-d7tags .field__item a {
    display: inline-block;
    background: #1d1d1b;
    color: white;
    text-decoration: none;
    padding: 0.4rem 0.6rem;
    text-transform: uppercase;
    font-family: 'Barlow', sans-serif;
    font-size: 1rem;
}

body.page-node-type-pagina .field--name-field-titel {
    display: inline-block;
}

body.page-node-type-agenda-item .va-spacer,
body.page-node-type-article .va-spacer,
body.page-node-type-longread .va-spacer,
body.page-node-type-pagina .va-spacer {
    display: none;
}

body.page-node-type-article .field--name-field-image,
.va-spacer {
    margin-bottom: 3em;
}

body.page-node-type-article .field--name-field-introductiezin {
    color: #00c47c;
}

body.page-node-type-article .field--name-field-introductiezin {
    padding-top: 2em;
    border-top: 3px solid black;
    margin-top: 9em;
}

body.page-node-type-artikel-vorige-site article .field--name-body {
    padding-top: 2em;
    border-top: 3px solid black;
    margin-top: 3em;
}

/* with paragraphs */
body.path-articles #block-vredesactie-content .view-content {
    max-width: 1290px;
    margin: auto;
    padding-right: 90px;
    width: 90%;
}

body:not(.path-frontpage):not(.page-civicrm-admin) #block-vredesactie-content {
    max-width: 1290px;
    margin: auto;
    width: 90%;
}

body.page-node-type-article .field--name-field-image,
.paragraph--type--afbeelding-volledige-breedte,
.media--view-mode-banner-2000-x-500,
.media--view-mode-banner-blur-2000-x-700,
.va-spacer {
    width: calc(100vw - 80px);
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: calc(-50vw + 40px);
    margin-right: calc(-50vw + 40px);
    clear: both;
    min-height: 30vh;
}

.image-style-article-banner,
.paragraph--type--afbeelding-volledige-breedte img {
    background: #1d1d1b;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 850px) {
    body.page-node-type-article .field--name-field-image,
    .paragraph--type--afbeelding-volledige-breedte,
    .media--view-mode-banner-2000-x-500,
    .media--view-mode-banner-blur-2000-x-700,
    .va-spacer {
        width: calc(100vw);
        margin-left: calc(-50vw);
        margin-right: calc(-50vw);
        min-height: 40vh;
    }
    .image-style-article-banner {
        min-height: 40vh;
    }
}

.va-spacer {
    height: 30vw;
    background: #1d1d1b;
}

body.page-node-type-article .paragraph--type--afbeelding-volledige-breedte img {
    margin: 3em 0 3em 0;
}

body.page-node-type-article .field--name-field-image img,
body.page-node-type-article .paragraph--type--afbeelding-volledige-breedte img {
    width: 100%;
    height: auto;
}

body.page-node-type-article .field--name-field-inleiding,
body.page-node-type-pagina .field--name-field-inleiding {
    text-transform: uppercase;
    font-family: 'Barlow', sans-serif;
    font-size: 2rem;
}

body.page-node-type-pagina .paragraph .field--name-field-inleiding {
    text-transform: initial;
    font-size: 1.3rem;
    font-family: Barlow;
}

body.page-node-type-article .field--name-field-gepubliceerd-in {
    color: #00c47c;
}

.paragraph.paragraph--type--quote {
    text-transform: uppercase;
    font-family: 'Barlow', sans-serif;
    font-size: 2rem;
    color: #00c47c;
    text-align: center;
    margin-top: 3em;
}

body.page-node-type-article article h2,
body.page-node-type-artikel-vorige-site article h2,
body.page-node-type-agenda-item article h2 {
    font-family: 'Passion_One', sans-serif;
}



/* /with paragraphs */

/* /ARTICLE PAGE CONTENT */

/* SEARCH PAGE */
body.path-articles .view-empty {
    /* display: none; */
    max-width: 1290px;
    margin: auto;
    font-size: 1.2rem;
    width: 90%;
}

body.path-articles form {
    width: 75vw;
    margin: auto;
}

body.path-articles #block-vredesactie-page-title {
    display: none;
}

body.path-articles .form--inline .form-item {
    margin: auto;
    float: none;
}

body.path-articles .view-filters {
    padding-bottom: 30vh;
    background: #1d1d1b;
    padding-top: 30vh;
    margin-bottom: 5em;
}

#views-exposed-form-artikels-page-4 input[type=text] {
    border-radius: 0;
    border: none;
    padding: 10px;
    background: #f7f6f2;
    height: 65px;
    width: 100%;
}

#views-exposed-form-artikels-page-4 label {
    display: none;
}

#views-exposed-form-artikels-page-4 .form--inline {
    position: relative;
}

#views-exposed-form-artikels-page-4 .form-actions {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0;
    margin: 0;
}

#views-exposed-form-artikels-page-4 .form-actions input {
    height: 100%;
    background: #00c47c;
    color: white;
    text-transform: uppercase;
    font-family: 'Passion_One', sans-serif;
    padding: 1em 2em;
    border: none;
}

/* /SEARCH PAGE */

/* NON-FRONT, NON-ARTICLE, NON-SEARCH PAGES */
body:not(.page-node-type-article):not(.path-articles):not(.path-frontpage):not(.page-node-type-artikel-vorige-site):not(.page-node-type-pagina):not(.page-node-type-longread):not(.page-civicrm-admin) section#content {
    /* padding-top: 8em; */
    max-width: 1290px;
    margin: auto;
    /* width: 90%; */
}

body:not(.page-node-type-article):not(.path-articles):not(.path-frontpage):not(.page-node-type-pagina):not(.page-civicrm-admin) .va-spacer {
    display: block;
}

/* /NON-FRONT, NON-ARTICLE, NON-SEARCH PAGES */

/* FORMS */

input[type=text],
input[type=email],
textarea {
    /* font-size: 1.4em; */
}



/* Contacteer ons */
#form_contact {
    background: #f7f6f2;
}

#form_contact div.form-item,
#en_form_contact div.form-item {
    margin-bottom: 2em;
}

#form_contact input[type=text],
#form_contact input[type=email],
#form_contact textarea,
#en_form_contact input[type=text],
#en_form_contact input[type=email],
#en_form_contact textarea {
    border-radius: 0;
    border: 2px solid #9b9b9b;
    padding: 10px;
    background: #f7f6f2;
    height: 65px;
    width: 100%;
}

#form_contact textarea,
#en_form_contact textarea {
    height: 200px;
}

#form_contact input[type=submit],
#en_form_contact input[type=submit] {
    background: #1d1d1b;
    border: none;
    color: white;
    padding: 16px;
    text-transform: uppercase;
}

fieldset[id*="edit-knop-en-markup"] {
    border: none;
    text-transform: uppercase;
    font-family: 'Barlow', sans-serif;
}

fieldset[id*="edit-formuliervelden"] {
    border: none;
    padding-left: 0;
}

#edit-kantoorgegevens {
    color: #1d1d1b;
}

/* /Contacteer ons */

/* ezine actiekrant */


div[id*="edit-tekstvelden"] {
    /* #edit-tekstvelden { */
    /* float: left;
  width: 50%; */
    margin-top: 0.45em;
}

/* #edit-rechterkant {
  float: right;
  width: 50%;
} */

@media screen and (min-width: 850px) {
    body.page-node-type-article .field--name-field-inleiding {
        width: 70%;
        margin: 2rem 0;
    }

    .paragraph.paragraph--type--quote {
        float: right;
        width: 40%;
        font-size: 2rem;
    }

    body.page-node-type-article .field--name-field-gepubliceerd-in {
        clear: both;
        float: right;
        width: 40%;
        max-width: 400px;
    }

    .paragraph.paragraph--type--body-text.paragraph--view-mode--default {
        max-width: 59vw;
        /* float: left; */
    }

    /* #edit-tekstvelden {
  float: left;
  width: 50%;
  margin-top: 0.45em;
  } */
    div[id*="edit-tekstvelden"] {
        float: left;
        width: 50%;
        margin-top: 0.45em;
    }

    /* #edit-rechterkant {
  float: right;
  width: 50%;
  } */
    div[id*="edit-rechterkant"] {
        float: right;
        width: 50%;
    }

    fieldset[id*="edit-knop-en-markup"] {
        width: 30%;
        float: left;
    }

    fieldset[id*="edit-formuliervelden"] {
        width: 67%;
        float: left;
    }
}

fieldset#edit-nieuwsbrief-actiekrant--wrapper {
    float: left;

}

#edit-actions {
    clear: left;
}

div[id*="edit-adresvelden"] {
    /* #edit-adresvelden { */
    border-top: 2px solid white;
    padding-top: 17px;
}

#blijf-op-de-hoogte div.form-item,
#en_stay-tuned div.form-item {
    margin-bottom: 1em;
}

#blijf-op-de-hoogte div.form-type-email,
#en_stay-tuned div.form-type-email {
    margin-bottom: 2em;
}

div.form-item-straat {
    width: 66%;
    float: left;
}

div.form-item-huisnummer {
    width: 30%;
    float: right;
}

div.form-item-postcode {
    width: 30%;
    float: left;
    clear: left;
}

div.form-item-gemeente {
    width: 66%;
    float: right;
}

#werk-mee-0,
#en_join-us {
    clear: both;
}

.mailto {
    margin-top: 3em;
}

.mailto a {
    float: left;
}

.mailto span {
    margin-top: 1.2em;
    display: block;
    float: left;
    margin-left: 2em;
}

/* /ezine actiekrant */

/* /FORMS */

/* MAIN MENU */
#sidebar-second {
    float: right;
    position: fixed;
    right: 0;
    top: 0;
    background: #f7f6f2;
    height: 100%;
    z-index: 50;
}

#sidebar-second>div:first-child {
    height: 100%;
}

/* mobile main menu */
#header-top {
    background: #1d1d1b;
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
}

#block-mobielmenu {
    min-width: 300px;
    background: #1d1d1b;
}

#block-mobielmenu p {
    padding: 0;
    margin: 0;
}

#block-mobielmenu img.logo {
    margin-left: 1em;
    margin-top: 1.5em;
}

#block-mobielmenu img.hamburger {
    float: right;
    height: 80px;
    width: 80px;
}

#block-hoofdnavigatie,
#block-mobielenavigatieextra {
    background: #f7f6f2;
    position: relative;
    z-index: 999;
    width: 100%;
    overflow: hidden;
}

#block-hoofdnavigatie {
    height: 0;
    transition: height 0.2s;
}

#block-hoofdnavigatie.showMenu {
    height: auto;
}

#block-vredesactie-main-menu.showMenu {
    width: auto;
}

#block-mobielenavigatieextra {
    display: none;
}

#block-hoofdnavigatie ul.menu li a {
    font-size: 2.4vw;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Passion_One', sans-serif;
    color: #1d1d1b;
    line-height: 1em;
}

#block-mobielenavigatieextra ul.menu li a.mobile-only,
#block-mobielenavigatieextra ul.menu li a.mobile-only:hover {
    color: transparent;
    float: left;
    margin-right: 1em;
}

/* #block-mobielenavigatieextra ul.menu li a.mobile-only:first-child {
  margin-top: 1em;
}

#block-mobielenavigatieextra ul.menu li a.mobile-only:last-child {
  margin-bottom: 1em;
} */

#block-mobielenavigatieextra ul.menu li a.mobile-only.facebook {
    background: url('/sites/default/files/facebook.svg');
    background-repeat: no-repeat;
    width: 14px;
    height: 26px;
}

#block-mobielenavigatieextra ul.menu li a.mobile-only.twitter {
    background: url('/sites/default/files/twitter.svg');
    background-repeat: no-repeat;
    width: 27px;
    height: 20px;
}

#block-mobielenavigatieextra ul.menu li a.mobile-only.flickr {
    background: url('/sites/default/files/flickr.svg');
    background-repeat: no-repeat;
    width: 20px;
    height: 10px;
}

#block-hoofdnavigatie ul.menu li a:hover,
#block-hoofdnavigatie ul.menu li a:active {
    color: #00c47c;
}

#block-hoofdnavigatie ul.menu,
#block-mobielenavigatieextra ul.menu {
    margin: 0;
    padding: 21px 0 21px 21px;
    overflow: auto;
}

/* /mobile main menu */

/* /MAIN MENU */

/* FOOTER */
footer {
    margin: 0;
    padding: 6rem 4rem;
    background-color: white;
    font-family: 'Barlow_Condensed', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.8em;
    clear: both;
    text-align: center;
}

#block-voeterblok > div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 4rem;
    align-items: center;
    justify-content: center;
}

footer img {
    max-width: 100%;
}

.vlogo {
    position: relative;
}

.footer-logos {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

@media screen and (max-width: 850px) {
    .footer-logos {
    }

    .footer-copyright {
    }


}

@media screen and (min-width: 850px) {
    body:not(.page-node-type-article):not(.path-articles):not(.path-frontpage) #block-vredesactie-page-title h1 span {
        line-height: 1.8em;
    }

    footer {
        text-align: left;
    }

    #agenda-items .views-field,
    #en_agenda-items .views-field {
        font-size: 2vw;
    }
}

/* /FOOTER */

/* VARIOUS */
.big_text {
    font-size: 3vw;
    text-transform: uppercase;
    font-family: 'Passion_One', sans-serif;
}


/* /VARIOUS */

@media screen and (min-width: 1400px) {
    .recent_articles_body {
        margin-top: 2em;
        margin-bottom: 2em;
    }
}

@media screen and (min-width: 850px) {
    body.path-articles form {
        width: 45vw;
    }

    section#content,
    footer {
        padding-right: 80px;
    }

    #blijf-op-de-hoogte div.form-type-email,
    #en_stay-tuned div.form-type-email {
        margin-right: 5em;
    }

    div[id*="edit-adresvelden"] {
        /* #edit-adresvelden { */
        margin-right: 5em;
    }

    h1.single-page-title {
        font-size: 3vw;
        font-weight: normal;
    }

    .recent_articles_created {
        font-size: 1.2em;
    }

    body.page-node-type-article .field--name-field-inleiding {
        font-size: 2rem;
    }
}

@media screen and (max-width: 850px) {
    #block-hoofdnavigatie ul.menu li a {
        font-size: 1.6em;
    }

    section#content,
    footer {
        margin-right: none;
    }

    #sidebar-second {
        display: none;
    }

    #header-top {
        display: block;
    }

    #block-logo {
        display: none;
    }

    section#content {
        /* #block-vredesactie-content { */
        margin-top: 60px;
    }

}













/*/////////////////////*/
/* CIVI DONATIEPAGINAS */
/*/////////////////////*/



body.page-civicrm-contribute {
    margin: 0;
    font-family: Barlow;
}
.page-civicrm-contribute .tiny {
    font-size: 0.8rem;
    line-height: 1em;
    width: calc(70% - 20px);
    margin-left: calc(30% + 20px);
    display: block;
    color: #696969;
}

.page-civicrm-contribute #printer-friendly {
    display: none;
}
.page-civicrm-contribute main.outer-wrapper { 
    background-image: url("/sites/default/files/civicrm/persist/contribute/images/uploads/istopthearmstrade.jpg");
    background-position: 10% 50%;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    min-height: 100%;
    height: auto;
    margin: 0;
    padding: 6rem 4rem 4rem;
}

/* OVERRIDES */
.page-civicrm-contribute #content .va-spacer {
    display: none;
}
.page-civicrm-contribute #block-vredesactie-page-title {
    display: none;
}
.page-civicrm-contribute #pricesetTotal {
    display: none;
}
.crm-container .crm-section .content {
    margin: 0;
}

.page-civicrm-contribute #content {
    padding: 3rem;
    margin: 2rem auto 10% auto;
    width: 60vw;
    max-width: 850px;
    background-color: #e8eef0;
    border-radius: 12px;
}

.page-civicrm-contribute #intro_text h1 {
    font-size: 3rem;
    line-height: 100%;
    display: block;
    font-family: Passion_One;
    text-transform: uppercase;
    color: #3a3a3a;
    font-weight: normal;
    margin: 0;
}
.page-civicrm-contribute #crm-main-content-wrapper {
    background-color: none;
}

.page-civicrm-contribute #intro_text {
    padding: 1rem 2rem 2rem 130px;
}
.page-civicrm-contribute #priceset-div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/*.page-civicrm-contribute #priceset-div .label {
    font-size: large;
    width: 120px;
}*/
.page-civicrm-contribute .price-set-row {
    float:left;
}
.page-civicrm-contribute .price-set-row .crm-form-radio{
    display: none;
}
.page-civicrm-contribute input.crm-form-radio + label,
.page-civicrm-contribute input.crm-form-checkbox + label {
    margin-left: 0;
}
.page-civicrm-contribute .crm-container .crm-section .content {
/*    margin-left: 130px;*/
}

.page-civicrm-contribute #crm-container.crm-public .contribution_amount-content {
    gap: 1rem;
    justify-content: flex-start;
    align-content: flex-start;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
}

.page-civicrm-contribute #crm-container.crm-public .price-set-row {
    margin: 0;
}


.page-civicrm-contribute #crm-container.crm-public .price-set-row .crm-price-amount-amount,
.page-civicrm-contribute #crm-container.crm-public .price-set-row:last-child label{
/*    float:left;*/
    font-weight: normal;
    font-size: large;
    font-family: Barlow;
    text-transform: uppercase;
    text-align:center;
    line-height: 100%;
    width: 6rem;
    background-color:#ffffff;
    border: 1px solid #00c47c;
    color: #00c47c;
    overflow:auto;
    padding:18px 5px;
    display:block;
}
.page-civicrm-contribute #crm-container.crm-public .price-set-row .highlight .crm-price-amount-amount,
.page-civicrm-contribute #crm-container.crm-public .price-set-row:last-child .highlight label{
background-color:#00c47c;
font-weight: normal;
color: #ffffff;
}
.page-civicrm-contribute #crm-container.crm-public .price-set-row:last-child {
    clear: both;
}

.page-civicrm-contribute .crm-public-form-item.crm-group.custom_pre_profile-group legend {
    margin: none;
}
.page-civicrm-contribute .crm-profile.crm-profile-id-16.crm-profile-name-Naam_en_adres_16 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2rem 0 0 0;
    margin: 2rem 0 0;
    border-top: 1px solid #9494a5;
}

.page-civicrm-contribute .crm-public-form-item.crm-group.custom_pre_profile-group .form-item {
    display: block;
    height: auto;
    margin: 0;
}
.page-civicrm-contribute #priceset-div .label,
.page-civicrm-contribute .crm-public-form-item.crm-group.custom_pre_profile-group .form-item .label {
    text-align: right;
    display: inline-block;
    width: 30%;
}
.page-civicrm-contribute #priceset-div .label,
.page-civicrm-contribute .form-item .label {
    margin-right: 20px;
}
.page-civicrm-contribute .crm-public-form-item.crm-group.custom_pre_profile-group .form-item .label .crm-marker::before{
    content:'';
    padding: 2px;
}
.page-civicrm-contribute .crm-public-form-item.crm-group.custom_pre_profile-group .form-item .label .crm-marker{
    position: absolute;
    float: right;
    color: gray;
}

.page-civicrm-contribute .contribution_amount-content,
.page-civicrm-contribute .crm-public-form-item.crm-group.custom_pre_profile-group .form-item .content {
    margin: 0;
    width: 50%;
    float: left;
}
.page-civicrm-contribute .crm-public-form-item.crm-group.custom_pre_profile-group .form-item .content input {
    max-width: 100%;
}

.page-civicrm-contribute #select2-chosen-1 {
    color: #9494a5;
}

.page-civicrm-contribute .crm-container .huge, input.crm-form-entityref {
    width: 20em;
}
.page-civicrm-contribute .crm-public-form-item.crm-group.custom_pre_profile-group .form-item .clear {
    height: 0.5rem;
}
.page-civicrm-contribute .crm-container #crm-submit-buttons button {
    background-color: #00c47c;
    font-size: 1.5rem;
    font-family: Barlow;
    text-transform: uppercase;
    padding: 0.5rem;
    color: white;
    text-shadow: none;
    border-radius: 0;
    border: none;
}
.page-civicrm-contribute #crm-submit-buttons i {
    display: none;
}

@media only screen and (min-width: 1600px) {
    .page-civicrm-contribute #content {
        width: 50vw;
    }
    .page-civicrm-contribute #content::before {
        width: 50vw;
    }
}

@media only screen and (max-width: 900px) {
    .page-civicrm-contribute #content {
        margin: 0;
        width: 100%;
        padding: 1rem 0;
        border-radius: 0;
    }

    .page-civicrm-contribute main.outer-wrapper {
        padding: 50vh 0 0 0;
    }

    .page-civicrm-contribute #crm-main-content-wrapper {
        padding: 0;
    }
    .page-civicrm-contribute #intro_text {
        padding: 0;
    }
    .page-civicrm-contribute #priceset-div {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .page-civicrm-contribute #priceset span.crm-price-amount-amount {
        width: 120px;
    }
    .page-civicrm-contribute .price-set-row {
        float:left;
    }
    .page-civicrm-contribute .price-set-row .crm-form-radio {
        display: none;
    }
    .page-civicrm-contribute input.crm-form-radio + label,
    .page-civicrm-contribute input.crm-form-checkbox + label {
        margin-left: 0;
    }
    .page-civicrm-contribute #crm-container.crm-public .price-set-row .crm-price-amount-amount,
    .page-civicrm-contribute #crm-container.crm-public .price-set-row:last-child label{
        float: left;
        font-weight: normal;
        font-size: 20px;
        text-align: center;
        width: 120px;
        border: 1px solid #00c47c;
        margin: 0 10px 10px 0;
        background-color: #fff;
        color: #00c47c;
        overflow: auto;
        padding: 18px 5px;
        display: block;
    }
    .page-civicrm-contribute #crm-container.crm-public .price-set-row .highlight .crm-price-amount-amount,
    .page-civicrm-contribute #crm-container.crm-public .price-set-row:last-child .highlight label{
    background-color:#00c47c;
    font-weight: normal;
    color: #fff;
    }
    .page-civicrm-contribute #crm-container.crm-public .price-set-row:last-child {
        clear: both;
    }
    .page-civicrm-contribute .crm-public-form-item.crm-group.custom_pre_profile-group legend {
        display: none;
    }
    .page-civicrm-contribute .crm-public-form-item.crm-group.custom_pre_profile-group .form-item .label {
        display: block;
        margin-right: 20px;
    }
    .page-civicrm-contribute .crm-public-form-item.crm-group.custom_pre_profile-group .form-item .label .crm-marker::before{
        content:'';
        padding: 2px;
    }
    .page-civicrm-contribute .crm-public-form-item.crm-group.custom_pre_profile-group .form-item .label .crm-marker{
        position: absolute;
        float: right;
        color: gray;
    }
    .page-civicrm-contribute .crm-public-form-item.crm-group.custom_pre_profile-group .form-item .content {
        margin: 0;
        width: auto;
        display: inline;
    }
    .page-civicrm-contribute .crm-container .select2-container .select2-choice {
        line-height: 18px;
        color: #9494a5;
    }
    .page-civicrm-contribute .crm-container .huge, input.crm-form-entityref {
        width: 20em;
    }
    .page-civicrm-contribute .crm-public-form-item.crm-group.custom_pre_profile-group .form-item .clear {
        height: 0.5rem;
    }
    .page-civicrm-contribute .crm-container #crm-submit-buttons input.crm-form-submit:not(.cancel) {
        background-color: #00c47c;
        font-size: 1.5rem;
        font-family: Barlow;
        text-transform: uppercase;
        padding: 0.5rem;
        color: white;
    }
    .page-civicrm-contribute #crm-submit-buttons {
        width: auto;
    }
    .page-civicrm-contribute #crm-submit-buttons i {
        display: none;
    }
}

@media only screen and (max-width: 700px) {
    .page-civicrm-contribute .crm-public-form-item.crm-group.custom_pre_profile-group .form-item .content {
        width: 90%;
        display: block;
    }
    .page-civicrm-contribute .crm-public-form-item.crm-group.custom_pre_profile-group .form-item .content .crm-form-text {
        width: 100%;
    }
    .page-civicrm-contribute #priceset-div .label,
    .page-civicrm-contribute .crm-public-form-item.crm-group.custom_pre_profile-group .form-item .label {
        text-align: left;
    }
    .page-civicrm-contribute .tiny {
        margin: 0;
    }
    .page-civicrm-contribute .contribution_amount-content {
        width: 100%;
    }

}