/* CSS Document home banner */

.banner-tekst-home { width: 100%;  height: auto; display:inline-block; color:#fff;  font-weight: bold; text-shadow: 2px 2px 3px #000000; z-index: 999999; text-align: center;position: relative; font-family: ff-cocon-pro, sans-serif!important}

.banner-home { width: 100%; height: 400px; background-color:#eee;}


/* TABLET PROTRAIT */
@media screen and (min-width: 40em) and (max-width:59.9999em) {
    .contentblock.home, .maincontent_home.blauw { position: relative; z-index: 1000000;}
}

@media screen and (max-width:59.9999em) {
    .banner-tekst-home {margin-top: 14%; line-height: 48px; font-size: 200%;}
    .banner.breed, .banner.home {height: 400px;}
}


@media screen and (min-width:60em) {
    .banner-tekst-home {
        margin: 10% 0 10%;
        font-size: 60px;
    }

    .banner-tekst-home-groot {
        font-size: 250%;
    }

    .banner.breed, .banner.home {
        height: 400px;
    }

    .banner.breed, .banner.home {
        width: 100%;
        padding: 6% 0 5%;
        background-image: url(../images/banner-home-img-3.png);
        background-position: right top;
        background-size: 100%;
        background-repeat: no-repeat
    }

    .banner_home_links .cat_banner h2 a .h2-groot {
        font-size: 18px;
        line-height: 24px;
    }

    .banner_home_links .cat_banner h2 a .h2-kleiner {
        font-size: 15px;
        line-height: 23px !important;
    }

    .banner_home_links h2 i {
        float: left;
        width: 11%;
        color: #fff;
    }

    .banner_home_links h2 a {
        float: left;
        width: 85%;
        color: #fff;
    }

    .cat.three:after {
        background-image: url(../images/logo-vwt-transparant.png);
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        background-size: cover;
    }
}

/* groene vacaturebanner in home */
.maincontent_home.groen {padding: 0 0  1% 0 ;width: 100%; }

.maincontent_home.groen { padding-bottom: 4%; background: linear-gradient(90deg, #5ACCC2, #0098AD);
background: -webkit-linear-gradient(to bottom, rgb(102, 193, 191), rgb(0, 152, 173));
background: -o-linear-gradient(to bottom, rgb(102, 193, 191), rgb(0, 152, 173));
background: -moz-linear-gradient(to bottom, rgb(102, 193, 191), rgb(0, 152, 173));
background: linear-gradient(to bottom, rgb(102, 193, 191), rgb(0, 152, 173));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66C1BF', EndColorStr='#0098AD')";
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#66C1BF', EndColorStr='#0098AD', GradientType=1);}

/* HIER HET BEGIN VAN :  bigger monitor (>= ??? na iPad) */
@media screen and (min-width:80em) {
    /*.banner.vrijwilligerswerk, .banner.vrijwilligerswerkvinden { height: 100px;}*/
    .banner.breed, .banner.home {height: 355px;}
    .banner_link {display:inline-block;}
    .agenda { float: left; display:inline-block; overflow:hidden; width: 86%;  padding: 3% 7% 3% ; height:28%; background-color:#AFCA0B;}
    .banner_nieuws {  float: left; display:inline-block; overflow:hidden; width: 86%;padding: 5% 7% 4%; height: 28%;  background-color: #6C9C30;
        -webkit-border-top-right-radius: 25px; border-top-right-radius: 25px; -moz-border-radius-topright: 25px;
        -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-topleft: 0;
        -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
        -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
    }
    .banner_nieuws .kopje_actueel { border-bottom: 1px dotted #f2f9a0; margin-bottom: 5px;}
    .agenda .kopje_actueel  { border-bottom: 1px dotted #c1a9da; margin-bottom: 5px;}
    .kopje_actueel {font-size: 18px;}
    .nieuwstekst a { font-size :14px;}

    a .cat {color: #fff; font-weight: bold!important;}
    a .cat:hover {color: #fff!important;}

    /* groen blok in home banner */
    .banner_home_links .cat_banner h2 a .h2-kleiner  { font-size: 17px; line-height: 23px;}
    .banner_home_links h2 i { float:left; width: 11%; color:#fff;}
    .banner_home_links h2 a { float:left; width: 85%; color:#fff;}
}

/* CAT THREE BANNER */
.banner_home_links .cat_banner h2 a .h2-groot { font-family: ff-cocon-pro, sans-serif;width: 100%;  color:#fff; font-weight: normal;}
.banner_home_links .cat_banner h2 a .h2-kleiner  { font-weight:normal!important; padding: 10px 0 0 0!important; font-family: europa, sans-serif!important; width: 100%; color:#fff;}
/*.banner_home_links .cat_banner h2 { font-weight: normal; line-height: 45px;   display:inline-block; font-family: ff-cocon-pro, sans-serif;  color:#fff;}*/


.fas.fa-user-graduate:before, .far.fa-question-circle:before, .fa-info-square:before, .fa-hand-heart:before  { float:left; font-size: 25px;}
.fas.fa-hands-helping:before { float:left; font-size: 22px;}

    /* ROSE IN KLEINE AFBEELDINGEN VERVOLGPAGINAS */
.inner_collor.rose.home { color: #fff !important;}

/* /// NIEUWS IN TOPBANNER */
.kopje_actueel, .agenda,  #bottom, .copyright, .banner_home {-moz-border-radius: 0!important;-webkit-border-radius: 0!important;    border-radius: 0!important;}
.banner_nieuws {display:inline;}
.kopje_actueel,  .nieuwstekst a { padding: 4px 0 0; }
.banner_nieuws header a { font-weight: 400; color: #fff; line-height: 21px; float:left; font-size: 16px; }
.agenda header {   width: 100%; display:inline-block;}
.banner_nieuws a, .agenda a { color:#fff; font-weight: bold;}
.kopje_actueel { font-weight: normal;    width: auto; color:#fff; display:inline-block;
    -webkit-text-shadow:1px 1px 1px #717200;    text-shadow: 1px 1px 1px #717200; -moz-text-shadow:1px 1px 1px #717200;
}
.agenda .kopje_actueel  {
    -webkit-text-shadow:1px 1px 1px #333;    text-shadow: 1px 1px 1px #333; -moz-text-shadow:1px 1px 1px #333;
}
.nieuwstekst {  padding:0 0; width: 100%; display:inline-block; }
.nieuwstekst a { display:inline-block;
    transform: scaleY(0.9);
    transform-origin: 0 0;
    -webkit-text-shadow:1px 1px 1px #717200;    text-shadow: 1px 1px 1px #717200; -moz-text-shadow:1px 1px 1px #717200;
}
.agenda .nieuwstekst a {
    -webkit-text-shadow:1px 1px 1px #333;    text-shadow: 1px 1px 1px #333; -moz-text-shadow:1px 1px 1px #333;
}

.agenda .nieuwstekst a:hover, .nieuwstekst a:hover { opacity: 0.7;}
.agenda .kopje_actueel a:hover:after, .banner_nieuws .kopje_actueel a:hover:after {display: inline;  font-family: "fontawesome"; padding-bottom: 0; margin-bottom: 0;content: "\f101"; color:#f2f9a0; padding-left: 7px; font-weight: normal; position: relative;}
.nieuwstekst a:hover:before , .agenda .nieuwstekst a:hover:before{ color:#333;}
.nieuwstekst a:before  { font-family: FontAwesome; display:inline; content: "\f101"; padding-right: 7px;padding-bottom: 12px; color: #f2f9a0; font-weight: normal; position: relative; float:left; }
.nieuws_datum { width: auto; float:left; font-size: 14px; padding-right: 10px; }
.agenda .nieuwstekst a:before { color: #d0bbf2; }
}