/* cmsms stylesheet: responsive modified: maandag 2 maart 2026 15:37:01 */
{* responsive *}

/********************************************************************************
 * SMALLER SCREENS
 ********************************************************************************/

/* Voor mediaqueries gebruik IE css3-mediaqueries.js vereist! */

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

    span.actionhead {
        font-size: 2em !important;
    }

    #menu_horiz a {
        padding: 26px 8px 25px 8px !important;
    }

    ul.slides .fourcol {
        margin-bottom: 0 !important;
        height: 35px;
        line-height: 1.2em;
    }

    .flexslider ul.slides {
        max-height: 500px !important;
    }

    a.bedrijfslink {
        background: transparent url(/images/partner_arrow.png) no-repeat left top 3px !important;
    }

}

/********************************************************************************
 * MOBILE
 ********************************************************************************/
@media handheld, only screen and (max-width: 768px) {



    body {
        -webkit-text-size-adjust: none;
    }

    .show-mobile {
        display: block !important;
        clear: both;
    }

    .no-mobile { 
        display: none !important;
    }

    .row, body, .container {
        width: 100%;
        min-width: 0;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
        width: auto;
        float: none;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }

.cntr.cption {
    top: 50px !important;
}
img.spinning_icon {
    width: 90px;
}
span.cap_revenue {
    font-size: 1.3em;
}
span.cap_title {
    font-size: 2em;
    margin: 0 0px 10px 0;
}
span.cap_subtitle {
    font-size: 1.5em;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}
    .cption-inner {
        width: 95% !important;
    }

    .slides-navigation {
        top: 20% !important;
    }

    .tripleactions.show-mobile {
        bottom: 10px !important;
    }

    .tripleactions.show-mobile .tencol {
        display: block;
    }

    .tripleactions.show-mobile p {
        font-size: 1.1em;
        line-height: 1.3em;
    }

    .customcol {
        width: 49%;
        margin-right: 2%;
        float: left;
    }

    .customcol.last {
        margin: 0;
    }

    a.register, a.donate {
        padding: 5px !important;
        height: 150px;
        position: relative;
        color: #fff !important;
        text-decoration: none !important;
    }

    a.register:hover, a.donate:hover {
        color: #fff !important;
        text-decoration: none !important;
    }

    .act_btn {
        color: #fff;
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 10px;
        bottom: 5px;
        position: absolute;
        left: 5px;
        right: 5px;
    }

    .act_btn img {
        float: left;
        margin: 3px 5px 0 0;
    }


    .event_timer {
        margin: 10px auto 10px !important;
    }


    span.actionhead {
        font-size: 1.4em !important;
    }

    .homenews {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .fivecol.newshome {
        padding: 30px 20px;
    }

    .fivecol.twitterhome {
        padding: 30px 20px;
    }

    a.cta_news {
        margin: 20px 25% !important;
    }

    .stats {
        background-size: auto !important;
    }

    .stats h2 {
        font-size: 3em !important;
    }

    .tencol.numbers {
        margin: 0 !important;
        padding: 0 !important;
    }

    .numbers .fourcol {
        float: left !important;
        width: 30.8% !important;
        margin-right: 3.8% !important;
        padding: 0 !important;
    }

    .numbers .fourcol.last {
        margin-right: 0 !important;
    }

    span.number {
        font-size: 2em !important;
        margin-bottom: 10px !important;
    }

    span.countsort {
        font-size: 1.4em !important;
        padding-bottom: 10px !important;
    }

    .counter {
        margin-top: 0 !important;
    }

    .counter p {
        margin: 20px 0 0 0 !important;
        text-align: center;
    }


    .container.charity {
        background-size: auto !important;
        padding: 20px 0 !important;
    }

    .thankyou .innerblock {
        border-right: 0px !important;
        height: auto !important;
    }

    .thankyou select#selectpartner {
        width: 100%;
        padding: 10px 5px;
        -webkit-appearance: menulist-button;
    }

    .yearcta, .mediacta {
        margin-bottom: 10px;
    }



@media only screen and (max-width: 668px) {
    .tripleactions.show-mobile {
        position: relative !important;
        bottom: 20px !important;
        display: block !important;
    }
}