/* Woerden specifiek */
@font-face {
    font-family: 'Ubuntu';
    src: url('dsresource?objectid=4fdb5ac4-fb8c-4720-9607-52d6d7afa980') format('woff2'),
        url('dsresource?objectid=76fc8842-e52d-4f12-bc0c-af703e7a34ab') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('dsresource?objectid=dcf73f23-8570-48ff-b867-448f3004f441') format('woff2'),
        url('dsresource?objectid=47d6397e-1e88-4270-a0ba-6ef93017ee32') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('dsresource?objectid=a283e88e-7a76-4446-bfeb-18f4836308da') format('woff2'),
        url('dsresource?objectid=fad1f12b-22d8-49e7-96b5-8ec5274a400d') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('dsresource?objectid=432c9977-24b0-4493-a313-055569776dd4') format('woff2'),
        url('dsresource?objectid=3301828d-126a-482b-864f-acc4fb30ca3f') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

:root {
    /* CMS kleuren */
    --cms1: #0054a3;
    /*#0054A3*/
    --cms2: #FFFFFF;
    /*#FFFFFF*/
    --cms3: #F26B36;
    /*#F26B36*/
    --cms4: #FFFFFF;
    /*#FFFFFF*/
    --cms5: #00A060;
    /*#00A060*/
    --cms6: #000000;
    /*#000000*/

    /* Kleuren Woerden */
    --woerden-blauw: var(--cms1, #0054a3);
    --woerden-blauw-60: #004483;
    --woerden-blauw-10: #f0f4fa;
    --woerden-blauw-05: #f8fafc;
    --woerden-groen: var(--cms5, #00A060);
    --woerden-groen-10: #CCECE0;
    --woerden-groen-20: #96D6BC;
    --woerden-groen-alt: #008855;
    --woerden-groen-alt-hover: #006640;
    --woerden-groen-alt-active: #005737;
    --woerden-oranje: var(--cms3, #F26B36);
    --woerden-oranje-10: #F8DDD3;
    --woerden-lichtgroen: #7ac142;
    --woerden-lichtgroen-10: #e1eed3;
    --woerden-lichtblauw: #00adef;
    --woerden-lichtblauw-20: #E0F1FA;
    --woerden-paars: #765aa6;
    --woerden-paars-60: #5e4785;
    --woerden-wit: var(--cms2, #fff);
    --woerden-zwart: var(--cms6, #000);
    --woerden-error: #AA0000;

    /* Definitie stijl Woerden */
    --primair: var(--woerden-blauw);
    --secundair: var(--woerden-groen);
    --border: var(--woerden-groen-20);
    --tabel: var(--woerden-groen-10);
    --interactie: var(--woerden-groen-alt);
    --interactie-hover: var(--woerden-groen-alt-hover);
    --interactie-active: var(--woerden-groen-alt-active);
    --interactie-tekst: var(--woerden-wit);
    --paragraph: var(--woerden-zwart);
    --heading: var(--woerden-zwart);
    --background: var(--woerden-wit);
    --uitgelicht: var(--woerden-lichtblauw-20);
    --warning: var(--woerden-oranje-10);
    --info: var(--woerden-blauw-10);
    --info-hover: var(--woerden-blauw-05);
    --success: var(--woerden-lichtgroen-10);
    --error: var(--woerden-error);
}

/* Woerden specifieke vormgeving */
/* Koeiemart */
@font-face {
    font-family: 'Barlow';
    src: url('dsresource?objectid=7ee0f78e-bbef-428c-9efe-d4c659ddd66e') format('woff2'),
        url('dsresource?objectid=ecaaa1fd-ab90-4faa-a0d7-340193f7064d') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('dsresource?objectid=2dcd7a3c-5721-412e-8df5-865c22602636') format('woff2'),
        url('dsresource?objectid=ccce8df0-928a-4811-bf3d-26ab15fe9fef') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('dsresource?objectid=6152bc44-259a-438f-976b-4aa44ee003c9') format('woff2'),
        url('dsresource?objectid=cf17cc0c-6b8a-45fe-9142-9abcd992b7c7') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('dsresource?objectid=8b987afb-b89c-4b46-bed8-e5cfd6c86349') format('woff2'),
        url('dsresource?objectid=0e820bec-89ab-4488-a192-cf9990af18f6') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.koeiemart-container,
.koeiemart-header,
.koeiemart-footer,
.koeiemart-block,
.koeiemart-container a.button,
.koeiemart-container h2,
.koeiemart .content-wrapper h2 {
    font-family: 'Barlow', Arial, Sans-serif;
}

.koeiemart-container h2,
.koeiemart .content-wrapper h2 {
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.koeiemart-container .koeiemart-block h2 {
    color: var(--background);
    margin: 0 0 1rem 0;
    padding: 0;
    text-align: left;
}

.koeiemart-container p {
    font-size: 1rem;
    margin: 0 0 1rem 0;
    color: var(--interactie-tekst);
}

.koeiemart-block {
    padding: 1.5rem;
    box-sizing: border-box;
}

.koeiemart-header {
    background: var(--background);
    text-align: center;
}

.koeiemart-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    align-content: center;
    color: var(--interactie-tekst);
}

@media only screen and (max-width: 512px) {
    .koeiemart-container {
        grid-template-columns: repeat(1, 1fr);
    }
    .koeiemart-block img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
}
}

@media only screen and (min-width: 513px) and (max-width: 1359px) {
    .koeiemart-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

.block--green {
    --block-bg: var(--secundair);
}

.block--blue {
    --block-bg: var(--primair);
}

.block--purple {
    --block-bg: var(--woerden-paars);
}

.block--lightblue {
    --block-bg: var(--woerden-lichtblauw);
}

.block--lightgreen {
    --block-bg: var(--woerden-lichtgroen);
}

.block--green,
.block--blue,
.block--purple,
.block--lightblue,
.block--lightgreen {
    background: var(--block-bg);
}

.block--img {
    padding: 0;
}

.block--wide {
    grid-column: span 2;
}

@media (max-width: 1359px) {
    .block--wide {
        grid-column: span 1;
    }
}

.koeiemart-block img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.koeiemart-container a.button {
    font-size: 1rem;
    display: inline-block;
    margin-top: 1rem;
    color: var(--interactie-tekst);
    background: var(--primair);
    padding: 0.5rem 1rem;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    margin: 1rem auto auto;
}

.koeiemart-container .block--poster {
    align-content: center;
}

.koeiemart-container a.button:hover {
    background: var(--woerden-blauw-60);
    text-decoration: underline;
}

.koeiemart-container .block--blue a.button {
    background: var(--woerden-paars);
}

.koeiemart-container .block--blue a.button:hover {
    background: var(--woerden-paars-60);
}

.koeiemart-footer {
    text-align: center;
    font-size: 0.9rem;
    padding: 1rem;
    background: #eee;
    margin-top: 1.5rem;
}

.koeiemart-footer p {
    margin: 0;
}


/* Poster */
.poster {
    margin: 0 auto;
    width: fit-content;
}

/* Titelblok: links tekst, rechts jaartal */
.koeiemart .title {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    gap: .1em .4em;
    padding-bottom: clamp(10px, 2.5vw, 24px);
    line-height: .80;
    font-weight: 900;
}

.word,
.year {
    font-size: clamp(38px, 8vw, 120px);
    font-weight: 900;
    letter-spacing: .02em;
}

.word {justify-self: end;}
.word:first-child {
    grid-column: 1;
    grid-row: 1;
}
.word:last-child {
    grid-column: 1;
    grid-row: 2;
}

.word--small {
    font-size: clamp(40px, 6vw, 100px);
    text-align: center;
    display: block;
    hyphenate-character: '';
}

.word--orange {color: #f5875c;}
.word--purple {color: #5e4785;}
.word--blue {color: var(--woerden-blauw);}

.year {
    color: var(--woerden-lichtgroen);
    grid-column: 2;
    grid-row: 1 / span 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.year--small {
    font-size: clamp(48px, 7vw, 120px);
    display: block;
}

.year--white {
    color: var(--interactie-tekst);
}

.tagline,
.tagline--small {
    text-align: center;
    line-height: 1;
}

.tagline {
    font-weight: 800;
    font-size: 2rem;
}

.tagline--small {
    font-weight: normal;
    font-size: 1.5rem;
    display: block;
}

.block--lightblue .tagline--small {
    color: #5E4785;
}

/* Einde Koeiemart */
/* Einde Woerden specifiek */

:root {
    --link: var(--primair);
    --link-hover: var(--paragraph);
    --link-focus: var(--primair);

    /* Typography */
    --font-text: Arial, sans-serif;
    --font-header: "Ubuntu", Verdana, sans-serif;
    --font-icons: "FontAwesome";

    --font-size-small: 0.875rem;
    --font-size-normal: 1rem;
    --font-size-medium: 1.111rem;
    --font-size-large: 1.125rem;
    --font-size-xlarge: 1.25rem;
    --font-size-xxlarge: 1.5rem;
    --font-size-xxxlarge: 2.3335rem;

}

#DsEditProperties div#DsEditExplorerToggle {
    display: none;
}

/* Verberg niet gebruikte layouts */
#DsEditLogicGroup_sitemap li:nth-child(-n+6),
#DsEditLogicGroup_layout li:nth-child(-n+9),
#std_layout-icon-list li:nth-child(-n+6) {
    display: none;
}

/* 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;
}

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;
}

input {
    background-color: #FFF;
}

#contact {
    display: none;
}

/* WCAG fixes */
body a.skip-link.display-in-place-on-focus:focus {
    background-color: #FFF;
}

@media only screen and (max-width: 959px) {
    div#content-footer {
        min-height: 8rem;
    }
}

/* Einde WCAG fixes */

.information-bar {
    z-index: 10;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 2%;
    position: fixed;
    font-size: 0.85rem;
}

body {
    font-family: var(--font-text);
    color: var(--paragraph);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-header);
    color: var(--heading);
    font-weight: 500;
}

h1 {
    font-size: var(--font-size-xxxlarge);
}

h2,
.items h2 {
    font-size: var(--font-size-xxlarge);
    font-weight: 500;
    margin: 1rem 0 0.5rem;
}

h3,
.search-results h3,
.items h3 {
    font-size: var(--font-size-xlarge);
    margin: 1rem 0 0;
}

h4,
.items h4 {
    font-size: var(--font-size-large);
    margin: 1rem 0 0;
}

h5 {
    font-size: var(--font-size-normal);
    margin: 1rem 0 0;
}

h6 {
    font-size: var(--font-size-normal);
    margin: 1rem 0 0;
    font-style: normal;
}

p,
ol,
ul,
dl,
dd,
dt {
    color: var(--paragraph);
}

h3.adjusteddatelabel {
    margin-bottom: 1rem;
}

.section.mappoint ul.openingdays dl.details,
.section.mappoint ul.adjustedtdates dl.details {
    grid-template-columns: 180px auto;
}

.section ul ul {
    list-style-type: "-  ";
}

.section ul ul ul {
    list-style-type: "»  ";
}

.description {
    font-weight: bold;
    font-size: 1.111rem;
}

#calamity {}

.error .larger {
    margin: 2rem 0;
    font-size: revert;
}

body.error .section {
    margin-bottom: unset;
}

/* CMS2022.6 fix - not needed with update 7 */
.contentrow.calamity~.contentrow {
    overflow: hidden;
}

.contentrow.calamity~.contentrow div.topsix_search {
    padding: 1rem 0;
}

#tinyblock #accessibility-tools {
    position: fixed;
    float: none;
    width: 35px !important;
    height: auto;
    background-color: var(--primair);
    top: 210px !important;
}

#tinyblock #accessibility-tools .hint {
    right: -200px;
    top: 0px;
    line-height: 1.5 !important;
    height: 35px;
    box-sizing: border-box;
    background-color: var(--primair);
    color: var(--interactie-tekst);
}

#tinyblock #accessibility-tools button.switch:hover .hint {
    right: 40px;
    top: 0px
}

div.grid-11 {
    box-sizing: border-box;
    padding: 1px;
}

div.grid-5 {
    box-sizing: border-box;
    padding: 1px;
}

.push-5,
.pull-11 {
    left: unset;
}

button,
a {
    color: var(--link);
}

button:hover,
button:focus,
a:hover,
a:focus {
    text-decoration: underline;
    color: var(--link-hover);
}

button:focus,
a:focus {
    display: inline-block;
    outline: 1px var(--link-focus) dashed;
    outline-offset: -1px;
}

.footer_website a:focus {
    outline: 1px dashed #FFFFFF;
}

.list-icon::before,
a.list-icon,
#social-sharing a.list-icon.whatsapp-icon {
    color: var(--primair);
}

a.list-icon.url-icon:hover,
a.list-icon.url-icon:focus,
a.list-icon.mail-icon:hover,
a.list-icon.mail-icon:focus,
a.list-icon.phone-icon:hover,
a.list-icon.phone-icon:focus,
a.list-icon.whatsapp-icon:hover,
a.list-icon.whatsapp-icon:focus,
a.list-icon.location_icon:hover,
a.list-icon.location_icon:focus {
    color: var(--link-hover);
}


/* watermerk */
div.footer_website {
    background-color: var(--primair);
    border-top-width: 0;
}

/* rij kleuren */
#row1 {
    background-color: transparent;
}

#row4 {
    background-color: var(--uitgelicht);
}

/* Fixed header */
.tinyblock_enabled #header .container-sessions {
    top: 10px;
    float: none;
    left: 0;
    right: auto;
    font-size: 0.66rem;
}

.fixed_header #header,
.error #header {
    height: 143px;
    min-height: unset;
    transition: all 0.3s !important;
}

.error #header {
    width: 100%;
    position: fixed;
}

.fixed_header.scrolled_past_header #header,
.error.scrolled_past_header #header {
    height: 94px;
}

.fixed_header #readspeaker,
.error #readspeaker {
    margin-top: 193px;
    padding: 0;
}

.layout_four.topsix_search.fixed_header #header,
.layout_four.topsix_search.error #header,
.layout_four.fixed_header #header,
.layout_four.error #header {
    border-bottom: 50px solid var(--primair);
}

a#logo {
    padding: 0;
    max-width: unset;
    margin: 0 0 0 auto;
}

a#logo img {
    transition: all 0.3s;
    height: 143px;
    width: auto;
}

.fixed_header.scrolled_past_header a#logo img,
.error.scrolled_past_header a#logo img {
    height: 83px;
}

.fixed_header.scrolled_past_header #menu_wide,
.error.scrolled_past_header #menu_wide {
    box-shadow: none;
}

/* menu */
body.fixed_header #menu_wide,
body.error #menu_wide {
    left: 0;
    right: 0;
    width: max-content;
    height: 0;
    min-height: 0;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    background-color: transparent;
    z-index: 9 !important;
}

body.fixed_header #menu_wide,
body.error #menu_wide {
    top: 83px;
    position: fixed;
}

body.fixed_header.scrolled_past_header #menu_wide,
body.error.scrolled_past_header #menu_wide {
    top: 40px;
}

body.menutype_horizontal #dl-menu.menu-horizontal li {
    padding: 0 0.8125rem;
    box-sizing: border-box;
}

.menu-horizontal li.first-child {
    margin: 0;
}

ul.menu-horizontal a.toplevellink,
body.menutype_horizontal #dl-menu.menu-horizontal a.toplevellink {
    text-decoration: none;
    font-weight: 300;
    font-family: var(--font-header);
    color: var(--link);
    font-size: 1.388rem;
    padding: 0 0 0.5rem;
    position: relative;
}

.menu-horizontal li.active a.toplevellink,
.singlemenu li:hover>a.toplevellink,
.singlemenu li a.show-menu {
    background-color: transparent;
}

.menu-horizontal li a.toplevellink:hover,
.menu-horizontal li a.toplevellink:focus {
    text-decoration: none;
}

.menu-horizontal li.active a.toplevellink {
    background-color: transparent;
    color: var(--link);
    text-decoration: none;
}

.menu-horizontal li.active a.toplevellink::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: 2px solid var(--link);
}

.menu-horizontal li a.toplevellink::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0%;
    border-bottom: 2px solid var(--secundair);
    transition: width 0.5s;
}

.menu-horizontal li.active_list a.toplevellink::before,
.menu-horizontal li a.toplevellink:hover::before,
.menu-horizontal li a.toplevellink:focus::before {
    width: 100%;
}

/* uitklap menu */
body.menutype_horizontal #dl-menu ul.dropdownmenu {
    width: 100%;
    left: 0;
    top: 38px;
    columns: 3;
    transition: 0.5s;
}

body.menutype_horizontal #dl-menu ul.dropdownmenu li {
    break-inside: avoid;
    padding: 0;
    float: none;
    width: 100%;
}

body.menutype_horizontal #dl-menu ul.dropdownmenu li a.item-link {
    border: 0px dashed var(--border);
    border-width: 1px 0 0;
    color: var(--link);
    font-size: var(--font-size-normal);
    margin: 0 0.5rem 0;
    padding: 0.5rem !important;
}

body.menutype_horizontal #dl-menu ul.dropdownmenu li a.item-link:hover,
body.menutype_horizontal #dl-menu ul.dropdownmenu li a.item-link:focus {
    background-color: transparent;
    color: var(--link-hover);
}


/* Kruimelpad */
body.fixed_header #row1.row1_breadcrumb,
body.error #row1.row1_breadcrumb {
    transition: all 0.3s !important;
    position: fixed;
    padding-top: 0;
    top: 143px;
    background-color: var(--primair);
    width: 100%;
    z-index: 2;
}

body.fixed_header.scrolled_past_header #row1.row1_breadcrumb,
body.error.scrolled_past_header #row1.row1_breadcrumb {
    top: 94px;
}

.breadcrumbs ol {
    max-width: 75%;
}

.breadcrumbs {
    min-height: 50px;
    display: flex;
    align-items: center;
}

.breadcrumbs *,
.breadcrumbs a,
.breadcrumbs a::after {
    color: var(--interactie-tekst);
}

/* livesearch */
#searchinput_suggestions {
    top: 4rem;
}

.livesearch ul li a:hover,
.livesearch ul li a:focus {
    background-color: transparent;
    color: var(--link-hover);
}

/* eparticipatie */
.emocracy h4 a {
    display: block;
}

.emocracy .title {
    background-color: transparent;
    color: var(--primair);
    border-bottom: 3px solid var(--secundair);
}

ul.tabs.emocracy a.tab-item {
    padding: 0.5rem 1rem;
    border-radius: 0;
    border-bottom: 3px solid var(--primair);
    background-color: var(--primair);
    color: var(--interactie-tekst);
}

ul.tabs.emocracy li.active a.tab-item {
    text-decoration: none;
    background-color: transparent;
    color: var(--link);
    border-color: var(--link);
}

.subjects {
    border-top-width: 0px;
}

.subject.emocracy p.fotobar_description {
    margin: 1rem 0;
}

/* Accordeon */
.toggle_container {
    margin: 0;
    margin-bottom: 0.125rem;
}

h2.toggle_heading {
    font-size: 1.166rem;
    font-weight: 400;
    margin: 0;
}

button.blocktitle,
.section.product button.blocktitle {
    border-radius: 0;
    border: none;
    background: var(--info);
    padding: 0.75rem 0.5rem 0.75rem 2.25rem;
}


button.blocktitle:focus,
button.blocktitle:hover,
.product button.blocktitle:focus,
.product button.blocktitle:hover {
    background-color: var(--info-hover);
}

button.blocktitle.toggle-active:focus,
button.blocktitle.toggle-active:hover,
.product button.blocktitle.toggle-active:focus,
.product button.blocktitle.toggle-active:hover {
    background: var(--info-hover);
}


.blocktitle::after,
.product .blocktitle::after,
.vacitem .blocktitle::after {
    display: none;
}

.blocktitle:before,
.product .blocktitle:before,
.vacitem .blocktitle:before {
    line-height: 1.4rem;
    font-size: 1rem;
    font-family: var(--font-icons);
    font-weight: normal;
    text-decoration: none;
    color: var(--primair);
    content: "\f078";
    transition: 0.3s;
    position: absolute;
    left: 0.75rem;
}

.blocktitle.toggle-active:before,
.product .blocktitle.toggle-active:before,
.vacitem .blocktitle.toggle-active:before {
    transform: rotate(180deg);
}

.blocktitle.toggle-active,
.section.product .blocktitle.toggle-active {
    border-radius: 0;
    border-width: 0;
}

.hidden_information,
.product .hidden_information {
    border-radius: 0;
    border: none;
}

.hidden_information.open,
.product .hidden_information.open {
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0.5rem 0.5rem 0.5rem 2.25rem;
}

/* blockqute */
blockquote {
    position: relative;
    text-align: center;
    padding: 1rem 1.2rem;
    width: 80%;
    color: var(--paragraph);
    margin: 1rem auto 2rem;
    border-width: 0;
    background:
        linear-gradient(to right, var(--secundair) 3px, transparent 3px) 0 100%,
        linear-gradient(to left, var(--secundair) 3px, transparent 3px) 100% 0,
        linear-gradient(to bottom, var(--secundair) 3px, transparent 3px) 100% 0,
        linear-gradient(to top, var(--secundair) 3px, transparent 3px) 0 100%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

blockquote:before,
blockquote:after {
    font-family: var(--font-icons);
    position: absolute;
    color: var(--secundair);
    font-size: 34px;
}

blockquote:before {
    content: "\f10d";
    top: -12px;
    margin-right: -20px;
    right: 100%;
}

blockquote:after {
    content: "\f10e";
    margin-left: -20px;
    left: 100%;
    top: auto;
    bottom: -20px;
}

blockquote p {
    margin: 0.5rem 0;
}

/* tabellen */
caption {
    text-align: left;
}

.section table,
.section table tr,
.section table th,
.section table td {
    border-width: 0px;
    border-color: #FFFFFF;
    border-style: solid;
    text-align: left;
}

.section table thead th,
.section table tbody th {
    background-color: var(--border);
    color: var(--paragraph);
    font-weight: normal;
}

.section table tr:nth-child(even) {
    background-color: var(--tabel);
    color: var(--paragraph);
}

.section table tr:nth-child(odd) {
    background-color: var(--background);
    color: var(--paragraph);
}

table.raster1 thead th,
table.raster1 tbody th {
    background-color: var(--border);
    color: var(--paragraph);
    font-weight: normal;
}

table.raster2 tbody tr:nth-child(even) {
    background-color: var(--tabel);
    color: var(--paragraph);
}

table.raster2 tbody tr:nth-child(odd) {
    background-color: var(--background);
    color: var(--paragraph);
}

table.raster2 thead th {
    background-color: var(--border);
    color: var(--paragraph);
    font-weight: normal;
}

table.raster2 tbody tr:nth-child(even) {
    background-color: var(--background);
    color: var(--paragraph);
}

table.raster2 tbody tr:nth-child(odd) {
    background-color: var(--background);
    color: var(--paragraph);
}

table.raster2 tbody td {
    border-width: 1px;
    border-color: var(--border);
}

table.raster3 thead th {
    background-color: var(--border);
    color: var(--paragraph);
    font-weight: normal;
    border-width: 1px;
    border-color: var(--border);
}

table.raster3 tbody tr {
    border-width: 1px;
    border-color: var(--border);
}

table.raster3 tbody tr:nth-child(even) {
    background-color: var(--background);
    color: var(--paragraph);
}

table.raster3 tbody tr:nth-child(odd) {
    background-color: var(--background);
    color: var(--paragraph);
}

table.raster3 tbody td {
    border-width: 1px;
    border-color: var(--border);
}

div#content-footer {
    border-color: var(--paragraph);
}

.print-link::before,
.reaction-link::before {
    color: var(--paragraph);
}

#social-sharing button.toggle_hidden_information {
    color: var(--paragraph);
    border-radius: 0;
    padding: 2px 2px 2px 5px;
}

#social-sharing button.toggle_hidden_information.toggle-active {
    color: #FFFFFF;
}

#social-sharing button.toggle-active,
#social-sharing button.toggle_hidden_information:focus,
#social-sharing button.toggle_hidden_information:hover {
    background-color: var(--link-hover);
}

#social-sharing div.hidden_information {
    border-color: var(--paragraph);
    border-radius: 0;
}

a.calltoaction {
    text-decoration: none;
    border-radius: 4px;
    border: 2px solid var(--interactie);
    background-color: var(--interactie);
    color: var(--interactie-tekst);
    font-size: var(--font-size-normal);
    padding: 0.5rem 1rem;
    margin: 0 0.5rem 0.5rem 0;
}

a.calltoaction:after {
    content: " \f105";
    font-family: var(--font-icons);
    font-weight: bold;
    font-size: var(--font-size-normal);
    text-decoration: none;
    padding-left: 12px;
    display: inline-block;
}

a.calltoaction:hover,
a.calltoaction:focus {
    border: 2px solid var(--interactie-hover);
    background: var(--interactie-hover);
    color: var(--interactie-tekst);
    outline-offset: 1px;
}

a.calltoaction:activae {
    border: 2px solid var(--interactie-active);
    background: var(--interactie-active);
}

a.calltoaction.negatief {
    border: 2px solid var(--interactie);
    background-color: transparent;
    color: var(--interactie)
}

a.calltoaction.negatief:hover,
a.calltoaction.negatief:focus {
    border: 2px solid var(--interactie-hover);
    background-color: transparent;
    color: var(--interactie-hover);
}

a.calltoaction.negatief:active {
    border: 2px solid var(--interactie-active);
    background-color: transparent;
    color: var(--interactie-active);
}

a.calltoaction.grijs {
    border: 2px solid transparent;
    background-color: transparent;
    color: var(--interactie);
}

a.calltoaction.grijs:hover,
a.calltoaction.grijs:focus {
    background-color: transparent;
    color: var(--interactie-hover);
}

p.emphasisred,
p.emphasisyellow,
p.emphasisgreen,
p.emphasisblue {
    padding: 0.5rem;
    border-width: 0;
}

p.emphasisred {
    background-color: var(--error);
    color: var(--interactie-tekst);
}

p.emphasisred a,
p.emphasisred a:hover,
p.emphasisred a:focus {
    color: var(--interactie-tekst);
}

p.emphasisgreen {
    background-color: var(--success);
    color: var(--paragraph);
}

p.emphasisblue {
    background-color: var(--info);
    color: var(--paragraph);
}

p.emphasisyellow {
    background-color: var(--warning);
    color: var(--paragraph);
}

.error p.emphasisyellow {
    width: fit-content;
}

/* Folder / lijsten */
.item-title {
    color: var(--heading);
}

a.item-title {
    color: var(--link);
    font-size: inherit;
    font-weight: inherit;
}

a.item-title:hover,
a.item-title:focus {
    color: var(--link-hover);
}

.section ul.items {
    margin: 2rem 0 3rem;
}

.section ul.items li {
    margin-top: 1rem;
    margin-bottom: 0;
    padding: 1rem 0 0;
    border-top: 1px dashed var(--border);
}

.section ul.items li h2,
.section ul.items li h3 {
    margin: 0 0 0.5rem;
}

.section ul.items li p {
    margin: 0;
}

.search-results h3 span.objectinfo,
.section ul.items li p.objectinfo {
    font-size: 14px;
    color: #555555;
}

p.with-photo img,
a.item-photo img {
    padding-right: 1rem;
    padding-bottom: 0;
    padding-top: 0.25rem;
}

.section.folder ul.items p.with-photo img,
.section.folder ul.items a.item-photo img {
    width: 25%;
}

.section.folder ul.items.two p.with-photo img,
.section.folder ul.items.two a.item-photo img {
    width: 30%;
}

.section.folder ul.items.three p.with-photo img,
.section.folder ul.items.three a.item-photo img {
    width: 40%;
}

.section.folder ul.items.four p.with-photo img,
.section.folder ul.items.four a.item-photo img {
    width: 25%;
}

.items p.description,
.subitems p.description {
    color: var(--paragraph);
    font-size: var(--font-size-normal);
}

.section.folder .three .column {
    margin-top: 1rem;
}

.section ul.items li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-width: 0;
}

.section ul.items.two li:nth-child(2),
.section ul.items.three li:nth-child(-n+2) {
    margin-top: 0;
    padding-top: 0;
    border-width: 0;
}

.section ul.items.three li:nth-child(-n+3) {
    margin-top: 0;
    padding-top: 0;
    border-width: 0;
}

.section ul.items.four li:nth-child(-n+4) {
    margin-top: 0;
    padding-top: 0;
    border-width: 0;
}

ul.pagerbar li.current {
    padding: 1px 8px;
}

/* rechterkolom */
.read-more {
    margin-bottom: 0;
    text-decoration: none;
}

.read-more:hover {
    text-decoration: underline;
}

.container_aside {
    margin-bottom: 2rem;
}

div.container_aside>ul,
div.container_aside>div {
    border-width: 0;
    background-color: transparent;
}

.detail_aside #side-content {
    margin-top: 4.5rem;
}

.row2_content .advanced_filters.search-filters h3,
#side-content div.container_aside h3,
.container.landing.vacancy h2 a,
.container_aside.landing.briefing h2 a,
.fotobar h2 a,
.fotobar_three h2 a,
.only-one-item h2,
.column .quickto h2 {
    background-color: var(--background);
    color: var(--heading);
    font-size: 1.333rem;
    padding: 0.5rem 0;
    margin: 0;
}

#side-content div.container_aside h3 img {
    margin-bottom: -0.5rem;
    border-top: 3px solid var(--secundair);
    margin-top: 0.5rem;
    border-style: solid;
}

div.container_aside>ul,
#side-content div.container_aside div.container-content,
div.container_aside.vacancyoverview .container-content,
div.container_aside.briefing .container-content,
div.container_aside.folder .container-content,
.quickto ul,
.row2_content .search-filters ul {
    border-width: 3px 0 0;
    border-color: var(--secundair);
    padding: 0;
    border-style: solid;
}

.row2_content .search-filters ul {
    padding-top: 0.5rem;
    margin-bottom: 2rem;
    margin-right: 2rem;
}

#side-content div.container_aside.vacancyoverview .container-content p.description,
#side-content div.container_aside.folder .container-content p.description,
#side-content div.container_aside div.container-content p,
#side-content div.div.container_aside.briefing .container-content p,
#side-content div.container_aside .poll-question {
    box-sizing: border-box;
    width: 100%;
    color: var(--paragraph);
    margin: 0;
    border-bottom: 1px dashed var(--border);
    padding: 0.5rem 0;
    font-size: 1.111rem;
    font-weight: normal;
    background-color: transparent;
}

#side-content div.container_aside .poll-question {
    border-bottom-width: 0;
}

#side-content div.container_aside .simpleform.poll .submit-buttons {
    padding-bottom: 1rem;
    border-bottom: 1px dashed var(--border);
}

#side-content div.container_aside ul.items li,
.quickto ul li,
.container_aside ul.items li {
    background-color: transparent;
    border-color: var(--border);
    padding: 1px;
    border-style: dashed;
}

.quickto ul li {
    border-width: 0 0 1px;
}

.container_aside ul.items li:last-child {
    border-bottom-width: 1px;
}

#side-content div.container_aside .vacitem h4 {
    padding: 1px;
}

#side-content .container_aside .vacitem button,
#side-content div.container_aside ul.items li a,
.container_aside ul.items li a,
.quickto ul li a {
    background-color: transparent;
    color: var(--primair);
    padding: 0.5rem;
    margin: 1px;
}

#side-content .container_aside .vacitem button,
.quickto ul li a,
#side-content div.container_aside ul.items li a {
    padding: 0.5rem 0.5rem 0.5rem 0;
    margin-left: 1rem;
    position: relative;
}

#side-content div.container_aside ul.items li a:before {
    font-family: var(--font-icons);
    color: var(--secundair);
    content: '\f054';
    font-size: 0.75rem;
    margin: 0.25rem 0 0 -1rem;
    position: absolute;
}

#side-content div.container_aside li.vacitem .hidden_information {
    background-color: transparent;
    border-width: 0;
    padding: 0 0.5rem 0.5rem;
}

#side-content div.container_aside li.vacitem p {
    font-size: 1rem;
    border-bottom-width: 0;
    padding: 0 0 0.5rem;
}

#side-content div.container_aside li.vacitem a.read-more {
    padding: 0.5rem 0;
}

#side-content .container_aside .vacitem button:hover,
#side-content .container_aside .vacitem button:focus,
#side-content div.container_aside ul.items li a:hover,
#side-content div.container_aside ul.items li a:focus,
.container_aside ul.items li a:hover,
.container_aside ul.items li a:focus,
.quickto ul li a:hover,
.quickto ul li a:focus {
    background-color: transparent;
    color: var(--link-hover);
}

#side-content .container_aside .title_fotobar,
#side-content div.container_aside.vacancy h3 span.title,
#side-content div.container_aside.url h3 a span.title,
#side-content div.container_aside.softlink h3 a span.title,
#side-content div.container_aside.document h3 a span.title,
#side-content div.container_aside.product h3 a span.title {
    color: var(--heading);
    padding: 0;
    background-color: transparent;
    font-size: 1.33rem;
    font-weight: 500;
}

#side-content div.container_aside h3 a span.title.file-info span.objectinfo {
    font-size: 1rem;
}

#side-content div.container_aside a.more,
.container_aside.landing.vacancyoverview a.more,
.container_aside.landing.briefing a.read-more {
    border-width: 0;
    text-decoration: none;
    margin: 1rem 0 0 auto;
    width: fit-content;
}

.container_aside.landing.briefing a.read-more:hover,
.container_aside.landing.briefing a.read-more:focus {
    text-decoration: underline;
}

/* Footer */
#footer_columns {
    padding: 2rem 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

#footer_columns.five .column {
    width: auto;
}

#contact-information .heading,
#footer_columns .column h1,
#footer_columns .column h2,
#footer_columns .column h3,
#footer_columns .column h4,
#footer_columns .column h5,
#footer_columns .column h6,
#footer_columns .column p,
#footer_columns .column ul,
#footer_columns .column ol,
#footer_columns .column a,
#footer_columns .column .list-icon::before,
#footer ul.quicklinks li a {
    color: var(--interactie-tekst);
    font-weight: normal;
}

#footer_columns .column p {
    margin: 0;
}

#footer_columns .column h2 {
    font-size: 1.222rem;
}

#footer_columns .column h3 {
    font-size: 1rem;
    font-family: var(--font-text);
}

#footer_columns a.calltoaction {
    display: flex;
    background-color: transparent;
    border-color: #FFFFFF;
    color: #FFFFFF;
    font-size: 1rem;
    margin-top: 0.5rem;
}

#footer_columns a.calltoaction:hover,
#footer_columns a.calltoaction:focus {
    background-color: var(--background);
    color: var(--link);
}

#footer h2.offscreen {
    color: var(--interactie-tekst);
}

/* Homepage */
/* Home zoekbalk */
div.topsix_search #sublayout_search {
    border-radius: 5px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    height: 4rem;
    box-shadow: 0 0px 0.5rem rgba(0, 0, 0, 0.75);
}

div.topsix_search #sublayout_search input.text {
    border-radius: 5px;
    border-color: var(--primair);
    height: 4rem;
    width: 100%;
    font-size: 1.333rem;
}

div.topsix_search #sublayout_search button.submit::before {
    color: var(--link);
    font-size: 1.77rem;
}

div.topsix_search #sublayout_search button.submit {
    background-color: var(--background);
    color: var(--link);
    min-width: 3.55rem;
    min-height: 3.333rem;
    width: 3.55rem;
    height: 3.333rem;
    margin: 4px 0 0 -4rem;
}

div.topsix_search {
    padding: 11.5625rem 0 14.0625rem;
}

/* Header afbeelding */
.layout_four div#row1.sublayout_row1_topsix_search {
    background-size: cover;
    background-position: center;
}

/* toptaken */
.sublayout_row2_onlytoptasks {
    background-color: var(--primair);
    height: 10.625rem;
}

.sublayout_row2_onlytoptasks .contentrow {
    overflow: visible;
}

div.onlytoptasks {
    padding: 0;
}

ul.onlytoptasks.columns {
    margin: 0;
    overflow: visible;
}

ul.onlytoptasks li.column a {
    font-family: var(--font-header);
    border-width: 0;
    color: var(--interactie-tekst);
    background: transparent;
    transition: all 0.4s ease;
    min-height: unset;
    font-size: 1.16667rem;
    border-bottom: 5px solid transparent;
}

ul.onlytoptasks li.column a img {
    margin: 1.5rem auto 0.5875rem;
    filter: contrast(0) brightness(100);
    transition: width 0.4s, height 0.4s;
}

ul.onlytoptasks li.column a span {
    height: 50px;
    line-height: 1;
}

ul.onlytoptasks li.column a:hover,
ul.onlytoptasks li.column a:focus {
    z-index: 1;
    padding: 3px calc(3px + 0.59rem);
    font-size: 0.98rem;
    color: var(--link);
    background: var(--background);
    box-shadow: 0 0px 12.8px 0 rgba(0, 0, 0, 0.5);
    border-bottom-color: var(--secundair);
    transform: scale(1.18);
}

ul.onlytoptasks li.column a:hover img,
ul.onlytoptasks li.column a:focus img {
    filter: brightness();
}

div.onlytoptasks h2.offscreen {
    color: var(--interactie-tekst);
}

/* Of zocht u */
#row3 {
    background-color: var(--background);
}

.onecolumn .landing.folder h2.offscreen {
    position: static;
    padding: 0 0 0.5rem;
    border-bottom: 3px solid var(--secundair);
    margin-bottom: 0;
}

.layout_four .sublayout_row3_one-columns .contentrow .onecolumn {
    margin: 2.5rem 0 3rem;
}

.onecolumn .landing.folder {
    margin-bottom: 0;
}

.onecolumn .landing.folder ul.items {
    columns: 4;
    display: block;
    column-gap: 2.5rem;
    width: 100%;
}

.onecolumn .landing.folder ul.items .column {
    break-inside: avoid;
    margin: 0;
    background-color: transparent;
    border-width: 0 0 1px;
    border-style: dashed;
    border-color: var(--border);
    border-radius: 0;
    padding: 0;
}

.onecolumn .landing.folder ul.items li a {
    font-weight: normal;
    font-size: 1rem;
    margin: 1px;
    flex-wrap: nowrap;
}

.onecolumn .landing.folder ul.items li a::before {
    font-family: var(--font-icons);
    font-weight: 400;
    color: var(--secundair);
    content: '\f054';
    font-size: 0.75rem;
}

.onecolumn .landing.folder ul.items li a span.title,
.onecolumn .landing.folder ul.items li a span.title {
    color: var(--link);
    font-size: 1rem;
    font-weight: normal;
    padding: 0.75rem 0.5rem;
}

.onecolumn .landing.folder ul.items li a:hover span.title,
.onecolumn .landing.folder ul.items li a:focus span.title {
    color: var(--link-hover);
}

.onecolumn .landing.folder ul.items li a span.image {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: 5px;
}

.onecolumn .landing.folder ul.items li a:hover span.image,
.onecolumn .landing.folder ul.items li a:focus span.image {
    filter: brightness(0);
}


/* Uitgelichte banners */
.onecolumn .landing.newsbanner h2 {
    position: absolute;
    left: -999999em;
    top: -999999em;
}

.layout_four .sublayout_row4_newsblock .onecolumn {
    margin: 3rem 0 0;
}

.onecolumn .landing ul.items li.column {
    border-width: 0;
    margin-bottom: 3rem;
    border-radius: 3px;
}

.onecolumn .landing.newsbanner ul.items li span.title {
    font-size: 1rem;
    font-weight: 500;
    font-family: var(--font-header);
}

.onecolumn .landing ul.items li a {
    color: var(--link);
}

.onecolumn .landing ul.items li a:hover,
.onecolumn .landing ul.items li a:focus {
    color: var(--link-hover);
}

.onecolumn .landing.newsbanner ul.items li a span.image img {
    border: 0;
    box-sizing: border-box;
    max-width: unset;
    width: 100%;
}

.onecolumn .landing.newsbanner li.column:hover img {
    filter: opacity(0.8);
}

/* 66 - 33 */
#row5 .two.columns {
    margin: 2.5rem 0 2rem;
}

.width-66 .container,
.width-33 .container_aside {
    margin-bottom: 0;
}

.width-66 .landing.document h2 {
    margin: 0.5rem 0;
    padding: 0;
}

/* Responsive Hamburger menu */
@media only screen and (max-width: 959px) {
    nav.breadcrumbs {
        margin-left: 0;
        max-width: calc(75% - 38px);
    }

    nav.breadcrumbs ol {
        max-width: unset;
    }

    .fixed_header #header,
    .error #header {
        height: auto;
    }

    a#logo {
        padding: 0 0 10px;
    }

    .fixed_header #readspeaker,
    .error #readspeaker {
        margin-top: 0;
    }

    body.fixed_header #row1.row1_breadcrumb,
    body.error #row1.row1_breadcrumb {
        position: static;
    }

    body.fixed_header #menu_wide,
    body.error #menu_wide {
        top: 6px;
        left: auto;
        right: 0;
        width: 40px;
        position: absolute;
    }

    body.fixed_header.layout_four #menu_wide,
    body.error.layout_four #menu_wide {
        top: -44px;
        left: unset;
        right: 0;
        margin: 0;
        position: absolute;
        height: auto;
    }

    body.menutype_horizontal ul#dl-menu {
        width: 270px !important;
        left: unset !important;
        right: 0;
    }



    .menu-horizontal li a.toplevellink::before,
    .menu-horizontal li.active a.toplevellink::before {
        width: 100%;
        border-color: var(--link);
    }

    .menu-horizontal li.active_list a.toplevellink::before,
    .menu-horizontal li a.toplevellink:hover::before,
    .menu-horizontal li a.toplevellink:focus::before {
        width: 100%;
    }

    .menu-horizontal li a.toplevellink:hover,
    .menu-horizontal li a.toplevellink:focus,
    .menu-horizontal li a.toplevellink {
        color: var(--link);
    }

    .menu-horizontal li.first-child {
        width: 100% !important;
    }

    ul.menu-horizontal a.toplevellink,
    ul.menu-horizontal a {
        background-color: transparent !important;
    }

    .menu-horizontal li>ul.dropdownmenu,
    .menu-horizontal li ul.dropdownmenu {
        visibility: visible;
        opacity: 1;
        display: block !important;
    }

    body.menutype_horizontal ul.dropdownmenu,
    body.menutype_dual ul.dropdownmenu {
        box-shadow: none;
        padding: 0;
    }

    body.menutype_horizontal #dl-menu {
        background-color: #FFFFFF;
        box-shadow: 0px 5px 10px #666666;
    }

    ul.menu-horizontal a.toplevellink,
    body.menutype_horizontal #dl-menu.menu-horizontal a.toplevellink {
        padding: 1rem 0;
    }

    ul.dropdownmenu li {
        border-width: 0 !important;
    }

    body.menutype_horizontal #dl-menu ul.dropdownmenu {
        position: static;
    }

    body.menutype_horizontal ul#dl-menu {
        width: 570px;
        transition: all 0.3s;
    }

    body.menutype_horizontal #dl-menu ul.dropdownmenu li a.item-link {
        margin: 0;
        background-color: transparent;
        padding: 1rem 0.5rem !important;
    }

    body.menutype_horizontal.scrolled_past_header ul#dl-menu {
        width: auto;
    }

    body.menutype_horizontal #dl-menu ul.dropdownmenu {
        columns: 1;
    }

    #menu-icon {
        width: 2.75rem !important;
        height: 2.75rem !important;
    }
}

/* algemeen responsive */
@media only screen and (max-width: 512px) {
    html {
        font-size: 14px !important;
    }

    html.largebodyfont {
        font-size: 16px !important;
    }

    div.contentrow {
        width: 94% !important;
        margin: 0 auto;
    }

    div#row1.row1_breadcrumb .contentrow,
    .footer_website #footer_columns {
        width: 94%;
        margin: 0 auto;
    }

    body.overview_folder .row2_content .grid-16,
    div.grid-16 {
        width: 100%;
        margin: 0 auto;
    }

    div.grid-11,
    .section.grid-11 {
        width: 100%;
        margin: 0 auto;
    }

    div.grid-5 {
        width: 100%;
        margin: 0 auto;
    }

    a#logo {
        max-width: unset !important;
        padding: 0 !important;
    }

    ul.onlytoptasks li.column a:hover,
    ul.onlytoptasks li.column a:focus {
        transform: scale(1);
    }

    body.layout_four #row4 .columns.three {
        display: block;
    }
}

@media only screen and (max-width: 959px) {
    ul.onlytoptasks {
        box-sizing: border-box;
    }

    a#logo {
        max-width: unset !important;
    }

    .sublayout_row2_onlytoptasks {
        height: auto;
        box-shadow: none;
        padding-top: 2rem;
        overflow: visible;
        background-color: transparent;
    }

    ul.onlytoptasks li.column a {
        box-shadow: 0 0px 12.8px 0 rgba(0, 0, 0, 0.2);
        color: var(--link);
    }

    ul.onlytoptasks li.column a img {
        filter: brightness();
    }

    div#header,
    div.footer_website {
        background-size: auto 5px;
    }

    #tinyblock {
        right: unset;
        left: 0
    }

    #tinyblock form#quicksearch {
        top: 40px !important;
        width: auto !important;
        left: 0;
        right: auto;
    }

    #tinyblock form#quicksearch input.text {
        width: 100% !important;
        border-color: var(--primair) !important;
    }

}

@media only screen and (max-width: 512px) {
    ul.onlytoptasks {
        width: 100%;
    }

    .toplinks {
        font-size: 1rem;
        right: 8rem;
        top: 16px;
    }

    #accessibility-tools {
        font-size: 1rem;
        width: 6.2rem !important;
        top: 16px !important;
        right: 0 !important;
    }

    #tinyblock form#quicksearch {
        top: 30px !important;
    }

    .layout_four div#row1.sublayout_row1_topsix_search {
        background-size: 513px auto;
        min-height: 127px;
    }

    div.topsix_search {
        display: none;
    }

    .onecolumn .landing.folder ul.items {
        columns: 1;
    }

    div#wrapper {
        background-size: auto 130px;
    }
}

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

    ul.onlytoptasks.bannercount-3 li.column,
    ul.onlytoptasks.bannercount-5 li.column,
    ul.onlytoptasks.bannercount-6 li.column {
        width: 100%;
    }

    ul.onlytoptasks li.column a span {
        justify-content: normal;
    }

    ul.onlytoptasks li.column a img {
        width: 30px;
        height: 30px;
        margin: 8px;
    }

}

@media only screen and (min-width: 513px) and (max-width: 959px) {
    html {
        font-size: 14px
    }

    html.largebodyfont {
        font-size: 16px
    }

    div.contentrow {
        width: 94% !important;
        margin: 0 auto;
    }

    div#row1.row1_breadcrumb .contentrow,
    .footer_website #footer_columns {
        width: 94%;
        margin: 0 auto;
    }

    .toplinks {
        font-size: 1rem;
        right: 8rem;
        top: 16px;
    }

    #accessibility-tools {
        font-size: 1rem;
        width: 6.2rem;
        top: 16px !important;
        right: 0 !important;
    }

    #footer_columns .column h2 {
        font-size: 1.8rem;
    }

    h1,
    .layout_four .onecolumn .section h2,
    .layout_four .section.folder h2 {
        margin-top: 1.5rem;
        font-size: 1.8rem;
    }

    #footer_columns {
        padding: 1em 0;
        grid-template-columns: repeat(2, minmax(50%, 1fr));
    }

    body #filter-icon {
        display: none;
    }

}

@media only screen and (min-width: 513px) and (max-width: 767px) {

    body.overview_folder .row2_content .grid-16,
    div.grid-16 {
        width: 100%;
        margin: 0 auto;
    }

    div.grid-11,
    .section.grid-11 {
        width: 100%;
        margin: 0 auto;
    }

    div.grid-5 {
        width: 100%;
        margin: 0 auto;
    }

    .two .column,
    .three .column,
    .four .column,
    .five .column {
        width: 48% !important;
        margin: 0 1% 1em !important;
    }

    .two .column:nth-child(odd),
    .three .column:nth-child(odd),
    .four .column:nth-child(odd),
    .five .column:nth-child(odd) {
        clear: left;
    }

    .two .column:nth-child(even),
    .three .column:nth-child(even),
    .four .column:nth-child(even),
    .five .column:nth-child(even) {
        clear: none;
    }

    .layout_four div#row1.sublayout_row1_topsix_search {
        background-size: 768px auto;
        min-height: 190px;
    }

    div.topsix_search {
        display: none;
    }

    .onecolumn .landing.folder ul.items {
        columns: 2;
    }

    #footer_columns .column {
        margin: 0;
    }

    #footer_columns .column:nth-child(2),
    #footer_columns .column:nth-child(4) {
        margin: 0 3% 0 0 !important;
        clear: left;
    }

    #footer_columns .column:nth-child(3),
    #footer_columns .column:nth-child(5) {
        margin: 0 0 0 0 !important;
        clear: none;
    }

    body #filter-icon {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

    div.grid-11,
    .row2_content .section.grid-11 {
        width: calc(75% - 38px);
        margin: 0 38px 0 0;
    }

    div.grid-5,
    div.grid-5.container.search-filters {
        width: 25%;
        margin: 0;
    }

    div.topsix_search #sublayout_search button.submit {
        min-height: 3.22rem;
        height: 3.22rem;
        margin-left: -3.7rem;
    }

    .layout_four div#row1.sublayout_row1_topsix_search {
        background-size: 960px auto;
        min-height: 235px;
    }

    div.topsix_search {
        display: none;
    }

    .onecolumn .landing.folder ul.items {
        columns: 3;
    }

    #footer_columns .column {
        margin: 0;
    }

    #footer_columns .column:nth-child(2),
    #footer_columns .column:nth-child(4) {
        margin: 0 3% 0 0 !important;
        clear: left;
    }

    #footer_columns .column:nth-child(3),
    #footer_columns .column:nth-child(5) {
        margin: 0 0 0 0 !important;
        clear: none;
    }
}

@media only screen and (min-width: 960px) {

    body.fixed_header #menu_wide,
    body.error #menu_wide {
        transition: all 0.3s !important;
    }

    body.menutype_horizontal ul#dl-menu {
        height: 0;
    }

    .layout_four.topsix_search #tinyblock form#quicksearch {
        display: none;
    }

    #tinyblock form#quicksearch {
        position: absolute;
        top: 150px;
        left: auto;
        width: 330px;
        height: 38px;
        transition: all 0.3s;
    }

    .scrolled_past_header #tinyblock form#quicksearch {
        top: 101px;
    }

    #tinyblock form#quicksearch input.text {
        height: 36px;
        font-size: 16px;
    }

    #tinyblock form#quicksearch button.submit {
        min-height: 34px;
    }

    #tinyblock form#quicksearch button.submit::before {
        font-size: 21px;
        color: var(--link);
    }

    #footer_columns {
        grid-template-columns: repeat(4, minmax(20%, 1fr));
    }
}

@media only screen and (min-width: 960px) and (max-width: 1359px) {

    div.grid-11,
    .section.grid-11 {
        width: calc(75% - 38px);
        margin: 0 38px 0 0;
    }

    div.grid-5 {
        width: 25%;
        margin: 0;
    }

    .toplinks {
        font-size: 1rem;
        right: 8rem;
        top: 16px;
    }

    #accessibility-tools {
        font-size: 1rem;
        width: 6.2rem;
        top: 16px;
    }

    ul.onlytoptasks.columns {
        display: flex;
        justify-content: space-between;
    }

    ul.onlytoptasks.columns.bannercount-3 li.column,
    ul.onlytoptasks.columns.bannercount-4 li.column,
    ul.onlytoptasks.columns.bannercount-5 li.column,
    ul.onlytoptasks.columns.bannercount-6 li.column {
        width: auto;
        height: auto;
    }

    .sublayout_row2_onlytoptasks {
        height: 10rem;
    }

    ul.onlytoptasks li.column a {
        width: 9rem;
        height: 10rem;
        font-size: 1.2rem;
    }

    ul.onlytoptasks li.column a img {
        margin: 1rem auto;
        width: 3.5rem;
        height: 3.5rem;
    }

    #footer_columns .column h2 {
        font-size: 1.5rem;
    }

    h1,
    .layout_four .onecolumn .section h2,
    .layout_four .section.folder h2 {
        margin-top: 1.5rem;
        font-size: 1.8rem;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1023px) {
    html {
        font-size: 14px
    }

    html.largebodyfont {
        font-size: 16px
    }

    body.menutype_horizontal ul#dl-menu,
    .contentrow {
        width: 920px;
    }

    div#row1.row1_breadcrumb .contentrow,
    .footer_website #footer_columns {
        width: 920px;
        margin: 0 auto;
    }

    .toplinks {
        font-size: 1rem;
        right: 8rem;
        top: 16px;
    }

    #accessibility-tools {
        font-size: 1rem;
        width: 6.2rem;
        top: 16px;
    }

    .layout_four div#row1.sublayout_row1_topsix_search {
        background-size: 1024px auto;
    }

    div.topsix_search #sublayout_search button.submit {
        min-height: 3.22rem;
        height: 3.22rem;
        margin-left: -3.7rem;
    }

    div.topsix_search {
        padding: 7rem 0 7rem;
    }

    div#menu_wide {
        top: -54px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1359px) {
    html {
        font-size: 16px
    }

    html.largebodyfont {
        font-size: 18px
    }

    body.menutype_horizontal ul#dl-menu,
    div.contentrow {
        width: 980px;
    }

    div#row1.row1_breadcrumb .contentrow,
    .footer_website #footer_columns {
        width: 980px;
        margin: 0 auto;
    }

    div.grid-16 {
        width: 100%;
        margin: 0 auto;
    }

    .layout_four div#row1.sublayout_row1_topsix_search {
        background-size: 1360px auto;
        /*min-height:375px;*/
    }

    div.topsix_search {
        padding: 8.5rem 0 8.5rem;
    }

    div#menu_wide {
        top: -70px;
    }
}

@media only screen and (min-width: 1360px) {
    ul.onlytoptasks.columns {
        display: flex;
        justify-content: space-between;
    }

    ul.onlytoptasks.columns.bannercount-3 li.column,
    ul.onlytoptasks.columns.bannercount-4 li.column,
    ul.onlytoptasks.columns.bannercount-5 li.column,
    ul.onlytoptasks.columns.bannercount-6 li.column {
        width: auto;
        height: auto;
    }

    ul.onlytoptasks li.column a {
        width: 10.625rem;
        height: 10.625rem;
    }
}

/* ipad 1, 2, mini en air */
@media only screen and (max-device-width: 1024px) and (max-device-width: 768px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    a#logo img {
        height: 83px;
    }

    .fixed_header #header,
    .error #header,
    .fixed_header.scrolled_past_header #header,
    .error.scrolled_past_header #header {
        height: 94px;
    }

    body.fixed_header #row1.row1_breadcrumb,
    body.error #row1.row1_breadcrumb {
        top: 94px;
    }

    #tinyblock form#quicksearch {
        top: 101px;
    }

    .fixed_header #readspeaker,
    .error #readspeaker {
        margin-top: 143px;
    }

    body.fixed_header #menu_wide,
    body.error #menu_wide {
        top: 40px;
    }

    div.topsix_search {
        padding: 6.5rem 0 6.5rem;
    }
}

/* ipad iPad 3, 4 and Pro 9.7 */
@media only screen and (max-device-width: 1024px) and (max-device-width: 768px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    a#logo img {
        height: 83px;
    }

    .fixed_header #header,
    .error #header,
    .fixed_header.scrolled_past_header #header,
    .error.scrolled_past_header #header {
        height: 94px;
    }

    body.fixed_header #row1.row1_breadcrumb,
    body.error #row1.row1_breadcrumb {
        top: 94px;
    }

    #tinyblock form#quicksearch {
        top: 101px;
    }

    .fixed_header #readspeaker,
    .error #readspeaker {
        margin-top: 143px;
    }

    body.fixed_header #menu_wide,
    body.error #menu_wide {
        top: 40px;
    }

    div.topsix_search {
        padding: 6.5rem 0 6.5rem;
    }
}

@media only screen and (min-width: 1360px) and (max-width: 1479px) {
    html {
        font-size: 18px
    }

    html.largebodyfont {
        font-size: 22px
    }

    body.menutype_horizontal ul#dl-menu,
    div.contentrow {
        width: 1320px;
    }

    div#row1.row1_breadcrumb .contentrow,
    .footer_website #footer_columns {
        width: 1340px;
        margin: 0 auto;
    }

    body.overview_folder .row2_content .grid-16,
    div.grid-16 {
        width: 100%;
        margin: 0 auto;
    }

    div.grid-11,
    .section.grid-11 {
        width: calc(75% - 38px);
        margin: 0 38px 0 0;
    }

    div.grid-5 {
        width: 25%;
        margin: 0;
    }

    .layout_four div#row1.sublayout_row1_topsix_search {
        background-size: 1480px auto;
    }

    div.topsix_search {
        padding: 8rem 0 8rem;
    }

    #bannerfoto {
        height: 390px !important;
    }
}

@media only screen and (min-width: 1480px) {
    html {
        font-size: 18px;
    }

    html.largebodyfont {
        font-size: 22px
    }

    body.menutype_horizontal ul#dl-menu,
    div.contentrow {
        width: 1440px;
    }

    div#row1.row1_breadcrumb .contentrow,
    .footer_website #footer_columns {
        width: 1440px;
        margin: 0 auto;
    }

    body.overview_folder .row2_content .grid-16,
    div.grid-16 {
        width: 100%;
        margin: 0 auto;
    }

    div.grid-11,
    .section.grid-11 {
        width: 1070px;
        margin: 0 40px 0 0;
    }

    div.grid-5 {
        width: 330px;
        margin: 0;
    }

    .layout_four div#row1.sublayout_row1_topsix_search {
        background-size: object-fit;
        height: 475px;
    }
}

ul.topsix li.column a img {
    filter: contrast(0) brightness(100);
}

span.objectinfo {
    display: none;
}

/* Timeblockr */
.timeblockr_basket .timeblockr_delete-product .glyphicon {
    top: 0;
}



.timeblockr .timeblockr_nav-steps li.timeblockr_active {
    color: var(--primair);
    border-color: var(--primair);
}

.timeblockr .timeblockr_button {
    text-decoration: none;
    border-radius: 3px;
    border: 2px solid var(--interactie);
    background-color: var(--interactie);
    color: var(--interactie-tekst);
    font-size: 1.111rem;
    font-weight: bold;
    padding: 0.5rem 1rem;
}

.timeblockr .timeblockr_button:after {
    content: " \f105";
    font-family: var(--font-icons);
    font-weight: bold;
    font-size: 1em;
    text-decoration: none;
    padding-left: 12px;
    display: inline-block;
}

.timeblockr .timeblockr_button:hover,
.timeblockr_button:focus {
    text-decoration: underline;
    background-color: var(--interactie-hover);
    border-color: var(--interactie-hover);
    color: var(--interactie-tekst);
    outline-offset: 1px;
}

.timeblockr_previous-route {
    text-decoration: none !important;
    border: 2px solid transparent;
    background-color: transparent;
    color: var(--interactie);
}

.timeblockr_previous-route:hover {
    text-decoration: underline !important;
    background-color: transparent;
    color: var(--interactie-hover);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primair);
    color: var(--primair);
}

.timeblockr .timeblockr_calendar_compact a.timeblockr_slot {
    text-decoration: none;
    border-radius: 3px;
    border: 2px solid var(--interactie);
    background-color: var(--interactie);
    color: var(--interactie-tekst);
    padding: 0.5rem 1rem;
    width: min-content;
    min-width: 40px;
}

.timeblockr .timeblockr_calendar_compact a.timeblockr_slot:hover {
    background-color: var(--interactie-hover);
    border-color: var(--interactie-hover);
    color: var(--interactie-tekst);
}

.timeblockr a.slot:hover,
.timeblockr a.slot.hover,
.timeblockr .timeblockr_calendar_compact a.timeblockr_slot.timeblockr_active {
    background-color: var(--background) !important;
    color: var(--paragraph);
}

a.timeblockr_slot .timeblockr_time {
    text-decoration: none;
    font-size: 1.111rem;
    font-weight: bold;
}

a.timeblockr_slot .timeblockr_time:hover {
    text-decoration: underline;
}

.select2-results {
    text-align: left;
}

input[type="tel"] {
    border: revert !important;
    background: var(--background);
    padding: 10px 20px;
    float: left;
    margin: 0;
}

.timeblockr .timeblockr_view-data .timeblockr_fieldset .timeblockr_edit-controls {
    border: none;
    margin-top: -5px;
}

.selection span {
    background-color: transparent;
    padding: 0;
}

/* Snelbalie vergunningen */
#snelbalie {
    height: 4500px;
    width: 100%;
}

.balie .grid-11.main-content.no-aside {
    width: 100%;
}

.video-js {
    height: 100% !important;
    width: 50% !important;
}

#product-description h3,
#product-conditions h3,
#product-price h3,
#product-details h3,
#product-order h3,
#product-application h3,
#product-tips h3 {
    color: var(--heading) !important;
}

/* Stappenplan vormgeving */
.processtap {
    background: var(--info);
    margin: 25px 25px 25px 50px;
    padding: 25px;
    position: relative;
}

.tijdlijn {
    height: calc(100% + 25px);
    left: 10px;
    position: absolute;
    width: 2px;
    background-color: #ececec;
    margin-left: -45px;
}

.tijdlijn:before {
    left: -10px;
    width: 0.75rem;
    height: 0.75rem;
    padding: 5px;
    position: absolute;
    display: block;
    content: "";
    background-color: var(--secundair);
}

.tijdlijnlaatste {
    height: 0;
    left: 10px;
    position: absolute;
    width: 0;
    background-color: #777777;
    margin-left: -45px;
}

.tijdlijnlaatste:before {
    left: -10px;
    width: 0.75rem;
    height: 0.75rem;
    padding: 5px;
    position: absolute;
    display: block;
    content: "";
    background-color: var(--secundair);
}

.stap {
    font-size: 0.75rem;
    font-weight: 500;
    margin: 0 0 20px 0;
    background: var(--background);
    padding: 5px;
    color: var(--heading);
    width: fit-content;
}

.staptitel {
    margin: 0.5rem 0 0.5rem;
    color: var(--heading) !important;
}

/* Vormgeving themapagina met categorie */
.section.folder.two.columns {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.contentrow>.section.folder ul.columns li.column h3 a.item-title {
    font-size: 1.25em;
}

/* Verberg reactie-knop */
.reaction-link {
    display: none;
}

/* Profiel-blok */
.profielblok {
    background: var(--info);
    margin-bottom: 25px;
    padding: 25px;
    position: relative;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
}

.profielblok h2 {
    margin-top: 0;
}

@media screen and (min-width: 460px) {
    .profielfoto {
        float: right;
        padding: 15px 0 15px 15px;
        width: 25%;
    }
}

div.sitemap .subitems li {
    margin-top: 0px !important;
    padding: 0rem 0 0 !important;
    border: none !important;
}

.sitemap a.item-title {
    color: var(--link);
    font-size: 1.25em;
    font-weight: bold;
}

.naw_info h3 {
    display: none;
}

/* Zoekresultaten */
form.simpleform.reset_filters {
    text-align: right;
    right: 2rem;
}

.searchtext {
    display: none;
}

.zoeken .section ul.items li {
    margin-top: 1rem;
    margin-bottom: 0;
    padding: 1rem;
    border-top: 1px;
    background: var(--info);
}

.zoeken .section ul.items li:first-child {
    padding-top: 1rem;
}

.zoeken .objectinfo {
    display: block;
    font-size: 0.75rem;
    font-weight: normal !important;
    margin-top: 0.5rem;
}

.search-results ul.items li img {
    max-width: 15%;
}

.result-ammount {
    font-size: 1rem !important;
    margin-top: -1rem !important;
}

.search-results ul.items li .promoted {
    font-size: 0.75rem;
    padding: 5px;
    margin-right: 0.75rem;
    background: var(--background);
    color: var(--heading);
    border: none;
}

ul.items.promoted {
    margin-bottom: -0.75rem !important;
}

span.event_finished {
    padding: 0.25rem;
    background-color: var(--warning);
    color: var(--paragraph);
    font-size: 0.75rem;
}

/* Evenementen */
.eventlist ul.items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.eventlist ul.items li {
    margin: 0;
    padding: 1rem;
    border-top: 0px;
    background: var(--info);
}

.eventlist ul.items li:first-child {
    margin-bottom: 0;
    padding: 1rem;
}

.eventlist .objectinfo {
    display: block;
    font-size: 0.75rem;
    font-weight: normal !important;
    margin-top: 0.5rem;
}

.location::before {
    font-family: var(--font-icons);
    content: '\f041';
    margin-right: 0.25rem;
}

.strikethrough {
    display: none !important;
}

@media screen and (max-width: 512px) {
    .eventlist ul.items {
        grid-template-columns: 1fr;
    }
}

.eventlist h2 a.type-event {
    font-size: 1.25rem;
}

ul a.type-event {
    padding-left: 1.75rem;
    background-repeat: no-repeat;
    background-size: 1.25rem auto;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><title>Agenda</title><path d="M33.01 20.99h-4v-3h4v3Zm-7-3h-4v3h4v-3Zm7 14h-4v3h4v-3Zm-7-7h-4v3h4v-3Zm7 0h-4v3h4v-3Zm6-15.99v28.52c0 2.48-2.02 4.5-4.5 4.5l-21.02-.04c-2.48 0-4.5-2.02-4.5-4.5l.02-28.47 4.99.02V12h2.01l.03-5.99h3v3.02l7.99.02V12h1.99V6h3v3.01h6.99Zm-3 5.99H12v22.48c0 .83.67 1.5 1.49 1.5l21.02.04c.83 0 1.5-.67 1.5-1.5V14.99ZM27.93 31.4l-1.41-1.41-3.17 3.17-1.42-1.41-1.42 1.41 2.83 2.83 4.59-4.59Zm-8.92.59h-4v3h4v-3Zm0-14h-4v3h4v-3Zm0 7h-4v3h4v-3Z" fill="%230054a3"/></svg>');
}

/* Map en nieuwspagina 3 koloms */
.themapagina .section.briefing ul.items li:has(.item-photo) {
    padding: 1rem 1rem 1rem calc(1rem + 240px) !important;
}

.themapagina .section.briefing ul.items li,
.themapagina .section.folder ul.items li {
    padding: 1rem !important;
    background: var(--info);
    border: none;
    border-radius: 3px;
    position: relative;
    transition: box-shadow 0.5s;
}

.themapagina .section.briefing .items.columns li a::before,
.themapagina .section.folder .items.columns li a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.themapagina .section.briefing ul.items li:hover,
.themapagina .section.folder ul.items li:hover  {
    background-color: var(--info-hover);
    box-shadow: inset 0 -3px 0 var(--secundair);
}

.themapagina .section.briefing .column,
.themapagina .section.folder .column {
    box-sizing: border-box;
    width: auto !important;
    min-height: 150px;
    margin: 0 !important;
}

.themapagina .section.briefing h2,
.themapagina .section.briefing h3,
.themapagina .section.folder h2,
.themapagina .section.folder h3  {
    font-size: 1.25rem;
}

.themapagina .section.briefing h3 a.item-title,
.themapagina .section.folder h3 a.item-title
 {
    padding: 0 0 0.5rem !important;
}

.themapagina .section.briefing ul,
.themapagina .section.folder ul {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    gap: 20px;
    flex-flow: row wrap;
    justify-content: space-between;
}

.themapagina .section.briefing ul.three,
.themapagina .section.folder ul.three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.themapagina .section.briefing ul.two,
.themapagina .section.folder ul.two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .themapagina .section.briefing ul.three,
    .themapagina .section.folder ul.three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 767px) {
    .themapagina .section.briefing ul,
    .themapagina .section.folder ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.themapagina .section.briefing .description,
.themapagina .section.folder .description {
    font-weight: normal;
}

.themapagina .section.briefing .objectinfo {
    display: block;
    font-family: var(--font-header);
    font-size: 0.75rem;
    margin: 0 0 0.5rem 0;
}

.themapagina .section.briefing span.item-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 240px;
    height: 100%;
}

.themapagina .section.briefing ul.items img {
    object-fit: cover;
    display: block;
    float: none;
    width: 240px;
    height: 100%;
    margin: 0;
}

/* Nieuwsbrief vormgeving */
/* Voeg .laposta class toe */
.laposta {
    display: block;
    margin-top: 1rem;
    width: 100%;
}

.laposta label {
    display: inline-block;
    font-weight: bold;
}

.laposta fieldset {
    border: 0;
}

.laposta fieldset label {
    display: inline-block;
    padding: 0 0 0 .1em;
}

.laposta input[type=text],
.laposta input[type=email],
.laposta input[type=number] {
    height: 2rem;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #555555;
    background-color: #FFFFFF;
    padding: 6px;
    margin: 0.25rem 0 0.5rem 0;
    display: block;
}

/* client side validation */
.laposta input:user-invalid {
    border-color: var(--error);
}

.laposta input:user-invalid:required {
    border: 2px solid var(--error);
}

.laposta input#email {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.duurzaamheid .section.container.landing.document {
    background: #0054a310;
    border-radius: 1px;
    padding: 0.25rem 1rem 1rem 1rem;
}

/* Footer Direct regelen */
.directregelen {
    list-style-type: none;
    padding-left: 0;
}