/*
 Theme Name:	ZiekenhuisPlanners - Child theme
 Theme URI:		https://wwww.ziekenhuisplanners.nl/
 Description:	Child theme voor het custom thema voor ZiekenhuisPlanners
 Author: 		Afix
 Author URI:	https://www.afix.nl
 Template:		ziekenhuisplanners
 Version:		1.0.0
 Tags:			afix, custom, thema
 Text Domain:   ziekenhuisplanners-child
*/

/* =Eigen CSS hier beneden plaatsen
-------------------------------------------------------------- */

::-moz-selection {
    color: #ffffff;
    background: #bd0926;
}

::selection {
    color: #ffffff;
    background: #bd0926;
}

.image-fill.home-header {
    z-index: -2;
}

.testimonial-grid-cl > div:first-child {
    display: none;
}

.testimonial-grid-cl > .w-embed {
    display: none;
}

/* Gravity Forms */

.gfield {
    margin-bottom: 48px;
}

.ginput_container input {
    height:  38px;
}

.ginput_container textarea {
    height: 104px;
}

.ginput_container input, .ginput_container textarea {
    width: 100%;
    padding: 20px 12px;
    border-style: solid;
    border-width: 0 0 2px;
    border-color: #000 #000 rgba(77,77,79,.2);
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
    vertical-align: middle;
    background-color: #fff;
}

.ginput_container input:focus, .ginput_container textarea:focus {
    border-bottom-color: #ffa200;
}

.ginput_container input:focus-visible, .ginput_container textarea:focus-visible,
.ginput_container select:focus-visible {
    outline:  0;
}

.ginput_container select {
    padding: 12px 24px;
    border: 2px solid rgba(77,77,79,.2);
    border-radius: 6px;
}

.ginput_container select[multiple="multiple"] {
    width: 100%;
    border-radius: 6px;
    padding: 12px 0;
    overflow-y: auto;
}

.ginput_container select[multiple="multiple"] option {
    padding: 12px 24px;
}

.ginput_container input[type="checkbox"], .ginput_container input[type="radio"] {
    width: auto;
    display: inline-block;
}

.ginput_container input[type="checkbox"] + label, .ginput_container input[type="radio"] + label {
    display: inline-block;
}



.gfield_checkbox input[type=checkbox], .gfield_radio input[type=radio] {
    opacity: 0;
    position: absolute;   
}
.gfield_checkbox input[type=checkbox] + label, .gfield_radio input[type=radio] + label {
    position: relative;
    overflow: hidden;
    font-size:  16px;
    font-weight:  400;
    padding-left: 40px;
    font-family:  'Montserrat', Helvetica, Arial, sans-serif;
    cursor: pointer;
    display: inline-block;
}

.gfield_checkbox input[type=checkbox] + label:before,
.gfield_checkbox input[type=checkbox] + label:after, 
.gfield_radio input[type=radio] + label:before, 
.gfield_radio input[type=radio] + label:after  {
    content: '';
    position: absolute;
    left: 0;
    z-index: 1;
    -webkit-transition: .2s;
    transition: .2s;
}
.gfield_checkbox input[type=checkbox]:not(:checked) + label:after, 
.gfield_radio input[type=radio]:not(:checked) + label:after {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(77,77,79,.2);
    top: 5px;
    border-radius:  2px;
}

.gfield_checkbox input[type=checkbox]:checked + label:after {
    top: 5px;
    width: 16px;
    height: 16px;
    border: 2px solid #ffa200;
    background-color: #ffa200;
    z-index: 0;
    border-radius: 2px
}

.gfield_radio input[type=radio]:checked + label:after {
    top: 5px;
    width: 16px;
    height: 16px;
    border: 2px solid #ffa200;
    background-color: #fff;
    z-index: 0;
    border-radius: 2px
}

.gfield_radio input[type=radio]:not(:checked) + label:after, 
.gfield_radio input[type=radio]:checked + label:after {
    border-radius:  200px;
}

/* before */
.gfield_checkbox input[type=checkbox]:not(:checked) + label:before {
    left: 7px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid transparent;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.gfield_radio input[type=radio]:not(:checked) + label:before {
    left: 5px;
    top: 10px;
    width: 10px;
    height: 10px;
    background: #FFF;
    border-radius: 200px;
}

.gfield_checkbox input[type=checkbox]:checked + label:before {
    left: 7px;
    top: 8px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.gfield_radio input[type=radio]:checked + label:before {
    left: 5px;
    top: 10px;
    width: 10px;
    height: 10px;
    background: #ffa200;;
    border-radius: 200px;
}

.gform_button {
    padding: 12px 56px 12px 24px;
    border-radius: 200px;
    background-color: #bd0926;
    -webkit-transition: .2s;
    transition: .2s;
    font-family: soleil,sans-serif;
    color: #fff;
    border: 0;
    box-shadow: none;
    cursor: pointer;
}

.gform_button:hover {
    background-color: #a71028;
    background-position: 88% 50%;
}

.gform_button:focus-visible {
    outline: 0;
}


.base-header { 
    width: 100%;
    -webkit-transition:  max-width .2s ease-; /* For Safari 3.1 to 6.0 */
    transition: max-width .2s ease;
}


.fullwidth-header {
    width: 100%;
    -webkit-transition:  max-width .2s ease-; /* For Safari 3.1 to 6.0 */
    transition: max-width .2s ease;
    border-radius: 0;
    transform: translateY(-32px);
    border-radius: 0 0 40px 40px;
    max-width:  1240px;
}

.fullwidth-header .navigation-link:not(.navigation-button) {
    padding:  24px 0 26px 0;
}

.fullwidth-header .dropdown-link {
    padding-top:  24px;
    padding-bottom:  24px;
}

@media only screen and (max-width: 991px) {
    .fullwidth-header {
        transform: translateY(-24px);
    }

    .base-header + a + .browser-detect + .w-nav-overlay {
        margin-top: -32px;
        z-index: -1;
    }

    .fullwidth-header + a + .browser-detect + .w-nav-overlay {
        margin-top: -64px;
        z-index: -1;
    }

    .base-header + a + .browser-detect + .w-nav-overlay .navigation-menu {
        padding-top: 48px;
    }

    .fullwidth-header + a + .browser-detect + .w-nav-overlay .navigation-menu {
        padding-top: 64px;
    }

    .w-nav-overlay .navigation-menu {
        box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
    }
}

@media only screen and (max-width: 767px) {
    .fullwidth-header {
        transform: translateY(-12px);
    }
}

.footer .gform_wrapper {
    position: relative;
}

.footer .gform_wrapper label {
    font-size: 14px;
    margin-top: 0;
    text-indent: -999999px;
    display: none !important;
}

.footer .gform_wrapper .gfield {
    margin-bottom: 24px;
}

.gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 0;
}

.footer-grid .gform_validation_errors {
    display:  none;
}

.footer-grid .validation_message {
    font-size:  11px;
    font-style: italic;
}

.navigation-link.w--current .current-border-top {background-color: #bd0926}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .browser-detect { display:block;} }

.kenniscentrum-mask {
    margin-bottom:  32px;
}

.single .gform_wrapper:not(#gform_wrapper_2) {
    padding: 48px;
    border-radius: 40px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgb(0 0 0 / 5%);
}


.gform_validation_errors {
    margin-bottom: 24px;
}

.gform_validation_errors .gform_submission_error {
    border-left: 4px solid #bd0926;
    padding:  12px 24px;
    font-size: 15px;
    font-weight:  400;
    line-height:  2;
}

.validation_message {
    color:  #bd0926;
    font-size:  12px;
    font-style:  italic;
}

.fullwidth-image-wrapper img {
    max-width:  100%;
    border-radius: 20px;
    overflow:  hidden;
}

.default-page-wrapper {
    margin-left:  0;
    margin-right:  0;
}


.gfield_description {
    font-size: 13px;
    font-style: italic;
    color: rgba(0,0,0,0.6);
}

/* Bericht CSS */

.afbeelding-volle-breedte {
    max-width: 896px;
    overflow: hidden;
    width: 100%;
    border-radius: 20px;
}

.hurrytimer-headline {
    font-family: soleil, sans-serif !important;
    color: #ffa200!important;
    font-size: 32px!important;
    font-weight: 700!important;
    margin-bottom: 12px!important;
}

.hurrytimer-timer-block {
    padding: 24px!important;
    background: #FFF!important;
    width: 32px!important;
    margin: 2px !important;
    border-radius: 8px !important;
}

.hurrytimer-timer-digit {
    font-size: 40px !important;
    font-weight: 600 !important;
    color: #4d4d4f !important;
    margin-bottom: 4px !important;
}

.hurrytimer-timer-label {
    color: #ffa200!important;
    letter-spacing: 1px !important;
    font-size: 12px !important;
}

.two-col-image-left h2:first-child, .content-rich-text h2:first-child {
    margin-top: 0;
}

.two-col-image-left p:last-child, .content-rich-text p:last-child {
    margin-bottom: 0;
}

.testimonial-link { font-style: italic; color: #4d4d4f;}
.testimonial-link:hover { color: #ffa200; }

.testimonial-grid-cl { 
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.gform_wrapper .gfield_required {
    color:  #bd0926 !important;
}

@media only screen and (max-width: 992px) {
    .testimonial-grid-cl {
        -ms-grid-columns: 1fr !important;
        grid-template-columns: 1fr !important;
    }   
}

header .button.button-blauw { 
    margin-top: 24px;
}

.dictionary-link { 
    display: block;
}
.dictionary_list > div {
    display:  none;
}

.letter_wrapper {
    padding-top: 72px;
    padding-bottom: 72px;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gchoice {
    position: relative;
}


.filter {
    margin-top: 4rem;
}

.filter .searchandfilter ul {
    padding-left: 0;
}

.filter .searchandfilter ul li {
    padding: 0;
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.filter .searchandfilter label {
    width: 100%;
    position: relative;
    max-width: 25rem;
}

.filter .searchandfilter input[type="text"] {
    padding: 1rem 2rem;
    width: 100%;
    border-radius: 100rem;
    border: 0;
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.04);
    min-height: 3.5rem;
    transition: all .3s ease;
    -webkit-appearance: none;
}

.filter .searchandfilter .sf-field-search label:after {
    content: "";
    display: block;
    background: rgba(189, 9, 38, .1);
    border-radius: 20rem;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    right: 0.4rem;
    top: 0;
    bottom: 0;
    background-image: url(../ziekenhuisplanners-child/images/search-red.svg);
    border: 1.5px solid rgba(189, 9, 38, 1);
    background-size: 1.25rem;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease;
    margin-top: auto;
    margin-bottom: auto;
}

.filter .searchandfilter input[type="text"]::placeholder {
    font-size: 1rem;
    color: rgba(77, 77, 79, 0.6);
    font-weight: 400;
}

.filter .searchandfilter input[type="text"]:focus-visible{
    outline: 0;
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}

.filter .searchandfilter label:hover:after {
    background-color: rgba(189, 9, 38, .2);
}

.filter input[type="text"]:disabled {
    opacity: 1!important;
    background-color: #FFF !important;
}

.searchandfilter li[data-sf-field-input-type=checkbox] label {
    padding-left: 2.25rem;
}

.filter .sf-field-taxonomy-subcategorie input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.filter .sf-field-taxonomy-subcategorie input[type="checkbox"] + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 0.25rem;
    left: 0;
    height: 1.5rem;
    width: 1.5rem;
    background-color: rgba(77, 77, 79, 0.15);
    border-radius: 0.25rem;
    transition: all .3s ease;
    background-size: .875rem;
    background-repeat: no-repeat;
    background-position: center 2px;
}

.filter .sf-field-taxonomy-subcategorie input[type="checkbox"]:hover + label:after {
    background-color: rgba(77, 77, 79, 0.25);
}

.filter .sf-field-taxonomy-subcategorie input[type="checkbox"]:checked + label:after {
    background-color: #bd0926;
    background-image: url('../ziekenhuisplanners-child/images/checkmark-white.svg');
    background-size: .875rem;
    background-repeat: no-repeat;
    background-position: center;
}

.filter + .category-clw {
    margin-top: 5rem;
}

.sf-field-taxonomy-subcategorie {
    text-align: right;
}

.searchandfilter select.sf-input-select {
    min-width: auto;
    padding: 0.75rem 4rem 0.75rem 1.5rem;
    border-radius: 20rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: 300;
    color: rgba(77, 77, 79, 0.8);
    font-size: 1rem;
    background-image: url(../ziekenhuisplanners-child/images/arrow-down-red.svg);
    background-repeat: no-repeat;
    background-size: 0.75rem;
    background-position: right 1.5rem center;
    border-color: rgba(189, 9, 38, .1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, .02);
    min-height: 3.5rem;
    background-color: #FFF;
}

select.sf-input-select:focus-visible {
    outline: 0;
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0,.1);
}

.news-category {
    display: inline-block;
    margin-top: 0.5rem;
    padding: 0.25rem 0.375rem;
    border-radius: 0.25rem;
    background-color: #bd0926;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
}

.category-wrapper.single {
    padding-left: 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgb(189, 9, 38, .1);
    width: 100%;
}

@media screen and (min-width: 991px) {
    .header-wrapper {
        padding-top: 144px;
        padding-bottom: 144px;
    }
}

@media only screen and (max-width: 768px) {
    .filter .searchandfilter ul li {
        width: 100%;
        margin-bottom: 2rem;
        text-align: left;
    }

    .searchandfilter select.sf-input-select {
        width: 100%;
        padding: 0.75rem 4rem 0.75rem 2rem;
    }

    .filter + .category-clw {
        margin-top: 2rem;
    }

    .filter .searchandfilter label {
        max-width: unset;
    }
}