*[contenteditable="true"]{
    background-color: rgba(220, 220, 220, 0.3);
    border: 1px dashed rgba(220, 220, 220, 0.8);
}

.formfieldsave {
    display: none;
}

.editing .formfieldsave {
    display: inline-block;
}

.formfieldedit{
    display: inline-block;
}

.editing .formfieldedit {
    display: none;
}

.uploadimage {
    display: none;
    position: fixed;
    left: 5%;
    top: calc(5% + 80px);
    z-index: 2000;
    height: calc(90vh - 80px);
    width: 90vw;
}

.uploadimage #contain {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 50px);
    box-shadow:0 0 8px 2px rgba(100, 100, 100, .4);
}

.uploadimage .btn-cropper-done {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.uploadimage .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

input[data-field=poster],
input[data-field=logo],
input[data-field=foto]{
    display: none;
}

label.buttonstyle,
button.lidedit,
.formfieldedit,
.formfieldsave,
button.lidsave {
    border: 1px solid #000;
    border-radius: 4px;
    background-color: #ddd;
    color: #000;
    font-size: 18px;
    padding: 3px;
    width: 30px;
    cursor: pointer;
    /* display: inline-block; */
    text-align: center;
}


.istaxonomyfield select {
    display: none;
}

.editing.istaxonomyfield h3,
.editing.istaxonomyfield h4 {
    display: none;
}


.editing.istaxonomyfield select {
    display: block;
}

.headingfield,
.formfieldcontainer,
.linefield {
    position: relative;
}

.headingfield h3,
.headingfield h4 {
    /* width: calc(100% - 50px); */
    display: inline-block;
}

.headingfield button.lidedit,
.headingfield button.lidsave,
.formfieldedit,
.formfieldsave,
.linefield button.lidedit,
.linefield button.lidsave {
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(230, 230, 230, .4);
    z-index: 2;
}

.linefield .label, .linefield .input {
    display: inline-block;
}

/* LEDEN MODULE */
.medewerkersmodule {
    width: 100%;
}
.ledenmodule {
    width: calc(100% + 40px);

}



.ledenkolom, .ledencontrols {
    width: 100%;
    /* justify-content: space-between; */
}

.ledenkolom .linkerkant {
    width: 66%;
}

.ledenmodule .ledenkolom,
.medewerkerscontrols,
.ledencontrols {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -40px;
}

@media (max-width: 1200px) {
    .ledenmodule,
    .ledencontrols,
    .medewerkerscontrols,
    .medewerkersmodule {
        flex-direction: column-reverse;
    }    
    .medewerkersmodule .medewerkerslijstcontrols,
    .ledenmodule .ledenlijstcontrols,
    .ledencontrols,
    .medewerkerscontrols,
    .medewerkersmodule .medewerkerskolom,
    .ledenmodule .ledenkolom {
        width: 100% !important;
    }

    .medewerkersmodule .medewerkerslijstcontrols,
    .ledenmodule .ledenlijstcontrols {
        padding-right: 0;
    }

}

.medewerkersmodule .medewerkerslijstcontrols .button,
.ledenmodule .ledenlijstcontrols .button {
    display: block;
    padding-top: 11px;
    padding-bottom: 11px;
    text-align: center;
}

.viewonmap {
    margin-bottom: 2rem;
}

.medewerkersmodule .medewerkerslijstcontrols .button:hover
.ledenmodule .ledenlijstcontrols .button:hover {
    padding-top: 11px;
    padding-bottom: 11px;
}


.medewerkersmodule .medewerkerslijstcontrols form input.input,
.ledenmodule .ledenlijstcontrols form input.input {
    display: block;
    background-color: #fff;
}

.medewerkersmodule .medewerkerslijstcontrols .et_pb_contact_submit,
.ledenmodule .ledenlijstcontrols .et_pb_contact_submit {
    color: #FFFFFF !important;
    border-width: 2px !important;
    border-color: #d7233e;
    border-radius: 0px;
    font-size: 16px;
    text-transform: uppercase !important;
    background-color: #d7233e !important;
    padding-top: 12px !important;
    padding-right: 60px !important;
    padding-bottom: 12px !important;
    padding-left: 60px !important;
}

.medewerkersmodule .medewerkerslijstcontrols .et_pb_contact_submit::after,
.ledenmodule .ledenlijstcontrols .et_pb_contact_submit::after {
    font-size: 1.6em;
    opacity: 1;
    margin-left: .3em;
    left: auto;
}

.medewerkersmodule .medewerkerslijstcontrols .et_pb_contact_submit:hover,
.ledenmodule .ledenlijstcontrols .et_pb_contact_submit:hover {
    color: #d7233e !important;
    border-width: 2px !important;
    border-color: #d7233e;
    background-image: initial !important;
    background-color: #FFFFFF !important;
}


.ledenkolom .lid {
    display: flex;
    flex-direction: column;
}

@media (max-width: 800px) {
    .medewerkerskolom .medewerker {
        display: flex;
        flex-direction: column;
    }
    
    .ledenkolom .lid {
        display: flex;
        flex-direction: column;
    }    
}


.medewerkerskolom .medewerker .fotocontainer,
.ledenkolom .lid .fotocontainer {
    padding: 30px;
    flex: 1;
}

.medewerkerskolom .medewerker .contentcontainer,
.ledenkolom .lid .contentcontainer {
    padding: 30px;
    position: relative;
    flex: 1;
    padding-bottom: 80px;
}

.medewerkerskolom .medewerker .contentcontainer .fotocontainer,
.ledenkolom .lid .contentcontainer .fotocontainer {
    padding: 0;
}


.field.imgfield {
    position: relative;
}

.imgfield label.buttonstyle {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 5px;
    cursor: pointer;
    font-size: 20px;
}

.medewerker h5 {
    font-weight: 700;
}

.medewerker .naamfield h3 {
    /* padding-bottom: 0; */
}

.medewerker .welklidfield {
    margin-bottom: 0.5rem;
}

.dateinput {
    display: none;
    font-family: 'Outfit',Helvetica,Arial,Lucida,sans-serif;
    font-size: 18px;
    color: #04344D!important;
    font-weight: 700;
    padding: 0;
    height: 18px;
    border: 0;
    max-width: calc(100% - 70px);
}

.datedisplay {
    display: inline-block;
    max-width: calc(100% - 70px);
}

.urlvalue {
    display: none;
}

.provinciefield h5,
.provinciefield.editing.istaxonomyfield select,
.locatiefield h5,
.tijdfield h5,
.stadfield h5 {
    max-width: calc(100% - 70px);
    display: inline-block;
}

.provinciefield select{
    display: none;
}



.et_pb_module.urlfield {
    position: absolute !important;
    bottom: 30px;
    top: auto;
    left: auto;
    left: 30px;
}

.et_pb_module.urlfield a.et_pb_button {
    color: #d7233e !important;
    border-width: 2px !important;
    border-color: #d7233e;
    text-decoration: none;
    border-radius: 0px;
    font-size: 16px;
    text-transform: uppercase !important;
    background-color: #FFFFFF;
    padding-top: 10px !important;
    padding-right: 50px !important;
    padding-bottom: 10px !important;
    padding-left: 50px !important;
}

@media (max-width: 800px) {
    .et_pb_module.urlfield a.et_pb_button {
    	margin-top: 1rem;
        padding-left: 10px !important;
        padding-right: 10px !important;
	display: block;	
    }
    
    .medewerkerskolom .medewerker .contentcontainer, .ledenkolom .lid .contentcontainer {
    padding-bottom: 100px;
    }
}

.R-container {
    background-color: #00000086;
}

.logofield img {
    width: 300px;
    height: 100px;
    object-fit: contain;
    object-position: center;
}

.zoekmedewerkers .et_pb_contact_field.withselect2,
.zoekleden .et_pb_contact_field.withselect2 {
    padding: 12px 6px;
}

.zoekmedewerkers .et_pb_contact_field,
.zoekleden .et_pb_contact_field {
    background-color: #fff;
}


.zoekmedewerkers .select2-selection,
.zoekleden .select2-selection {
    border: 0 !important;
}

.zoekleden .et_pb_contact_field {
    margin-bottom: 0.5rem;
}

.homemedewerker {
    background-color: #fff;
    margin-bottom: 54px;
    height: 514px;
}

.homemedewerker:hover {
    background-color: #d7233e;
}

.homemedewerker a {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.homemedewerker a {
    text-decoration: none !important;
}

.homemedewerker .heading {
    color: #04344D!important;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
}

.homemedewerker:hover  .heading h3,
.homemedewerker:hover  .heading h5{
    /* color: #fff !important; */
}


.homemedewerker .data {
    flex-basis: 100%;
    background-size: cover;
    position: relative;
}

.homemedewerker .data::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,rgba(188,201,207,0) 22%,rgba(4,52,77,0.25) 58%,#04344d 100%);
    content: '';   
}

.homemedewerker:hover .data::after {
    background: linear-gradient(180deg,rgba(188,201,207,0) 22%,rgba(4,52,77,0.05) 58%,#04344d 100%);
}


.homemedewerker .data .txt {
        position: absolute;
        bottom: 15px;
        left: 20px;
        z-index: 2;
        width: calc(100% - 52px);
        border-left: 2px solid #d7233e;
        padding-left: 12px;
        color: #fff;
}

.homemedewerker .data .txt h4 {
    color: #fff !important; 
    font-size: 22px;
}

@media (min-width: 981px) {
    .homemedewerkersmodule .et_pb_column,
    .homemedewerkersmodule .et_pb_column {
        margin-right: 3.5% !important;
    }
}

body .ol-popup {
    /* position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    padding: 10px 25px 10px 10px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px; */
    min-width: 260px;
}

.medewerker h5 {
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1.3;
}

.programmafield h5 {
    margin-top: 1rem;
}

.programmafield .programma p {
    padding-bottom: 0 !important;
}

.prijzenfield .label {
    margin-top: 1rem;
    display: block;
    font-weight: 700 !important;
}

.medewerker .tijdfield,
.medewerker .welklidfield,
.medewerker .prijzenfield {
    margin-bottom: 1rem;
}

.medewerker .linkfield.urlfield,
.lid .linkfield.urlfield {
    margin-bottom: 16px !important;
}

.lid .logofield {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.ol-popup a {
    color: #000;
}

a.ol-popup-closer,
a.ol-popup-closer::after {
    text-decoration: none !important;
}

/* .ol-popup>div {
    margin-top: -70px;
    margin-bottom: -20px;
} */

/* pre.wp-block-preformatted {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
} */


.controlsbox {
    position: sticky;
    top: 30px;
}

.controlsbox input[type="date"] {
    -webkit-appearance: none;
    background-color: #fff;
    margin-top: 0.5rem;
    width: 100%;
    border-width: 0;
    border-radius: 0;
    color: #999;
    font-size: 14px;
    padding: 16px;
}

@media (max-width: 800px) {
    .medewerkersmodule .et_pb_contact_form, .ledenmodule .et_pb_contact_form {
        margin-left: 0;
    }

    .medewerkersmodule .medewerkerslijstcontrols, .ledenmodule .ledenlijstcontrols {
        padding-left: 0;
    }
}

.formfieldcontainer[data-property=about] {
    width: 100%;

}
/* Multiline velden */
.formfieldcontainer[data-property=about] .formfield {
    min-height: 3rem;
    display:inline-block;
    width: 100%;
    word-wrap: break-word;
    word-break: normal;
    white-space: pre-wrap;

}


.lidtile,
.medewerkertile {
    width: 31%;
    overflow: hidden;
    margin-right: 1%;
    background-color: #123962;
    color: #fff;
}

.lidtile h2,
.medewerkertile h2 {
    color: #fff;
    margin: 15px 30px 0px;
    font-size: inherit !important;
    font-weight: bold;
}

.lidtile h3,
.medewerkertile h3 {
    color: #76BBFB;
    margin: 0 30px 15px;
    font-size: inherit !important;
    font-weight: bold;
}

.lidtile .ondervlak,
.medewerkertile .ondervlak {
    position: relative;
}

.lidtile .ondervlak .new,
.medewerkertile .ondervlak .new {
   position: absolute;
    top: -61px;
    height: 40px;
    line-height: 40px;
    background-color: #ff7f00;
    color: #fff;
    text-align: left;
    font-weight: bold;
    width: 100%;
    padding-left: 31px;
}

.lidtile .ondervlak .new {
    top: -40px;
}

.rechterkant .formfieldcontainer {
    margin: 0 30px 5px;
}
.editable .rechterkant .formfieldcontainer {
    padding-right: 30px;
}

.lidtile .formfieldcontainer[data-property=voornaam],
.medewerkertile .formfieldcontainer[data-property=voornaam] {
    margin-left: 30px;
}

.lidtile .formfieldcontainer[data-property=voornaam],
.lidtile .formfieldcontainer[data-property=achternaam],
.medewerkertile .formfieldcontainer[data-property=voornaam],
.medewerkertile .formfieldcontainer[data-property=achternaam] {
    display: inline-block;
}

.lidtile .formfieldcontainer[data-property=voornaam] h2,
.lidtile .formfieldcontainer[data-property=achternaam] h2,
.medewerkertile .formfieldcontainer[data-property=voornaam] h2,
.medewerkertile .formfieldcontainer[data-property=achternaam] h2 {
    margin-left: 0;
    margin-right: 0;
}


.lidtile .formfieldcontainer[data-property=functie],
.medewerkertile .formfieldcontainer[data-property=functie] {
    color: #79bafc !important;
    margin: 5px 30px 30px;
}

.lidtile .formfieldcontainer[data-property=logo],
.lidtile .formfieldcontainer[data-property=logo] img,
.medewerkertile .formfieldcontainer[data-property=poster],
.medewerkertile .formfieldcontainer[data-property=poster] img {
    background-color: #fff;
    width: 100%;
    height: auto;
}

.medewerkertile .formfieldcontainer[data-property=foto] img {
    aspect-ratio: 1.34;
    object-fit: contain;
    background-color: #fff;
}

.lidtile .formfieldcontainer[data-property=logo] img{ 
aspect-ratio: 1.34;
padding: 30px;
object-fit: contain;
}

.rechterkant .formfieldcontainer[data-property=foto] {
    margin: 0 0 5px;
    width: 100%;
    height: auto;
    background-color: #fff;
}

.rechterkant .formfieldcontainer[data-property=foto] img {
    display: block;
    width: 100%;
    object-fit: contain;
    background-color: #fff;
    height: auto;
}

.rechterkant .formfieldcontainer[data-property=naam] {
    margin: 15px 30px 5px;
    font-weight: bold;
}

.rechterkant .formfieldcontainer[data-property=functie] {
    font-weight: bold;
    margin: 0 30px 15px;
    color: #81c3ff;
}

.rechterkant .formfieldcontainer[data-property=email] {
    margin: 15px 30px 5px;
    /* font-weight: bold; */
}


/* .lid.full {
    display: flex;
    gap: 5rem;
} */

.lid.full .linkerkant {
    width: 69%;
}


.lid.full .rechterkant {
    width: 31%;
}

.medewerker.kadertje {
    background-color: #123962;
    color: #fff;
}

.medewerker.kadertje img {
    display: block;
}


.medewerker .medewerkerdata {
    padding: 30px;
    color: #fff;
}

.medewerker.kadertje a,
.medewerker.kadertje .formfieldcontainer a.formfield {
    color: #fff !important;
}

.medewerker.kadertje h2,
.medewerker.kadertje .formfieldcontainer h2.formfield {
    color: #fff !important;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
}

.medewerker.kadertje h3,
.medewerker.kadertje .formfieldcontainer h3.formfield {
    margin-left: 0;
    margin-right: 0;
    color: #76BBFB !important;
    font-size: inherit;
    font-weight: bold;
}

.lidtile img,
.medewerker.kadertje img {
    aspect-ratio: 872 / 721;
    object-fit: cover;
}


/* GOEDE STYLING */
.lid .objectcontainer,
.owdi_displaymedewerkersvanmember .objectcontainer,
.medewerkerskolom .objectcontainer {
    display: flex;
    flex-wrap: wrap ;
}

.lid .objectcontainer .linkerkant,
.owdi_displaymedewerkersvanmember .objectcontainer .linkerkant,
.medewerkerskolom .objectcontainer .linkerkant {
    width: 69%;
    padding: 0 40px 0 0;
}

.lid .objectcontainer .rechterkant,
.owdi_displaymedewerkersvanmember .objectcontainer .rechterkant,
.medewerkerskolom .objectcontainer .rechterkant {
    width: 31%;
    background-color: #123962;
    padding-bottom: 30px;
    color: #fff;
    /* padding: 25px 30px; */
}


.liddata {
    padding-top: 30px;
}

.rechterkant h2, 
.rechterkant h3 {
    font-size: inherit;
    margin: 5px 30px 5px;
    color: #fff;
    font-weight: bold;
}

.rechterkant h3 {
    color: #76BBFB;
}

.owdi_displaymedewerkersvanmember .objectcontainer {
    margin-bottom: 0;
}

.socials {
    display: block;
    margin: 5px 30px 5px;
}

.socials .formfieldcontainer {
    width: 30px;
    height: 30px;
    margin: 0;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}

.editable .socials .formfieldcontainer {
    width: 62px;
}

.editable .socials .formfieldcontainer.editing {
    min-width: 62px;
    width: auto;
    font-size: 18px;
}

.editable .socials .formfieldcontainer.editing .icon.iseditable {
    width: auto;
}


.editable .socials .formfieldcontainer.editing a.formfield {
    background: none !important;
    width: auto !important;
}  
.socials .icon {
    width: 30px;
    height: 30px;
    display: block;
} 

.socials .icon a {
    display: block;
    min-width: 0 !important;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.socials .icon a.formfield.icon_linkedin,
.socials .icon a.formfield.icon_linkedin_bedrijf {
    background-image: url(images/linkedin.png);
}

.socials .icon a.formfield.icon_webadres,
.socials .icon a.formfield.icon_url {
    background-image: url(images/url.png);
}


.socials .icon a.formfield.icon_insta,
.socials .icon a.formfield.icon_insta_bedrijf {
    background-image: url(images/insta.png);
}

.socials .icon a.formfield.icon_facebook,
.socials .icon a.formfield.icon_facebook_bedrijf {
    background-image: url(images/facebook.png);
}

.medewerkertile h2 {
    color: #fff;
    margin: 15px 30px 0px;
    font-size: 14px !important;
    font-weight: bold;
}

.medewerkertile h3 {
    color: #76BBFB;
    margin: 0 30px 15px;
    font-size: 14px !important;
    font-weight: bold;
}

.medewerkertile img {
    width: 100%;
    aspect-ratio: 1.34 / 1;
    object-fit: contain;
    background-color: #fff;
}

div[data-property="email"] a,
.liddata div.formfieldcontainer[data-property="email"] a.formfield {
    color: #fff !important;
}

div[data-property="postcode"], 
div[data-property="plaats"] {
    display: inline-block;
}

.rechterkant div[data-property="postcode"] {
    margin-right: 5px;
}

.rechterkant div[data-property="plaats"] {
    margin-left: 0;
}



div[data-property="openingstijden"] .formfield,
div[data-property="openingstijden"] .formfieldlabel {
    display: inline;
}

div[data-property="zoekwoorden"] .formfield,
div[data-property="zoekwoorden"] .formfieldlabel {
    display: inline;
}

div[data-property="bedrijfstype"] .formfield,
div[data-property="bedrijfstype"] .formfieldlabel {
    display: inline;
}

div[data-property="soortbedrijf"] .formfield,
div[data-property="soortbedrijf"] .formfieldlabel {
    display: inline;
}

div[data-property="factuurnaam"] .formfield,
div[data-property="factuurnaam"] .formfieldlabel {
    display: inline;
}
div[data-property="factuuremail"] .formfield,
div[data-property="factuuremail"] .formfieldlabel {
    display: inline;
}




.editable .rechterkant .formfieldcontainer .formfield {
    min-width: 50px;
}

.editable .socials .formfieldcontainer div.icon.iseditable a.formfield {
    color: #fff !important;
}

.beheermodule #loginform label {
    width: 300px;
    display: inline-block;
}

.beheermodule #loginform input[type=text],
.beheermodule #loginform input[type=password] {
    padding: 6px;
    width: 220px;
    border: 1px solid #194573;
}


.beheermodule #loginform p.login-submit {
    overflow: hidden;
    position: relative;
    border-radius: 40px !important;
    display: inline-block;
    border: 1px solid #194573;
}

.beheermodule #loginform p.login-submit::before {
    position: absolute;
    transition: left 300ms linear !important;
     color: #ff7f00 !important;
    font-family: ETmodules !important;
    content: "E" !important;
    font-weight: 400 !important;
    left: 25px;
    top: 2px;
    padding-right: 6px;
    content: attr(data-icon);
    display: inline-block;
    z-index: -1;
    font-family: ETModules;
    font-size: inherit;
    line-height: inherit;
    vertical-align: bottom;
}

.beheermodule #loginform p.login-submit input {
    padding: 6px 26px 8px 44px;
    vertical-align: top;
    position: relative;
    z-index: 2;
    cursor: pointer;
    font-size: 18px;
    left: 0;
    top: 0;
    background-color: transparent;
    border: 0;

    transition: padding 300ms linear !important;
}

.beheermodule #loginform p.login-submit:hover::before {
    left: calc(100% - 40px) !important;
    padding: 0 !important;
    padding-left: 6px !important;
    transition: left 300ms linear !important;
}

.beheermodule #loginform p.login-submit:hover input {
    padding: 6px 46px 8px 24px;
}
.beheermodule #loginform input[type=submit] {

}

.koopproduct .cart .owx_extra_question {    
    box-sizing: border-box;
    /* border: 1px solid #bbb; */
    font-size: 14px;
    line-height: 38px;
    padding: 0 12px;
    margin: 8px 0 0 0;
    max-width: 100%;
    inline-size: 100%;
    font-family: 'Outfit',Helvetica,Arial,Lucida,sans-serif!important;
    text-align: left!important;
    border-radius: 200px 200px 200px 200px;
    border-color: #194573!important;
    color: #194573;
}


.koopproduct .cart label {
    font-weight: 500;
    font-family: 'Outfit',Helvetica,Arial,Lucida,sans-serif!important;
    color: #194573;
}

.koopproduct .cart button {
    cursor: pointer;
    border-radius: 200px 200px 200px 200px;
    background-color: transparent;
    border-color: #194573!important;
    font-weight: 500;
    font-family: 'Outfit',Helvetica,Arial,Lucida,sans-serif!important;
    color: #194573;
    padding: 5px 20px;
    font-size: 18px;
    border-style: solid;
    margin-top: 24px;
}

.formfeedback {
    font-family: 'Outfit',Helvetica,Arial,Lucida,sans-serif!important;
    color: #194573;
    padding: 5px 20px;
}

.formfeedback.error {
    color: #f00;
}

.added_to_cart.wc-forward {
    margin-left: 20px;
}