/*
 Ingeschoten door EF2 B.V. - www.ef2.nl
 Doeltreffende communicatie
 Prima samenspel van Kees, Simon, Arthur en Diederick
 Hoewel wij de makers zijn, rusten de rechten bij onze klant.
*/
/* 
    Created on : 31-jan-2017, 10:10:38
    Author     : keescornelisse1
*/

/* MEDIA QUERIES */
@media (max-width: 1406px) {
.node-type-leeftijdsfase .view-header-leeftijdfasepagina .backlink>div, .node-type-leeftijdsfase .view-header-leeftijdfasepagina .views-field-field-headertekst .field-content {
    max-width: calc(1406px - 160px);
}
.second-main .block-center .block {
    max-width: 1280px;
}
}
@media (max-width: 1320px) {
#header nav .main-menu .menu li a {
    font-size: 16px;
    padding: 0 5px;
    }
}
.page-taxonomy-term .view-productlijn-overzicht .views-row {
    min-height: 350px;
}
.node-type-nieuws #main .main-content #block-system-main, .node-type-nieuws #main .main-content h1 {
    width: 65%;
    margin-left: 2%;
}

@media (max-width: 1160px) {
#header nav .main-menu .menu li, #header nav .main-menu .menu-name-menu-second-main-menu {
    margin-left: 10px;
    }
.node-type-leeftijdsfase .view-header-leeftijdfasepagina .backlink>div, .node-type-leeftijdsfase .view-header-leeftijdfasepagina .views-field-field-headertekst .field-content {
    max-width: calc(1160px - 130px);
}

#header nav .main-menu .block-extra-locale {
    position: absolute;
    margin-top: 30px;
    }
}

@media (max-width: 1023px) {
	.node-type-webform #block-system-main .field.field-name-body,
	.node-type-acties-evenementen .field-name-body {
        padding: 50px 15px 0 15px;
    }	
	.node-type-product .header-interactive {
		min-height: 650px;
	}
    .node-type-product .header-interactive .view-header-producten .views-field-field-product-afbeelding {
        top: 330px;
    }	
	.node-type-product .header-interactive .view-header-producten .views-field-field-product-afbeelding img {
        width: 350px;
		max-width: 100%;
    }
    .node-type-home .view-home-leeftijdenwidget.slide .view-content .views-row p {
        line-height: 20px;
    }
    .page-taxonomy-term #block-views-productlijn-overzicht-block {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .page-taxonomy-term #block-views-productlijn-wanneer-block .views-row .views-field-field-usp-s li {
        margin-top: 20px;
    }
    .page-taxonomy-term .view-productlijn-overzicht .views-row.views-row-odd, 
    .page-taxonomy-term .view-productlijn-overzicht .views-row.views-row-even {
    padding: 15px;
    margin: 0 0 5px;
    margin-left: 1%;
    }   
    .page-taxonomy-term .view-productlijn-overzicht .views-row {
        width: 49%;
    }
    #header .menu-block-wrapper ul li a {
        height: 35px;
        line-height: 35px;
    }
    #header .view-header-artikel .home-bg-image {
        min-height: 300px;
        max-height: 300px;
    }
    .view-artikel-overzicht.overzicht-2 .views-row .article-title .views-field-field-opgemaakte-titel-regel-2, .view-artikel-overzicht.overzicht-3 .views-row .article-title .views-field-field-opgemaakte-titel-regel-2, .view-artikel-overzicht.overzicht-5 .views-row .article-title .views-field-field-opgemaakte-titel-regel-2 {
        font-size: 22px;
    }
    .view-artikel-overzicht.overzicht-1 .views-row-1 .article-title .views-field-field-opgemaakte-titel-regel-2 {
        font-size: 30px;
    }
    .page-taxonomy-term .view-category-header .views-field-description-1 .field-content p {
		line-height: 20px;
    }
	.node-type-home .view-usp-s .views-row, .node-type-ontdek-prins #block-system-main .field.field-name-field-usp-s > .field-items > .field-item {
		margin-bottom: 20px;
    }   
    .node-type-leeftijdsfase .view-leeftijdsfase-verzorging .views-field-field-usp-s li .field-name-field-usp-subtitel, .node-type-leeftijdsfase .view-leeftijdsfase-verzorging .views-field-field-verzorging-items li .field-name-field-usp-subtitel {
        padding-bottom: 15px;
    }
    .node-type-leeftijdsfase .group-subbox .field.field-name-field-subalinea p {
    padding-bottom: 15px;
    }
    .node-type-leeftijdsfase .view-leeftijdsfase-verzorging .views-field-field-verzorging-tekst h2 {
        font-size: 32px!important;
    }
    .node-type-leeftijdsfase .view-leeftijdsfase-verzorging .views-field-field-verzorging-tekst p {
        max-width: 580px;
        margin: 0 auto;
    }
    .node-type-leeftijdsfase .view-leeftijdsfase-verzorging .view-content, 
    .node-type-leeftijdsfase .view-leeftijdsfase-tips {
        margin: 50px auto;
    }
    .zakelijk-overzicht {
        width: 48%;
    }
    #header .view-header-artikel .views-field-title h2 {
        line-height: 28px;
    }    
    .node-type-product .header-interactive .view-header-producten .product-titel .product-buttons,
    .node-type-product .header-interactive .view-header-producten .product-titel .views-field {
        padding-right: 0;
        max-width: 900px;
        text-align: center;
    }
    .node-type-product .header-interactive .view-header-producten .product-titel h1 {
        font-size: 36px;
        line-height: 42px;
    }
    .node-type-leeftijdsfase .view-header-leeftijdfasepagina .views-field-field-headertekst {
        top: initial;
        bottom: 80px;
    }
    .node-type-leeftijdsfase .view-header-leeftijdfasepagina .views-field-field-headertekst h1 {
        margin-bottom: 5px;
    }
    .node-type-leeftijdsfase .view-header-leeftijdfasepagina .backlink {
        top: initial;
        bottom: 30px;
    }
    .node-type-leeftijdsfase .view-header-leeftijdfasepagina .backlink a {
        font-size: 16px;
    }
    .node-type-leeftijdsfase .view-header-leeftijdfasepagina .views-field-field-headertekst p {
        font-size: 18px;
        line-height: 28px;
    }
    .node-type-leeftijdsfase .view-header-leeftijdfasepagina .backlink>div, 
    .node-type-leeftijdsfase .view-header-leeftijdfasepagina .views-field-field-headertekst .field-content {
        max-width: calc(1023px - 260px);
    }
    .node-type-leeftijdsfase .group-subbox {
        opacity: 1;
    }
    .node-type-leeftijdsfase .group-subbox .slide-up {
        transform: translateY(0px);
    }
    .node-type-leeftijdsfase .view-header-leeftijdfasepagina, .node-type-leeftijdsfase .view-header-leeftijdfasepagina .views-field-field-startafbeelding, .node-type-leeftijdsfase .view-header-leeftijdfasepagina .home-bg-image {
        background-position: center;
    }
    .node-type-leeftijdsfase .view-header-leeftijdfasepagina .views-field-field-startafbeelding {
        opacity: 0.7!important;
    }
	.view-artikel-overzicht.overzicht-1 .views-row-1 .article-title .views-field-field-opgemaakte-titel-regel-1, .view-artikel-overzicht.overzicht-4 .views-row-1 .article-title .views-field-field-opgemaakte-titel-regel-1 {
		margin-top: 0;
	}
    .view-artikel-overzicht.overzicht-2 .views-row .article-title .views-field-field-opgemaakte-titel-regel-1 {
        display: none;
    }
    #header nav .main-menu .block-locale.active, #header nav .main-menu .block-extra-locale.active {
    display: block;
    left: 0;
    width: 200px;
    position: relative;
    }
    .faq {
    column-count: 1;
    -webkit-column-count: 1;
    }   
    .voedingswijzer-step.voedingswijzer-step-4 ul.answers {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -webkit-column-gap: normal;
    -moz-column-gap: normal;
        column-gap: normal; }
    .view-actie-evenement.overzicht-1 .views-row-1 .article-title .views-field-field-opgemaakte-titel-regel-2 {
        font-size: 30px;
    }
    .view-actie-evenement.overzicht-1 .views-row-1 .article-title .views-field-field-opgemaakte-titel-regel-1 {
        font-size: 24px;
    }
    .view-actie-evenement.overzicht-2 .views-row .views-field-field-startafbeelding {
        height: 250px;
    }
    .view-actie-evenement.overzicht-2 .views-row .article-title {
        bottom: 20px;
        left: 35px;
    }
    .view-actie-evenement.overzicht-2 .views-row {
        width: 100%;
        max-width: 100%;
        margin-bottom: 15px;
        height: 250px;
    }
    .view-actie-evenement.overzicht-2 .views-field-field-opgemaakte-titel-regel-1 {
        display: none;
    }
    .view-actie-evenement.overzicht-2 .views-row .article-title {
        max-width: 345px;
        z-index: 98;
        bottom: 20px;
        left: 35px;
    }
    .view-actie-evenement.overzicht-2 .views-row .article-title .views-field-field-opgemaakte-titel-regel-2 {
        font-size: 22px!important;
    }
    
}
    
@media (max-width: 937px) {
	.node-type-product .header-interactive .view-header-producten .views-field-field-product-afbeelding {
        top: 360px;
    }
}
    
@media (max-width: 808px) {
	.node-type-tekstpagina #block-system-main .field.field-name-field-headertekst h1 {
		padding: 0 15px;
	}
}

@media (max-width: 768px) {
	.view-artikel-overzicht.overzicht-2 .views-row .article-title .views-field-field-opgemaakte-titel-regel-2, .view-artikel-overzicht.overzicht-3 .views-row .article-title .views-field-field-opgemaakte-titel-regel-2, .view-artikel-overzicht.overzicht-5 .views-row .article-title .views-field-field-opgemaakte-titel-regel-2 {
        font-size: 20px !important;
    }
	.node-type-product .header-interactive .view-header-producten .product-titel .views-field,
    .node-type-product .header-interactive .view-header-producten .product-titel .product-buttons {
        padding-right: 0;
        max-width: 640px;
        text-align: center;
    }
    .node-type-product .main-spanner .field-name-body {
		max-width: 720px;
		margin: 200px auto 40px;
    }
    
    .node-type-product .main-spanner .field-name-body h2 {
        font-size: 30px;
        line-height: 34px;
    }
    .node-type-product .main-spanner .group-subbox .field.field-name-field-subheader {
		font-size: 31px;
		line-height: 42px;
    } 
    .node-type-product .main-spanner .group-subbox .field.field-name-field-usp-afbeelding img {
        width: 100px;
    }
    .page-taxonomy-term .view-productlijn-overzicht .views-row {
        width:100%
    }
    .voedingswijzer .step-products .node-product {
        min-height: auto;
    }
    .node-type-nieuws .view-header-vacature .home-bg-image, .node-type-nieuws .view-header-vacature {
        height: 250px;
    }
    .page-taxonomy-term .view-productlijn-overzicht .views-row {
        width: 99%;
    }
    .node-type-nieuws #main .main-content #block-views-alle-nieuws-block {
        float: none;
        clear: both;
        width: 100%;
        margin: 0;
        border-radius: 0;
        box-shadow: none;
    }
    .node-type-nieuws #main .main-content h1, .node-type-nieuws #main .main-content #block-system-main {
        float: none;
        width:100%;
    }
    .node-type-nieuws #block-system-main .field h2 {
        padding: 0 15px;
        font-size: 22px;
    }
    .node-type-nieuws #main .main-content h1 {
        padding: 0 15px;
        font-size: 28px;
    }
    .node-type-nieuws .content table, .node-type-nieuws .content table img  {
        width: 100%;
    }
    .node-type-acties-evenementen div.cta-btn {
        display: block;
        float: none;
        width: 96%;
        margin: 7px auto;
        height: 150px;
        background: #98c010;
        padding: 20px 0 70px;
        font-size: 16px;
        box-sizing: border-box;
        box-shadow: none;
}
    .node-type-acties-evenementen .cta-btn span {
        font-size: 20px;
        font-weight: 700;
    }
    .comment-wrapper {
        padding: 20px 15px 45px;
    }
    .node-type-product .header-interactive .view-header-producten .views-field-field-product-sub-afbeelding {
        margin-right: 0;
        right:40px;
        bottom: 0;
    }
    .page-taxonomy-term .view-productlijn-producten .view-content .views-row {
        min-height: 362px;
    }
}
@media (max-width: 667px) {
	.node-type-product .header-interactive {
		max-height: calc(100vh - 145px);
	}
    .node-type-product .header-interactive .view-header-producten .views-field-field-product-afbeelding {
        top: 420px;
    }
	.node-type-product .header-interactive .view-header-producten .views-field-field-product-afbeelding img {
        width: 400px;
    }
    .node-type-home #header .view-home-header .view-header-animal-choice {
        top: 280px!important;
    }
    .product-storelocator {
        display: inline-block;
    }
    #header .view-home-header .views-field-field-video-titel .field-content {
        line-height: 58px;
    }
    .page-taxonomy-term .view-productlijn-overzicht .views-row {
        width: 99%;
    }
    .view-artikel-overzicht.overzicht-1 .views-row-1 .article-title {
        height: auto!important;
    }
    #block-block-6 h2 {
        font-size: 16px;
    }
    .node-type-product .header-interactive .view-header-producten .product-titel .views-field, .node-type-product .header-interactive .view-header-producten .product-titel .product-buttons {
        max-width: 360px;
    }
    .voedingswijzer .voedingswijzer-step-4 .answers li, .voedingswijzer .voedingswijzer-step-5 .answers li, .voedingswijzer .voedingswijzer-step-6 .answers li, .voedingswijzer .voedingswijzer-step-7 .answers li {
        max-width: 98%!important;
        width: 98%;
    }
    .voedingswijzer .voedingswijzer-step h4 {
        line-height: 26px;
    }
    .voedingswijzer .step-products {
         margin: 0;   
    }
    .newsletter-signup .content p {
        font-size: 18px;
    }
    .newsletter-signup .content {
        padding: 30px 0;
    }
    .node-type-tips-info #block-views-meer-artikelen-over-block {
        margin: 40px 0;
    }
    .node-type-product .header-interactive .view-header-producten .views-field-field-subtitel {
    font-size: 18px;
    line-height: 30px;
    }
    .node-type-product .header-interactive .view-header-producten .product-titel .views-field h1 {
    font-size: 32px;
    margin-top: 0px;
    }
    .node-type-product .header-interactive .view-header-producten .product-titel .views-field-nothing a {
        font-size: 16px;
    }
    .node-type-product .header-interactive .view-header-producten .product-titel .product-buttons {
        padding-right: 0;
    }
    .node-type-product .header-interactive .view-header-producten .product-titel .product-buttons a, 
    .node-type-product .header-interactive .view-header-producten .product-titel div.product-voedingswaarde {
        font-size: 16px;
        padding: 6px 15px;
    }
    .product-buttons div {
        white-space: nowrap;
        margin-top: 8px;
        display: inline-block;
    }    
    .node-type-product .main-spanner .group-subbox .field-name-field-subafbeelding:before,
    .node-type-leeftijdsfase .group-subbox .field-name-field-subafbeelding:before {
        display: none;
    }
    .node-type-product .second-main .block-center .google-maps .google-store-locator-panel {
        margin-left: 0;
    }
    .node-type-product .second-main .block-center .google-maps .google-store-locator-map {
        height: 150px;
    }
    .node-type-product .main-spanner #group-foodinfo-node-product-default .resp-tab-content {
        overflow-x: scroll;
    }
    .uitgezoomd-melding {
        display: none;
    }
    .node-type-tekstpagina .view-header-vacature {
        height: auto;
    }
    .node-type-ontdekprins-overzicht #block-system-main .field.field-name-field-headertekst h1 {
        font-size:32px;
    }
    .node-type-tekstpagina #block-system-main .field.field-name-field-headertekst h1 {
        margin-bottom: 5px;
		padding: 0 15px;
    }
    .node-type-ontdekprins-overzicht .view-header-vacature .views-field-field-startafbeelding,
    .node-type-ontdekprins-overzicht .view-header-vacature .home-bg-image {
        height: 350px;
    }
    #header .view-header-artikel .views-field-title h1 {
        font-size: 32px;
        line-height: 40px;
    }
    .node-type-vacature #block-system-main .field.field-name-field-headertekst h1 {
        font-size: 28px;
        line-height: 32px;
        font-weight: 600;
    }
    img.careteam {
        width: 70px!important;
        height: 70px!important;
    }
    .voedingswijzer .voedingswijzer-header h3 {
        font-size: 16px;
        padding: 0 20px;
    }
    .node-type-webform #block-system-main .callout01 {
        margin: 0 0 40px 10px;
        width:85%!important;
    }
    .node-type-webform .node .content ul.menu li.active-trail, .node-type-webform .node .content ul.menu li:hover {
        background-color: #98c010;
        color:white!important;
    }
    .node-type-webform #block-system-main .node .content ul.menu li {
        width:90%;
    }
    #header .view-header-artikel, 
    #header .view-header-artikel .views-field-field-startafbeelding, 
    #header .view-header-artikel .home-bg-image {
        min-height: 340px!important;
        max-height: 340px!important;
    }
    .node-type-webform #block-system-main .webform-client-form > div .form-type-radio label,
    .node-type-webform #block-system-main .webform-client-form > div .form-item input.form-radio {
        width:auto;
    }
    .copyright .region-copyright .menu, 
    .copyright .block .menu {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: normal;
		-moz-column-gap: normal;
		column-gap: normal;
    }
    .copyright .region-copyright .menu li, .copyright .region-copyright .block .menu li {
        text-align:left;
        line-height: 30px;
        height: 30px;
    }
    .node-type-webform #block-system-main .webform-client-form>div .form-item input.form-checkbox {
    width: auto;
    }
    .node-type-webform #block-system-main .field.field-name-field-headertekst h1 {
        margin-left: 10px;
        margin-right: 10px;
    }
    .node-type-webform .webform-client-form>div .form-item .form-type-checkbox {
    margin-left: 0;
    }
    .zakelijk-overzicht {
        width: 98%;
    }
    #header nav .main-menu .block-search form.search-open-window .form-item {
    width: auto;
    max-width: 98%;
    left: 1%;
    margin-left: 0;
    }
    .copyright .region-copyright .menu li a, .copyright .block .menu li a {
        font-size: 14px;
    }
    #header nav .main-menu .block-search form.search-open-window .form-actions {
    width: auto;
    left: 0;
    margin-left: 0;
    }  
    .copyright .social-icons .content {
        text-align: left;
    }
    .node-type-leeftijdsfase .view-leeftijdsfase-tips {
        display: none;
    }
    .page-taxonomy-term .view-productlijn-producten .view-filters .form-item .form-type-bef-link > a {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .node-type-acties-evenementen .main-spanner .field-name-field-gerelateerde-acties > .field-items > .field-item {
        width: 100%;
    max-width: 100%;
    }
    .node-type-prins-artikel .field-name-body blockquote p, .node-type-tips-info .field-name-body blockquote p {
    font-size: 26px;
    line-height: 34px;
    padding: 8px 0 8px 20px;
    }   
    .node-type-prins-artikel .addthis, .node-type-tips-info .addthis, .node-type-acties-evenementen .addthis {
        max-width: 80%;
    }
    .node-type-product .main-spanner .field-name-field-usp-s > .field-items > .field-item .field-name-field-usp-subtitel {
        line-height: 24px;
    }
    .node-type-product .header-interactive .view-header-producten .views-field-name a,
    .node-type-tips-info .view-header-artikel .backlink a{
        border: 2px solid white;
        border-radius: 8px;
        padding: 4px 8px;
        font-size: 18px;
    }
	.view-artikel-overzicht.overzicht-1 .views-row-1 .article-title, .view-artikel-overzicht.overzicht-4 .views-row-1 .article-title {
		height: inherit;
		min-height: 200px;
	}
	.view-artikel-overzicht.overzicht-1 .views-row-1 .article-title .views-field-field-opgemaakte-titel-regel-2, .view-artikel-overzicht.overzicht-4 .views-row-1 .article-title .views-field-field-opgemaakte-titel-regel-2 {
		font-size: 32px;
	}
    .view-actie-evenement.overzicht-1 .views-row-1 .views-field-field-startafbeelding .home-bg-image {
        height: 200px;
    }
    .view-actie-evenement.overzicht-1 .views-row-1 .views-field-field-startafbeelding {
        height: 200px;
        width: 100%;
        order: 1;
        flex: 1 100%;
    }
    .view-actie-evenement.overzicht-1 .views-row-1 .article-title {
        width: 100%;
        order: 2;
        flex: 1 100%;
        height: auto!important;
    }
    .view-actie-evenement.overzicht-1 .views-row-1 .views-field-view-node {
        display: none;
    }
    .view-actie-evenement.overzicht-1 .views-row-1, .view-artikel-overzicht.overzicht-4 .views-row-1 {
        display: flex;
        flex-flow: row wrap;
        height: auto;
    }
    .view-actie-evenement.overzicht-1 {
        margin-left: 0;
        margin-right: 0;
    }
    .node-type-acties-evenementen .view-header-artikel .backlink {
        font-size: 18px;
    }
    .node-type-product .header-interactive .view-header-producten .views-field-field-product-sub-afbeelding {
        margin-right: 0;
        right:40px;
        bottom: 0;
    }
    .node-tekstpagina .field-name-field-startafbeelding.field-type-image .field-item.even {
    height: 160px;
    }
	.node-type-webform #block-system-main .field.field-name-body ul,
	.node-type-nieuws #block-system-main .field.field-name-body ul {
        margin-left: 0;
    }
}
@media (max-width: 520px) {
	#header .view-header-artikel .views-field-title h1 {
        font-size: 28px;
        line-height: 30px;
    }
	.node-type-product .main-spanner .node-product .content > .group-foodinfo > h2 {
		font-size: 28px;
	}
}
@media (max-width: 420px) {
	#header .view-header-artikel .views-field-title h1 {
        font-size: 24px;
        line-height: 28px;
    }
	.node-type-home .view-usp-s .views-row {
		width: 100%;
		margin-bottom: 30px;
	}
	.node-type-product .header-interactive .view-header-producten .views-field-field-product-afbeelding {
        top: 480px;
    }
    .google-store-locator-panel {
		width: 355px!important;
		left: 10px!important;
    }
    .google-store-locator-panel .storelocator-filter input {
        background-color: #efefef;
    }
    .google-store-locator-map {
        opacity: 0;
    }
    .storelocator-panel .feature-filter.active {
        padding-bottom: 0;
    }
    .node-type-product .main-spanner .field-name-body {
        margin-top: 260px;
    }
}

@media (max-width: 340px) {
	.node-type-product .header-interactive .view-header-producten .views-field-field-product-afbeelding {
        top: 540px;
    }
}