/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
    line-height: 1.5;
}

.feature-box h1 {
    margin-bottom: 22px;
}

h2 {
    color: #3D8637 !important;
    font-weight: bold !important;
    margin-bottom: 22px;
}

.socialIcons {
    margin-left: 8px;
}

    .socialIcons a {
        display: inline-block;
        color: #3D8637;
        margin: 30px 0 0 0;
    }

.callout-content h2 {
    font-size: 2rem;
}

.matchHeight {
    height: auto !important;
}

.home h3 {
    font-weight: bold;
}

.noOverflow {
    overflow: hidden;
}

.noPaddingTop {
    padding-top: 0;
}

.umbracoGrid .maps {
    position: relative;
    padding-top: 80%;
    margin-bottom: 15px;
}

    .umbracoGrid .maps .mapsInner {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        cursor: pointer;
    }

.callout-content .umbRte + .umbRte {
    border-top: 1px dashed #105C97;
}

.panel-body ul li a {
    text-decoration: underline;
}

.waste-types {
    min-height: 30px;
}

.site-header {
    position: relative;
}

    .site-header > .container {
        position: relative;
        background: #fff;
        background: -webkit-linear-gradient(top, #fff 0%, #fff 62%, #ededed 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(62%, #fff), to(#ededed));
        background: -o-linear-gradient(top, #fff 0%, #fff 62%, #ededed 100%);
        background: linear-gradient(to bottom, #fff 0%, #fff 62%, #ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@light', endColorstr='@grey-lighter', GradientType=0);
    }

.partners {
    position: relative;
    padding: 0;
}

    .partners > .container {
        position: relative;
        background: #ededed;
        background: -webkit-linear-gradient(top, #ededed 0%, #fff 38%, #fff 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(#ededed), color-stop(38%, #fff), to(#fff));
        background: -o-linear-gradient(top, #ededed 0%, #fff 38%, #fff 100%);
        background: linear-gradient(to bottom, #ededed 0%, #fff 38%, #fff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@grey-lighter', endColorstr='@light', GradientType=0);
    }

    .partners img.logo {
        height: 140px;
    }


    .partners .partnerLogo {
        display: inline-block;
        padding: 27px 0;
    }

.menuToggleWrapper {
    float: right;
}

.headerVisual,
.footerVisual {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
}

.site-header .logo h1 a {
    height: 158px;
}

.btn.navbar-toggle {
    clear: both;
}

.site-header .contact h2,
.locations {
    margin: 38px 0 65px;
}

.locationEindhoven {
    margin-top: 40px;
}

.margin-top-20 {
    margin-top: 20px;
}

.languageSelector {
    float: right;
    margin-top: 20px;
}

.englishLinkModal {
    padding-right: 30px;
    padding-top: 40px;
}

.dutchLinkModal {
    padding-top: 41px;
    padding-right: 31px;
}

.popupLanguageChooser {
    background-color: transparent;
    border: none;
    color: #105C97;
}

    .popupLanguageChooser:focus {
        outline: none;
    }

.modal-title {
    margin-top: 10px;
}

.modal-header {
    padding-top: 30px
}

.tease {
    min-height: 205px;
    border-bottom: none;
    padding-bottom: 15px;
}

    .tease hr {
        position: absolute;
        bottom: 0;
        left: 15px;
        right: 15px;
    }

.page .tease h2 {
    margin-bottom: 7px;
}

p.date {
    color: #0056a3;
    margin: 0;
    margin-bottom: 10px;
}

#contour, .contour {
    padding: 10px 0px 10px 0px;
}

.contourPageName {
    font-size: 2em !important;
    line-height: 2em !important;
}

.contourField {
    clear: both;
}

    .contourField div label {
        display: inline;
    }

.locations label {
    text-decoration: underline;
}

.formArea .formText {
    margin-bottom: 20px;
}


.linklistCol::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    bottom: 0;
    background: #105C97 url("/images/Bgr visual.svg") 25% 0 no-repeat;
    z-index: -1;
}

.linklistCol .linkList {
    display: inline-block;
    margin: 40px 30px;
    padding: 30px 30px 20px;
}


    .linklistCol .linkList h3 {
        margin-top: 0;
        font-size: 2rem;
        color: #105C97;
        font-weight: bold;
        margin-bottom: 30px;
    }

    .linklistCol .linkList a {
        display: block;
        position: relative;
        border-bottom: 1px solid #D4D4D4;
        margin-bottom: 10px;
        padding-bottom: 10px;
        padding-right: 4rem;
    }

        .linklistCol .linkList a::after {
            position: absolute;
            bottom: 12px;
            right: 0;
            display: block;
            vertical-align: middle;
            color: #003f80;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-left: .5em;
            content: "\f061";
        }

.contactPage .feature-box {
    margin-top: 40px;
}

.formPage h1 {
    font-weight: bold;
    font-size: 2rem;
    color: #3D8637;
    margin-top: 40px;
    margin-bottom: 22px;
}

.content.formPage {
    padding-bottom: 0;
}

.formPageContent {
    padding-bottom: 40px;
}

.formPage .linkList {
    width: calc(100% - 60px);
}

.ww-form {
    margin-bottom: 30px;
}

    .ww-form .umbraco-forms-indicator {
        color: #105C97;
    }

    .ww-form .form-group {
        margin-bottom: 30px;
    }

    .ww-form .form-control {
        border-radius: 4px;
        padding: 10px 12px;
        height: 45px;
        color: #5E6267;
    }

    .ww-form .form-group.checkbox > label {
        margin-bottom: 5px;
        font-weight: bold;
        padding-left: 0;
    }

    .ww-form .form-group .checkbox,
    .ww-form .form-group .radio {
        margin-top: 0;
    }

    .ww-form textarea.form-control {
        height: auto;
    }

    .ww-form .field-validation-error {
        display: block;
        color: #CB0404;
        margin-top: 5px;
    }

    .ww-form .input-validation-error.form-control {
        border-color: #CB0404;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    }

        .ww-form .input-validation-error.form-control:focus {
            border-color: #CB0404;
            -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px #ce8483;
            box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px #ce8483;
        }

.navbar-nav li a {
    color: #004785;
}

.navbar-nav > li.active a {
    border-top-color: #3D8637;
}

    .navbar-nav > li.active a:hover {
        color: white;
    }

.blue {
    color: #00325f;
}

.feature-box-check .umbRte a {
    text-decoration: underline;
}

.breadcrumb li a {
    color: #004785;
}

.location label span.fa-question-circle {
    padding-left: 9px;
}
/* Toevoegingen Thijs - Niet weggooien eerst overleggen */
iframe {
    max-width: 100%;
}

.caption {
    margin-top: 10px;
    color: #666;
}

.contourField label {
    font-size: 1.7rem;
}

.page-footer .contourField label,
.contourField .radiobuttonlist label {
    font-weight: 100;
}

.contourField input, .contourField textarea {
    color: #2b2b2b;
}

.field-validation-error {
    margin-bottom: 20px;
}

.iconButton {
    display: block;
    text-align: left;
    padding-right: 28px;
    position: relative;
    color: #3D8637;
    font-weight: bold;
    margin-bottom: 15px;
}

    .iconButton img {
        margin-right: 10px;
    }

    .iconButton::after {
        position: absolute;
        top: 18px;
        right: 12px;
        display: block;
        vertical-align: middle;
        color: #003f80;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: .5em;
        content: "\f061";
    }

.linkList {
    background-color: white;
    border-radius: 4px;
}

    .linkList .linkListInner {
        padding: 15px 20px;
    }

    .linkList .linklistLink {
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px dashed #105C97;
    }

        .linkList .linklistLink h4 {
            color: #105C97;
            font-weight: bold;
        }

        .linkList .linklistLink a {
            color: black;
        }

        .linkList .linklistLink:last-of-type {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: none;
        }

.calloutBlock {
    position: relative;
    padding: 0;
    border: none;
    text-decoration: none !important;
    overflow: hidden;
}

    .calloutBlock::after {
        color: #003f80;
        display: inline-block;
        position: absolute;
        bottom: 10px;
        right: 15px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: .5em;
        content: "\f061";
    }

    .calloutBlock .caption {
        font-style: normal;
        padding: 10px 15px;
        margin-top: 0;
        line-height: 1.5;
    }

        .calloutBlock .caption h3 {
            color: #3D8637;
            margin-top: 0;
        }


.page-footer {
    background: #0261af;
}

    .page-footer .iconButton {
        margin-bottom: 24px;
    }


.feature-box h1 {
    color: #3D8637;
    font-weight: bold;
    font-size: 2.4rem;
    margin-top: 0;
}

@media (min-width: 992px) {


    /*.site-header .logo h1 {
        margin: 0 0 32px;
    }*/
    .site-header .logo h1 a {
        height: 182px;
        width: 182px;
    }


    .site-header .contact h2 {
        margin: 30px 0 0;
    }

    .locations {
        margin: 45px 0 58px;
    }

    .menuToggleWrapper {
        float: left;
        padding-right: 15px;
        width: 75%;
    }



    .linklistCol::before {
        display: none;
    }

    .linklistCol .linkList {
        padding: 40px 40px 30px;
    }

    .formPage .background-wrapper,
    .contactPage .background-wrapper {
        position: relative;
    }

        .formPage .background-wrapper::before,
        .contactPage .background-wrapper::before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            background: #105C97 url('/images/Bgr visual.svg') 25% 0 no-repeat;
            z-index: -1;
            width: calc(50% - 15px);
            left: auto;
            right: 0;
        }
}

@media (min-width: 1200px) {
    .socialIcons {
        margin-left: 16px;
    }

        .socialIcons a {
            margin: 30px 8px 0 0;
        }
}

.accordion .panel-title button {
    display: block;
    width: 100%;
    text-align: left;
    border: none;
    position:relative;
    padding: 15px 60px 15px 30px;
    color: #105C97;
    background-color: #f2f8fc;
}
.accordion .panel-title button:active,
.accordion .panel-title button:focus,
.accordion .panel-title button:hover {
    color: #003f80;
    text-decoration: none;
}
.accordion .panel-title button.collapsed {
    background-color: transparent;
}
.accordion .panel-title button.collapsed .fa:before {
    content: "\f107";
}
.accordion .panel-title button .fa {
    line-height: .4;
    position:absolute;
    right: 30px;
    top: 17px;
}