@import url("https://virtuele-gemeente-assistent.nl/static/css/widget-v0.11.7.css");

body div[id^="row"]:last-child {padding-bottom:0;}

/* WEBCHAT kleuren */
/* HIA specifiek: 9EBD0D en 4 zijn vervangen door 074B88 en 2 */
#webchat .rw-launcher, #webchat .rw-header,
#webchat .rw-close-button, #webchat .rw-client,
#webchat .rw-avatar {background-color:#074B88 !important;}
#webchat .rw-title {color:#FFFFFF !important;} 
#webchat .rw-widget-container p,
#webchat .rw-chat-open p {color:#000000 !important;}
#webchat .gem-dropdown-menu a,
#webchat #rw-messages a {color:#074B88!important;}
#webchat #rw-messages a:hover,
#webchat #rw-messages a:focus {color:#074B88!important;filter: brightness(50%);}
#webchat .rw-reply {color:#074B88;}
#webchat .rw-conversation-container .rw-reply  {border-color:#074B88;}

html {font-size:15px;}
body {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:1rem;
}
a.print-link{
    width:30px;
}

#accessibility-tools {top:5px;margin:0;right:0px;left:auto;}
a#logo {
    margin-left:7px;
    padding-top:0;
}

h2 {margin:0.8em 0 5px;font-size:1.5em;}
h3 {margin:0.8em 0 5px;font-size:1.3em;}
h4 {margin:0.8em 0 5px;font-size:1.2em;}
h5 {margin:0.8em 0 5px;font-size:1.1em;}
h6 {margin:0.8em 0 5px;font-size:1.1em;}

.fotobar h2 a, .fotobar_three h2 a, .container_aside.briefing h2 a {
    font-size:25px;
}
.fotobar img, .fotobar_three img, .hardlinks_items img,
.fotobar a, .fotobar_three a {display:block;}
a.read-more {margin:0;}

#row1, #row2, #row3 {background-color:#FFFFFF;}

.layout_four #row1 {
    height:340px;
}
#row4 {
    background-color:#DEDF80;
} 


/* menu */
div#menu_wide {
    background-color:#FFFFFF !important;
    height:37px;
}
body.menutype_horizontal ul.dropdownmenu, body.menutype_dual ul.dropdownmenu {
    top:37px;
}
body.menutype_horizontal .content-wrapper.horizontal, body.menutype_dual .content-wrapper.horizontal {
    padding-top:37px;
}
.menu-horizontal li {
    margin-right:5px;
}
.menu-horizontal li a {
    color:#074B88;
    border:1px solid #9EBD0D;
    border-radius:0 10px 0 0;
    border-bottom-width:0;
    padding-left:10px !important;
    padding-right:10px !important;
    height:37px;
    box-sizing:border-box;
}
.menu-horizontal li.active a {
    color:#000000;
    background-color:#9EBD0D;
}

.menu-horizontal li:hover a,
.menu-horizontal li a:hover{
    background-color:transparent;
    color:#000000;
}

.menu-horizontal li ul li {margin-right:0;}
.menu-horizontal li ul li a {
    border-width:0;
    border-radius:0;
}

/* zoeken homepage */
#tinyblock {position:static;}
.layout_four #tinyblock form#quicksearch {
    top:230px;
    left:50%;
    margin-left:-240px;
    z-index:1;
    width:480px;
    position:absolute;
}

#tinyblock form#quicksearch {
    top:60px;
    right:10px;
    z-index:1;
    border-width:0;
    position:absolute;
}

.layout_four #tinyblock form#quicksearch input.text {
    width: 100%;
    border-color:#074B88;
    border-width: 2px;
    border-radius:0 0 20px 0;
    font-size: 21px;
    padding: 15px 55px 14px 15px;
    height:auto;
}
#tinyblock form#quicksearch input.text {
    border-color:#074B88;
    border-width: 2px;
    border-radius:0 0 10px 0;
    padding:9px 5px;
    width:280px;
    font-size:14px;
}
/*.placeholder {color:#555555;}
.layout_four #tinyblock form#quicksearch .placeholder {color:#FFFFFF;}*/


.layout_four #tinyblock form#quicksearch button.submit {
    min-height:52px;
    min-width:52px;
    margin-left:-55px;
    border-radius:0 0 20px 0;
}
.layout_four #tinyblock form#quicksearch button.submit::before {
    font-size:1.5rem;
}


/*toptaken */
div.onlytoptasks {
    padding:0;
}
.layout_four #row2 {
    margin-top:-100px;
    background-color:transparent;
}
ul.onlytoptasks li.column {
    overflow:hidden;
    border-radius: 0 0 33px 0;
}

ul.onlytoptasks li.column a {
    font-size:inherit;
    font-weight:normal;
    border-width:0;
    border-radius: 0 0 30px 0;
    border:10px solid #FFFFFF;
}
ul.onlytoptasks li.column a span {
    height: 120px;
    font-weight: normal;

    justify-content: center;
    text-align: center;
    line-height: 1.1em;
    box-sizing:border-box;
    font-size:25px;
    padding:0px 10px 0;
}
.layout_four .contentrow .onecolumn {
    margin-left:0;
    margin-right:0;
}
.onecolumn .landing ul.items li {border-width:0;}
.onecolumn .landing ul.items li span.title {padding:0;font-size:1rem;font-weight:normal;}
.onecolumn .landing ul.items li:last-child a span.title {font-weight:bold;}

#row3 {padding-bottom:3em;}

#row3 .section.folder ul.columns li.column  {
    width:23.5%;
    margin-right:2%;
}
#row3 .section.folder ul.columns li.column:nth-child(4n) {
    margin-right:0;
}

#row3 .section.folder ul.columns li.column h3 {
    display:inline-block;
}
#row3 .section.folder ul.columns li.column h3 a {
    padding:10px;
}
#row3 .section.folder ul.columns li.column p.with-photo {
    float:left;
    margin-top:0;
}
#row3 .section.folder ul.columns li.column p.with-photo .item-photo {
    padding-right:0;
}
#row3 .section.folder ul.columns li.column p.with-photo img {
    height:20px;
}
body.layout_four .columns.three {
    margin-left:0;
    margin-right:0;
}
.sublayout_row3_one-columns h2 {
    border-bottom:1px solid #074B88;
    padding-bottom:5px;
    margin-bottom:10px;
    text-align:center;
    font-size:21px;
    position:static;
}

.sublayout_row4_three_column .columns .column {
    margin-top:2em;
    margin-bottom:0.5em;
}

.fotobar,
.container_aside.briefing {
    background-color:#FFFFFF;
    padding:10px;
    border-radius:0 20px 0 0;
}
.fotobar_three, .hardlinks_items,
.container_aside.landing.eventlist{
    background-color:#FFFFFF;
    padding:10px;
    border-radius:0 20px 0 0;
    height:auto;
}

/* evenementenkalender homepage */
.container_aside.landing.eventlist .container-content {padding:0;}
.dateheader {background-color:transparent;color:#074B88;}
.simpleform.eventcalendar.resultfilters a i {font-size:1rem}
.simpleform.eventcalendar.resultfilters a {min-width:15px;}
.container_aside.landing.eventlist ul.items li h3 {font-size:1em;}
.container_aside.landing.eventlist.container_aside.landing.eventlist ul.pagerbar {padding-bottom:0;}
form.simpleform.eventcalendar .two-columns .question button.submit {min-width:25px;}

.layout_four form.simpleform.eventcalendar .two-columns .question {width:100%;margin:0 0 1em;}

.container_aside.landing.eventlist h2,
div.fotobar h2 a, div.fotobar_three h2 a,
div.container_aside.landing.briefing h2 a {
    padding:0 0 5px;
    background-color:#FFFFFF !important;
    color:#074B88 !important;
    font-size:25px;
}
div.container.landing h2 a span {
    padding:0 0 5px;
}


/* aside */
div.container_aside form.poll {padding:8px 0 0 0;}
div.container_aside form.poll .answer {
    position: static;
    margin-top: 0;
    margin-left: 10px;
}
div.container_aside .simpleform .submit-buttons {margin:0;}

.detail_aside #side-content{
    margin-top:30px;
}
.container_aside {
    border-radius:0 20px 0 0;
}
.container_aside h3,  .container_aside .title_fotobar, div.container_aside.url h3 a span.title, div.container_aside.softlink h3 a span.title, div.container_aside.document h3 a span.title, div.container_aside.product h3 a span.title {
    border-radius:0 20px 0 0;
    font-size:25px;
    padding:10px;
}
.container_aside.image img {
    border-radius:0 20px 0 0;
}

div.container_aside .container-content, div.container_aside.briefing .container-content p {
    padding:0 10px 10px;
    border:0 solid #074B88;
    border-width:0 2px 2px;
}
div.container_aside.landing.briefing .container-content p,
div.container_aside.landing .container-content,
.container_aside ul.items {
    border:0 solid #074B88;
    
}

.container_aside ul.items li {
    background-color:transparent;
}
.container_aside .vacitem button,
.container_aside ul.items li a {
    padding:8px 5px 8px 10px;
    border-radius:0;
    color:#000000 !important;
}
.container_aside ul.items li:last-child {
    border-width:0;
}
.container_aside a.more {
    color:#074B88;
}
.container_aside.landing.briefing a.read-more {
    border:0 solid #CCE0ED;
    border-width:1px 0 0 0;
    text-align:left;
}


/* folder */
.overview_folder #row2.row2_content .section.folder {
    margin:0;
}
#row2.row2_content .section.folder ul.columns li.column p.description {
    margin-left:0;
    margin-right:0;
    margin-bottom:5px;
}
#row2.row2_content .section.folder ul.columns li.column {
    margin-bottom:2em;
}

#row2.row2_content .section.folder ul.subitems {
    list-style-type:none;
    padding-left:0;
}
#row2.row2_content .section.folder ul.subitems li {
    display:inline;
	overflow:hidden;
    margin-bottom:5px;
    line-height:1.2;
}
ul.subitems span.objectinfo {display:inline;}
#row2.row2_content .section.folder ul.subitems li a {color:#074B88;}
#row2.row2_content .section.folder ul.subitems li:after {
    content: "|";
    color:#9EBD0D;
}

#row2.row2_content .section.folder ul.subitems li:last-child:after {
    content:"";
}
#row1.row1_breadcrumb {
    background-color:#9EBD0D;
}
.breadcrumbs {padding-top:10px;padding-bottom:10px;}
.breadcrumbs a, .breadcrumbs {color:#000000;}

.section.folder h2, .section.search-results h3, .section.briefing h2, .section.sitemap h2 {
    color:#074B88;
    margin-bottom:5px;
}
.section.folder h2 a, .section.search-results h2 a, .section.briefing h2 a, .section.sitemap h2 a {
    color:#074B88;
}
#footer_columns {
    padding:1em 0;
}

/* zoekresultaten */
.container.search-filters {
    margin-top:12px;
}
.section.search-results {
    margin-top:0;
}
h2.searchfiltertitle {
    padding:0;
}
.row2_content .search-filters h3, .sc_filter h2 {
    background-color:transparent;
    color:#074B88;
    border:0 solid #074B88;
    border-width:1px 1px 0;
    border-radius:0 20px 0 0;
    font-size:1.3em;
    margin-top:1em;
    margin-bottom:0;
    padding:10px;
}
.row2_content .search-filters ul {
    border:0 solid #074B88;
    border-width:0 1px 1px;
}
.row2_content .search-filters ul li {
    background-image:none;
    margin:0;
    border-top: 1px solid #cce0ed;
}
.section.search-results h2 {
    color:#000000;
}
.row2_content .search-filters ul li a,
.filter-list .active span {
    padding:8px 10px;
}
.section.search-results a.item-title{
    color:#074B88;
}
.section.search-results a.item-photo img {
    object-fit:cover;
    width:48px;
    height:48px;
}


/* simpleform */
.header td, .header td a,
ul.pagerbar li.current,
form.simpleform input.submit, #filter .submit_button, form.simpleform a.close, form.simpleform a.button, .submit_button.submit, form.simpleform a.set {
    color:#000000;
}




/* responsive */
@media only screen and (min-width: 5px) and (max-width : 959px) {
    div.contentrow.grid-16 {
        width: 96% !important;
        margin: 0 auto;
    }
    
    /* menu */
    body #menu-icon {
        width:46px;
        height:34px;
        border-radius:0 0 10px  0;
        text-indent:35px;
        overflow:hidden;
        background-color:#074B88;
        transition: color 0.2s, background-color 0.2s , border-radius 0.2s;
    }
    body #menu-icon.active {
        border-radius:0;
        background-color:#9EBD0D;
        color:#9EBD0D;
    }
    body div#menu_wide::after {
        top:6px;
        border-radius: 0 0 4px 0;
    }
    body div#menu_wide {
        top:13px;
        right:0;
        left:auto;
        height:34px;
        width:46px;
        z-index:9999;
        border-radius:0 0 10px 0;
        background-color:transparent !important;
    }
    body #dl-menu, body.menutype_horizontal ul#dl-menu, body.menutype_dual ul#dl-menu {
        top:34px !important;
        margin-left:-264px !important;
        width:310px !important;
        box-shadow:0 3px 4px 0 #000;
    }
    body.menutype_horizontal ul#dl-menu, body.menutype_dual ul#dl-menu {
        text-align:left;
    }
    body .menu-horizontal li {
        display:block;
        border-bottom:1px solid #074B88;
        margin:0;
    }
    .nav li.active ul {min-height:0;}
    body .menu-horizontal li.first-child {
        width:100%;
    }
    body.menutype_horizontal ul.dropdownmenu li {
        float:none;
    }
    ul.menu-horizontal li a {height:auto;font-size:18px;border-radius:0; border-width:0;color:#000000;background-color:#FFFFFF !important;}
    ul.menu-horizontal li a:hover {color:#000000;}
    .singlemenu li:hover > a, .singlemenu li a.show-menu,
    body .menu-horizontal li.active a {
        border-radius:0;
    }

    ul.menu-horizontal li a:focus,
     ul.menu-horizontal li.active a {
         background-color:#9EBD0D !important;
         color:#000000;
     }
    ul.menu-horizontal li.active ul li a {background-color:#FFFFFF !important; color:#000000;}
    body.menutype_horizontal #dl-menu ul.dropdownmenu li a.item-link {padding:7px 10px 7px 25px !important;}
    
    /* header */
    div#header {height:100px !important;}
    #styleselect, .toplinks ul.quicklinks li {border-width:0;padding:0;}
    #accessibility-tools {right:0 !important; left:auto;top:90px !important;width:100% !important;padding:0 10px;}
    div#accessibility-tools div#styleselect {
       right:10px !important;
    }
    div#accessibility-tools .readspeaker {
       float:none;
       right:100px;
    }
    #quicksearch-keywords_suggestions {
        padding:0 70px 0 0;
    }
    .livesearch ul {
        padding:10px;
    }
    .livesearch ul li a {font-size:12px;}
    
    body.layout_four .columns.three {
        margin-left:10px;
        margin-right:10px;
    }
    .container.search-filters,
    .row2_content .section.search-results {
        margin:0;
        padding:0 10px;
        box-sizing:border-box;
    }
    .overview_folder #row2.row2_content .section.folder {margin:0;}
}

@media only screen and (max-width : 768px){
    body, p, dl, ul, ol, hr, .container_aside ul.items li a {font-size:14px;}
    a#logo {
        max-width: 100% !important;
        display: block;
        text-align: center;
    }
    a#logo img {margin:0 auto !important;}
    
    .layout_four #tinyblock form#quicksearch,
    #tinyblock form#quicksearch {
        top:110px !important;
        left:0px !important;
        right:0;
        width:100%;
        margin:0;
        padding:3px 60px 3px 10px;
        box-sizing:border-box;
        background-color:#f7f3ec;

    }
    .layout_four #tinyblock form#quicksearch input.text,
    #tinyblock form#quicksearch input.text {
        padding:4px 30px 4px 15px;
        height:34px;
        width:100% !important;
        font-size:12px;
        box-sizing:border-box;
        border-color: #074B88 !important;
        border-width: 2px !important;
        border-radius:0;
    }
    .layout_four #tinyblock form#quicksearch button.submit,
    #tinyblock form#quicksearch button.submit {min-width:34px; min-height:29px;margin-left:-38px;}

    .content-wrapper, .content-wrapper.horizontal {
        padding-top:50px !important;
    }
    #row2.row2_content .section.folder a::after {font-size:11px;}
    
    .footer_website {padding: 0 10px;}
    .fotobar h2 a, .fotobar_three h2 a, .container_aside.briefing h2 a {
        font-size:16px;
    }
    .sublayout_row4_three_column .columns .column {
        margin-top:1em;
    }
    .footer_website .column:nth-child(odd) {
        clear:none !important;
    }
}
@media only screen and (max-width : 493px){
    /* home */
    .layout_four #row1 {height:auto;}
    .layout_four #row2 {margin:1em 0;}
    .layout_four #row3 {margin:1em 0;}
    .layout_four #row4 {padding:1em 10px;}
    div.onlytoptasks {padding:0 4px;}
    ul.onlytoptasks {width:96% !important;}
    ul.onlytoptasks li.column {width:100% !important;}
    ul.onlytoptasks li.column a {border-width:0 !important;padding:4px;min-height:0;}
    ul.onlytoptasks li.column a span {justify-content:left;font-size:16px;}
    .layout_four #row3 .contentrow .section.folder {margin:0 10px;}
    .layout_four #row3 .three.columns {padding:10px;}
    
    #row3 .section.folder ul.columns li.column {
        width:100%;
        margin:0;
    }

    #row2.row2_content .section.folder ul.subitems {
        list-style-type:square;
        padding-left:18px;
    }
    #row2.row2_content .section.folder ul.subitems li {
        display:list-item;
        overflow:visible;
    }
    #row2.row2_content .section.folder ul.subitems li:after {content:"";}
    
    .grid-5, .grid-11 {width:100% !important; padding:10px !important;margin:0 !important;box-sizing:border-box;}
}
@media only screen and (min-width: 5px) and (max-width : 493px) {
    div.onlytoptasks {padding:0 4px;}
    ul.onlytoptasks {width:96% !important;}
    ul.onlytoptasks li.column {width:100% !important;height:50px !important;margin-bottom:2% !important;}
    ul.onlytoptasks li.column {border-radius:0 0 10px 0;}
    ul.onlytoptasks li.column a {border-radius:0 0 10px 0;height:50px;}
    ul.onlytoptasks li.column a img {margin: 0 5px 0 0;display: block;float: left;width: 38px;height: 38px;vertical-align: middle;}
    ul.onlytoptasks li.column a span {justify-content:left;text-align: left;width: auto;height: 38px;}
    .container_aside, .container_aside.poll.result {width:100%; box-sizing:border-box;}
    #accessibility-tools {left:0 !important;padding:0;}
    
    .container_aside h3, .container_aside .title_fotobar, div.container_aside.url h3 a span.title, div.container_aside.softlink h3 a span.title, div.container_aside.document h3 a span.title, div.container_aside.product h3 a span.title {
        font-size:20px;
    }
    
}

@media only screen and (min-width: 493px) and (max-width : 768px) {
    body div#menu_wide {top:13px !important;}
    .layout_four #row1 {height:auto;}
    .layout_four #row2 {margin-top:1em;margin-bottom:1em;}
     .layout_four #row3 .contentrow .section.folder {margin:0 10px;}
     ul.onlytoptasks li.column a {min-height:230px;}
}
@media only screen and (min-width: 768px) and (max-width : 959px) {
    body div#menu_wide {top:2px;}
    #accessibility-tools {top:9px !important;}
     .layout_four #row3 .contentrow .section.folder {margin:0 10px;}
     .layout_four #row3 {margin:1em 0;}
}


/*hoog contrastversie uit.*/

div#styleselect {display:none;}


/* Update 2020.8  HIA */
@media only screen and (min-width: 5px) and (max-width : 959px) {
    body div#menu_wide {
        top:13px;
		position:absolute;
    }
    
    
#tinyblock form#quicksearch {
    right: 0px !important;
    width: auto !important;
}
    
}


/* Update 2020.8  HIA */
@media only screen and (min-width: 5px) and (max-width: 512px){
	#tinyblock form#quicksearch {
		width: 100% !important;
	}
	#tinyblock form#quicksearch input.text {
		width: 100% !important;
	}
}
body.menutype_horizontal .content-wrapper.horizontal, body.menutype_dual .content-wrapper.horizontal {
    padding-top:0;
}
@media only screen and (min-width: 960px){
    #tinyblock form#quicksearch {
        top: 62px;
        margin-left: 0;
        right: 10px;
        left: auto;
        width: auto;
    }
}

/* Update CMS2020.10 */
@media only screen and (min-width: 5px) and (max-width: 767px){
	#contact-information .heading,
	#footer_columns .column h1,
	#footer_columns .column h2,
	#footer_columns .column h3,
	#footer_columns .column h4{
         font-size: 1rem;
	}
    .search-results h3 a.item-title{
        font-size: 1.1429rem !important;
    }
    
    .row2_content .search-filters h3, .sc_filter h2{
        font-size: 1.3rem !important;
    }
    .section.folder h2 a{
        font-size: 1.0667rem;
    }
}
@media only screen and (min-width: 768px) and (max-width:1023px){
    h1,.h1{font-size: 1.68rem;}
    .search-results h3 a.item-title{
         font-size: 1.0667rem !important;
    }
	#contact-information .heading,
	#footer_columns .column h1,
	#footer_columns .column h2,
	#footer_columns .column h3,
	#footer_columns .column h4{
	    font-size: 0.9333rem
	}
    .section.folder h2 a{
        font-size: 1.0667rem;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1919px){
	.menu-horizontal li a{font-size: 1.4rem}
	#contact-information .heading,
	#footer_columns .column h1,
	#footer_columns .column h2,
	#footer_columns .column h3,
	#footer_columns .column h4{
	    font-size: 0.9rem
	}
}

button.print-link {display:none;}

@media only screen and (min-width:5px) and (max-width: 959px) {
    body.menutype_horizontal ul#dl-menu {display: none !important;}
    body.menutype_horizontal ul#dl-menu[aria-expanded="true"] {display: block !important;}
}