/*
 Ingeschoten door EF2 B.V. - www.ef2.nl
 Doeltreffende communicatie
 Prima samenspel van Kees, Simon en Diederick
 Hoewel wij de makers zijn, rusten de rechten bij onze klant.
*/
/* 
    Created on : 7-dec-2016, 15:42:12
    Author     : keescornelisse1
*/
@import url('https://fonts.googleapis.com/css?family=Dosis:500,700');
body {
    color: #6a6a6a;
}
/* Cookiemelding */
body.html #sliding-popup .popup-content #popup-text h2 {
    font-size: 18px;
    font-weight: 600;
}
h1 {
	line-height: 1.2em;
}
body.html #sliding-popup .popup-content #popup-text p, body.html #sliding-popup .popup-content #popup-text a {
    font-size: 14px;
    margin-bottom: 0;
}
/* toon afbeelding ivm ontbreken video */
.page-taxonomy-term-11 .view-category-header .views-field-field-startafbeelding {
    display: block;
}
#header.fixed nav {
    -webkit-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 0px rgba(0, 0, 0, 0.06);
}
.node-type-overzicht .header-interactive {
	float: left;
    width: 100%;
}
.admin-menu .filter-block.fixed-under-bar,
.admin-menu #block-global-filter-global-filter-3.fixed-under-bar {
	top: 114px;
}

/* #header nav .main-menu .menu li .menu li a.menu_icon {
    padding-left:43px;
} */
#header nav .main-menu #block-system-main-menu {
    margin-left: calc(-33%);
}
#block-global-filter-global-filter-1 .content li:nth-child(3) a {
    background: transparent url(../images/submenu-hond.png) 10px 0 no-repeat;
    background-size: contain; 
}
#block-global-filter-global-filter-1 .content li:nth-child(3) a.active-trail.active {
    font-weight: 600;
}
#block-global-filter-global-filter-1 .content li:nth-child(2) a {
    background: transparent url(../images/submenu-kat.png) 10px 0 no-repeat;
    background-size: contain; 
}
#block-global-filter-global-filter-1 .content li:nth-child(4) a {
    background: transparent url(../images/submenu-voedingswijzer.png) 10px center no-repeat;
}
#header nav .main-menu .menu li .menu li a.menu_icon:hover {
    background-position-y: center;
}
#header nav .main-menu .menu li.active-trail a {
    font-weight: 600;
}
#header nav .main-menu .menu-name-menu-second-main-menu .menu li.active-trail a {
    color: white;
}
#header nav .main-menu .menu-name-menu-second-main-menu .menu a {
          border-radius: 10px; }
#header nav .main-menu .menu li.active-trail ul li a {
    font-weight: normal;    
}
#header .menu-block-wrapper ul li {
    padding: 0 12px;
}
#header .menu-block-wrapper ul li a {
    height: 56px;
    line-height: 56px;
    font-weight: 600;
}
#header .menu-block-wrapper ul li a.active {
    color: black;
}
.block-extra-locale li {
    clear:right;
}
.block-extra-locale.language-open {
    height: 288px;
}
.node-type-home .view-home-leeftijdenwidget.slide .view-content {
    max-width: 880px;
    margin: 0 auto;
}
.node-type-home .header-interactive .view-home-header video {
    opacity: 1;
    background-image: url(/sites/all/themes/prinspetfoods/images/vid-home-bg.png);
    background-size: cover;
}

#header .view-header-animal-choice {
    top: 300px;
}
.node-type-home .header-interactive .view-home-header .views-field-field-vimeo-video,
#header .view-home-header .views-field-field-startafbeelding, #header .view-home-header .home-bg-image,
#header .view-home-header, .node-type-home .header-interactive {
    height:  550px;
}
/* header careteam */
.page-node-5022 #block-system-main .field.field-name-field-headertekst {
    background-color: #25303d;
    padding: 150px 0 100px;
    background-image: url(/sites/all/themes/prinspetfoods/images/Careteam-bg.jpg);
    background-size: cover;
}
img.careteam {
    margin: 0 11px;
    border-radius: 75px;
    border: 3px solid white;
}
/*
#block-global-filter-global-filter-1 .content li:nth-child(2).active a, #block-global-filter-global-filter-1 .content li:nth-child(2) a:hover {
    background-position-y: 0px;
    background: transparent url(../images/kat-mainmenu_hover.svg) 0 0 no-repeat;
    font-weight: normal;
}
#block-global-filter-global-filter-1 .content li:nth-child(3).active a, #block-global-filter-global-filter-1 .content li:nth-child(3) a:hover {
    background-position-y: 0px;
    background: transparent url(../images/hond-mainmenu_hover.svg) 0 0 no-repeat;
    font-weight: normal;
} */
#block-global-filter-global-filter-1 .content li:nth-child(2) a, #block-global-filter-global-filter-1 .content li:nth-child(3) a {
    padding-left: 50px;
}
#block-menu-block-2 .menu-block-wrapper, .node-type-leeftijdsfase .leeftijdsfase-submenu, #header nav .main-menu .menu li .menu.active, #block-menu-block-6 .menu-block-wrapper {
    background: #fafafa;
}
#block-menu-block-2 .menu-block-wrapper, #block-menu-block-6 .menu-block-wrapper {
    border-bottom: 2px solid #eee;
}
#block-global-filter-global-filter-3 .content,
#block-global-filter-global-filter-4 .content {
    margin: 20px auto 30px;
}
.copyright .region-copyright .menu, 
.copyright .block .menu {
   height: auto;
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    margin: 20px auto 0; 
}
.copyright .region-copyright .menu li, .copyright .block .menu li {
    float:none;
    height: auto;
    line-height: 28px;
    margin: 0;
    padding: 0 5px;
}
.zakelijk-overzicht {
    width: 30%;
    text-align: center;
    float: left;
    margin: 0 1% 20px;
    background: #f7f7f7;
    min-height: 212px;
}

.zakelijk-overzicht a {
    text-decoration: none;
}
.zakelijk-overzicht img {
    margin-bottom: 10px;
}
.node-type-tekstpagina #block-system-main .field.field-name-field-headertekst h1 {
    margin-bottom: 0;    
    padding: 0 15px;
}
.node-type-tekstpagina #block-system-main .field.field-name-field-headertekst p {
    margin-top: 30px;
}
.node-type-tekstpagina #block-system-main .field.field-name-body .zakelijk-overzicht h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 30px 20px 30px
}
.node-type-tekstpagina #block-system-main .field.field-name-body h3 {
    font-size: 1.4em;
    font-weight: 600;
}
.node-tekstpagina .field-name-field-startafbeelding.field-type-image .field-item.even {
    height: 400px;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.node-type-tekstpagina #block-system-main .field-name-field-startafbeelding.field-type-image .field-items {
    max-width: 100%;
}
.node-type-webform #block-system-main .field.field-name-body h3 {
    font-size: 1.6em;
    font-weight: 600;
}
.node-type-webform #block-system-main .field.field-name-body ul li {
	margin-bottom: 5px;
}
.page-node-7714 .node .content ul.menu,
.page-node-7722 .node .content ul.menu,
.page-node-5191 .node .content ul.menu,
.page-node-5166 .node .content ul.menu,
.page-node-7725 .node .content ul.menu,
.page-node-7894 .node .content ul.menu,
.page-node-5022 .node .content ul.menu,
.page-node-8124 .node .content ul.menu,
.page-node-8131 .node .content ul.menu,
.page-node-8175 .node .content ul.menu,
.page-node-8099 .node .content ul.menu,
.page-node-9365 .node .content ul.menu,
.page-node-9375 .node .content ul.menu,
.page-node-9389 .node .content ul.menu {
    display: none
}
/* homepage */
#header .view-home-header .views-field-field-video-titel {
    font-family: "Dosis", sans-serif;
    font-weight: 600;
    font-size: 78px;
    top: 90px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
} 
#header .view-header-animal-choice .view-content .views-row .views-field-field-dier-afbeelding img,
.node-type-home .view-home-leeftijdenwidget.slide .view-content .views-row .views-field-field-usp-afbeelding img {
    -webkit-filter: drop-shadow(2px 2px 5px #222);
    filter: drop-shadow(2px 2px 5px #222); 
}
.node-type-home .view-usp-s .views-row .views-field-field-usp-titel {
    font-size: 110%;
}
.views-field-field-usp-afbeelding {
	margin-bottom: 10px;
}
.views-field-field-usp-afbeelding img.svg-img {
	width: 100px;
	height: 100px;
}
#header .view-header-animal-choice .view-content .views-row a:after {
    transition: all 0.3s;
    font-size: 36px;
}
#header .view-header-animal-choice .view-content .views-row a:hover:after {
    margin-left:3px;
}
#header .view-header-animal-choice img.svg-img.size-thumbnail:hover {
    transition: all 0.4s;
}
#header .view-header-animal-choice img.svg-img.size-thumbnail:hover {
    transform: scale(1.1);
}
/* form mailchimp */
.newsletter-signup .content form {
    margin: 10px 0;
}
form#mailchimp-form fieldset {
    margin-bottom: 25px;
}
form#mailchimp-form fieldset span.message {
    font-size: 22px;
    margin-top: 15px;
    border: 1px dashed white;
    padding: 3px 8px;
    border-radius: 5px;
}

.footer .newsletter-signup {
	margin-top: 0;
}
.newsletter-signup {
    padding-bottom: 20px;
}
.newsletter-signup .content p {
	line-height: 1.4;
	padding-left: 10px;
	padding-right: 10px;
}
.newsletter-signup .content p:first-child {
	margin-bottom: 10px;
}
.newsletter-signup .form-item label {
    color: white;
}
form#mailchimp-form .form-checkboxes .form-item img {
    width: 100%!important;
}
.newsletter-signup .content form input[type="submit"] {
	-webkit-appearance: none;
}
.newsletter-signup input#mc-emailaddress {
	width: 300px;
	background-color: #b7d257;
	color: #ffffff !important;
	margin-right: 10px;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	border: 0 none;
	border-radius: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin-top: 10px;
	padding: 0 20px;
	outline: none;
	text-decoration: none;
}
.newsletter-signup input#mc-emailaddress::placeholder {
	color: #fff;
}
.newsletter-signup a.button {
	display: inline-block;
    background-color: #ffffff;
    color: #98c010;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    border: 0 none;
    border-radius: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
	margin-top: 10px;
    padding: 0 20px;
    outline: none;
	text-decoration: none;
}
.newsletter-signup a.button:hover {
	opacity: 0.7;
}

/* logobalk */
.logo-wrapper {
    width: 100%;
}
div.logos {
    margin: 60px auto 40px;
    max-width: 1280px;
}
div.logos .division {
    text-align: center;
    float: left;
    padding: 0 10px 10px;
    box-sizing: border-box;
}
@media all and (max-width: 768px) {
	div.logos .division {
		width: 100% !important;
		text-align: center !important;
	}		
}
@media all and (max-width: 1280px) {
	div.logos .division {
		width: 50%;
	}
	div.logos .division:nth-child(odd) {
		text-align: left;
	}
	div.logos .division:nth-child(even) {
		text-align: right;
	}
	div.logos .division:nth-of-type(3) {
		clear: left;
		padding-bottom: 0;
	}
}
div.logos img {
    border: 0;
    max-width: 100%;
    height: auto;
    transition: all 0.2s;
	filter: grayscale(1);
}
div.logos a:hover img {
    transform: scale(0.95);
	filter: none;
}
.node-product .field-name-field-gerelateerde-artikelen ul.inline, .node-product .field-name-field-gerelateerde-artikelen ul.links.inline,
.node-acties-evenementen ul.inline li {
    display: none;
}

/* comments */
ul.inline li.comment-add, .comment-reply, a.permalink, .filter-wrapper, .comment-wrapper .form-item-subject, .comment-wrapper #edit-preview {
    display: none!important;
}
.comment-wrapper {
    margin-top: 15px;
    background-color: #eeeeee;
    width: auto;
    padding: 20px 0 45px;
    margin: 0 auto;
    border-bottom: 2px solid #e1e1e1;
}
.comment {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 12px 20px;
    box-shadow: 0 0 5px -2px black;
    max-width: 800px;
    margin: 15px auto;
}
.comment-form {
    max-width: 840px;
    margin: 15px auto;
}
.comment-wrapper h2.title {
    margin-top: 25px;
    margin: 25px auto;
    width: 840px;
    font-weight: 600;
}
.comment-wrapper h2.comment-form {
    margin-top:50px;
}
.comment-wrapper .submitted {
    color: grey;
    font-size: 13px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 8px;
}
.comment-wrapper p, .comment-wrapper .field-name-comment-body .field-item {
    color: black;
    font-family: "Georgia", serif;
}
.comment-form input.form-text, .form-textarea-wrapper textarea {
    font-size: 16px;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    line-height: 28px;
    padding: 4px;
    box-shadow: 0 0 2px #25303d;
}
.comment-form .form-submit {
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border: 0 none;
    border-radius: 10px;
    font-size: 16px;
    padding: 0 20px;
    outline: none;
    display: inline-block;
    background-color: #98c010;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
    margin-right: 10px;
}


/* vacatures */
.node-type-ontdekprins-overzicht .view-alle-vacatures .views-row .views-field-view-node a,
.node-type-ontdekprins-overzicht .view-alle-nieuws .views-row .views-field-view-node a,
.node-type-werkenbij .view-vacature-test a {
    border-radius: 8px;
}
.node-type-ontdekprins-overzicht .view-alle-vacatures .views-row,
.node-type-ontdekprins-overzicht .view-alle-nieuws .views-row,
.node-type-werkenbij .view-vacature-test .views-row {
    border-bottom: 2px solid #eee;
    padding: 18px 0;
}
.node-type-ontdekprins-overzicht .view-alle-vacatures .view-content,
.node-type-ontdekprins-overzicht .view-alle-nieuws .view-content,
.node-type-werkenbij .view-vacature-test .view-content {
    border-top: 2px solid #eee;
}
.node-type-ontdekprins-overzicht .view-alle-vacatures .views-row .views-field-title h3,
.node-type-ontdekprins-overzicht .view-alle-nieuws .views-row .views-field-title h3,
.node-type-werkenbij .view-vacature-test .views-row .views-field-title h3 {
    font-weight: 600;
    font-size: 22px;
}
.node-type-ontdekprins-overzicht .view-alle-vacatures .views-row .views-field-title p,
.node-type-ontdekprins-overzicht .view-alle-nieuws .views-row .views-field-title p,
.node-type-werkenbij .view-vacature-test .views-row  .views-field-title p {
    font-size: 18px;
}

#header .view-header-animal-choice .view-content .views-row a {
    font-family: 'Open Sans', sans-serif;
    font-size: 31px;
    text-shadow: none;
    font-weight: 400;
    background-color: #98c010;
    border-radius: 8px;
    padding:3px 20px;
    line-height: 1.1;
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.5);
    min-width: 100px;
    display: inline-block;
}
#header .view-header-animal-choice .view-content .views-row .slide-Katėms a, #header .view-header-animal-choice .view-content .views-row .slide-Šunims a,
#header .view-header-animal-choice .view-content .views-row .slide-Katėms a:after, #header .view-header-animal-choice .view-content .views-row .slide-Šunims a:after{
    font-size: 32px;
}
/* blog articles */
.node-type-tips-info #block-views-meer-artikelen-over-block {
    margin: 0 0 40px 0;
}
.node-type-tips-info #block-views-meer-artikelen-over-block h2 {
    font-weight: 600;
}
.node-type-prins-artikel .view-header-artikel .views-field-title h1, .node-type-tips-info .view-header-artikel .views-field-title h1 {
    font-weight: 600;
}
.node-type-webform .messages a {
    color:white;
    text-decoration: underline;
}
.node-type-tekstpagina #block-system-main .field.field-name-body a,
.node-type-webform #block-system-main .field.field-name-body a,
.node-type-prins-artikel .field-name-body a,
.node-type-tips-info .field-name-body a,
.node-type-acties-evenementen .field-name-body a{
    color: #3b4b5f;
    font-weight: 600;
}
/* .node-type-tips-info .field-name-body {
    padding-top: 80px;
} */
.node-type-prins-artikel .field-name-body p,
.node-type-tips-info .field-name-body p,
.node-type-acties-evenementen .field-name-body p {
    line-height: 1.7;
    font-size: 17px;
}
.node-type-prins-artikel .field-name-body p strong,
.node-type-tips-info .field-name-body p strong,
.node-type-acties-evenementen .field-name-body p strong {
    font-weight: 600;
    color: #5d5d5d;
}
.node-type-prins-artikel .field-name-body h2,
.node-type-tips-info .field-name-body h2,
.node-type-acties-evenementen .field-name-body h2, 
.node-type-vacature #block-system-main .field.field-name-body h2 {
    margin-top: 30px;
    margin-bottom: 8px;
    font-size: 1.6em;
    line-height: 1.4em;
    font-weight: 600;
    color: #424242;
}
.node-type-vacature #block-system-main .field.field-name-field-headertekst h1 {
    margin-bottom: 0;
}
.node-type-prins-artikel .view-header-artikel .views-field-title h2,
.node-type-tips-info .view-header-artikel .views-field-title h2 {
    font-weight: 600;
}
.page-veelgestelde-vragen #block-block-16 {
    text-align: center;
}
.page-veelgestelde-vragen #block-block-16 p {
    font-size: 19px;
    font-weight: 600;
}
.page-veelgestelde-vragen .auteur_team_contact {
    list-style: none;
    max-width: 750px;
    margin: 20px auto 60px;
    background-color: #25303d;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #ffffff;
    border-radius: 8px;
}
.page-veelgestelde-vragen .auteur_team_contact li {
    padding: 0 25px;
    display: inline-block;
}
.page-veelgestelde-vragen .auteur_team_contact li a {
    font-size: 20px;
	text-decoration: none;
    color: #ffffff;
	cursor: pointer;
}
.node-type-tips-info .main-spanner .view-artikel-auteur-header .views-field-nothing .auteur_team_contact {
    border-radius: 8px;
}
.node-type-tips-info .main-spanner .view-artikel-auteur-header .views-field-nothing .auteur_team_contact li {
    padding: 0 25px;
}
.node-type-tips-info .main-spanner .view-artikel-auteur-header .views-field-nothing p:nth-child(2) {
    font-size: 0.9em;
}
.node-type-tips-info .view-header-artikel .header-down-btn,
.node-type-acties-evenementen .view-header-artikel .header-down-btn {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    bottom: -40px;
    margin-left: -40px;
    background-size: 35px 13px;
}
.node-type-tips-info .view-header-artikel .header-down-btn {
    cursor: pointer;
}
.node-type-prins-artikel .main-spanner .view-artikel-auteur-header .views-field-nothing .auteur_team_contact a,
.node-type-tips-info .main-spanner .view-artikel-auteur-header .views-field-nothing .auteur_team_contact a {
    text-decoration: none;
    color: #ffffff;
}
table.ordered-gallery {
	margin: 0 auto;
	width: 980px;
	table-layout: fixed;
}
table.gallery p {
    font-size: 0.85em;
    color: #7c7c7c;
    line-height: 24px;
    background: #efefef;
    padding: 7px 15px 10px;
}
table.ordered-gallery p {
	padding: 7px 15px 10px;
}
table.gallery p strong,
table.ordered-gallery p strong {
    color: #636363;
}
table.gallery p strong:first-of-type,
table.ordered-gallery p strong:first-of-type {
    font-size: 120%;
    line-height: 180%;
}
table.gallery td,
table.ordered-gallery td {
    vertical-align: top;
	width: 31%;
	padding: 1%;
}
@media (max-width: 1180px) {
	table.ordered-gallery {
		width: 100%;
	}
	table.ordered-gallery td {
		float: left;
		width: 98%;
	}
}
.node-type-ontdek-prins #block-system-main .field.field-name-body .field-item > *:nth-last-child(1) {
    border-bottom-width: 2px;
}
.node-type-tips-info .field-name-body ol {
    display: block;
    padding: 0 0 0 80px;
    list-style: none;
    overflow: hidden;
    counter-reset: numList;
}
@media (max-width: 520px) {
	.node-type-tips-info .field-name-body ol {
		padding-left: 40px;
	}
}
.node-type-tips-info .field-name-body ol li {
    /* float: left; */
    position: relative;
    margin-bottom: 8px;
    padding-left:15px;
}
.node-type-tips-info .field-name-body ol li:before {
    font-size: 18px;
    font-weight: 600;
    counter-increment: numList;
    content: counter(numList);
    float: left;
    position: absolute;
    left: -32px;
    text-align: center;
    color: #fff;
    line-height: 32px;
    width: 32px;
    height: 32px;
    background: #98c10f;
    -moz-border-radius: 999px;
    border-radius: 999px;
}
.node-type-prins-artikel .main-spanner .view-artikel-auteur-header .views-field-field-auteur-afbeelding img, .node-type-tips-info .main-spanner .view-artikel-auteur-header .views-field-field-auteur-afbeelding img {
    border-radius: 50px;
}
.node-type-prins-artikel .main-spanner .view-artikel-auteur-header .views-field-nothing, .node-type-tips-info .main-spanner .view-artikel-auteur-header .views-field-nothing {
    padding: 10px;
}
.at-resp-share-element .at-share-btn .at-label {
    display: none;
}
.at-style-responsive .at-share-btn {
    background-color: #97c300!important;
    border-radius: 32px!important;
}
.node-type-prins-artikel .field-name-body .field-item>*:nth-last-child(1), .node-type-tips-info .field-name-body .field-item>*:nth-last-child(1), .node-type-acties-evenementen .field-name-body .field-item>*:nth-last-child(1) {
    padding-bottom: 20px;
    border-bottom: none;
}
.node-type-prins-artikel .addthis, .node-type-tips-info .addthis,
.node-type-acties-evenementen .addthis {
    text-align: center;
    /*border-top: 3px solid #eee;*/
    padding-top: 20px;
    max-width: 30%;
}
/* aanschaf button verbergen */
.node-type-prins-artikel .view-overzicht-levensfasen-onder-artikel.diersoort-kat .views-row-0, .node-type-tips-info .view-overzicht-levensfasen-onder-artikel.diersoort-kat .views-row-0, .node-type-prins-artikel .view-overzicht-levensfasen-onder-artikel.diersoort-hond .views-row-0, .node-type-tips-info .view-overzicht-levensfasen-onder-artikel.diersoort-hond .views-row-0 {
    display: none;
}
.node-type-prins-artikel .view-overzicht-levensfasen-onder-artikel .view-content, .node-type-tips-info .view-overzicht-levensfasen-onder-artikel .view-content {
    height: auto;
}
.node-type-prins-artikel .view-overzicht-levensfasen-onder-artikel .view-content .views-row, .node-type-tips-info .view-overzicht-levensfasen-onder-artikel .view-content .views-row {
    list-style: none;
    width: 33%;
    height: 200px;
    padding: 0 0 0 60px;
    background-size: inherit;
    background-repeat: no-repeat;
    background-position: left 98%;
}
.node-type-prins-artikel .view-overzicht-levensfasen-onder-artikel .view-content .views-row h3, .node-type-tips-info .view-overzicht-levensfasen-onder-artikel .view-content .views-row h3 {
    padding: 30px 0 0;
    font-size: 28px;
    margin-bottom: 10px;
}
.node-type-tips-info .view-overzicht-levensfasen-onder-artikel .view-content .views-row p, 
.node-type-tips-info .view-overzicht-levensfasen-onder-artikel .view-content .views-row .cta-link a {
    padding: 0;
    margin-bottom: 8px;
}
.node-type-tips-info .field-name-body blockquote {
    max-width: 1080px;
    margin-top:30px;
}
.node-type-prins-artikel .field-name-body ul li, .node-type-tips-info .field-name-body ul li, 
.node-type-acties-evenementen .field-name-body ul li {
    line-height: 30px;
}
.node-type-prins-artikel .field-name-body ul li:before, .node-type-tips-info .field-name-body ul li:before,
.node-type-acties-evenementen .field-name-body ul li:before {
    top: 4px;
}
/* blog overzicht */
.page-node-4 .second-main .view-artikel-overzicht.overzicht-2 .views-row:nth-child(8n+1) {
    width: 66.66%;
}
.page-node-4 .second-main .view-artikel-overzicht.overzicht-2 .views-row:nth-child(8n+1) .article-title, .page-node-4 .second-main .view-artikel-overzicht.overzicht-2 .views-row:nth-child(8n+1) .views-field-field-opgemaakte-titel-regel-2 {
    max-width: 710px;
}
.view-populair-bij-prins.overzicht-1 .views-row-1 .article-title .views-field-field-opgemaakte-titel-regel-2, .view-populair-bij-prins.overzicht-4 .views-row-1 .article-title .views-field-field-opgemaakte-titel-regel-2, .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,
.view-actie-evenement.overzicht-1 .views-row-1 .article-title .views-field-field-opgemaakte-titel-regel-2 {
    font-size: 34px;
    font-family: "Open Sans", sans-serif;
	line-height: 1.2;
}
.view-populair-bij-prins.overzicht-1 .views-row-1 .article-title .views-field-field-opgemaakte-titel-regel-1, .view-populair-bij-prins.overzicht-4 .views-row-1 .article-title .views-field-field-opgemaakte-titel-regel-1, .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,
.view-actie-evenement.overzicht-1 .views-row-1 .article-title .views-field-field-opgemaakte-titel-regel-1 {
    font-size: 24px;
    font-family: "Open Sans", sans-serif;
	margin-bottom: 10px;
}
.view-populair-bij-prins.overzicht-2 .views-row .article-title, .view-populair-bij-prins.overzicht-3 .views-row .article-title, .view-populair-bij-prins.overzicht-5 .views-row .article-title, .view-artikel-overzicht.overzicht-2 .views-row .article-title, .view-artikel-overzicht.overzicht-3 .views-row .article-title, .view-artikel-overzicht.overzicht-5 .views-row .article-title {
	left: 30px;
}
.view-populair-bij-prins.overzicht-2 .views-row .article-title .views-field-field-opgemaakte-titel-regel-2, .view-populair-bij-prins.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-weight: 700;
    padding-top: 2px;
    font-size: 24px;
    line-height: 1.3;
}
.view-artikel-overzicht.overzicht-2 .views-row .article-title .views-field-field-opgemaakte-titel-regel-2 {
    margin-bottom: 10px;
	font-size: 28px;
    line-height: 1.2;
    text-shadow: 0 0 4px rgba(0,0,0,0.4);
}
.view-artikel-overzicht.overzicht-3 .views-row .article-title .views-field-field-opgemaakte-titel-regel-2,
.view-actie-evenement.overzicht-2 .views-row .article-title .views-field-field-opgemaakte-titel-regel-2 {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 5px;
    text-shadow: 0 0 4px rgba(0,0,0,0.4);
}
.view-populair-bij-prins.overzicht-5 .views-row .article-title .views-field-field-opgemaakte-titel-regel-2 {
    font-size: 21px;
}
.view-header-artikel div.hidden {
    display: none;
}
.view-artikel-overzicht.overzicht-2 .views-row:hover .home-bg-image, .view-artikel-overzicht.overzicht-3 .views-row:hover .home-bg-image, .view-artikel-overzicht.overzicht-5 .views-row:hover .home-bg-image {
    opacity: 1!important;
}
.view-artikel-overzicht.overzicht-1 .views-row-1 .views-field-field-startafbeelding, .view-artikel-overzicht.overzicht-4 .views-row-1 .views-field-field-startafbeelding, .view-actie-evenement.overzicht-1 .views-row-1 .views-field-field-startafbeelding {
    width: 68.2%;
    background-color: #25303d;
}
.view-artikel-overzicht.overzicht-1 .views-row-1 .article-title, .view-artikel-overzicht.overzicht-4 .views-row-1 .article-title, .view-actie-evenement.overzicht-1 .views-row-1 .article-title {
    width: 31.8%;
}
.view-artikel-overzicht.overzicht-1 .views-row-1 .views-field-field-startafbeelding .home-bg-image, .view-artikel-overzicht.overzicht-4 .views-row-1 .views-field-field-startafbeelding .home-bg-image {
    opacity: 1!important;
}
.node-type-tips-info .view-header-artikel:before, .node-type-product .field-name-field-startafbeelding .field-items {
    background-color: #25303d;
}

.view-artikel-overzicht.overzicht-2 .views-row .views-field-field-startafbeelding:before, .view-artikel-overzicht.overzicht-3 .views-row .views-field-field-startafbeelding:before, .view-artikel-overzicht.overzicht-5 .views-row .views-field-field-startafbeelding:before {
    z-index: 90;
    background: 0 0;
    background: -webkit-linear-gradient(transparent,transparent,rgba(37, 48, 61, 0.45));
    background: linear-gradient(transparent,transparent,rgba(37, 48, 61, 0.45));
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 90%;
    content: "";
} 
.view-artikel-overzicht.overzicht-1 .views-row-1 .views-field-view-node a, .view-artikel-overzicht.overzicht-4 .views-row-1 .views-field-view-node a, .view-actie-evenement.overzicht-1 .views-row-1 .views-field-view-node a {
    font-size: 1.2em;
}
.view-artikel-overzicht.overzicht-2 .views-row .article-title {
    max-width: 345px;
    z-index:98;
}
.view-artikel-overzicht.overzicht-3 .views-row .article-title, .node-acties-evenementen .field-name-field-opgemaakte-titel-regel-2 {
    max-width: 380px;
    z-index:98;
    bottom: 20px;
}
.view-artikel-overzicht.overzicht-5 .views-row .article-title {
    z-index: 98;
    max-width: 205px;
}
.view-artikel-overzicht.overzicht-5 .views-row .article-title .views-field-field-opgemaakte-titel-regel-1 {
    display: none;
}
.view-artikel-overzicht.overzicht-2 .views-row .article-title .views-field-field-opgemaakte-titel-regel-1, 
.view-artikel-overzicht.overzicht-3 .views-row .article-title .views-field-field-opgemaakte-titel-regel-1,
.view-actie-evenementen.overzicht-2 .views-row .article-title .views-field-field-opgemaakte-titel-regel-1 {
    font-size: 16px !important;
    line-height: 24px;
}
.global-filter .global-filter-links a.active {
    font-weight: 600;
}
#block-global-filter-global-filter-3 .content .active a, #block-global-filter-global-filter-2 .content .active a, #block-global-filter-global-filter-4 .content .active a {
    color: #ffffff;
    background-color: #97c300;
    border-radius: 8px;
}
#block-global-filter-global-filter-3 .content a:hover,
#block-global-filter-global-filter-2 .content a:hover, 
#block-global-filter-global-filter-2 .content a:hover,
#block-global-filter-global-filter-4 .content a:hover {
    border: none;
    color: #25303d;
}
#block-global-filter-global-filter-3 .content a,
#block-global-filter-global-filter-2 .content a,
#block-global-filter-global-filter-2 .content a,
#block-global-filter-global-filter-4 .content a {
    border: none;
    color: #959393;
}
#block-global-filter-global-filter-4 .content a {
    padding: 3px 8px;
}
#block-global-filter-global-filter-4 .content {
    float: none;
    position: relative;
    width: auto;
    text-align: center;
}
#block-global-filter-global-filter-4 .content li {
    margin-right: 5px;
}
/* over prins */

.node-type-ontdek-prins #block-system-main .field.field-name-field-usp-s > .field-items > .field-item .field-name-field-usp-titel {
    font-size: 1.1em;
}
.node-type-ontdek-prins #block-system-main .field.field-name-field-usp-s > .field-items > .field-item img {
    max-width: 115px;
}
.node-type-tekstpagina #block-system-main .field.field-name-body h2,
.node-type-vacature #block-system-main .field.field-name-body h3,
.node-type-ontdek-prins #block-system-main .field.field-name-body h2 {
    font-weight: 600;
}
.node-type-webform #block-system-main .field.field-name-field-headertekst p,
.node-type-tekstpagina #block-system-main .field.field-name-field-headertekst p,
.node-type-vacature #block-system-main .field.field-name-field-headertekst p,
.node-type-ontdekprins-overzicht #block-system-main .field.field-name-field-headertekst p,
.node-type-ontdek-prins #block-system-main .field.field-name-field-headertekst p {
    color: #d0d2d4;
    font-weight: 600;
}
.node-type-ontdek-prins .view-header-vacature video {
    opacity: 1;
}
.view-header-vacature .home-bg-image {
    opacity: 0.95!important;
}
.node-type-tekstpagina .view-header-vacature {
    height: auto;
}
.node-type-ontdek-prins #block-system-main .field.field-name-body .gallery {
    margin: 0px;
    max-width: 1366px;
}
.node-type-product .main-spanner .field-name-body a {
    color:  #e5322d;  
}
.node-type-product .main-spanner .field-name-field-gerelateerde-artikelen > .field-items > .field-item .node {
    margin: 15px 0;
}
.node-type-product .main-spanner .field-name-field-gerelateerde-artikelen > .field-items > .field-item .node .field-name-field-startafbeelding, .node-type-product .main-spanner .field-name-field-gerelateerde-artikelen > .field-items > .field-item .node .field-name-field-startafbeelding .field-item {
    transition: all 0.5s;
}
.node-type-product .main-spanner .field-name-field-gerelateerde-artikelen > .field-items > .field-item .node .field-type-text.field-name-field-opgemaakte-titel-regel-1, 
.node-type-acties-evenementen .field-name-field-gerelateerde-acties > .field-items > .field-item .node .field-name-field-opgemaakte-titel-regel-1  {
    display: none;
}
.node-type-product .main-spanner .field-name-field-gerelateerde-artikelen > .field-items > .field-item .node .field-type-text.field-name-field-opgemaakte-titel-regel-2 {
    max-width: 260px;
}
.node-type-product .main-spanner .field-name-field-usp-s > .field-items > .field-item .field-name-field-usp-subtitel {
    padding: 0 10px;
}
.node-type-product .main-spanner .field-name-field-gerelateerde-artikelen > .field-items > .field-item .node:hover .field-name-field-startafbeelding .field-item {
    opacity: 1;
}
.node-type-product .main-spanner #node-8920 .group-subbox {
    background: #d6b083 url(/sites/all/themes/prinspetfoods/images/samenstelling-bg-new.png) left center no-repeat;
    background-size: 50% 100%;
}
.node-type-product .main-spanner #node-8920 .group-subbox .field-name-field-subafbeelding:before {
    border-color: transparent #d6b083;
}
.node-type-product .main-spanner #node-8920 .group-subbox .field.field-name-field-subheader .field-item,
.node-type-product .main-spanner #node-8920 .group-subbox .field.field-name-field-subalinea .field-item {
    color: #343434;
}
.node-type-product .main-spanner .group-subbox {
    margin-top: 0px;
}
/* producten overzicht */
.callout03 {
    margin: 30px auto -40px;
    display: table;
    background: #98c010;
    padding: 15px 25px 15px 65px;
    border-radius: 8px;
    color: white;
    font-weight: 600;
    position: relative;
    z-index: 99;
}
.callout03 a {
    color: white;
    text-decoration: underline;
}
.callout03:before {
    content: "!";
    position: absolute;
    color: #98c010;
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
    background: white;
    padding: 5px 15px;
    border-radius: 20px;
    top: 10px;
    margin-left: -50px;
}
.page-taxonomy-term .view-category-header .views-field-description-1 .field-content h1 {
    font-weight: 600;
}
.page-taxonomy-term .view-category-header .views-field-description-1 .field-content a {
    background-color: #98c010;
    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.5);
}
.page-taxonomy-term .view-category-header video {
    opacity: 0.6;
}
.page-taxonomy-term #block-views-productlijn-sfeer-block-1 {
    margin-bottom: 85px;
}
.page-taxonomy-term .view-productlijn-overzicht {
    padding: 0px;
}
.page-taxonomy-term .view-productlijn-overzicht ul {
    margin-bottom: 18px;
}
.page-taxonomy-term .view-productlijn-overzicht li:before {
    content: "";
    background: transparent url(/sites/all/themes/prinspetfoods/images/list-icon.png) center center no-repeat;
    background-size: cover;
    position: absolute;
    width: 21px;
    height: 21px;
    left: -21px;
    top: 1px;
}
.page-taxonomy-term .view-productlijn-overzicht ul li {
    line-height: 150%;
    margin-bottom: 4px;
    font-size: 15px;
    list-style-type: none;
    position: relative;
    margin-left: 15px;
}
.page-taxonomy-term .view-productlijn-sfeer {
    margin-top: 50px;
}
.page-taxonomy-term #block-views-productlijn-overzicht-block {
    padding-top: 45px;
    padding-bottom: 25px;
}
.page-taxonomy-term .vocabulary-product-category .field-name-field-productlijnomschrijving h2 {
    margin: 20px 0 25px;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.1;
}
.page-taxonomy-term #block-views-productlijn-wanneer-block .views-row .views-field-field-usp-s li img {
    width:110px;
}
@media (min-width: 668px) {
	.page-taxonomy-term .view-category-header {
		height: auto !important;
	}
}
@media (max-width: 667px) {
	.page-taxonomy-term .view-category-header {
		height: 300px;
	}
}
.page-taxonomy-term .view-category-header .views-field-field-vimeo-video {
	height: 100%;
}
.view-productlijn-producten .views-field-name span.field-content {
    background-color: #ededed;
    color: #6e6e6e;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 15px;
}
.page-taxonomy-term .vocabulary-product-category .field-name-field-product-afbeelding img {
	display: block;
    margin-left: auto;
	margin-right: auto;
}
.page-taxonomy-term .vocabulary-product-category .field-name-field-opsomming-voordelen .field-item {
    background-position: left 13px;
    font-weight: 600;
    font-size: 17px;
}
.page-taxonomy-term .vocabulary-product-category .field-name-field-opsomming-voordelen .field-item.even {
    clear:left;
}
.page-taxonomy-term .vocabulary-product-category {
    padding: 40px 0 20px 0;
}
.page-taxonomy-term .vocabulary-product-category .group-samenstelling {
    display: table;
}
.page-taxonomy-term .vocabulary-product-category .group-samenstelling .field-name-field-samenstellingomschrijving {
    padding: 0 50px;
}
.page-taxonomy-term .vocabulary-product-category .group-samenstelling .field-name-field-samenstellingomschrijving, .page-taxonomy-term .vocabulary-product-category .group-samenstelling .field-name-field-samenstelling-afbeelding {
    float:none;
    display: table-cell;
    vertical-align: middle;
}
.page-taxonomy-term .view-productlijn-overzicht .views-row .views-field-nothing a {
    color: #ffffff;
    background: #98c010;
	margin-bottom: 20px;
    padding: 5px 10px;
    border-radius: 4px;
    text-transform: none;
}
.page-taxonomy-term .view-productlijn-overzicht .views-row.views-row-odd {
    margin-bottom: 1%;
    margin-right: 1%;
}
.page-taxonomy-term .view-productlijn-overzicht .views-row {
    width: 49%;
    padding: 30px 30px 0;
    background: #f7f7f7;
    min-height: 280px;
}
.page-taxonomy-term .view-productlijn-overzicht .views-row .views-field-nothing p {
    font-size: 16px;
}
.page-taxonomy-term .view-productlijn-overzicht .views-row h3 a {
    font-weight: 600;
    margin-bottom: 5px;
}
.page-taxonomy-term .view-productlijn-overzicht .views-row .views-field-field-product-afbeelding {
    margin-top: -1%;
}
.page-taxonomy-term #block-views-productlijn-sfeer-block-1 {
    display: none;
}
.page-taxonomy-term #block-views-productlijn-wanneer-block .views-row {
    width: 80%;
    margin: 50px auto;
    color: #ffffff;
    display: table;
    float: none;
}
.page-taxonomy-term #block-views-productlijn-wanneer-block .views-row h2 {
    margin-bottom: 5px;
}
.views-field.views-field-field-wanneer {
    margin-bottom: 50px;
}
.page-taxonomy-term .view-productlijn-producten .view-content .views-row {
    margin-bottom: 5px;
}
.page-taxonomy-term .view-productlijn-producten .view-content .views-row .views-field-field-detailpagina-titel a {
    line-height: 1.7;
}
.view-productlijn-producten .views-field.views-field-field-subtitel {
    font-size: 0.90em;
    line-height: 1.5;
}
.views-field-field-product-afbeelding img {
    transition: all 0.2s;
}
.views-field-field-product-afbeelding a:hover img {
    transform: scale(1.05);
    transition: all 0.2s;
}
.page-node-8964 .header-interactive .view-header-producten .product-titel .product-buttons a,
.page-node-8965 .header-interactive .view-header-producten .product-titel .product-buttons a,
.page-node-8966 .header-interactive .view-header-producten .product-titel .product-buttons a {
    display: none;
}
.node-type-product .header-interactive .view-header-producten .product-titel .product-buttons {
    margin: 0 auto;
    color: #fff;
    max-width: 1000px;
    position: relative;
    box-sizing: border-box;
    padding-right: 26%;
    padding-top: 30px;
}
.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 {
    margin-right: 10px;
    color: #fff;
    border-radius: 8px;
    padding: 8px 15px;
    text-decoration: none;
    font-size: 20px;
    cursor: pointer;
}
.node-type-product .header-interactive .view-header-producten .product-titel div.product-voedingswaarde {
    background-color: #25303d;
}
.node-type-product .header-interactive .view-header-producten .product-titel .product-buttons a {
    background-color: #98c010;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.node-type-product .main-spanner #group-foodinfo-node-product-default ul.resp-tabs-list {
	height: auto;
}
.i18n-de .header-interactive .view-header-producten .product-titel .product-buttons a, 
.i18n-en .header-interactive .view-header-producten .product-titel .product-buttons a, 
.i18n-lt .header-interactive .view-header-producten .product-titel .product-buttons a {
    display: none;
}
.i18n-lv .header-interactive .view-header-producten .product-titel .product-buttons a.product-storelocator,
.i18n-et .header-interactive .view-header-producten .product-titel .product-buttons a.product-storelocator {
    display: none;
}
.product-buttons div {
    display: inline;
}
.page-taxonomy-term .vocabulary-product-category .field-name-field-opsomming-voordelen {
    margin:40px auto 50px auto;
}
/* product detail */
.node-type-product .header-interactive .view-header-producten:before {
    z-index: 50;
    background: 0 0;
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.1) 35%,rgba(0,0,0,0.1) 80%,rgba(0,0,0,0.55) 100%);
    background: linear-gradient(left, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.1) 35%,rgba(0,0,0,0.1) 80%,rgba(0,0,0,0.55) 100%);
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
}
.page-taxonomy-term #block-views-productlijn-wanneer-block .views-row .views-field-field-usp-s li {
    font-size: 18px;
    font-weight: 600;
}
.node-type-product .header-interactive .view-header-producten .views-field-field-product-afbeelding {
    z-index: 70;
}
.node-type-product .header-interactive .view-header-producten .views-field-field-product-sub-afbeelding {
    z-index: 80;
    bottom: 270px;
}
.node-type-product .header-interactive .view-header-producten .views-field-field-product-sub-afbeelding img {
    transform: rotate(10deg);
}
.node-type-product .header-interactive .view-header-producten .product-titel {
    bottom: 55px;
    top: inherit;
}
.node-type-product .main-spanner #group-foodinfo-node-product-default .resp-tab-content {
	overflow-x: auto;
	max-width: 1270px;
}
.node-type-product .main-spanner #group-foodinfo-node-product-default .resp-tab-content .field {
	max-width: 1270px;
}
.node-type-product .main-spanner #group-foodinfo-node-product-default .resp-tab-content .field a {
    color: white;
}
.node-type-product .main-spanner #group-foodinfo-node-product-default .resp-tab-content .field table td {
    padding: 4px 8px;
    font-size: 15px;
}
.node-type-product .main-spanner #group-foodinfo-node-product-default .resp-tab-content .field p {
    margin-top: 7px;
    margin-bottom: 7px;
}
.node-type-product .main-spanner .field-name-field-usp-s > .field-items {
    max-width: 1270px;
    margin: 0 auto;
}
.node-type-product .header-interactive .view-header-producten .views-field-field-subtitel {
    padding-top:10px;
}
.node-type-product .header-interactive .view-header-producten .product-titel h1 {
    font-size: 45px;
    line-height: 52px;
    margin-bottom: 8px;
}
.node-type-product .main-spanner .node-product .content > .group-foodinfo > h2 {
    padding: 70px 0 40px;
}
.field-name-field-gewicht .field-item {
    display: inline;
    color: white;
    font-weight: 600;
    margin-right: 10px;
}
.field-name-field-gewicht .field-item:after {
    content: "|";
    padding-left: 10px;
}
.field-name-field-gewicht .field-item:last-of-type:after {
    content: "";
}
.product-storelocator {
    background-image: url(../images/location.png);
    background-repeat: no-repeat;
    padding-left: 34px!important;
    background-size: 20px 20px;
    background-position: 7px center;
}
.product-voedingswaarde {
    background-image: url(../images/weight-icon.png);
    background-repeat: no-repeat;
    padding-left: 34px!important;
    background-size: 19px 19px;
    background-position: 9px center;
}
.node-type-product .main-spanner #group-foodinfo-node-product-default .resp-tab-content {
    min-height: 150px;
}
.node-type-product .main-spanner .field-name-field-gerelateerde-artikelen > .field-items > .field-item .node .field-name-field-startafbeelding .field-item, .node-type-acties-evenementen .main-spanner .field-name-field-gerelateerde-acties > .field-items > .field-item .node .field-name-field-startafbeelding .field-item {
    background-size: cover;
    opacity: 0.7;
}
/* Node type Acties/Evenementen */

.node-type-acties-evenementen .view-header-artikel {
    width: 100%;
    height: 650px;
    position: relative;
    background-color: #25303d;
    background: -moz-linear-gradient(top, #25303d 70%, #485e00 100%);
    background: -webkit-linear-gradient(top, #25303d 70%,#485e00 100%);
    background: linear-gradient(to bottom, #25303d 70%,#485e00 100%);
}
.node-type-prins-artikel .view-header-artikel .backlink,
.node-type-tips-info .view-header-artikel .backlink,
.node-type-acties-evenementen .view-header-artikel .backlink {
    position: absolute;
    z-index: 99;
    width: 100%;
    color: #ffffff;
    /*top: calc(35vh - 125px);*/
	top: 40px !important;
    left: 0;
    text-align: center;
}

.node-type-prins-artikel .view-header-artikel .views-field-title,
.node-type-tips-info .view-header-artikel .views-field-title,
.node-type-acties-evenementen .view-header-artikel .views-field-title {
    position: absolute;
    z-index: 99;
    width: 100%;
    color: #ffffff;
    /*top: calc(40vh - 125px);*/
    top: calc(50% - 70px);
    left: 0;
    text-align: center;
}
.node-type-acties-evenementen .view-header-artikel .views-field-field-startafbeelding, .node-type-acties-evenementen .view-header-artikel .home-bg-image {
    width: 100%;
    height: 650px;
    position: relative;
    opacity: 0.64;
}
.node-type-acties-evenementen .view-header-artikel .views-field-title .field-content {
    max-width: 800px;
    margin: 0 auto;
    display: block;
}
.node-type-acties-evenementen .view-header-artikel .backlink a:before {
    content: " \2039 ";
    font-size: 30px;
    transition: all 0.3s;
    margin-right: 10px;
    padding-right: 5px;
}
.node-type-acties-evenementen .view-header-artikel .backlink a, .node-type-tips-info .view-header-artikel .backlink a {
    color: #ffffff;
    text-decoration: none;
    font-size: 20px;
    font-weight: normal;
    transition: opacity 0.3s;
}
.node-type-acties-evenementen .view-header-artikel .views-field-title h1 {
    font-weight: 600;
    font-size: 64px;
    line-height: 72px;
    margin-bottom: 25px;
}
.node-type-acties-evenementen .view-header-artikel .views-field-title h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
}
.node-type-acties-evenementen .field-name-body {
    padding: 40px 0 0;
    margin-bottom: 20px;
    padding-top: 80px;
}
.node-type-acties-evenementen .field-name-body p,
.node-type-acties-evenementen .field-name-body h2, 
.node-type-acties-evenementen .field-name-body h3,
.node-type-acties-evenementen .field-name-body h4,
.node-type-acties-evenementen .field-name-body ol,
.node-type-acties-evenementen .field-name-body ul {
    max-width: 980px;
    margin: 0 auto 20px;
    position: relative;
}
.node-type-acties-evenementen .addthis {
    max-width: 980px;
    margin: 0 auto 40px;
    position: relative;
}
.node-type-acties-evenementen h1.title {
    display: none;
}
.view-actie-evenement.overzicht-1 .views-row-1 {
    width: 100%;
    position: relative;
    height: 400px;
}
.view-actie-evenement.overzicht-1 .views-row-1 .article-title {
    width: 31.8%;
    height: 400px;
    float: left;
    background-color: #25303d;
    color: #ffffff;
    text-align: center;
    font-family: 'Sniglet',sans-serif;
    font-size: 32px;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
	justify-content: center;
}
.view-actie-evenement.overzicht-1 .views-row-1 .views-field-field-startafbeelding .home-bg-image {
    width: 100%;
    height: 400px;
    background-position: center center;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.view-actie-evenement.overzicht-1 .views-row-1 .views-field-field-startafbeelding {
    float: left;
    height: 400px;
    overflow: hidden;
}
.view-actie-evenement.overzicht-1 .views-row-1 .article-title:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 35px 0 35px 24px;
    border-color: transparent #25303d;
    display: block;
    width: 0;
    z-index: 1;
    right: -24px;
    top: 165px;
}
.view-actie-evenement.overzicht-1 {
    cursor: pointer;
    margin-top: 30px;
}
.view-actie-evenement.overzicht-1 .views-row-1 .views-field-view-node a {
    color: #ffffff;
    text-decoration: none;
    text-shadow: 0px 0px 9px rgba(0,0,0,0.35);
    font-weight: bold;
}
.view-actie-evenement.overzicht-1 .views-row-1 .views-field-view-node {
    position: absolute;
    right: 35px;
    bottom: 20px;
}
.view-actie-evenement .views-row {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.view-actie-evenement.overzicht-1 .views-row-1 .views-field-view-node a:after {
    content: " \203A ";
    transition: all 0.3s;
}
.view-actie-evenement.overzicht-1 .views-row-1 .article-title .views-field-field-opgemaakte-titel-regel-1 {
    line-height: 1.1;
    color: #98c010;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}
.view-actie-evenement.overzicht-1 .views-row-1 .article-title .views-field-field-opgemaakte-titel-regel-2 {
    line-height: 1.1;
    align-self: center;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}
.view-actie-evenement.overzicht-2 .views-row, .view-actie-evenement.overzicht-3 .views-row {
    width: 33.3333%;
    float: left;
    height: 400px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}
.view-actie-evenement.overzicht-2 .views-row .article-title .views-field-field-opgemaakte-titel-regel-2 {
    max-width: 350px;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 10px;
    text-shadow: 0 0 4px rgba(0,0,0,0.4);
}
.view-actie-evenement.overzicht-2 .views-row .views-field-field-startafbeelding, .view-actie-evenement.overzicht-3 .views-row .views-field-field-startafbeelding {
    width: 100%;
    position: relative;
    height: 400px;
    overflow: hidden;
    background-color: #25303d;
}
.view-actie-evenement.overzicht-2 .views-row .views-field-field-startafbeelding:before, .view-actie-evenement.overzicht-3 .views-row .views-field-field-startafbeelding:before {
    z-index: 90;
    background: 0 0;
    background: -webkit-linear-gradient(transparent,transparent,rgba(37,48,61,0.45));
    background: linear-gradient(transparent,transparent,rgba(37,48,61,0.45));
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 90%;
    content: "";
}
.view-actie-evenement.overzicht-2 .views-row .views-field-view-node {
    display: none;
}
.view-actie-evenement.overzicht-2 .views-row .article-title, .view-actie-evenement.overzicht-3 .views-row .article-title {
    position: absolute;
    left: 25px;
    color: #ffffff;
    line-height: 28px;
    text-shadow: 0px 0px 9px rgba(0,0,0,0.35);
    width: 90%;
    max-width: 350px;
    z-index: 98;
    bottom: 20px;
}
.view-actie-evenement.overzicht-2 .views-row .views-field-field-startafbeelding .home-bg-image, .view-actie-evenement.overzicht-3 .views-row .views-field-field-startafbeelding .home-bg-image {
    width: 100%;
    height: 400px;
    background-position: center center;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.view.view-actie-evenement.view-display-id-block_2.overzicht-2,
.view.view-actie-evenement.view-display-id-block_5.overzicht-2 {
    margin: 30px 0 50px;
    float: left;
    width: 100%;
}
.node-type-acties-evenementen .view-header-artikel .header-down-btn {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background: #98c010 url(/sites/all/themes/prinspetfoods/images/icon-arrow-white.png) center center no-repeat;
    background-size: cover;
    background-size: 35px 13px;
    position: absolute;
    left: 50%;
    bottom: -40px;
    margin-left: -40px;
    z-index: 99;
    display: block;
}
.node-type-acties-evenementen .field-name-body ul {
    max-width: 980px;
    margin: 0 auto 20px;
    position: relative;
}
.node-type-acties-evenementen  .field-name-body ul li {
    list-style: none;
    position: relative;
    margin-left: 20px;
}
.node-type-acties-evenementen .field-name-body ul li:before {
    content: "";
    background: transparent url(/sites/all/themes/prinspetfoods/images/list-icon.png) center center no-repeat;
    background-size: cover;
    position: absolute;
    width: 22px;
    height: 22px;
    left: -25px;
    top: 2px;
}
.node-type-acties-evenementen .field-name-body .gallery {
    max-width: 990px;
    margin: 0 auto 20px;
    position: relative;
    border-collapse: collapse;
}
.node-type-acties-evenementen .field-name-body .gallery td {
    padding: 5px;
}
.node-type-acties-evenementen .field-name-body .gallery td img {
    width: 100%;
    height: auto;
    float: left;
}
/* CTA Buttons */
.node-type-leeftijdsfase .field.field-name-field-subalinea a.cta,
.node-type-acties-evenementen .field-name-body a.cta {
    background-color: #98c010;
    color: #ffffff;
    text-transform: none;
    height: 35px;
    line-height: 35px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    font-size: 17px;
    padding: 0 10px 0 13px;
    text-decoration: none;
}
.node-type-leeftijdsfase .field.field-name-field-subalinea a.cta:hover,
.node-type-acties-evenementen .field-name-body a.cta:hover {
    opacity: 0.7;
}
.node-type-leeftijdsfase .field.field-name-field-subalinea a.cta:after,
.node-type-acties-evenementen .field-name-body a.cta:after {
    content: " \203A ";
    transition: all 0.3s;
}
.node-type-leeftijdsfase .field.field-name-field-subalinea a.cta:hover:after,
.node-type-acties-evenementen .field-name-body {
    padding-left: 5px;
}
.cta-btn-wrap {
    max-width: 980px;
    margin: 0 auto 60px;
    position: relative;
    min-height: 200px;
}
.node-type-acties-evenementen div.cta-btn {
    display: inline-block;
    float: left;
    width: 32%;
    height: 200px;
    margin: 20px 1% 20px 0;
    background: #98c010;
    padding: 40px 0 70px;
    text-align: center;
    color: white;
    border-radius: 8px;
    font-size: 18px;
    box-sizing: border-box;
    border: 5px dotted #6b8a00;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.node-type-acties-evenementen a.buy {
    clear: both;
    display: inline-block;
    color: white;
    background-color: #e5322d;
    padding: 3px 20px;
    margin-top: 15px;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
}
.node-type-acties-evenementen .cta-btn span {
    font-size: 24px;
    font-weight: 700;
}
/* Related acties /evenementen */
.node-type-acties-evenementen .main-spanner .field-name-field-gerelateerde-acties {
    float: left;
    width: 100%;
    background-color: #ffffff;
    padding-bottom: 40px;
}
.node-type-acties-evenementen .main-spanner .field-name-field-gerelateerde-acties > .field-items {
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-top: 40px;
}
.node-type-acties-evenementen .main-spanner .field-name-field-gerelateerde-acties > .field-items > .field-item {
    width: 33%;
    float: left;
}
.node-type-acties-evenementen .field-name-field-gerelateerde-acties > .field-items > .field-item .node {
    padding: 0 15px;
    position: relative;
    cursor: pointer;
    margin: 15px 0;
}
.node-type-acties-evenementen .field-name-field-startafbeelding .field-items {
    background-color: #25303d;
}
.node-type-acties-evenementen .main-spanner .field-name-field-gerelateerde-acties > .field-items > .field-item .node .field-name-field-startafbeelding .field-item {
    width: 100%;
    height: 300px;
}
.node-type-acties-evenementen .main-spanner .field-name-field-gerelateerde-acties > .field-items > .field-item .node .field-type-text {
    position: absolute;
    bottom: 30px;
    left: 45px;
    z-index: 3;
    color: #ffffff;
    line-height: 28px;
    text-shadow: 0px 0px 9px rgba(0,0,0,0.35);
}
.node-type-acties-evenementen .main-spanner .field-name-field-gerelateerde-acties > .field-items > .field-item .node .field-type-text a {
    color: #ffffff;
    text-decoration: none;
}
.node-type-acties-evenementen .main-spanner .field-name-field-gerelateerde-acties > .field-items > .field-item .node .field-type-text.field-name-field-opgemaakte-titel-regel-2 {
    font-size: 21px;
    font-weight: bold;
    max-width: 250px;
}
.field-name-field-gerelateerde-items-titel .field-item {
    text-align: center;
    display: block;
    clear: both;
    clip: auto;
    height: auto;
    position: static !important;
    overflow: visible;
    margin: 55px 0 0;
    color: #343434;
    font-size: 34px;
    font-weight: bold;
}
.view-actie-evenement.view-display-id-block_2.overzicht-2 .item-list li a {
        background-color: #e5322d;
    color: #ffffff;
    text-decoration: none;
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
    padding: 0 20px;
    display: inline-block;
}
/* pagina Animal Event */
.page-node-8486 .view-header-artikel .views-field-title h2 {
    display: none;
}
.page-node-8486 .view-header-artikel .home-bg-image,
.page-node-8486 .view-header-artikel{
    height: 350px;
}
.page-node-8486 .view-header-artikel .views-field-title {
    top: calc(25vh - 125px);
}
.page-node-8486 .view-header-artikel .backlink {
    top: calc(21vh - 125px);
}
.page-node-8486 .view-header-artikel .views-field-title h1 {
    font-size: 48px;
}

/* Nieuws Items */
.node-type-nieuws #main .main-content #block-views-alle-nieuws-block {
    float: left;
    width: 30%;
    margin-top: -65px;
    box-sizing: border-box;
    padding: 0 0 20px;
    margin-left: 3%;
    border-radius: 8px;
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.7);
    background: #98c010;
    background: -moz-linear-gradient(top, #98c010 0%, #c3de67 100%);
    background: -webkit-linear-gradient(top, #98c010 0%,#7b9e04 100%);
    background: linear-gradient(to bottom, #aad51a 0%,#7b9e04 100%);
}
.node-type-nieuws h1 {
    color: #343434;
    margin: 40px 0 0;
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    margin-bottom: 20px;
}
.node-type-nieuws #main .main-content #block-views-alle-nieuws-block h2 {
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: 600;
    padding: 20px;
    text-align: center;
    color: white;
}
.node-type-nieuws #main .main-content #block-views-alle-nieuws-block .view-content .views-row {
    font-size: 24px;
    padding: 10px 0 20px;
    border-bottom: 3px solid rgba(255, 255, 255, 0.35);
    margin: 10px 20px;
    text-align: center;
}
.node-type-nieuws #main .main-content #block-views-alle-nieuws-block .view-content .views-row a {
    color: white;
}
.node-type-nieuws #block-system-main .field.field-name-body h3 {
    font-size: 22px;
    font-weight: 600;
}
.node-type-nieuws .region-second-main .nieuws-footer .at-share-btn-elements {
    text-align: left;
}
.node-type-nieuws .region-second-main .nieuws-footer .content {
    padding: 20px 0;
}
.node-type-nieuws .region-second-main .nieuws-footer {
    border-top: 3px solid #eee;
    margin-top: 30px;
}
.node-type-nieuws .content table {
        max-width: 980px;
    margin: 0 auto 20px;
}
.node-type-nieuws .content table img {
    width:100%;
}

/* Levensfases */
.node-type-leeftijdsfase .view-header-leeftijdfasepagina .views-field-field-startafbeelding, .node-type-leeftijdsfase .view-header-leeftijdfasepagina .home-bg-image, .node-type-leeftijdsfase .view-header-leeftijdfasepagina .views-field-field-vimeo-video, .node-type-leeftijdsfase .view-header-leeftijdfasepagina .views-field-field-vimeo-video-kat, .node-type-leeftijdsfase .view-header-leeftijdfasepagina .views-field-field-vimeo-video-hond {
    height: calc(100vh - 135px);
}
.node-type-leeftijdsfase .view-header-leeftijdfasepagina .header-down-btn {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background: transparent url(https://www.prinspetfoods.nl/sites/all/themes/prinspetfoods/images/icon-arrow-white.png) center center no-repeat;
    background-size: cover;
    background-size: 50px 18px;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -40px;
    z-index: 99;
    display: block;
    -webkit-animation: slide-bottom 1s cubic-bezier(0.950, 0.050, 0.795, 0.035) 5 both;
	-moz-animation: slide-bottom 1s cubic-bezier(0.950, 0.050, 0.795, 0.035) 5 both;
	animation: slide-bottom 1s cubic-bezier(0.950, 0.050, 0.795, 0.035) 5 both;
}
.node-type-tips-info .view-header-artikel .header-down-btn {
    -webkit-animation: slide-bottom 1s cubic-bezier(0.950, 0.050, 0.795, 0.035) 1 both;
	-moz-animation: slide-bottom 1s cubic-bezier(0.950, 0.050, 0.795, 0.035) 1 both;
	animation: slide-bottom 1s cubic-bezier(0.950, 0.050, 0.795, 0.035) 1 both;
}

@-webkit-keyframes slide-bottom{100%{-webkit-transform:translateY(0);transform:translateY(0)}0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}
@keyframes slide-bottom{100%{-webkit-transform:translateY(0);transform:translateY(0)}0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}

.node-type-leeftijdsfase .view-header-leeftijdfasepagina video {
    opacity: 0.8;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto!important;
    height: auto!important;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.node-type-leeftijdsfase .view-header-leeftijdfasepagina .views-field-field-headertekst {
    top: initial;
    bottom: calc(30vh - 135px); 
}
.node-type-leeftijdsfase .view-header-leeftijdfasepagina .backlink {
    top: initial;
    bottom: calc(22vh - 135px);
}
.node-type-leeftijdsfase .view-leeftijdsfase-tips .views-field-field-tips-titel {
    min-height: auto;
    margin-bottom: 22px;
}
.node-type-leeftijdsfase .group-subbox {
    margin-top: 0px;
}
.node-type-leeftijdsfase .view-leeftijdsfase-tips .views-field-field-tips li a {
    background: #98c301;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;
    padding: 3px 12px;
    position: absolute;
    display: block;
    top: 270px;
    margin-left: 20px;
    font-size: 18px;
}
.node-type-leeftijdsfase .view-leeftijdsfase-tips .views-field-field-tips ul {
    max-height: 565px!important;
}
.node-type-leeftijdsfase .view-leeftijdsfase-tips .views-field-field-tips li .field-name-field-quote-afbeelding {
    margin-bottom: 10px;
}
.node-type-leeftijdsfase .view-leeftijdsfase-tips .views-field-field-tips-1 li {
    margin: 0 0 0 0;
    border-bottom: 1px solid #eeeeee;
    font-size: 20px;
    line-height: 24px;
    padding: 10px 0;
}
.node-type-leeftijdsfase .view-leeftijdsfase-tips .views-field-field-tips {
    margin-top: -120px;
}
.node-type-leeftijdsfase .view-leeftijdsfase-verzorging .views-field-field-usp-s li, .node-type-leeftijdsfase .view-leeftijdsfase-verzorging .views-field-field-verzorging-items li {
    vertical-align: top;
    padding: 1% 2%;
    max-width: 250px;
    width: 21%;
    margin: 0;
}
.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 {
    font-size: 20px;
    line-height: 28px;
}
.node-type-leeftijdsfase .view-leeftijdsfase-tips .views-field-field-tips-1 li:hover, .node-type-leeftijdsfase .view-leeftijdsfase-tips .views-field-field-tips-1 li.selected {
    color: #25303d;
}
.node-type-leeftijdsfase #block-views-leeftijdsfase-tips-block {
    background: #FFF;
}
.node-type-leeftijdsfase .view-leeftijdsfase-verzorging .views-field-field-verzorging-items li img {
    margin-bottom: 10px;
    max-width: 240px;
}
/* voedingswijzer */
div#block-voedingswijzer-voedingswijzer-step3-block .voedingswijzer {
    background: #f6f6f6;
    margin: 0;
    padding: 15px 0 30px;
}
#block-block-6 h2 {
    font-size: 20px;
    font-weight: 600;
}
#block-block-6 a {
    color: white;
}
.second-main .block-center .block {
    clear:both;
}
#block-voedingswijzer-voedingswijzer-step3-block .voedingswijzer .voedingswijzer-step .answers {
    margin: 0 0 30px;
}
#block-voedingswijzer-voedingswijzer-step3-block .voedingswijzer .voedingswijzer-step h4 {
    margin: 15px 0 0;
}
#block-voedingswijzer-voedingswijzer-step3-block a.voedingswijzer-reset {
    display: none;
}
.voedingswijzer .voedingswijzer-step .answers {
    margin: 20px 0 34px;
}
span.answer-image {
    display: block;
}
span.answer-image img {
    width: 180px;
}
.voedingswijzer .voedingswijzer-step #voedingswijzer-sidebar h4 {
    margin: 8px;
}
.voedingswijzer .voedingswijzer-step h4 {
    display: inline-block;
    line-height: 36px;
    margin: 15px;
}
.voedingswijzer .voedingswijzer-step h4 > span {
    margin-right: 8px;
}
.voedingswijzer .voedingswijzer-step .answers li {
    background-color: transparent;
    margin:0 5px;
}
span.answer-title {
    background: #98c010;
    width: 100%;
    display: inline-block;
    padding: 5px 10px;
    font-weight: 600;
    border-radius: 8px;
    box-sizing: border-box;
}
a.voedingswijzer-reset {
    color: #4c4c4c;
    background-color: #f8f8f8;
    border-radius: 3px;
    padding: 4px 10px 4px 15px;
    font-size: 15px;
}
a.voedingswijzer-reset:before {
    content: "";
    width: 13px;
    height: 13px;
    background: transparent url(/sites/all/themes/prinspetfoods/images/restart.png) center center;
    background-size: cover;
    display: inline-block;
    position: relative;
    left: -6px;
    top: 2px;
}
.voedingswijzer {
    margin: 10px 0 30px;
}
.voedingswijzer .voedingswijzer-step .answers li .answer-title {
    padding: 6px 12px;
    transition: all 0.2s;
    border: 2px solid white;
    font-size: 17px;
}
.voedingswijzer .voedingswijzer-step-4 .answers li .answer-title {
    padding: 5px 12px 5px 16px;
    font-size: 15px;
    background-color: #f0f0f0;
    color: #2a3745;
}
#block-voedingswijzer-voedingswijzer-step3-block .voedingswijzer-step .answers li .answer-title {
    border-color: #f6f6f6;
    padding: 13px 20px;
}
.voedingswijzer-step.voedingswijzer-step-4 ul.answers {
    max-width: 1000px;
    margin: 5px auto 20px;
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}
.voedingswijzer-step.voedingswijzer-step-4 span.answer-title:hover {
    background: #88ad09;
}
.voedingswijzer .voedingswijzer-step .answers li .answer-title:hover {
    border-color: #708e06;
    background-color: #91b80f;
        color: white;
    font-weight: bold;
}
.voedingswijzer-step-5 #voedingswijzer-sidebar a.voedingswijzer-reset{
    display:none;
}
.voedingswijzer-step.voedingswijzer-step-5 ul.answers,
.voedingswijzer-step.voedingswijzer-step-6 ul.answers,
.voedingswijzer-step.voedingswijzer-step-7 ul.answers,
.voedingswijzer-step-6 #voedingswijzer-sidebar .answers:nth-child(1),
.voedingswijzer-step-7 #voedingswijzer-sidebar .answers:nth-child(1),
.voedingswijzer-step-7 #voedingswijzer-sidebar .voedingswijzer-answers-6, 
.voedingswijzer-step-7 #voedingswijzer-sidebar h4:nth-child(2){
    display: none;
}
.voedingswijzer .voedingswijzer-step-4 span.answer-title,
.voedingswijzer .voedingswijzer-step-5 span.answer-title,
.voedingswijzer .voedingswijzer-step-6 span.answer-title,
.voedingswijzer .voedingswijzer-step-7 span.answer-title{
    font-size: 15px;
    font-weight: 400;
    padding: 4px 8px;
}
.voedingswijzer #voedingswijzer-sidebar {
    padding-bottom: 10px;
    margin-top: 5px;
	width: 100%;
    border-radius: 8px;
}
.voedingswijzer #voedingswijzer-sidebar .answers {
    text-align: center;
    margin: 0;
}
.voedingswijzer #voedingswijzer-sidebar .answers li {
    margin: 0 0 3px;
}
.voedingswijzer .voedingswijzer-step-5 #voedingswijzer-sidebar span.answer-title,
.voedingswijzer .voedingswijzer-step-6 #voedingswijzer-sidebar span.answer-title,
.voedingswijzer .voedingswijzer-step-7 #voedingswijzer-sidebar span.answer-title {
    color: #343434;
    background: #d6d6d6;
    text-align: center;
    border: 2px solid #eeeeee;
}
.voedingswijzer .voedingswijzer-step-5 #voedingswijzer-sidebar span.answer-title:hover, 
.voedingswijzer .voedingswijzer-step-6 #voedingswijzer-sidebar span.answer-title:hover, 
.voedingswijzer .voedingswijzer-step-7 #voedingswijzer-sidebar span.answer-title:hover,
#voedingswijzer-sidebar .active span.answer-title {
    border-color: #a7a7a7!important;
}
.voedingswijzer .voedingswijzer-step-4 .answers li,
.voedingswijzer .voedingswijzer-step-5 .answers li,
.voedingswijzer .voedingswijzer-step-6 .answers li,
.voedingswijzer .voedingswijzer-step-7 .answers li{
    margin: 0 0 5px;
}
.voedingswijzer .voedingswijzer-step-4 .answers li {
    width: 100%;
    text-align: left;
}
.voedingswijzer .voedingswijzer-step-4 .answers li:first-of-type span {
    font-weight: bold;
    background: #eeeeee;
}
.voedingswijzer .voedingswijzer-step .answers li.active span.answer-title,
.voedingswijzer .voedingswijzer-step .answers li.active span {
    background-color: #eff5d9;
    color: #343434;
    font-weight: bold;
}
#voedingswijzer-sidebar ul.answers,
.voedingswijzer-step.voedingswijzer-step-5 #voedingswijzer-sidebar h4:nth-child(1) {
    display: block;
}
.voedingswijzer .step-products {
    width: 80%;
    margin: 0 10%;
    text-align: center;
    display: table;
}
.voedingswijzer .step-products .node-product {
    min-height: 315px;
	margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    float:none;
}
#voedingswijzer-sidebar a.voedingswijzer-reset {
    color: #868686;
    font-size:15px;
    background-color: transparent;
}
.voedingswijzer .step-products .node-product .field-name-field-productlijn {
    display: none;
}
.step-products .field.field-name-title-field {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 4px;
}
.step-products  .field.field-name-field-detailpagina-titel {
    display: none;    
}
.step-products  .field.field-name-field-subtitel {
    line-height: 1.5;
}
#block-block-6 h1 {
    line-height: 1;
    margin-bottom: 20px;
}
.voedingswijzer .voedingswijzer-step .answers li .answer-title .description a {
    color: white;
}
.voedingswijzer .voedingswijzer-step .answers li .answer-title .description {
    line-height: 1.3;
}
.voedingswijzer .voedingswijzer-header h1 {
    font-size: 42px;
}
.voedingswijzer .voedingswijzer-header h1:before {
    display: none;
}
.voedingswijzer .voedingswijzer-step .answers li img {
    transition: all 0.2s;
}
.voedingswijzer .voedingswijzer-step .answers li:hover img {
    transform: scale(1.06);
}
/* webforms */
.form-item .description {
    font-size: 0.9em;
    margin: 5px 0 0 32%;
    line-height: 170%;
}
.node-type-webform #block-system-main .field.field-name-field-headertekst h1 {
    margin-bottom: 5px;
    font-weight: 600;
}	
.node-type-webform .node .content ul.menu {
	height: auto;
}
.callout01 {
    float: right;
    background: #98c010;
    padding: 20px 25px;
    margin: 0 0 40px 40px;
    border-radius: 8px;
	color: white !important;
}
.callout01 a {
	text-decoration: none;
}
.callout01 h3, .callout02 h3 {
    margin-top: 0px!important;
    font-size: 24px!important;
    font-weight: 600;
}
.callout02 {
    background: #98c010;
	padding: 5px 10px;
    margin: 0;
    border-radius: 8px;
    display: inline-block;
	opacity: 1;
	color: white !important;
	text-decoration: none;
	font-size: 17px;
	line-height: 35px;
}
.phonenumber {
    font-size: 22px;
    font-weight: 600;
    padding: 0 20px 0 60px;
    display: inline-block;
    border-radius: 8px;
    background: #84a907 url(../images/icon-phone-2.png) 10px center no-repeat;
    background-size: contain;
    height: 40px;
    line-height: 40px;
    position: relative;
    z-index: 1;
}
.phonenumber i.icon {vertical-align: top;}
.node-type-webform .node .content ul.menu {
    clear:both;
}
.phonenumber a {
    color:white!important;
    text-decoration: none;
}
.page-node-8099 .phonenumber {
    font-size: 18px;
}
div.captcha {
    margin: 30px 0 30px 32%;
}
@media (max-width: 667px) {
	div.captcha {
		margin-left: 0;
	}
}

.webform-client-form > div .form-item input:read-only {
	/*background-color: transparent;*/
}

/* Search */
.page-search .search-form .container-inline input.form-text {
    border-radius: 8px 0 0 8px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
}
.page-search .search-form .container-inline input.form-submit {
    padding: 0;
    border-radius: 0 8px 8px 0;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    cursor: pointer;
    -webkit-appearance: none;
}
.page-search .search-results h3 a {
    color: #25303d;
}
li.search-result h5 {
    float: left;
    padding: 0;
    margin-right: 10px;
    background: #98c010;
    border-radius: 5px;
    margin-top: 3px;
    font-weight: 600;
    display: inline-block;
    font-size: 12px;
    line-height: 1.8;
    text-align: center;
    width: 90px;
    color: white;
}
.page-search .item-list .pager li {
    background-image: none;
    display: inline;
    list-style-type: none;
    padding: 0;
    border-radius: 5px;
}
.page-search .item-list ul li {
    margin: 0 0 0.25em 0;
    padding: 0;
}
.page-search .item-list ul li.pager-current {
    background: white;
    padding: 0.3em 0.7em;
}
.page-search .pager li a  {
    color:white;
    padding: 0.3em 0.7em;
    background: #98c010;
    border-radius: 5px;
}
.page-search .pager li a:hover  {
    color:black;
    background: #cfef64;
}
/* forms */
.node-type-webform .webform-client-form, .productlijn .webform-client-form {
    background-color: #eeeeee;
    padding: 40px 10px 40px;
    border-bottom: 1px solid #ccc;
}
.node-type-product .webform-client-form {
    background-color: #eeeeee;
    padding: 80px 0 40px;
    border-bottom: 1px solid #ccc;
}
.productlijn .webform-client-form .webform-container-inline label, 
.node-type-product .webform-client-form .webform-container-inline label {
    margin-right: 0;
}
.productlijn .block-webform, .node-type-product .block-webform {
    background: #eee;
}
.productlijn .block-webform h2 {
    color: #454f5a;
    margin-bottom: 20px;
}
.node-type-product .second-main .block-webform h2 {
    color: #454f5a;
    margin-bottom: 20px;
    background: #eee;
    padding: 0;
}
.node-type-webform .webform-client-form > div .form-item input:not([type=image]), 
.productlijn .webform-client-form > div .form-item input:not([type=image]),
.node-type-product .webform-client-form > div .form-item input:not([type=image]) {
    /* height: 42px;
    line-height: 42px; */
    width: 68%;
	border-radius: 8px;
}

.node-type-webform .webform-client-form > div .form-item select,
.productlijn .webform-client-form > div .form-item select,
.node-type-product .webform-client-form > div .form-item select {
	border-radius: 8px;
}

.webform-client-form > div .form-item .form-textarea-wrapper {
	width: 68%;
}
.node-type-webform .webform-client-form > div .form-item .form-textarea-wrapper textarea, 
.productlijn .webform-client-form > div .form-item .form-textarea-wrapper textarea,
.node-type-product .webform-client-form > div .form-item .form-textarea-wrapper textarea {
    width: 100%;
    box-shadow: none;
}
.node-type-webform .webform-client-form > div .form-actions input {
    margin-left: 32%;
    -webkit-appearance: none;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.7);
}
.productlijn .webform-client-form > div .form-actions input,
.node-type-product .webform-client-form > div .form-actions input {
    margin-left: 200px;
    -webkit-appearance: none;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.7);
}
.node-type-webform .webform-client-form > div .form-item, 
.productlijn .webform-client-form > div .form-item, 
.node-type-product .webform-client-form > div .form-item {
    color: #6a6a6a;
}
.node-type-webform .webform-client-form > div .form-item p, 
.productlijn .webform-client-form > div .form-item p, 
.node-type-webform .webform-client-form > div .form-item p {
    color: #6a6a6a;
	margin-bottom: 10px;
}
.node-type-webform .webform-client-form > div .form-item a, 
.productlijn .webform-client-form > div .form-item a, 
.node-type-webform .webform-client-form > div .form-item a {
    color: #6a6a6a;
	font-weight: 600;
}
.node-type-webform .webform-client-form > div .form-item label,
.productlijn .webform-client-form > div .form-item label,
.node-type-product .webform-client-form > div .form-item label {
    color: #6a6a6a;
    font-weight: 600;
    padding-right: 2%;
    width: 30%;
}
.node-type-webform .node .content ul.menu li {
    background-color: #f7f7f7;
}
.node-type-webform .node .content ul.menu li a {
    color: #8c8c8c;
}
.node-type-webform .node .content ul.menu li.active-trail a, .node-type-webform .node .content ul.menu a:hover {
    color: #25303d!important;
    font-weight: 600;
}
.node-type-webform .node .content ul.menu li:hover a {
    color: #25303d;
}
.node-type-webform .node .content ul.menu li.active-trail, .node-type-webform .node .content ul.menu li:hover {
    background-color: #eeeeee;
}
.node-type-webform .webform-client-form > div .form-item.form-type-radio label,
.productlijn .webform-client-form > div .form-item.form-type-radio label {
    width: auto;
    margin-right: 25px;
    float: right;
}
.node-type-webform .webform-client-form > div .form-item.form-type-radio,
.productlijn .webform-client-form > div .form-item.form-type-radio {
	width: 100%;
	margin: 0;
	float: left;
	clear: left;
}
.node-type-webform .webform-client-form > div .form-item.form-type-radio input,
.productlijn .webform-client-form > div .form-item.form-type-radio input{
    line-height: 20px;
    margin-right: 5px;
    width: auto;
    height: auto;
}
.node-type-webform .webform-client-form div.form-radios {
    /*background: rgba(255, 255, 255, 0.7);*/
	display: inline-block;
    width: 64%;
	padding: 5px 2%;
    border-radius: 8px;
	background-color: #fff;
}
@media (max-width: 667px) {
	.node-type-webform .webform-client-form div.form-radios {
		width: 96%;
	}
}
.node-type-webform .webform-client-form > div .form-item input.webform-calendar {
	height: 20px;
	margin-top: 7px;
}
.node-type-webform .webform-client-form>div .form-item .form-type-checkbox {
    margin-left: 32%;
    margin-bottom: 0px;
}
.node-type-webform .webform-client-form>div .form-item input.form-checkbox {
	width: auto;
	height: auto;
	margin: 0 2px;
}
.node-type-webform .webform-client-form>div .form-item label.option,
.productlijn .webform-client-form>div .form-item label.option {
    float: none;
    display: inline;
    margin-left: 5px;
    font-weight: 400;
}
.node-type-webform .webform-client-form>div .form-item
.form-item .description {
    display: none;
}
.node-type-webform .webform-client-form>div .form-item h2,
.productlijn .webform-client-form>div .form-item h2 {
    color: #565656;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 28px;
}

/* storelocator */
::-webkit-input-placeholder {
   color: #b7b7b7;
}
:-moz-placeholder { /* Firefox 18- */
   color: #b7b7b7;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #b7b7b7;  
}
:-ms-input-placeholder {  
   color: #b7b7b7;  
}
form#mailchimp-form .form-item-emailaddress ::-webkit-input-placeholder {
    color: #86ae00;
}
form#mailchimp-form .form-item-emailaddress :-moz-placeholder {
    color: #86ae00;
}
form#mailchimp-form .form-item-emailaddress ::-moz-placeholder {
    color: #86ae00;
}
form#mailchimp-form .form-item-emailaddress :-ms-input-placeholder {
    color: #86ae00;
}
.google-store-locator-map .gm-style-iw .store .features li {
    font-size: 13px;
    background-color: #98c010;
    color: #ffffff;
    font-weight: 600;
}
.store .features {
    margin-top: 8px;
}
.storelocator-panel .store.highlighted .features li {
    padding: 0px 5px;
    font-size: 13px;
    background: #98c010;
    margin: 3px 3px 0 0;
    color: white;
    border-radius: 2px;
    font-weight: 600;
}

.storelocator-panel .feature-filter {
    padding: 10px 10px 0px 20px;
}
.storelocator-panel .feature-filter.active label {
    font-size: 13px;
    line-height: 20px;
    padding: 3px 0 3px 30px;
    height: auto;
}
.storelocator-panel .feature-filter label input {
    margin-left: -30px;
    position: absolute;
} 
.google-store-locator-panel .store-list .store .title, .google-store-locator-panel .store-list .store .address, .google-store-locator-panel .store-list .store .phone, .google-store-locator-panel .store-list .store .web, .google-store-locator-panel .store-list .store .misc {
    color: #8f8f8f;
}
.google-store-locator-panel .store-list .highlighted .title, .google-store-locator-panel .store-list .highlighted .address, .google-store-locator-panel .store-list .highlighted .phone, .google-store-locator-panel .store-list .highlighted .web, .google-store-locator-panel .store-list .highlighted .misc {
    color: black;
}
.storelocator-panel .store-list li.store:hover {
    background: transparent;
}
.google-store-locator-panel .store-list li.store.kroondealer:hover {
    background: transparent url('/sites/all/themes/prinspetfoods/images/markers/kroon-red.png') 15px 17px no-repeat;
    background-size: 32px 42px;
}
.storelocator-panel .store-list li.store:hover div {
    color: black;
}
/* CHAT */
#hfc-cleanslate .hfc-badge-right .hfc-badge-title, #hfc-cleanslate .hfc-badge-title {
    font-size: 18px!important;
}
#hfc-cleanslate .hfc-triggered-reply {
    color: #292929;
}
/*footer */
.copyright .region-copyright .menu li a, .copyright .block .menu li a {
    font-weight: 600;
}
@media (min-width: 1023px) {
/* Animaties */
.slide-left {
  transform: translateX(-400px);
  animation: slide-left 0.9s ease forwards;
  opacity: 0;
  animation-delay: 0.3s;
}
.slide-right {
  transform: translateX(400px);
  animation: slide-left 0.9s ease forwards;
  opacity: 0;
  animation-delay: 0.3s;
}
.slide-up {
    opacity: 0;
    transform: translateY(180px);
    animation: slide-left 0.7s ease forwards;
}
.pop-up {
    transform: scale(0.1);
    opacity: 0;
    animation: pop-up 1s ease forwards;
}
.fade-in {
    opacity: 0;
    animation: fade-in 0.8s ease forwards;
    animation-delay: 0.1s;
}
.opening {
    opacity: 0;
    animation: fade-in 1.8s ease forwards;
}
.already-visible {
    transform: translateY(0);
    transform: translateX(0);
    transform: scale(1);
    animation: none;
    opacity: 1;
}
/* start opacity 0 */
.node-type-leeftijdsfase .group-subbox {
    opacity: 0;
}

@keyframes slide-left {
  to { transform: translateX(0);
       opacity: 1;}
}
@keyframes slide-right {
  to { transform: translateX(0);
       opacity: 1;}
}
@keyframes slide-up {
    from { opacity: 0; } to { transform: translateY(0); opacity: 1; }
}
@keyframes pop-up {
  to { transform: scale(1);
    opacity: 1;} 
}
@keyframes fade-in {
  from {opacity: 0; } to {opacity: 1;} 
}
}
/* 404 */
.background {
    width: 100%;
    height: 800px;
    background-image: url(http://prinspetfoods.ef2.nl/sites/default/files/404.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
}
/* FAQ */
div#block-block-14 {
    background: #25303d;
    color: white;
    text-align: center;
    padding: 40px;
    margin-bottom: 40px;
}
.faq {
    column-count: 2;
    -webkit-column-count: 2;
}
.faq-content {
    width: 100%;
    display: inline-block;
    margin-bottom: 45px;
}
.faq-category-group {
    margin-bottom: 12px;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
    page-break-inside: avoid;
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
}
h3.faq-header {
    color: black;
    margin-bottom: 8px;
}
.faq-question {
    padding: 10px 40px 10px 20px;
    cursor: pointer;
}
.faq-question a {
    color: #2b2b2b;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
}
.faq-question.faq-qa-visible a {
    font-weight: 800;
}
.faq-question:before {
    content: "+";
    margin-right: -30px;
    float: right;
    background: #e0e0e0;
    padding: 0;
    font-weight: bold;
    color: #bdbdbd;
    font-size: 24px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 30px;
    transition: all 0.5s;
    margin-top: 1px;
}
.faq-question.faq-qa-visible:before {
    content: "-";
    color: white;
    line-height: 24px;
    background: #98c010;
}
.faq-question:hover:before {
    color: #ffffff;
    background: #98c010;
    cursor: pointer;
}
.faq-question-answer {
    background: #eeeeee;
    margin-bottom: 10px;
    width: 100%;
}
.faq-question.faq-dt-hide-answer.faq-qa-visible {
    background-color: #f7f7f7;
}
.faq-dl-hide-answer {
    padding-bottom: 15px;
}
.faq-answer {
    padding-left: 20px;
    font-size: 15px;
    background-color: #f7f7f7;
        page-break-inside: avoid;
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
}
.faq-answer .form-item.form-type-item {
    display: none;
}
.faq-answer .field-item {
    padding: 0 20px 20px 0;
}
.faq-answer a {
    color: #25303d;
    font-weight: 400;
    text-decoration: underline;
}
.node-type-faq .main-content {
    max-width: 840px;
    margin: 20px auto;
    padding: 20px;
}
.node-type-faq .main-content h1.title {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
}
.node-type-faq .main-content .field-type-text-with-summary a {
    color: #e5322d;
    font-weight: 600;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
  /* IE10+ specific styles go here */  
  .fade-in{
    opacity: 1;
  } 
  .opening{
    opacity: 1;
  } 
  .pop-up{
    opacity: 1;
    transform: scale(1);
  } 
  .slide-up{
    opacity: 1;
    transform: translateY(0px);
  } 
  .slide-right{
    opacity: 1;
    transform: translateX(0px);
  } 
  .slide-left{
    opacity: 1;
    transform: translateX(0px);
  } 
}

@media (max-width: 1023px) {
	#header nav .main-menu .menu li ul.menu.active {
		padding-left: 30px;
		text-align: left;		
	}
	.node-type-prins-artikel .field-name-body, .node-type-tips-info .field-name-body {
		padding: 50px 15px 0 15px;
	}
}

.embedded-container {
	width: 800px;
	max-width: 100%;
	margin: 0 auto;
}

.embedded-video {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
}

.embedded-video iframe,
.embedded-video object,
.embedded-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Oude implementatie */
.video-embed { max-width: 960px; margin: 0 auto; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%!important; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


@media (max-width: 667px) {
	.webform-client-form > div .form-item label {
		float: none;
	}
	.form-item .description {
		margin-left: 0;
		clear: left;
	}
}

form.webform-client-form.webform-client-form-5022 div.form-item.webform-component--naam-huisdier {
	display: block !important;
}

.field.field-name-field-headertekst a {
	color: #d0d2d4 !important;
}

#storelist-brandstore-container {
	width: 100%;
}

#storelist-brandstore-content {
	margin: 0 20px;
	padding: 20px 20px 5px 20px;
	background-color: #efefef;
	border-radius: 8px;
}

#storelist-container {
	width: 100%;
    margin: 20px auto;
	padding-top: 20px;
	display: flex;
	flex-wrap: wrap;
}

.storelist-item {
	width: 25%;
	height: 175px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

.storelist-item a {
	display: block;
	width: 100%;
	height: 100%;
}

.storelist-item img {
    position: absolute;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
}

@media all and (max-width: 980px) {
	.storelist-item {
		width: 33%;
	}
}

@media all and (max-width: 768px) {
	.storelist-item {
		width: 50%;
	}
}

@media all and (max-width: 540px) {
	#storelist-intro,
	#storelist-brandstore-container {
		width: 100%;	
	}
	
	#storelist-brandstore-content {
		margin-left: 0;
	}
	
	.storelist-container {
		padding-top: 0;
	}
	.storelist-item {
		width: 100%;
		height: 150px;
	}
}

.flexcolumns-container {
 	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin: 0 20px;
	padding-bottom: 10px;
	justify-content: center;
}	 

.flexcolumns-column {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.flexcolumns-column.flexcolumns-highlighted,
.flexcolumns-highlighted .flexcolumns-column {
	background-color: #eee;
}

.flexcolumns-highlighted .flexcolumns-column {
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.flexcolumns-3cols .flexcolumns-column {
	width: 32%;
}

.flexcolumns-3cols .flexcolumns-column:nth-child(2) {
	margin-left: 2%;
	margin-right: 2%;
}

.flexcolumns-2cols .flexcolumns-column {
	width: 49%;
}

.flexcolumns-2cols .flexcolumns-column:first-child {
	margin-right: 1%;
}

.flexcolumns-2cols .flexcolumns-column:first-child .flexcolumns-content:not(.cta) {
	padding-right: 10px;
}

.flexcolumns-2cols .flexcolumns-column:nth-child(2) {
	margin-left: 1%;	
}

.flexcolumns-2cols .flexcolumns-column:nth-child(2) .flexcolumns-content:not(.cta) {
	padding-left: 10px;
}

.flexcolumns-column-aligned {
	margin-top: 20px;
}

.flexcolumns-header {
	line-height: 1em;
}

.flexcolumns-header img {
	width: 100%;
	background-color: #fff;
}

.flexcolumns-header img.cover {
	object-fit: cover;
	object-position: center;
	max-height: 300px;
}

.flexcolumns-highlighted .flexcolumns-content {
	padding: 10px 20px 0;
}

#block-system-main .field.field-name-body .flexcolumns-content h3 {
	margin: 0 0 20px;
	line-height: 1.4em;
}

.flexcolumns-content.cta {
	background: #98c010;
    padding: 20px 20px 0;
    border-radius: 8px;
    color: white !important;
}

.flexcolumns-content.cta ul {
	font-weight: 600;
    padding: 10px;
    display: block;
    border-radius: 8px;
    margin-bottom: 0;
    background: #84a907;
}

.flexcolumns-content.cta ul li a {
	color: #fff !important;
	text-decoration: none;
}

#block-system-main .field.field-name-body .flexcolumns-content.cta ul li {
	margin-left: 30px;
}

#block-system-main .field.field-name-body .flexcolumns-content.cta ul li:before {
	left: -30px;
}

#block-system-main .flexcolumns-content.cta ul li.phone:before {
	background: transparent url(../images/careteam-telefoon.png) center center no-repeat;
	background-size: contain;
}

#block-system-main .flexcolumns-content.cta ul li.contactform:before {
	background: transparent url(../images/careteam-formulier.png) center center no-repeat;
	background-size: contain;
}

#block-system-main .flexcolumns-content.cta ul li.careteam:before {
    background: transparent url(../images/careteam-chat.png) center center no-repeat;
    background-size: contain;
}

#block-system-main .field.field-name-body .flexcolumns-content h2 {
	margin-top: 20px;
}

#block-system-main .field.field-name-body .contact-locations .flexcolumns-content h3 {
	margin: 10px 0;
	line-height: 1em;
}

.contact-carcharger {
	background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjUsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMCAzMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzAgMzA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM5OEMwMTA7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjguNCwyMS41Yy0wLjItMS4xLTAuNi0yLTEuMS0yLjJjLTEuMy0wLjQtNS4yLTIuMi01LjItMi4ydjBjLTEuOC00LjItNS41LTQuOC05LjgtNC44DQoJCQljLTUuNSwwLTEwLDEuMS0xMC45LDkuM2MtMC40LDAuNC0wLjcsMS0wLjcsMS42YzAsMS4yLDEsMi4yLDIuMiwyLjNjMC0wLjMsMC0wLjYsMC4xLTAuOWMwLjQtMS44LDItMy4xLDMuOS0zLjFzMy41LDEuMywzLjksMy4xDQoJCQlDMTEsMjUsMTEsMjUuMywxMSwyNS42aDcuN2MwLTAuMywwLTAuNiwwLjEtMC45YzAuNC0xLjYsMS42LTIuOCwzLjItMy4xYzAuMiwwLDAuNS0wLjEsMC43LTAuMWMwLjEsMCwwLjMsMCwwLjQsMA0KCQkJYzEuNywwLjIsMy4yLDEuNCwzLjYsMy4xYzAuMSwwLjMsMC4xLDAuNiwwLjEsMC45aDAuMWMwLjgsMCwxLjQtMC40LDEuOC0wLjloMGMwLDAsMCwwLDAsMGMwLjMtMC40LDAuNS0wLjksMC41LTEuNA0KCQkJQzI5LjMsMjIuNSwyOC45LDIxLjksMjguNCwyMS41eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjIsMTQuNWMwLDAuMywwLjMsMC4zLDAuNSwwLjNoMS4xYzAuMywwLDAuNy0wLjEsMC43LTAuM3YtMi4zYy0wLjQsMC4xLTAuOCwwLjEtMS4yLDAuMQ0KCQkJYy0wLjQsMC0wLjgsMC0xLjItMC4xTDIyLDE0LjVMMjIsMTQuNXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI2LjYsMS45YzAtMC4zLTAuMy0wLjYtMC42LTAuNmgtMC43Yy0wLjMsMC0wLjYsMC4zLTAuNiwwLjZ2My42aDEuOUMyNi42LDUuNSwyNi42LDEuOSwyNi42LDEuOXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIxLjUsMS45YzAtMC4zLTAuMy0wLjYtMC42LTAuNmgtMC43Yy0wLjMsMC0wLjYsMC4zLTAuNiwwLjZ2My42aDEuOUMyMS41LDUuNSwyMS41LDEuOSwyMS41LDEuOXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE3LjcsNi40YzAuMiwyLjMsMS44LDQuMSwzLjksNC43YzAuMiwwLDAuMywwLjEsMC41LDAuMWMwLjQsMC4xLDAuNywwLjEsMS4xLDAuMWMwLjQsMCwwLjgtMC4xLDEuMi0wLjENCgkJCWMwLjIsMCwwLjMtMC4xLDAuNS0wLjFjMi0wLjcsMy41LTIuNSwzLjctNC43aC0xLjhoLTEuOWgtMy4zaC0xLjlDMTkuNyw2LjQsMTcuNyw2LjQsMTcuNyw2LjR6Ii8+DQoJPC9nPg0KPC9nPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTkuOSwyNC43Yy0wLjQtMS4zLTEuNi0yLjItMy0yLjJzLTIuNiwwLjktMywyLjJjLTAuMSwwLjMtMC4xLDAuNi0wLjEsMC45YzAsMS43LDEuNCwzLjEsMy4xLDMuMQ0KCWMxLjcsMCwzLjEtMS40LDMuMS0zLjFDMTAuMSwyNS4zLDEwLDI1LDkuOSwyNC43eiIvPg0KPGVsbGlwc2UgY2xhc3M9InN0MCIgY3g9IjciIGN5PSIyNS41IiByeD0iMiIgcnk9IjIuNSIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI1LjgsMjQuN2MtMC4zLTEuMS0xLjMtMi0yLjUtMi4yYy0wLjIsMC0wLjMsMC0wLjUsMGMtMC4yLDAtMC41LDAtMC43LDAuMWMtMS4xLDAuMy0yLDEuMS0yLjMsMi4xDQoJYy0wLjEsMC4zLTAuMSwwLjYtMC4xLDAuOWMwLDEuNywxLjQsMy4xLDMuMSwzLjFzMy4xLTEuNCwzLjEtMy4xQzI1LjksMjUuMywyNS45LDI1LDI1LjgsMjQuN3oiLz4NCjwvc3ZnPg0K") no-repeat 0 7px;
	background-size: 30px;
	margin-left: 30px;
	padding-left: 40px;
	margin-bottom: 10px;
}

@media (max-width: 540px) {
	.flexcolumns-highlighted .flexcolumns-column {
		width: 100%;
	}
	
	.flexcolumns-2cols .flexcolumns-column:first-child {
		margin-right: 0;
	}
	
	.flexcolumns-3cols .flexcolumns-column:nth-child(2) {
		margin-left: 0;
		margin-right: 0;
	}
	
	#block-system-main .field.field-name-body .flexcolumns-content h3 {
		font-size: 1.6em !important;
	}
	
	#block-system-main .field.field-name-body .flexcolumns-content ul li {
		font-size: inherit !important;
	}
}

@media (max-width: 667px) {
	#block-system-main .field.field-name-body .flexcolumns-content h3 {
		font-size: 1.2em;
	}
	
	#block-system-main .field.field-name-body .flexcolumns-content ul li {
		font-size: 14px;
		line-height: 1.4em;
	}
}	

@media (max-width: 808px) {
	#block-system-main .field.field-name-body .flexcolumns-content h3 {
		font-size: 1.4em;
	}
	
	#block-system-main .field.field-name-body .flexcolumns-content ul {
		margin-left: 0;
		padding-left: 0;
	}
}

@media (max-width: 1024px) {
	.flexcolumns-container {
		margin: 0;
	}
}

.locationlist-route {
	background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjUsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIg0KCSBpZD0iTGF5ZXJfMSIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGltYWdlLXJlbmRlcmluZz0ib3B0aW1pemVRdWFsaXR5IiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIg0KCSB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ2NjAuMyA2MDA2LjQiDQoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ2NjAuMyA2MDA2LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM5OEJGMEU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MTM2LjgsNDkyOS4xYy0xOTAuMywzNjcuOC00MzMuMyw3MTYuNi03MjguNCwxMDI1LjVjLTM0LjksNDMuNS05Mi44LDYzLjItMTQ5LjQsNDUuMg0KCWMtNjA5LjQtMTkxLjgtMTE1My42LTQ3Mi41LTE2MTMuNC04MTMuMWMtNjMzLjctNDY4LTExMDktMTA0Ny44LTEzODEuNy0xNjU1LjlDLTEzLDI5MTQuNS04MS42LDIyNjguMiwxMDQsMTY3OC4xDQoJYzczLjItMjMyLjksMTg1LjktNDU3LjcsMzQxLTY2N2MzNTUuNS00ODEuNCw4MjEuMy04MTAuMiwxMzM3LjItOTQ0LjNDMjI3OC43LTYyLjEsMjgxNy44LTguOCwzMzQ0LjQsMjY0LjINCgljMTg1LDk1LjQsMzUxLDIxNi41LDQ5OC40LDM1Ny4yYzQ5Nyw0NzUuNiw3NjUuNSwxMTgwLjEsODEwLjYsMTk1NC44YzQ0LjcsNzY1LjUtMTI4LjgsMTYwMS45LTUxNi45LDIzNTEuOUw0MTM2LjgsNDkyOS4xeg0KCSBNMTk5MC42LDEyMzguOGM2MTEuNC0xNjMuOCwxMjM5LjcsMTk4LjksMTQwMy42LDgxMC4zYzE2My44LDYxMS40LTE5OC45LDEyMzkuNy04MTAuMywxNDAzLjYNCgljLTYxMS40LDE2My44LTEyMzkuNy0xOTguOS0xNDAzLjYtODEwLjNTMTM3OS4xLDE0MDIuNywxOTkwLjYsMTIzOC44eiIvPg0KPC9zdmc+DQo=") no-repeat 0 0;
	background-size: 20px;
	padding-left: 30px;
	margin-bottom: 10px;
}

@media all and (max-width: 768px) {
	#block-system-main .field.field-name-body .locationlist-description h3 {
		font-size: 1.2em;
	}
	
	#block-system-main .field.field-name-body .locationlist-description ul {
		padding-left: 0;
	}
}

@media (max-width: 667px) {
	.view-actie-evenement.overzicht-1 .views-row-1 .article-title:after {
		display: none;
	}
}

@media (max-width: 1023px) {
	.view-actie-evenement.overzicht-1 .views-row-1 .article-title .views-field-field-opgemaakte-titel-regel-2 {
		font-size: 30px;
	}
	
	#header .view-header-artikel .views-field-title {
		top: calc(50% - 50px) !important;
	}
}

/* CT fixes */

.node-type-webform .view-careteam-header .views-row {
	height: 400px;
}

.node-type-webform .view-careteam-header .views-field-field-vimeo-video {
	position: absolute;
	top: 0;
	cursor: pointer;
}

.node-type-webform .view-careteam-header video {
	height: 400px;
	background-color: #004f68;
}

.node-type-webform .view-careteam-header .views-field-field-startafbeelding {
	z-index: 98 !important;
	opacity: 0.5;
}

.node-type-webform .view-careteam-header .views-field-field-startafbeelding.video-under-it {
	opacity: 0.5;
	cursor: pointer;
}

.node-type-webform .view-careteam-header.fullscreen #vimeo-player {
	margin-top: 0 !important;
}

.node-type-webform .view-careteam-header.fullscreen .views-field-field-vimeo-video {
	height: auto;
}

.node-type-webform .view-careteam-header video {
	opacity: 1;
}

.node-type-webform .view-careteam-header .home-bg-image {
	background-position: center;
}

@media (min-width: 700px) {
	.node-type-webform .view-careteam-header .views-field.views-field-field-startafbeelding .home-bg-image {
		background-size: auto !important;
	}	
}

@media (min-width: 1500px) {
	.node-type-webform .view-careteam-header.fullscreen .views-field-field-vimeo-video {
		background-color: #004f68;
	}
}

/* Responsive images */

.content p.responsive-image-single img {
	max-width: 100%;
	height: auto !important;
}

.content p.responsive-image-dual img {
	max-width: 49% !important;
	height: auto !important;
}

.content p.responsive-image-dual img:nth-child(2) {
	margin-left: 1%;
}

.content p.responsive-image-triple img {
	max-width: 32% !important;
	height: auto !important;
}

.content p.responsive-image-triple img:nth-child(2),
.content p.responsive-image-triple img:nth-child(3) {
	margin-left: 1%;
}

@media (max-width: 540px) {
	.content p.responsive-image-triple img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		margin-left: 0 !important;
	}
	
	p.responsive-image-dual img.responsive-image-hideable,
	p.responsive-image-triple img.responsive-image-hideable {
		display: none;
	}
}

@media (max-width: 420px) {
	.content p.responsive-image-dual img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		margin-left: 0 !important;
	}
}

/* Multipage webform */

.webform-progressbar-outer {
    height: 6px;
	margin-bottom: 40px;
	border: 0;
}
.webform-progressbar-inner {
	height: 6px;
	background-color: #98c010;
}
.webform-progressbar-page {
	width: 20px;
	height: 20px;
	margin: -14px;
	border: 0;
	border-radius: 50%;
}

.webform-progressbar-page.current,
.webform-progressbar-page.completed {
	background-color: #98c010;
}

.webform-progressbar-page .webform-progressbar-page-label {
	top: 22px;
}

.form-actions input:last-child:not(:only-child) {
	float: right;
	margin-left: 0;
}

/* Iframe dialog */

.modal_active {
	overflow: hidden;
}
.modal_overlay {
	display: none;
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index: 9990;
	background: rgba(0, 0, 0, 0.5);
}
.modal_container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9991;
    outline: 0;
	overflow-x: hidden;
    overflow-y: auto;
}
.modal_dialog {
    position: relative;
    width: auto;
	margin: 50px auto;
	z-index: 9992;
}
.modal_dialog_default {	
	max-width: 550px;
}
.modal_dialog_youtube {
	max-width: 800px;	
}
.modal_dialog .modal_content {
	position: relative;
	border-radius: 10px;
    background-clip: padding-box;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}
.modal_dialog_default .modal_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
	z-index: 9993;
    outline: 0;
	background-color: #fff;
}
.modal_dialog_youtube .modal_content {
    height: 0;
	z-index: 9993;
    overflow: hidden;
    padding-bottom: 56.25%;
}
.modal_dialog iframe {
    width: 100%;
	border: 0;
	border-radius: 10px;
}
.modal_dialog_youtube iframe {
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.modal_dialog_default iframe {
	height: 585px;
}
.modal_loading {
	position: absolute;
	background: #fff url('https://www.prinspetfoods.nl/sites/all/themes/prinspetfoods/images/loading.gif') no-repeat 50%;   
    background-size: 48px;
    width: 100%;
    height: 100%;
	display: none;
	z-index: 9995;
}
.modal_button_close {
    position: absolute;
    top: -15px;
    right: -10px;
	z-index: 9994;
	line-height: 0;
	margin: 0;
	padding: 0.5em 0 0.75em;
	color: #fff;
	background: #98c010;
	width: 1.3em;
	font-size: 25px;
	border-radius: 100%;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	cursor: pointer;
	transition: color 0.2s ease-out, background 0.2s ease-out;
}
.modal_button_close:hover {
	background: #aad612;
}
@media (max-width: 850px) {
	.modal_dialog_youtube {
		max-width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
}
@media (max-width: 600px) {
	.modal_dialog_default {
		max-width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
}
@media (max-width: 450px) {
	.modal_dialog {
		width: 100%;
		max-width: 100%;
		height: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.modal_button_close {
		right: 0;
	}
}
.main-content a.play-video {
	background: transparent url('https://www.prinspetfoods.nl/sites/all/themes/prinspetfoods/images/icon_youtube.svg') no-repeat 0 3px;
	background-size: 25px;
	filter: grayscale(1);
	padding-left: 35px;
	margin-bottom: 10px;
}
.main-content a.play-video:hover {
	filter: none;
}

/* EU cookie compliance */

body.html #sliding-popup .decline-button {
	background-color: #6a6a6a;
    margin-left: 10px;
}

/* Storingsmelding */

.notification-warning {
	max-width: 960px;
    margin: 20px auto 20px;
    display: table;
    background: #eee;
    padding: 15px 25px 15px 65px;
    border-radius: 8px;
    color: #636363;
    font-weight: 600;
    position: relative;
    z-index: 99;
}
.notification-warning a {
    color: white;
    text-decoration: underline;
}
.notification-warning:before {
    content: "!";
    position: absolute;
    color: #e5322d;
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
    background-color: #fff;
    padding: 5px 15px;
    border-radius: 20px;
    top: 10px;
    margin-left: -50px;
}

@media (max-width: 540px) {
	.notification-warning {
		font-size: 0.8em;
	}
}

@media (max-width: 600px) {
	.page-node-9514 table td {
		display: block;
		box-sizing: border-box;
		clear: both;
	}

	.page-node-9514 table td:first-child {
		border-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
}