/* Styling Banner Hollands Midden Veilig */
@import url("https://meldingen.hollandsmiddenveilig.nl/public/widget-style.css");

.cke_top {padding-left: 3px !important; padding-right: 3px !important;} 
/* Typography Font sizes beheeromgeving fix 13-01-2022 SW Roxit */
div[id^="DsEdit"] p,
div[id^="DsEdit"] ul,
div[id^="DsEdit"] label,
div[id^="DsEdit"] a {font-size:14px !important;line-height:normal;}

:root {
    --headerheight: 102px;
}


.section ul.items li {position:relative;}
.section ul.items a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

ul.items li .item-photo img {float:none;margin:0 0 0.5rem;}
ul.items li .item-photo p.description {display:block;}
.search-results ul.items li .item-photo img {max-width:31.69%;float:left;}
/* Uitzondering Alphen 
.grid-11 ul.items li .item-photo img {max-width:42.055%;}
.grid-16 ul.items li .item-photo img {max-width:31.69%;}
.grid-16 ul.items.two li .item-photo img,
.grid-16 ul.items.three li .item-photo img,
.grid-16 ul.items.four li .item-photo img {max-width:39.29%;}
*/
/* Uitzondering Duurzaam
@font-face {
    font-family: 'museo';
    src: url('/dsresource?objectid=b068e0cf-b636-4876-8605-099a4095cdd0') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.grid-11 ul.items li .item-photo img,
.grid-16 ul.items li .item-photo img,
.grid-16 ul.items.two li .item-photo img,
.grid-16 ul.items.three li .item-photo img,
.grid-16 ul.items.four li .item-photo img {max-width:100%;margin-bottom:1rem;}
@media only screen and (max-width: 639px) {
    p.with-photo img {float:none;margin-right:0 !important;}
}
*/

/* Beheeromgeving fix*/
body.dsEditToolbarVisible div[id^="dsedit"] {font-size:14px;}

#dsEditSearchBlock .show_searchbox::before {font-size:22px !important;}
.fdPageHeader {margin:21px 10px 0;line-height:1.1;font-family: 'Roboto', 'Open sans', Arial, Verdana;}
/* Verberg niet gebruikte layouts */
.pagelink.std_layout-icon-list li:nth-child(-n+6),
#std_layout-icon-list li:nth-child(-n+6) {display:none;}

.dsEditText {display:inherit;}

.pageheader,
#actions {display:none;}
div#content-footer {border-width:0;margin:0;padding:0;min-height:6rem;}

/* Grid */
div.grid-16 {width:calc(100% - 1.25rem) !important;margin:0 0.625rem !important;}
div.grid-11 {width:calc(66.99% - 1.75rem) !important;margin:0 1.125rem 0 0.625rem;box-sizing:border-box;}
div.grid-5 {width:calc(33% - 1.75rem) !important;margin:0 0.625rem 0 1.125rem;box-sizing:border-box;}
.layout_search div.grid-11 {margin:0 0.625rem 0 1.125rem;}
.layout_search div.grid-5 {margin:0 1.125rem 0 0.625rem;}
.grid-11 .search-results ul.items li .item-photo img {max-width:25.24%;}
.contentrow .contentrow {width:100% !important;margin:0;}
.contentrow.contentrow_breadcrumb {overflow:visible;} 

/* Kolommen */
.columns.two .column {width:calc(50% - 2.25rem);margin:0;box-sizing:border-box;}
.columns.two .column.odd {margin-right:1.125rem;}
.columns.two .column.even {margin-left:1.125rem;}

.columns.three .column {width:calc(33.33% - 1.5rem);margin:0 1.125rem;box-sizing:border-box;}
.columns.three .column.first-column,
.columns.three .column.alpha {margin-left:0;}
.columns.three .column.last-column,
.columns.three .column.omega {margin-right:0;}

.columns.four .column {width:calc(25% - 1.7rem);margin:0 1.125rem;box-sizing:border-box;}
.columns.four .column.odd.first-column {margin-left:0;}
.columns.four .column.even.last-column {margin-right:0;}


/* Reset */
.fixed_header #row1 {padding-top:0 !important;}
#row1 .two.columns, #row2 .two.columns, #row3 .two.columns, #row4 .two.columns, #row5 .two.columns, #row6 .two.columns {margin:0;}
.section.briefing li p.description, .container_aside.landing.eventlist ul.items li p.description {display:inline;margin:0;}
.section.briefing li img, .container_aside.landing.eventlist ul.items li img {float:left;width:unset;height:unset;margin:0.25rem 1rem 0 0;}


/* Cookiebanner */
.information-bar {
	position: fixed;
	z-index: 1000;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #85BCE9;
	padding: 2rem;
	border-radius: 10px;
	max-width: 700px;
	border-bottom: 0;
	box-shadow: 4px 4px 10px rgb(0 0 0 / 30%);
}
#cookie_notification.information-bar .cookie_content {align-items:end;}
.information-bar .text {color: #000000;}
.information-bar button#close_notification {margin-right:0;border:2px solid #003B5D;background-color:#003B5D;color:#FFFFFF;}
.information-bar button#close_notification:focus,
.information-bar button#close_notification:hover{background-color:#FFFFFF;color:#003B5D;}

a,
button,
input.submit {transition:all 0.2s;}

.columns,
.items li, dl.items dd {overflow:visible;}

/* Formelementen */
form.simpleform .inputfield {border-color:#003B5D;padding:0.6rem; border-radius:0.5rem;height:2.5rem;}
form.simpleform input.submit,
button {border:2px solid #003B5D;border-radius:0.5rem;background-color:#003B5D;color:#FFFFFF;}
form.simpleform input.submit:hover,
form.simpleform input.submit:focus,
button:hover,
button:focus {background-color:#85BCE9;color:#003B5D;outline-offset:-4px;}

/* Zoekresultaten */
.section.search-results .simpleform {position:relative;overflow:auto;}
.section.search-results .simpleform .inputfield {border-radius:0.5rem 0 0 0.5rem;}
.section.search-results .simpleform .inputfield:focus {border-color:#003B5D;outline-offset:-4px;}
.section.search-results .simpleform label {position:absolute;left:-999999em;top:-999999em;}
.section.search-results .simpleform .form-row {float:left;width:90%;}
.section.search-results .simpleform .submit-buttons {position:absolute;right:0;top:0;clear:right;float:left;width:10%;padding:0;margin:0;}
.section.search-results .simpleform .submit-buttons input {border-left-width:1px;border-radius:0 0.5rem 0.5rem 0;width:100%;height:2.5rem;}
.section.search-results ul.items li {padding-top:2rem;}
.section.search-results ul.items li h3 {margin-top:0;}

/* Paginering */
ul.pagerbar {display:flex;justify-content:center;}
ul.pagerbar li a,
ul.pagerbar li.current {margin:0 !important;padding:0.6rem !important;min-width:2.5rem; border:2px solid #003B5D;line-height:1;border-radius:0.5rem;display:flex;justify-content: center;align-items: center;}
ul.pagerbar li {margin:0 0.25rem;display:flex;justify-content: center;align-items: center;}
ul.pagerbar li.current {background-color:#FFFFFF;color:#003B5D;}
ul.pagerbar li a {background-color:#003B5D;color:#FFFFFF;}
ul.pagerbar li a:hover,
ul.pagerbar li a:focus {background-color:#85BCE9;color:#003B5D;}

/* Optionele toegankelijkheidsknoppen */
.tinyblock_enabled #header .container-sessions {top:100px;}
#tinyblock #accessibility-tools {
    position: fixed;
    float: none;
    width: 2.5rem;
    height: auto;
    background-color: #003B5D;
    top: 7rem;
    left:auto;
    border-radius:0.5rem 0 0 0.5rem;
}
#tinyblock #accessibility-tools button.switch {
    width:2.5rem;
    height:2.5rem;
}
#tinyblock #accessibility-tools .hint {
    right: -200px;
    top: 0px;
    line-height: auto;
    height: auto;
    box-sizing: border-box;
    background-color: #003B5D;
    color: #FFFFFF;
}
#tinyblock #accessibility-tools button.switch:hover .hint {
    right: 3rem;
    top: 0.25rem;
}

#row1,
#row3 {background-color:#FFFFFF;}
#row1.row1_breadcrumb,
.fixed_header #row1.row1_breadcrumb {padding:2.5rem 0 0.5rem !important;}
 #calamity,
.fixed_header #calamity {margin:2rem 0.65rem;}
.breadcrumbs {margin:0 0.625rem;padding:0;min-height:unset;}
.breadcrumbs.with_bannerfoto {margin-bottom:2rem;}
.breadcrumbs ol li {padding:3px;display:inline-block;}
.breadcrumbs ol,
.breadcrumbs a {color:#003B5D;}
.grid-16 {float:none;display:block;}
.row2_content {margin-top:2rem;}

html {
    transition: all 0.2s;
    hyphens: unset;

}
}
body {
    font-family: Arial, sans-serif;
    font-size:1rem;
    line-height:1.5rem;
    color:#000000;
}
p, dl, ul, ol, hr {color:#000000;margin-bottom:1rem;}
a {transition:all 0.2s;}
a:hover,
a:focus {color:#003B5D;}
a:focus,
button:focus {outline:2px dotted;outline-offset:0 !important;}
a.list-icon,
#social-sharing a.list-icon.whatsapp-icon,
.list-icon.fax-icon::before {color:#003B5D;}

h1, h2, h3, h4, h5, h6,
#product-description h3, 
#product-conditions h3, 
#product-price h3, 
#product-details h3, 
#product-order h3,
#product-application h3, 
#product-tips h3 {color:#003B5D;}
p.description, a, .item-text .title a, .item-title, .items p.description, .subitems p.description {color:#003B5D;}
h1 ~ .description {margin: 0 0 1rem;font-weight:bold;font-size:1rem;clear:both;color:#000000;}

h1 {font-size:2.25rem;font-weight:normal;line-height:normal;margin:0 0 1rem;}
h2,
.items h2 {font-size:1.5rem;font-weight:normal;line-height:normal;margin:1rem 0 0.5rem;}
h3,
.items h3,
.items h2 {font-size:1.25rem;font-weight:normal;line-height:normal;margin:1rem 0 0.5rem}
h4,
.items h4 {font-size:1rem;font-weight:normal;line-height:normal;margin:1rem 0 0.5rem;color:#000000;}
h5 {font-size:1rem;font-weight:normal;line-height:normal;margin:1rem 0 0.5rem;color:#000000;}
h6 {font-size:1rem;font-weight:normal;font-style:normal;line-height:normal;margin:1rem 0 0.5rem;color:#000000;}

/* tabellen */
table {margin-bottom:1rem;}
th {text-align:left;}
caption {text-align:left;font-weight:bold;}
.section table tr,
.section table th,
.section table td {border-width: 1px;border-color:#003B5D;border-style:solid;text-align:left;}
.section table thead th,
.section table tbody th {background-color:#85BCE950;color:#000000;font-weight:bold;}
.section table tr:nth-child(even) {background-color:#85BCE925;color:#000000;}
.section table tr:nth-child(odd) {background-color:#FFFFFF;color:#000000;}

table.raster1 thead th,
table.raster1 tbody th {background-color:#85BCE950;color:#000000;font-weight:bold;}

table.raster2 thead th,
table.raster2 tbody th {background-color:#85BCE950;color:#000000;font-weight:bold;}
table.raster2 td:nth-child(odd) {background-color:#85BCE925;color:#000000;}
table.raster2 td:nth-child(even) {background-color:#FFFFFF;color:#000000;}

table.raster3 thead th,
table.raster3 tbody th {background-color:#85BCE950;color:#000000;font-weight:bold;}
table.raster3 tr:nth-child(even) {background-color:#85BCE925;color:#000000;}
table.raster3 tr:nth-child(odd) {background-color:#FFFFFF;color:#000000;}

p.emphasisred {padding:0.5rem;border-width:0;/*color:#FFFFFF;background-color:#A70000;*/}
p.emphasisgreen {padding:0.5rem;border-width:0;/*color:#000000;background-color:#269547;*/}
p.emphasisyellow {padding:0.5rem;border-width:0;/*color:#000000;background-color:#85BCE9;*/}

a.calltoaction {position:relative;transition:all 0.2s; border-radius:0.5rem;background-color:#003B5D;color:#FFFFFF;border:2px solid #003B5D;padding:0.5rem 1rem;}

a.calltoaction:hover,
a.calltoaction:focus {background-color:#FFFFFF;color:#003B5D;}

a.calltoaction:hover img,
a.calltoaction:focus img {}

a.calltoaction img {vertical-align:text-top;}

.toggle_container {margin-bottom:1rem;}
.toggle_heading {font-size:1.5rem;font-weight:normal;}
.blocktitle:after {line-height:1.75rem;}
button.blocktitle, .section.product button.blocktitle {transition:all 0.2s; background-color:#FFFFFF;color:#003B5D;border:1px solid #003B5D;padding:0.5rem;border-radius:0.5rem;}
.blocktitle:focus, .blocktitle:hover, 
.product .blocktitle:focus, .product .blocktitle:hover {background-color:#FFFFFF;color:#003B5D;}
.blocktitle.toggle-active, .section.product .blocktitle.toggle-active {background-color:#FFFFFF;color:#003B5D;border-width:1px 1px 0;border-radius:0.5rem 0.5rem 0 0;}
.hidden_information, .product .hidden_information {border-color:#003B5D;border-width:0 1px 1px;border-radius:0 0 0.5rem 0.5rem;}

.hidden_information.open, .vacitem .hidden_information.open, .toggle_container .hidden_information.open {border-color:#003B5D;}

.objectinfo {font-size:1rem;color:#000000;}

/* Header */
div#header {border-bottom:1px solid #003B5D;min-height:5.625rem;}
div#header a#logo {padding:0 0 0 0.625rem;width:20.5%;margin:2px 0;}
div#header a#logo img {width:100%;}
.fixed_header.scrolled_past_header #menu_wide {box-shadow:unset;}

/* Menu */
body a.skip-link.display-in-place-on-focus,
ul.dropdown li.active_list ul.dropdownmenu {display:none !important;opacity:0 !important;visibility:hidden !important;}
.singlemenu li:hover > a, .singlemenu li a.show-menu {background-color:transparent;}
@media only screen and (min-width: 960px) {
    body.menutype_horizontal ul#dl-menu,
    .fixed_header #menu_wide ul#dl-menu {display:flex;justify-content:space-evenly;box-sizing:border-box;}
    body.menutype_horizontal #menu_wide,
    .fixed_header #menu_wide {background-color:transparent;z-index:5;}
}
@media only screen and (max-width: 959px) {
    div#header {min-height:unset;height:auto !important;}
    a#logo {display:block;max-width:unset;width:30%;}
    a#logo img {max-height:unset !important;max-width:unset !important;width:100%;}
    .fixed_header #menu_wide::after {box-shadow:unset;position:static;}
    .fixed_header #menu_wide {float:none;right:unset;background-color:#FFFFFF;top:17px;left:0;height:auto;width:100%;}
    .fixed_header #menu_wide #menu-icon {display:none;}
    .fixed_header #menu_wide #dl-menu.menu-horizontal li {padding-top:2px;}
    .fixed_header #menu_wide #dl-menu.menu-horizontal li.first-child {width:auto;}
    .fixed_header #menu_wide #dl-menu.menu-horizontal li > ul.dropdownmenu, 
    .fixed_header #menu_wide #dl-menu.menu-horizontal li.active > ul.dropdownmenu {display:none !important;}
    .fixed_header #menu_wide #dl-menu.menu-horizontal a {background-color:transparent;}
    
    div#header {border-width:0;}
    .fixed_header #menu_wide ul#dl-menu {margin:0;min-height:4rem;overflow:visible;display:flex !important;justify-content: space-evenly;width:100% !important;border-bottom:1px solid #003B5D;position:static;}
    #tinyblock form#quicksearch {margin-top:0.3rem !important;top:0; right:0;}
    #calamity {width:auto !important;}
    #row1:not(.error):has(#bannerfoto) .breadcrumbs {background-color:transparent;padding:10px 0;margin:0 0 1rem;}
    #row1:not(.error) .contentrow:has(#bannerfoto) {aspect-ratio: 2.5 / 1 !important;height:165px;}
    #row1:not(.error):has(#bannerfoto) {background-size:180% auto;}
    body.detail_aside #row1:not(.error):has(#bannerfoto) {background-size:100% auto;padding-top:10px !important;}
    body.detail_aside #row1:not(.error):has(#bannerfoto) ~ .row2_content {margin-top:0;}
    
}
body.menutype_horizontal #dl-menu.menu-horizontal li.first-child {margin-left:0;}
body.menutype_horizontal #dl-menu.menu-horizontal a.toplevellink {color:#003B5D;font-size:1.375rem;padding:1rem 0.5rem;}
body.menutype_horizontal #dl-menu.menu-horizontal li.active-list a {text-decoration:none;}
body.menutype_horizontal #dl-menu.menu-horizontal li.active a.toplevellink,
body.menutype_horizontal #dl-menu.menu-horizontal li a.toplevellink:hover,
body.menutype_horizontal #dl-menu.menu-horizontal li a.toplevellink:focus {
    text-decoration:none;
    background-color:transparent;
    color:#003B5D;
}
body .nav #menu_wide .menu-horizontal li.active a.toplevellink::after,
body .nav #menu_wide .menu-horizontal li a:hover::after,
body .nav #menu_wide .menu-horizontal li a:focus::after {
    content: "";
    display: block;
    position: absolute;
    height: 0.325rem;
    box-shadow: 0px 0.325rem #003B5D;
    transition: ease all 0.2s;
}
body .nav #menu_wide .menu-horizontal li a::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0px;
    bottom: 0;
    left: 0;
    background-color: transparent;
    text-decoration: none;
    box-shadow: 0px 0.325rem #003B5D;
    transition: ease all 0.2s;
}
body .nav #menu_wide .menu-horizontal li.active a.toplevellink::after {box-shadow: 0px 0.325rem #85BCE9;}
body .nav #menu_wide .menu-horizontal li.active a.toplevellink:hover::after,
body .nav #menu_wide .menu-horizontal li.active a.toplevellink:focus::after{box-shadow: 0px 0.325rem #003B5D;}

/* Snel zoeken */
#tinyblock {right:0.625rem;}
#tinyblock form#quicksearch {max-width:365px;width:auto;height:auto;margin-top:1.3rem; border:2px solid #003B5D; border-radius:0.5rem;}
.livesearch ul {max-width:363px;margin-bottom:0;box-shadow:unset;border-radius:0 0 0.5rem 0.5rem;}
.livesearch a {display:inline-block;}
#tinyblock form#quicksearch p {display:flex;}
#tinyblock form#quicksearch input.text {
    font-size:1.375rem;
    color:#003B5D;
    border-width:0;
    background-color:transparent;
    width:100%;
    height:3rem;
    float:none;
    padding:0 0.75rem;
}
#tinyblock form#quicksearch input.text:focus {outline:2px dotted #003B5D;outline-offset:-4px;}
form#quicksearch button.submit {
    float:none;
    margin:0;
    font-size:1.375rem;
    padding:0 0.75rem;
    background-color:#003B5D;
    color:#FFFFFF;
    border-left:2px solid #003B5D;
    transition:all 0.2s;
    border-radius:0 0.3rem 0.3rem 0;
    overflow: visible;
    min-width: unset;
}
form#quicksearch button.submit:hover,
form#quicksearch button.submit:focus{
    background-color:#85BCE9;
    color:#003B5D;
}
form#quicksearch button.submit:focus {outline:2px dotted #000000;outline-offset:-6px !important;}
form#quicksearch button.submit::before {content:"";display:none;}
form#quicksearch button.submit .offscreen {position:static;}
.livesearch ul {margin-bottom:0;box-shadow:unset;border-radius:0 0 0.5rem 0.5rem;}
.all-results button {
	font-size:1rem;
	color:#003B5D;
}

/* Map weergaves */
ul.items li {border-top:1px solid #85BCE9;padding:2.25rem 0 1.25rem;margin:0;}
ul.items.no-description li {padding:1.25rem 0}
ul.items li h2 {margin-top:0;}

.section.briefing ul.items li h2 {min-height:3.1rem;}
.briefing nav {
    clear: both;
}

a.item-title {font-size:1.375rem;font-weight:normal;padding-right:2rem;display:block;}
a.item-title::after {
    content: "\F054";
    font-family: "fontawesome";
    font-size: 1rem;
    position:absolute;
    top:2.5rem;
    right:0;
}
ul.items.no-description li a.item-title::after {top:1.25rem;}
.items p.description,
.items p.with-photo {margin:0 0 1rem;}

.items p.with-photo .item-photo img {
    padding:0;
    margin:0.25rem 1rem 0 0;
}

h2.sub-heading {clear:both;margin:2rem 0;padding-bottom:2rem;border-bottom-color:#85BCE9;}
.section ul.items.three.columns.no-description a.item-title {font-size:1rem;}
/* Home */

div#row2[class$="_onlytoptasks"] {border-top:1px solid #003B5D;}
div.onlytoptasks {padding:3rem 0.625rem 1rem;}
div.onlytoptasks ul.onlytoptasks {column-gap: 2.25rem;}
div.onlytoptasks ul.onlytoptasks.bannercount-1 {columns:1;}
div.onlytoptasks ul.onlytoptasks.bannercount-2 {columns:2;}
div.onlytoptasks ul.onlytoptasks.bannercount-3 {columns:3;}
div.onlytoptasks ul.onlytoptasks.bannercount-4 {columns:4;}
div.onlytoptasks ul.onlytoptasks.bannercount-5 {columns:5;}
div.onlytoptasks ul.onlytoptasks.bannercount-6 {columns:6;}
div.onlytoptasks ul.onlytoptasks li.column {float:none;}
div.onlytoptasks ul.onlytoptasks.bannercount-1 li,
div.onlytoptasks ul.onlytoptasks.bannercount-2 li,
div.onlytoptasks ul.onlytoptasks.bannercount-3 li,
div.onlytoptasks ul.onlytoptasks.bannercount-4 li,
div.onlytoptasks ul.onlytoptasks.bannercount-5 li,
div.onlytoptasks ul.onlytoptasks.bannercount-6 li {width:100%;}
div.onlytoptasks ul.onlytoptasks li.column a {font-size:1.25rem;border-radius:0.5rem;background-color:#FFFFFF;color:#003B5D;border-width:1px;padding:0;}

ul.onlytoptasks li.column a img {width:5rem;height:5rem;margin:0 auto 1.5rem;display: flex;align-items: center;justify-content: center;}
ul.onlytoptasks li.column a span {padding:0.5rem;box-sizing:border-box;align-items:normal;height:auto;}
.sublayout_row1_onlytoptasks {aspect-ratio: 4.26667 / 1;background-size:100%;}

div[id^="row"][class$="_one-columns"] {background-color:#FFFFFF !important;}
div[id^="row"][class$="_one-columns"] .onecolumn {margin:0 0.625rem 3rem;}
div[id^="row"][class$="_one-columns"] .onecolumn .container {margin:0;}
.onecolumn .landing.folder ul.items {
    column-gap: 2.25rem;
    border-top:1px solid #85BCE9;
    border-bottom:1px solid #85BCE9;
}
.onecolumn .landing.folder ul.items .column {
    padding:0;
    margin: 0;
    background-color: transparent;
    border-width: 0 0 1px;
    border-color: #85BCE9;
    
}
.onecolumn .landing.folder ul.items li a  {margin: 0.25rem;display:block;height:auto;}
.onecolumn .landing.folder ul.items li a.item-title {padding:0;}
.onecolumn .landing.folder ul.items li a.item-title::after {content:"";}
.onecolumn .landing.folder ul.items li a span.title {font-weight:normal;padding:1rem 0;font-size:1.25rem;color:#003B5D;}

.sublayout_row3_three_column {padding-top:2rem;padding-bottom:2rem}

div[id^="row"][class$="_thematictabs"],
.sublayout_row3_three_column {background-color:#85BCE925 !important;}
#thematictabs {margin:3rem 0.625rem 0;overflow:hidden;}
div.alpha[class^="width-"] {padding:0;float:none;}
div.alpha.only-one-item h2 {position:static;padding:0 0 1rem;background-color:transparent;color:#003B5D;}
div.alpha.only-one-item .container .container-content {padding:0;}
div.alpha.only-one-item .container .container-content ul.items {display:flex;gap: 2.25rem;}
div.alpha.only-one-item .container .container-content ul.items li {box-sizing:border-box;flex:1; list-style-type:none;padding:0;margin:0;overflow:hidden;}
div.alpha.only-one-item .container .container-content ul.items li a {justify-content:space-between;overflow:hidden;box-sizing:border-box;height:100%;background-color:#FFFFFF;display:flex;flex-direction:column;border-radius:0.5rem;border:2px solid #003B5D;position:relative;}
div.alpha.only-one-item .container .container-content ul.items li a h3 {margin:0 1rem 1rem;font-weight:bold;}
div.alpha.only-one-item .container .container-content ul.items li a h3 .item-photo {display:block;}
div.alpha.only-one-item .container .container-content ul.items li a h3 .item-photo img {max-width:unset !important;width:calc(100% + 2rem); margin:0 -1rem 1rem;}
div.alpha.only-one-item .container .container-content ul.items li a p.description {display:none;padding:0 1rem 1rem;font-weight:normal;}
div.alpha.only-one-item .container .container-content ul.items li a span.objectinfo {font-weight:normal;padding-bottom:0.25rem;padding-left:1rem;}

div.alpha.only-one-item .container .container-content li.shorts {background-color:#FFFFFF;display:block;border-radius:0.5rem;border:2px solid #003B5D;}
div.alpha.only-one-item .container .container-content li.shorts ul.items {display:block;}
div.alpha.only-one-item .container .container-content li.shorts ul.items li {
    width:100%;
    background-color: transparent;
    border-bottom: 1px solid #85BCE9;
    padding: 0.25rem;
    box-sizing:border-box;
}
div.alpha.only-one-item .container .container-content li.shorts ul.items li.last-child {border-width:0;}
div.alpha.only-one-item .container .container-content li.shorts ul.items a,
div.alpha.only-one-item .container .container-content ul.items li a.read-more{
    border-width:0;
    border-radius:0;
    padding:0.75rem 1rem;
    margin:0;
    height:unset;
    font-size:1rem;
}

div.alpha.only-one-item .container .container-content li.shorts ul.items a {color:#003B5D;}
div.alpha.only-one-item .container .container-content li.shorts ul.items a:hover,
div.alpha.only-one-item .container .container-content li.shorts ul.items a:focus {color:#003B5D;}
div.alpha.only-one-item .container .container-content li.shorts ul.items a::after {content:"";}
div.alpha.only-one-item .container .container-content ul.items li a.read-more {text-decoration:none;padding:0.5rem 1.25rem;}
div.alpha.only-one-item .container .container-content ul.items li a.read-more:hover,
div.alpha.only-one-item .container .container-content ul.items li a.read-more:focus {text-decoration:underline;}

/* Rij 5 Meer berichten */
#row5.sublayout_row5_one-columns {background-color:#85BCE925 !important;}
#row5.sublayout_row5_one-columns .landing.container.document {margin-top:0 !important;}

/* Footer */
.footer_website {border-top:1px solid #003B5D;}
#footer {border-top:1px solid #003B5D;text-align:center;}
.footer_website .contentrow {width:100%;}
#footer_columns {padding:3rem 0.625rem;margin:0 auto;}
#footer_columns {display:flex;gap:2.25rem;}
#footer_columns.three .column {width:33%;margin:0;}
#footer_columns #contact {display:none;}
#footer_columns .column h2 {font-size:1.5rem;font-weight:normal;margin-top:0;}
#footer_columns .column h3 {font-size:1.25rem;font-weight:normal;margin:1rem 0 0.5rem;}

.visittime .location_open,
.visittime .location_closed,
.visittime .location_open.nexttime {font-weight:normal;margin-bottom:0;}
.visittime .location_closed {color:#BB0000;}
.visittime a.read-more {font-weight:normal;}

#footer_columns a:hover img,
#footer_columns a:focus img {opacity:0.9;}
div#footer ul.quicklinks {margin:1rem 0 2rem;float:none;}
div#footer ul.quicklinks li {border-right: 1px solid #003B5D;padding: 0 0.5rem;margin: 0;}
div#footer ul.quicklinks li.last-child {border-width:0;}
div#footer ul.quicklinks li a {color:#003B5D;}


/* Duurzaam */
div[id^="row"][class$="_one-columns"] .landing.container.document {margin-top:3rem;}
div[id^="row"][class$="_one-columns"] .landing.document h2 {display:none;}
div[id^="row"][class$="_one-columns"] .landing.document p {margin-bottom:0;}
div[id^="row"][class$="_one-columns"] .landing.document q {color:#269547;font-family:"museo", Arial, sans-serif;font-size:5rem;line-height:7.5rem;}

div[id^="row"][class$="_two-columns6633"] .columns {display:flex;margin:3rem 0.625rem; border-top:1px solid #85BCE9;}
div[id^="row"][class$="_two-columns6633"] .column {overflow:hidden;}
div[id^="row"][class$="_two-columns6633"] {background-color:#FFFFFF !important;}
div[id^="row"][class$="_two-columns6633"] .column.width-66 {width:65.36666%;margin:3rem 1.25rem 3rem 0;border-bottom:1px solid #85BCE9;}
div[id^="row"][class$="_two-columns6633"] .column.width-66 h2 {padding:0;margin:0 0 1rem;color:#003B5D;}
div[id^="row"][class$="_two-columns6633"] .column.width-66 img {box-sizing:border-box;border:2px solid #003B5D;border-radius:0.5rem;overflow:hidden;}

div[id^="row"][class$="_two-columns6633"] .column.width-33 {width:31.3333%;margin:3rem 0 3rem  1.25rem;}
div[id^="row"][class$="_two-columns6633"] .column.width-33 .container {margin-bottom:0;}
div[id^="row"][class$="_two-columns6633"] .quickto h2 {position:absolute;left:-999999em;top:-999999em;background-color:transparent;padding:0;margin:0 0 1rem;color:#003B5D;}
div[id^="row"][class$="_two-columns6633"] .quickto ul {margin-top:3rem;margin-bottom:0;background-color:transparent;border:2px solid #003B5D;border-radius:0.5rem;}
div[id^="row"][class$="_two-columns6633"] .quickto ul li {background-color:transparent;border-color:#85BCE9;padding:0.25rem;}
div[id^="row"][class$="_two-columns6633"] .quickto ul li:last-child {border-width:0;}
div[id^="row"][class$="_two-columns6633"] .quickto ul li a {padding: 0.75rem 1rem;color:#003B5D;}
div[id^="row"][class$="_two-columns6633"] .quickto ul li a:hover,
div[id^="row"][class$="_two-columns6633"] .quickto ul li a:focus {background-color:transparent;}

div[id^="row"][class$="_newsblock"] {background-color:#85BCE925 !important;}
div[id^="row"][class$="_newsblock"] .onecolumn {margin:3rem 0.625rem;}
div[id^="row"][class$="_newsblock"] .onecolumn h2{margin:0 0 1rem;}
div[id^="row"][class$="_newsblock"] .onecolumn h2 .newstitle {position:absolute;left:-999999em;top:-999999em;}
div[id^="row"][class$="_newsblock"] .onecolumn .landing ul.items {gap:2.25rem;}
div[id^="row"][class$="_newsblock"] .onecolumn .landing ul.items li.column {padding:0;margin:0 !important;border-width:0;}
div[id^="row"][class$="_newsblock"] .column a {
    box-sizing: border-box;
    overflow:hidden;
    background-color: #FFFFFF;
    border-radius: 0.5rem;
    border: 2px solid #003B5D;
    color:#003B5D;
    position:relative;
}
div[id^="row"][class$="_newsblock"] .column a:focus {border-style:dotted;outline:none;}
div[id^="row"][class$="_newsblock"] .onecolumn .landing ul.items li span.title {
    font-size: 1.375rem;
    font-weight: normal;
    line-height: normal;
    margin:1rem;
    padding:0;
    color:#003B5D;
}
div[id^="row"][class$="_newsblock"] .onecolumn .landing ul.items .objectinfo {
    position: absolute;
    bottom: 0;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    color:#003B5D;
}

/* Aside */
.detail_aside #side-content {margin-top:0;}
.detail_aside #side-content .container_aside {margin-bottom:1rem;}
.detail_aside #side-content .container_aside h3 {border-bottom:1px solid #85BCE9;background-color:transparent;color:#003B5D;font-size:1.5rem;padding:1rem;}
.detail_aside #side-content .container_aside .container-content {border:0;}
.detail_aside #side-content .container_aside .container-content ul.items li {border-bottom:1px solid #85BCE9;padding:0.25rem;box-sizing:border-box;}
.detail_aside #side-content .container_aside .container-content ul.items li a {padding: 0.75rem 1rem;color:#003B5D;}
.detail_aside #side-content .container_aside .container-content ul.items li a:hover {background-color:transparent;}

/* algemeen responsive */
@media only screen and (max-width: 512px) {
    html {font-size:12px !important;}
    div.contentrow {width:94% !important;margin:0 auto;}
    
    div.grid-16,
    div.grid-11,
    .layout_search div.grid-11,
    div.grid-5 {width:calc(100% - 1.25rem) !important;margin:0 0.625rem;}
    
    .breadcrumbs {margin-left:0.625rem !important;}
    div.alpha.only-one-item .container .container-content ul.items {flex-wrap:wrap;flex-direction:column;}
    div.alpha.only-one-item .container .container-content ul.items li.shorts {flex: 1 0 100%;}
   
    body.layout_four ul.onlytoptasks.columns {margin:0;width:100%;}
    div.onlytoptasks ul[class*="bannercount-"] {columns:1 !important;}
    div.onlytoptasks ul.onlytoptasks {column-gap:0;width:100%;}
    div.onlytoptasks ul.onlytoptasks li {margin:0 !important; border-top:1px solid #85BCE9;height:unset !important;}
    div.onlytoptasks ul.onlytoptasks li:first-child {border-width:0;}
    .sublayout_row2_onlytoptasks{border-bottom:1px solid #003B5D;margin-bottom:2rem;padding-bottom:2rem;}
    div.onlytoptasks {padding:0 0.625rem;}
    div.onlytoptasks ul.onlytoptasks li.column a {align-items:center;flex-direction:row;min-height:unset;height:auto;margin:0.25rem;padding:1rem 0;}
    ul.onlytoptasks li.column a img {width:3rem;height:3rem;margin:0 1rem 0 0 ;}
    ul.onlytoptasks li.column a span {justify-content:left;}
    
    .columns.three .column {width:100%;margin:0 !important;}
    .columns.three .column {margin:0 !important;clear:both !important;}
    .section ul.items.three.columns li:nth-child(1) {border-top:0;}
    
    #footer_columns {flex-direction:column;}
    #footer_columns.three .column {width:100%;}

    .section.search-results .simpleform .form-row {width:80%;}
    .section.search-results .simpleform .submit-buttons {width:20%;}
    
    .fixed_header #header {height:137px !important;}
    .fixed_header #menu_wide {top:0 !important;}
    div#header a#logo {margin:0 auto;width:220px !important;max-width:unset;padding:0;}
    #tinyblock {top:60px;width:100%;left:0;right:0;}
    #tinyblock form#quicksearch {position:static; float:none;margin:auto;}
    #tinyblock form#quicksearch input.text {width:80%;}
    #tinyblock form#quicksearch button.submit {width:20%;}
    .tinyblock_enabled #header .container-sessions {top:55px;}
    
    
    /* Verberg headerfoto op mobiel
    div.sublayout_row1_onlytoptasks {aspect-ratio:unset;background-image:none;} */
    div#row2[class$="_onlytoptasks"] {border-top-width:0;}
    
    
    /* Duurzaam */
    div[id^="row"][class$="_one-columns"] .landing.document q {font-size:3rem;line-height:3.5rem;}
    div[id^="row"][class$="_two-columns6633"] .columns {flex-direction:column;}
    div[id^="row"][class$="_two-columns6633"] .column.width-33,
    div[id^="row"][class$="_two-columns6633"] .column.width-66 {width:100%;float:none;margin:2rem 0;}
    
    div[id^="row"][class$="_newsblock"] .onecolumn .landing ul.items li {width:100%;clear:both;}
    div.alpha.only-one-item .container .container-content ul.items li.with_dsecription {overflow:visible;}
    

}
@media only screen and (min-width: 513px) and (max-width: 639px) {
    html {font-size:12px}
    div.contentrow,
    #menu_wide ul#dl-menu,
    #footer_columns {width:94% !important;margin:0 auto;}

    div.grid-16,
    div.grid-11,
    .layout_search div.grid-11,
    div.grid-5 {width:calc(100% - 1.25rem) !important;margin:0 0.625rem;}
    
    .breadcrumbs {margin-left:0.625rem !important;}
    div.alpha.only-one-item .container .container-content ul.items {flex-wrap:wrap;}
    div.alpha.only-one-item .container .container-content ul.items li.shorts {flex: 1 0 100%;}
    
    body.layout_four ul.onlytoptasks.columns {margin:0;width:100%;}
    div.onlytoptasks ul[class*="bannercount-"] {columns:3 !important;}
    div.onlytoptasks ul.onlytoptasks {column-gap:1.125rem;}
    ul.onlytoptasks li.column a img {width:5rem;height:5rem;margin:0 auto 1.5rem;}
    
    .columns.three .column {width:100%;margin:0 !important;}
    .columns.three .column {margin:0 !important;clear:both !important;}
    .section ul.items.three.columns li:nth-child(1) {border-top:0;}
    
    
    /* Duurzaam */
    div[id^="row"][class$="_one-columns"] .landing.document q {font-size:3rem;line-height:3.5rem;}
    div[id^="row"][class$="_two-columns6633"] .columns {flex-direction:column;}
    div[id^="row"][class$="_two-columns6633"] .column.width-33,
    div[id^="row"][class$="_two-columns6633"] .column.width-66 {width:100%;float:none;margin:2rem 0;}
    
    div[id^="row"][class$="_newsblock"] .onecolumn .landing ul.items li {width:calc(50% - 1.125rem);}
    div[id^="row"][class$="_newsblock"] .onecolumn .landing ul.items li:nth-child(odd) {clear:left !important;}
    div[id^="row"][class$="_newsblock"] .onecolumn .landing ul.items li:nth-child(even) {clear:right !important;}
    
}
@media only screen and (max-width: 767px) {
    div#header a#logo {
        width:160px;
    }
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
    html {font-size:12px}
    div.contentrow,
    #menu_wide ul#dl-menu,
    #footer_columns {width:94% !important;margin:0 auto;}

    div.grid-16,
    div.grid-11,
    .layout_search div.grid-11,
    div.grid-5 {width:100% !important;margin:0 auto;}
    
    .breadcrumbs {margin-left:0.625rem !important;}
    div.alpha.only-one-item .container .container-content ul.items {flex-wrap:wrap;}
    div.alpha.only-one-item .container .container-content ul.items li.shorts {flex: 1 0 100%;}
    
    body.layout_four ul.onlytoptasks.columns {margin:0;width:100%;}
    div.onlytoptasks ul.onlytoptasks.bannercount-6 {columns:3;}
    div.onlytoptasks ul.onlytoptasks li.column a {aspect-ratio:6 / 5;}
    div.onlytoptasks ul.onlytoptasks {column-gap:1.125rem;}
    ul.onlytoptasks li.column a img {width:5rem;height:5rem;margin:0 auto 1.5rem;}
    
    .columns.three .column {width:calc(50% - 1.125rem);margin:0 !important;}
    .columns.three .column.last-column {margin:0;}
    .columns.three .column.odd {margin:0 1.125rem 0 0 !important;clear:left;}
    .columns.three .column.even {margin:0 0 0 1.125rem !important;clear:right;}
    .section ul.items.three.columns li:nth-child(1),
    .section ul.items.three.columns li:nth-child(2) {border-top:0;}
    
}
@media only screen and (min-width: 768px) {
    .onecolumn .landing.folder ul.items .column {flex: 0 0 calc(33% - 1.35rem);}
    .onecolumn .landing.folder ul.items .column:nth-last-child(-n+3) {border-width:0;}
    /* Eerste items uitzondering */
    .section ul.items.two.columns li:nth-child(1),
    .section ul.items.two.columns li:nth-child(2),
    .section ul.items.three.columns li:nth-child(1),
    .section ul.items.three.columns li:nth-child(2),
    .section ul.items.three.columns li:nth-child(3),
    .section ul.items.two.columns.no-description li:nth-child(1),
    .section ul.items.two.columns.no-description li:nth-child(2),
    .section ul.items.three.columns.no-description li:nth-child(1),
    .section ul.items.three.columns.no-description li:nth-child(2),
    .section ul.items.three.columns.no-description li:nth-child(3){border-top-width:0;padding-top:0;}
    
    .section ul.items.two.columns li:nth-child(1) a::after,
    .section ul.items.two.columns li:nth-child(2) a::after,
    .section ul.items.three.columns li:nth-child(1) a::after,
    .section ul.items.three.columns li:nth-child(2) a::after,
    .section ul.items.three.columns li:nth-child(3) a::after,
    .section ul.items.two.columns.no-description li:nth-child(1) a::after,
    .section ul.items.two.columns.no-description li:nth-child(2) a::after,
    .section ul.items.three.columns.no-description li:nth-child(1) a::after,
    .section ul.items.three.columns.no-description li:nth-child(2) a::after,
    .section ul.items.three.columns.no-description li:nth-child(3) a::after {top:0.5rem;}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
    .onecolumn .landing.folder ul.items .column {flex: 0 0 calc(50% - 1.2rem);}
    .onecolumn .landing.folder ul.items .column:nth-last-child(-n+2) {border-width:0;}
    /* Eerste items uitzondering */
    .section ul.items.two.columns li:nth-child(1),
    .section ul.items.two.columns li:nth-child(2),
    .section ul.items.three.columns li:nth-child(1),
    .section ul.items.three.columns li:nth-child(2),
    .section ul.items.two.columns.no-description li:nth-child(1),
    .section ul.items.two.columns.no-description li:nth-child(2),
    .section ul.items.three.columns.no-description li:nth-child(1),
    .section ul.items.three.columns.no-description li:nth-child(2)){border-top-width:0;padding-top:0;}

}
@media only screen and (max-width: 639px) {
    .onecolumn .landing.folder ul.items .column {flex: 0 0 100%;}
    .onecolumn .landing.folder ul.items .column:nth-last-child(1) {border-width:0;}
    
    .columns.two .column {width: calc(100% - 1.125rem);}
    
    /* Eerste items uitzondering */
    .section ul.items.two.columns li:nth-child(1),
    .section ul.items.three.columns li:nth-child(1),
    .section ul.items.two.columns.no-description li:nth-child(1),
    .section ul.items.three.columns.no-description li:nth-child(1) {border-top-width:0;padding-top:0;}
    
    .section ul.items.two.columns li:nth-child(1) a::after,
    .section ul.items.three.columns li:nth-child(1) a::after,
    .section ul.items.two.columns.no-description li:nth-child(1) a::after,
    .section ul.items.three.columns.no-description li:nth-child(1) a::after {top:0.5rem;}
}



@media only screen and (min-width: 768px) and (max-width: 959px) {
    html {font-size:12px}
    div.contentrow,
    #menu_wide ul#dl-menu,
    #footer_columns {width:94% !important;margin:0 auto;}
    
    .footer_website .contentrow {width:100% !important;}
    
    div#header a#logo {width:25%;}
    .breadcrumbs {margin-left:0.625rem !important;}

    div.alpha.only-one-item .container .container-content ul.items {flex-wrap:wrap;}
    div.alpha.only-one-item .container .container-content ul.items li.shorts {flex: 1 0 100%;}
    
    body.layout_four ul.onlytoptasks.columns {margin:0;width:100%;}
    div.onlytoptasks ul.onlytoptasks {column-gap:1.125rem;}
    ul.onlytoptasks li.column a img {width:3rem;height:3rem;margin:0 auto 0.75rem;}
    .container .container-content {margin:0 !important;}
}

@media only screen and (min-width: 960px) and (max-width: 1023px) {
    html {font-size:14px}
    .contentrow,
    #menu_wide ul#dl-menu,
    #footer_columns {width:920px;}
    
   /* Header en menu aanpassingen */
    div#header a#logo {width:22%;}
    div#header {min-height:8rem;}
    .tinyblock_enabled #header .container-sessions {top:120px;}
    body.menutype_horizontal #menu_wide,.fixed_header #menu_wide {top:4.5rem;}
    #tinyblock form#quicksearch {margin-top:0.5rem;}
    #menu_wide ul#dl-menu {height:0;padding-right:0;padding-left:0;}
    body.menutype_horizontal #dl-menu.menu-horizontal a.toplevellink {padding:0.75rem 0.5rem;}

    body.layout_four ul.onlytoptasks.columns {margin:0;width:100%;}
    div.onlytoptasks ul.onlytoptasks {column-gap:1.125rem;}
    ul.onlytoptasks li.column a img {width:3rem;height:3rem;margin:0 auto 0.75rem;}
    
    div.alpha.only-one-item .container .container-content ul.items {flex-wrap:wrap;}
    div.alpha.only-one-item .container .container-content ul.items li.shorts {flex: 1 0 100%;}
}

@media only screen and (min-width: 1024px) and (max-width: 1359px) {
    html {font-size:14px}
    .contentrow,
    #menu_wide ul#dl-menu,
    #footer_columns {width:985px;}
    
    /* Header en menu aanpassingen */
    div#header a#logo {width:22%;}
    div#header {min-height:8rem;}
    .tinyblock_enabled #header .container-sessions {top:120px;}
    body.menutype_horizontal #menu_wide,.fixed_header #menu_wide {top:4.5rem;}
    #tinyblock form#quicksearch {margin-top:0.5rem;}
    #menu_wide ul#dl-menu {height:0;padding-right:0;padding-left:0;}
    body.menutype_horizontal #dl-menu.menu-horizontal a.toplevellink {padding:0.75rem 0.5rem;}

    ul.onlytoptasks li.column a img {width:3rem;height:3rem;margin:0 auto 0.75rem;}
    
    div.alpha.only-one-item .container .container-content ul.items {flex-wrap:wrap;}
    div.alpha.only-one-item .container .container-content ul.items li.shorts {flex: 1 0 100%;}
}
@media only screen and (min-width: 959px) and (max-width: 1359px) {
.fixed_header #header {position:static;}
body.menutype_horizontal #menu_wide, .fixed_header #menu_wide {top:-3.5rem;position:absolute;}
.fixed_header #readspeaker {padding-top:0;}
}

@media only screen and (min-width: 1360px) and (max-width: 1459px) {
    html {font-size:15px}
    .contentrow,#menu_wide ul#dl-menu,#footer_columns {width:1320px;}
    /* menu */
    body.menutype_horizontal #menu_wide,.fixed_header #menu_wide {top:1.2rem;}
    #menu_wide ul#dl-menu {height:0;padding-right:21.5rem;padding-left:19rem;}
    #row5.sublayout_row5_one-columns .landing.container.document{width: 31.67%;margin-left: auto;}
    .onecolumn .landing.folder ul.items .column {flex: 0 0 calc(33% - 1.275rem);}
}

@media only screen and (min-width: 1460px) {
    html {font-size:18px;}
    .contentrow,#menu_wide ul#dl-menu,#footer_columns {width:1440px;}
    /* menu */
    body.menutype_horizontal #menu_wide,.fixed_header #menu_wide {top:1.2rem;}
    #menu_wide ul#dl-menu {height:0;padding-right:21.5rem;padding-left:19rem;}
    #row5.sublayout_row5_one-columns .landing.container.document{width: 31.67%;margin-left: auto;}
    .onecolumn .landing.folder ul.items .column {flex: 0 0 calc(33% - 1.275rem);}
}

@media only screen and (min-width: 1920px) {
    .sublayout_row1_onlytoptasks {background-size:1920px 450px;aspect-ratio:unset;height:450px;}
}
@media only screen and (min-width: 480px) and (max-width: 959px) {
ul.onlytoptasks.bannercount-5 li.column:nth-child(4) {clear:none;margin-left:0;margin-top:0;}
ul.onlytoptasks.bannercount-5 li.column:nth-child(5){margin-top:0;}
}

/* browser fixes */
div:focus {outline:none;}

/* Stops Safari / ios to give inputs a border-radius */
input[type="search"],
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
@media screen and (max-width: 767px) {
    div#bannerfoto {display:block !important;height:180px !important;}
    #row1.row1_breadcrumb, .fixed_header #row1.row1_breadcrumb {background-size:767px auto;}
} 
@media screen and (min-width: 641px) {
    .items.columns li {
        display: grid;
        grid-template-rows: minmax(3.6rem, max-content) auto;
    }
    .items.columns li p.with-photo .item-photo img {margin:0 0 1rem;}
    
/* Feedback smileys */    
   // ==========================================
// CSS CUSTOM PROPERTIES
// ==========================================
:root {
    // Colors
    --sz-fb-text-color: #000;
    --sz-fb-bg-color: #f0f0f0;
    --sz-fb-button-bg-color: #a9cf3f;
    --sz-fb-button-text-color: #fff;
    --sz-fb-icon-color: #000;
    // Dimensions
    --sz-fb-font-size: 11px;
    --sz-fb-line-height: 1.5;
    --sz-fb-container-width: 320px;
    --sz-fb-rating-button-height: 28px;
    --sz-fb-rating-icon-size: 26px;
    --sz-fb-toggle-icon-size: 24px;
    --sz-fb-toggle-icon-padding: 12px;
    --sz-fb-font-family: Verdana, Geneva, sans-serif;
    --sz-fb-toggle-text-margin: 34px;
}

// ==========================================
// PRINT MEDIA QUERY
// ==========================================
@media print {
    .sz-feedback-section {
        display: none !important;
    }
}

// ==========================================
// BASE RESET AND BUTTON STYLES
// ==========================================
.sz-feedback-container-close-button,
.sz-feedback-submit-button,
.sz-feedback-toggle-button,
.sz-feedback-rating-icon-label {
    position: static !important;
    color: var(--sz-fb-text-color) !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    float: none !important;
    max-width: none !important;
    min-width: 0 !important;
    width: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    height: auto !important;
    text-transform: none !important;
    text-shadow: none !important;
    box-sizing: border-box !important;
}

// ==========================================
// MAIN FONT STYLING
// ==========================================
.sz-feedback-main-font-style {
    font-family: var(--sz-fb-font-family) !important;
    font-size: var(--sz-fb-font-size) !important;
    color: var(--sz-fb-text-color) !important;
    line-height: var(--sz-fb-line-height) !important;
}

// ==========================================
// CONTAINER
// ==========================================
.sz-feedback-container {
    width: var(--sz-fb-container-width);
    padding: 12px;
    box-sizing: border-box;
    z-index: 2147483646;
    background-color: var(--sz-fb-bg-color);

    > form {
        display: block;
        margin: 0;
        padding: 0;
    }

    > button {
        margin: 0;
    }
}

// ==========================================
// QUESTION HEADING
// ==========================================
.sz-feedback-question {
    margin: 0;
    font-size: var(--sz-fb-font-size);
    font-weight: normal;
    text-transform: none !important;
}

// ==========================================
// SUPPORT LINKS
// ==========================================
.sz-feedback-support-link-right,
.sz-feedback-support-link-centered {
    word-wrap: break-word !important;
    max-width: 296px;
    color: var(--sz-fb-text-color) !important;
    font-size: 0.8em !important;
    text-decoration: underline !important;

    &:hover,
    &:focus {
        color: var(--sz-fb-text-color) !important;
    }
}

.sz-feedback-support-link-right {
    display: inline-block;
    float: right;
    text-align: right;
}

.sz-feedback-support-link-centered {
    display: block;
    text-align: center;
}

// ==========================================
// LABEL
// ==========================================
.sz-feedback-label-note {
    display: inline-block;
    word-wrap: break-word;
    max-width: 296px;
    margin: 0;
    font-weight: normal !important;
    font-size: 0.9em !important;
}

// ==========================================
// SUBMIT BUTTON
// ==========================================
.sz-feedback-submit-button {
    background-color: var(--sz-fb-button-bg-color) !important;
    color: var(--sz-fb-button-text-color) !important;
    padding: 10px 32px !important;
    width: 100% !important;
    margin-top: 12px !important;
    font-weight: bold !important;

    &:focus {
        outline: 2px solid var(--sz-fb-text-color);
    }
}

// ==========================================
// ARROWS
// ==========================================
.sz-feedback-container-arrow {
    width: 0;
    height: 0;
    position: absolute;
}

// ==========================================
// TOGGLE BUTTON
// ==========================================
.sz-feedback-toggle-button-open-mode,
.sz-feedback-toggle-button-close-mode {
    display: none;
}
.sz-feedback-toggle-button {
    position: relative !important;
    display: inline-block;
    background-color: var(--sz-fb-bg-color) !important;
    padding: var(--sz-fb-toggle-icon-padding) !important;

    &:focus {
        box-shadow: 0 0 0 1px var(--sz-fb-text-color), 0 0 0 3px var(--sz-fb-bg-color), 0 0 0 4px var(--sz-fb-text-color);
        outline: none;
    }
}

.sz-feedback-toggle-button-icon-container {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    width: var(--sz-fb-toggle-icon-size);
    height: var(--sz-fb-toggle-icon-size);
}

.sz-feedback-toggle-button-text {
    display: none;
    white-space: nowrap;
    margin-left: var(--sz-fb-toggle-text-margin);
}

.sz-feedback-toggle-button-icon {
    fill: var(--sz-fb-icon-color) !important;
    vertical-align: baseline !important;
}

// ==========================================
// UTILITY CLASSES
// ==========================================
.sz-feedback-text-align-center {
    text-align: center !important;
}

.sz-feedback-word-wrap {
    word-wrap: break-word !important;
}

.sz-feedback-display-block {
    display: block;
}

.sz-feedback-display-none {
    display: none;
}

.sz-feedback-toggle-button-container {
    z-index: 2147483647;
}

// ==========================================
// CLOSE BUTTON (Inside Dialog)
// ==========================================
.sz-feedback-container-close-button {
    float: right !important;
    display: none;
}

// ==========================================
// VALIDATION
// ==========================================
.sz-feedback-validation-presenter {
    font-weight: bold;
    color: #555;
    text-align: center;
    word-wrap: break-word;
}

.sz-feedback-hide-validation {
    background-color: transparent;
}

.sz-feedback-show-validation {
    background-color: #fff;
    padding: 2px;
    margin: 4px 0;
}

// ==========================================
// RATING
// ==========================================
.sz-feedback-rating {
    text-align: center;
    margin: 10px 0;
}

.sz-feedback-rating-icon-label {
    display: inline-block !important;
    height: var(--sz-fb-rating-button-height) !important;
    width: var(--sz-fb-rating-icon-size) !important;
    padding: 0 3px !important;
    box-sizing: content-box !important;

    &:hover > svg:not(.sz-feedback-rating-element-active) {
        opacity: 0.7 !important;
    }
}

.sz-feedback-rating-icon {
    height: var(--sz-fb-rating-icon-size);
    width: var(--sz-fb-rating-icon-size);
    fill: var(--sz-fb-text-color);
    padding: 1px;
    box-sizing: border-box;
}

.sz-feedback-rating-element-active {
    opacity: 1 !important;
}

.sz-feedback-rating-icon-input {
    &:focus + .sz-feedback-rating-icon-label {
        border-radius: 3px !important;
        box-shadow: 0 0 0 2px var(--sz-fb-text-color) !important;
    }
}

// ==========================================
// VISUALLY HIDDEN
// ==========================================
.sz-feedback-visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

// ==========================================
// TEXTAREA
// ==========================================
.sz-feedback-textarea {
    color: #000 !important;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-color: white;
    resize: none;
    margin-top: 4px;
    padding: 4px;
    overflow: auto;
    border: 1px solid #ddd;
    vertical-align: top;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    opacity: 1 !important;

    &::-webkit-input-placeholder {
        color: #767676;
    }

    &::-moz-placeholder {
        color: #767676;
        opacity: 1;
    }

    &:-moz-placeholder {
        color: #767676;
        opacity: 1;
    }

    &::-ms-input-placeholder {
        color: #767676;
    }

    &:-ms-input-placeholder {
        color: #767676 !important;
    }

    &::placeholder {
        color: #767676;
    }

    &:disabled {
        background-color: rgb(235, 235, 228);
        opacity: 0.5;
    }

    &:focus {
        outline: 2px solid var(--sz-fb-text-color);
    }
}

// ==========================================
// CHARACTER COUNTER
// ==========================================
.sz-feedback-comment-character-counter {
    font-weight: normal;
    font-size: 0.8em;
    text-align: right;

    &.max-chars-reached {
        font-weight: bold;
        color: #555;
        background-color: #fff;
        padding: 2px 4px;
        margin: 4px 0 4px auto;
        width: fit-content;
    }
}

// ==========================================
// DON'T SHOW AGAIN BUTTON
// ==========================================
.sz-feedback-dont-show-again-button {
    display: none; // Hidden by default
    border: none;
    background: none;
    margin-bottom: -6px !important;
    cursor: pointer;
    padding: 12px 0;
    width: 100%;
}

// ==========================================
// PSEUDO-ELEMENT RESET
// ==========================================
.sz-feedback-section *:before,
.sz-feedback-section *:after {
    content: "";
}

// ==========================================
// SECTION MODIFIERS
// ==========================================

// ------------------------------------------
// Theme Modifiers
// ------------------------------------------

.sz-feedback-section.theme-flat {
    // Default theme uses base styles
}

.sz-feedback-section.theme-rounded {
    .sz-feedback-container,
    .sz-feedback-submit-button {
        border-radius: 20px !important;
    }
}

.sz-feedback-section.theme-gradient {
    .sz-feedback-container {
        background: linear-gradient( color-mix(in srgb, var(--sz-fb-bg-color) 70%, white), var(--sz-fb-bg-color), color-mix(in srgb, var(--sz-fb-bg-color) 70%, black) );
    }
}

// ------------------------------------------
// State Modifiers
// ------------------------------------------

// State: Icon Only and Open on Load
.sz-feedback-section.state-icon-only,
.sz-feedback-section.state-open-on-load {
    // Center the toggle button icons
    .sz-feedback-toggle-button-icon-container {
        left: 0;
        right: 0;
    }
}

// State: Text and Icon
.sz-feedback-section.state-text-and-icon {
    // Show text alongside icon
    .sz-feedback-toggle-button-text {
        display: inline-block;
        white-space: nowrap;
        margin-left: var(--sz-fb-toggle-text-margin);
    }
    // Rotate toggle button for left-side positions
    &.position-left-center .sz-feedback-toggle-button-container,
    &.position-left-bottom .sz-feedback-toggle-button-container {
        transform-origin: 0 100%;
        transform: rotate(90deg) translateX(-50%);
    }
    // Rotate toggle button for right-side positions
    &.position-right-center .sz-feedback-toggle-button-container,
    &.position-right-bottom .sz-feedback-toggle-button-container {
        transform-origin: 100% 100%;
        transform: rotate(270deg) translateX(50%);
    }
}

// ----------------------------------------------------------
// Position Modifiers (Positioning + Arrows + Animations)
// ----------------------------------------------------------

// Bottom-left position
.sz-feedback-section.position-bottom-left {
    .sz-feedback-container,
    .sz-feedback-toggle-button-container {
        position: fixed;
        bottom: 1px;
        left: 10%;
        margin-left: 160px;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }

    .sz-feedback-container-arrow {
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-top: 10px solid var(--sz-fb-bg-color);
        margin-top: 12px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
}

// Bottom-center position
.sz-feedback-section.position-bottom-center {
    .sz-feedback-container,
    .sz-feedback-toggle-button-container {
        position: fixed;
        bottom: 1px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }

    .sz-feedback-container-arrow {
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-top: 10px solid var(--sz-fb-bg-color);
        margin-top: 12px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
}

// Bottom-right position
.sz-feedback-section.position-bottom-right {
    .sz-feedback-container,
    .sz-feedback-toggle-button-container {
        position: fixed;
        bottom: 1px;
        right: 10%;
        margin-right: 160px;
        transform: translateX(50%);
        -webkit-transform: translateX(50%);
    }

    .sz-feedback-container-arrow {
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-top: 10px solid var(--sz-fb-bg-color);
        margin-top: 12px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
}

// Left-center position
.sz-feedback-section.position-left-center {
    .sz-feedback-container,
    .sz-feedback-toggle-button-container {
        position: fixed;
        left: 1px;
        bottom: 50%;
        transform: translateY(50%);
        -webkit-transform: translateY(50%);
    }

    .sz-feedback-container-arrow {
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-right: 10px solid var(--sz-fb-bg-color);
        top: 50%;
        left: 0;
        margin-top: -9px;
        margin-left: -10px;
    }
}

// Left-bottom position
.sz-feedback-section.position-left-bottom {
    .sz-feedback-container,
    .sz-feedback-toggle-button-container {
        position: fixed;
        left: 1px;
        bottom: 30%;
        transform: translateY(50%);
        -webkit-transform: translateY(50%);
    }

    .sz-feedback-container-arrow {
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-right: 10px solid var(--sz-fb-bg-color);
        top: 50%;
        left: 0;
        margin-top: -9px;
        margin-left: -10px;
    }
}

// Right-center position
.sz-feedback-section.position-right-center {
    .sz-feedback-container,
    .sz-feedback-toggle-button-container {
        position: fixed;
        right: 1px;
        bottom: 50%;
        transform: translateY(50%);
        -webkit-transform: translateY(50%);
    }

    .sz-feedback-container-arrow {
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 10px solid var(--sz-fb-bg-color);
        top: 50%;
        right: 0;
        margin-top: -9px;
        margin-right: -10px;
    }
}

// Right-bottom position
.sz-feedback-section.position-right-bottom {
    .sz-feedback-container,
    .sz-feedback-toggle-button-container {
        position: fixed;
        right: 1px;
        bottom: 30%;
        transform: translateY(50%);
        -webkit-transform: translateY(50%);
    }

    .sz-feedback-container-arrow {
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 10px solid var(--sz-fb-bg-color);
        top: 50%;
        right: 0;
        margin-top: -9px;
        margin-right: -10px;
    }
}

// ------------------------------------------
// Feature Toggle Modifiers
// ------------------------------------------

// "Don't Show Again" button
.sz-feedback-section.show-dont-show-again {
    .sz-feedback-dont-show-again-button {
        display: block;
    }
}

// ------------------------------------------
// State: Closed (Default)
// ------------------------------------------

.sz-feedback-section {
    .sz-feedback-toggle-button-container {
        visibility: visible;
    }
    // Bottom-left position
    &.position-bottom-left .sz-feedback-container {
        visibility: hidden;
        transform: translate(-50%, 1000px);
        -webkit-transform: translate(-50%, 1000px);
        transition: transform 0.5s, visibility 0.5s;
        transition-timing-function: ease-in;
    }
    // Bottom-center position
    &.position-bottom-center .sz-feedback-container {
        visibility: hidden;
        transform: translate(-50%, 1000px);
        -webkit-transform: translate(-50%, 1000px);
        transition: transform 0.5s, visibility 0.5s;
        transition-timing-function: ease-in;
    }
    // Bottom-right position
    &.position-bottom-right .sz-feedback-container {
        visibility: hidden;
        transform: translate(50%, 1000px);
        -webkit-transform: translate(50%, 1000px);
        transition: transform 0.5s, visibility 0.5s;
        transition-timing-function: ease-in;
    }
    // Left-center position
    &.position-left-center .sz-feedback-container {
        left: -400px;
        visibility: hidden;
        transition: left 0.5s, visibility 0.5s;
    }
    // Left-bottom position
    &.position-left-bottom .sz-feedback-container {
        left: -400px;
        visibility: hidden;
        transition: left 0.5s, visibility 0.5s;
    }
    // Right-center position
    &.position-right-center .sz-feedback-container {
        right: -400px;
        visibility: hidden;
        transition: right 0.5s, visibility 0.5s;
    }
    // Right-bottom position
    &.position-right-bottom .sz-feedback-container {
        right: -400px;
        visibility: hidden;
        transition: right 0.5s, visibility 0.5s;
    }

    .sz-feedback-toggle-button-open-mode {
        display: block;
    }

    .sz-feedback-toggle-button-close-mode {
        display: none;
    }
}

// ------------------------------------------
// State: Open
// ------------------------------------------

.sz-feedback-section.is-open {
    // Bottom-left position
    &.position-bottom-left .sz-feedback-container {
        visibility: visible;
        transform: translate(-50%, -70px);
        -webkit-transform: translate(-50%, -70px);
        transition: transform 0.5s;
    }
    // Bottom-center position
    &.position-bottom-center .sz-feedback-container {
        visibility: visible;
        transform: translate(-50%, -70px);
        -webkit-transform: translate(-50%, -70px);
        transition: transform 0.5s;
    }
    // Bottom-right position
    &.position-bottom-right .sz-feedback-container {
        visibility: visible;
        transform: translate(50%, -70px);
        -webkit-transform: translate(50%, -70px);
        transition: transform 0.5s;
    }
    // Left-center position
    &.position-left-center .sz-feedback-container {
        left: 70px;
        visibility: visible;
        transition: left 0.5s;
    }
    // Left-bottom position
    &.position-left-bottom .sz-feedback-container {
        left: 70px;
        visibility: visible;
        transition: left 0.5s;
    }
    // Right-center position
    &.position-right-center .sz-feedback-container {
        right: 70px;
        visibility: visible;
        transition: right 0.5s;
    }
    // Right-bottom position
    &.position-right-bottom .sz-feedback-container {
        right: 70px;
        visibility: visible;
        transition: right 0.5s;
    }

    .sz-feedback-toggle-button-open-mode {
        display: none;
    }

    .sz-feedback-toggle-button-close-mode {
        display: block;
    }
}

// ------------------------------------------
// State: Hidden
// .is-hidden = entire widget hidden (don't show again)
// ------------------------------------------

.sz-feedback-section.is-hidden {
    display: none !important;
}

// ------------------------------------------
// RESPONSIVE BEHAVIOR - MOBILE MODE
// ------------------------------------------

// Mobile mode: triggered at < 430px width
@media (max-width: 429px) {
    .sz-feedback-section {
        // All left and right positions
        &.position-left-center,
        &.position-left-bottom,
        &.position-right-center,
        &.position-right-bottom {
            .sz-feedback-container-close-button {
                display: block !important;
            }

            &.is-open {
                .sz-feedback-toggle-button-container {
                    display: none !important;
                }
            }

            .sz-feedback-container-arrow {
                display: none !important;
            }
        }
        // Left positions
        &.position-left-center .sz-feedback-container,
        &.position-left-bottom .sz-feedback-container {
            left: 1% !important;
            right: auto !important;
        }
        // Right positions
        &.position-right-center .sz-feedback-container,
        &.position-right-bottom .sz-feedback-container {
            right: 1% !important;
            left: auto !important;
        }

        .sz-feedback-container {
            max-width: 100vw !important;
        }

        &.show-desktop-only {
            display: none !important;
        }
    }
}

// Compact height mode: triggered at <= 480px height
// Used for devices in magnified mode or landscape orientation
@media (max-height: 480px) {
    // Use compact top-right-corner close button
    .sz-feedback-container-close-button {
        padding: 8px !important;
        display: block !important;
    }

    .sz-feedback-section.is-open {
        .sz-feedback-toggle-button-container {
            display: none !important;
        }
    }

    .sz-feedback-container {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        padding: 4px !important;
        height: 100vh !important;
        width: 100% !important;
        transform: none !important;
        overflow-y: scroll !important;
    }
    // Add bottom spacing for magnified mode
    .sz-feedback-section.show-dont-show-again {
        .sz-feedback-dont-show-again-button {
            margin-bottom: 14vh !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
    }

    .sz-feedback-section:not(.show-dont-show-again) {
        .sz-feedback-submit-button {
            margin-bottom: 14vh !important;
        }
    }
}
// Desktop mode: triggered at >= 430px width
@media (min-width: 430px) {
    .sz-feedback-section {
        // Hide on mobile-only setting
        &.show-mobile-only {
            display: none !important;
        }
    }
}