/* cmsms stylesheet: Ervaringswijzer basis css modified: 20-08-22 07:59:38 */
@import url('https://fonts.googleapis.com/css?family=Lato|Roboto:300');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
body { 
  -webkit-animation: bugfix infinite 1s; 
}
@-webkit-keyframes bugfix { 
  from { padding: 0; } 
  to { padding: 0; } 
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{
    height:100%;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*start */
body{
    font-family:'open sans';
    background-color: #ede7d9;background-color: #efefef;
    font-weight:300;
    position:relative;
   min-height: 100%;
   line-height:1.5;
}
em{
font-style:italic;
}
/*navigatie*/
.mobile{
    display:none;
}
nav.menu {
  border-bottom:1px solid #521b65;  
    
}
nav.menu>ul{
    /*display:flex;
    justify-content: space-between;*/
     padding:0 2em;
     margin:0 auto;
     max-width:1200px;
   
    }
nav.menu ul{
    list-style:none;

    text-align:right;
     padding:0em 0.8em;
}
nav.menu a, nav.menu li.sectionheader{
    text-decoration:none;
    color:#521b65;
    /*padding:0.5em;*/
 
}
nav.menu ul:first-child>li{width:auto}
nav.menu ul:first-child>li li{width:100%;}
nav.menu ul li{
       margin:0;
        position:relative;
        line-height:1;
        display:inline-block;
        padding:0.5em 0.5em 0.5em 0.5em;
        width:100%;
        margin-right:1em;
}
nav.menu ul li ul li{padding-right:6px;}
.menu ul li:hover,nav.menu ul li.activeparent,nav.menu ul li.currentpage{
    background-color:#d7782f;
}
nav.menu ul>li>ul{
    display:none;
    position:absolute;
    top:2em;
    left:0em;
    padding-left:0;
    background-color:#efefef;
    margin:0;
    text-align: left;
-webkit-box-shadow: 10px 10px 12px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 12px -8px rgba(0,0,0,0.75);
box-shadow: 10px 10px 12px -8px rgba(0,0,0,0.75);
border-left:1px solid #521b65;
    }
 nav.menu ul>li>ul li:hover{
    background-color:#d7782f;
 }
nav.menu li:hover>ul{
    display:block;
    z-index:50;
}
nav.menu>ul>li>ul>li>ul{
    background-color: #333;
    top:0.5em;
    left:100%;
    margin:0;
    
}
nav.menu>ul>li>ul>li>ul li:hover{background-color:#aaa;}
nav.menu>ul>li>ul>li>ul li{font-size: 0.8em;}
nav.submenu{
   /* padding-top:2em;*/
}
/* submenu */
.submenu{
    max-width:800px;
}
.herstelc .submenu li, .herstelverhalen .submenu li, .herstel-lab .submenu li, .subsubmenu li {
   display:inline-block; 
}
.herstelc .submenu a, .herstelverhalen .submenu a, .herstel-lab .submenu a ,.subsubmenu a{
   display:inline-block; 
   width:140px;
   height:50px;
   border:1px solid #ccc;
   padding:20px;
   margin:2px;
   vertical-align:top;
   font-weight: bold;
}
/* Algemeen */
header{
    
}
.logo{
    padding:1em 0 0em 2.5em;
    width:350px;
}
.tekstcontent {max-width:800px;}
.nieuws .tekstcontent{max-width:800px;}
.home .tekstcontent{max-width:1100px;}
.home .page-content{width:36%;display:inline-block;vertical-align:top;}
.home .nieuwtjes{width:60%;display:inline-block;padding-right:3%;padding-bottom:0;}
.blogcontent{max-width:800px;}
#content{
    padding:2em;
    max-width:1100px;
    margin:0 auto;
    color:#444;
    padding-bottom:12em;
}

.breadcrumbs{
    font-size:1em;
    color:#000;
    margin-bottom:1em;
}

.current::after{
content: "» ";
}

/* Tekst*/
h1{
    font-size:1.7em;
    margin: 0.3em 0;
    color:#B8860B;color:#521b65;
    font-weight: bold;
}
.home .page-content h1 {
    font-size: 1.5em;
}
.home h2{
    font-size: 1.5em;
    margin:0.6em 0 0.5em 0;
    font-weight:bold;
    color:#B8860B;color:#444;
}

h2 span{
    font-size:0.7em;
    font-weight:normal;
    }
h2,h3{
    font-size:1.2em;
    margin:1em 0 0.3em 0;
    color:#B8860B;color:#521b65;
    font-weight:bold;
}
h2 a{
    color:#B8860B;color:#444;
}
h3 a{
    color:#444;color:#521b65;
}
h2 a:hover, h3 a:hover{
    color:#d7782f;
}
h4{
    font-size:1.1em;
    color:#B8860B;
}
strong,.summarystrong{
    font-weight:bold;
}

p{
    margin-bottom:0.5em;
}
.containsummary{
    position:relative;
}
.blogblokjes{
    display:flex;
    flex-wrap:wrap;
}
.blogblokjes p,.nieuwtjes p{
    width:100%;
}
.NewsSummaryPostdate {
    font-style: italic;
}

.CGBlogSummary{
    width:200px;
    padding:1em 2em 3em 1em;
    background-color: #e1e0e3;
    margin:1em 2em 1em 0;
    overflow:hidden;
    height:300px;
    border-bottom:45px solid #e1e0e3;
}
.CGBlogSummaryHeader{
    font-size:0.8em;
    font-style:italic;
}

#CGBlogPostDetails {
    padding:5px 0px 0px 0px;
    font-style: italic;
}

.CGBlogSummaryFading{
    padding: 20px 0px;
    position: absolute;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(225,224,227,0)),color-stop(1, rgba(225,224,227,1)));
    bottom: 60px;
    width: 200px;
} 

.meerlink{
    position:absolute;
    bottom:25px;
    z-index:10;
}
.meerlink a{
   
}
a{
    text-decoration:none;
    color:#E8600C;color:#d7782f;
    outline:none;
}
.page-content ul{
    padding-bottom:0.7em;
}
.page-content ul li:before{
 /*list-style-type: disc;*/
 content: "\27a2";
 color:#521b65;
 padding-right:0.5em;
 width:0.6em;
}
a:hover{
    color:#a46363;
}
.page-content img{padding:1em;}
.hide{
    display:none;
}
.sluit{
   color:#E8600C;
}
.nieuwtjes{
   padding-bottom:1em;

}
.home .nieuwtjes>div{
    display:inline-block;
    width:92%;
    padding:8px 14px;
    vertical-align: top;
   position: relative;
}
.nieuwtjes h2{
    background-color: #e1e0e3;
    margin-bottom:0;
    width:92%;
    padding:8px 14px;
}
.nieuwtjes h3{
      margin-top:0;  
}
.nieuwtjes h3 a{
    color:#d7782f;
    font-size:1rem;
}

.NewsSummary{
    margin-bottom: 1em;
    background-color: #e1e0e3;
    padding: 1em;
}
.nieuws .NewsSummary{
    width:200px;
    margin-right:1em;
}
.nieuws .nieuwtjes{
    display: flex;
    flex-wrap: wrap;
    
}

td{padding:0.4em;border:1px solid black;}
th{font-weight:bold;text-align:left; color:#521b65;border:1px solid black;padding:0.4em;}
tr:first-child th{border:none;}
table strong{
    display:inline-block;
    padding-right:1em;
}
.home .NewsSummaryherstel{position:relative;}
.home .NewsSummaryherstel:after {
  position: absolute;
  bottom: 0;  
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(to top,
     rgba(239,239,239, 1) 20%, 
     rgba(239,239,239, 0) 80%
  );
  pointer-events: none; /* so the text is still selectable */
}
.NewsSummaryMorelink{z-index:10;}

nav.activiteiten {
    max-width: 1068px;
}
nav.activiteiten a{
    color:#d7782f;
    font-weight:400;
}
nav.activiteiten a:hover{
   color:#b80c09; 
}
nav.activiteiten ul{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
}
nav.activiteiten strong{display:block;position:relative;bottom:4px;}
.activiteiten li{
    margin:0 1em 1em 0;
}
nav.activiteiten a{font-size:1.5em;}
.home nav.activiteiten a:hover{background-color:#efefef;}
nav.activiteiten a img:hover{-webkit-box-shadow: -4px 16px 32px 0px rgba(0,0,0,0.38);
-moz-box-shadow: -4px 16px 32px 0px rgba(0,0,0,0.38);
box-shadow: -4px 16px 32px 0px rgba(0,0,0,0.38);}
.blogmenu{
    display:flex;
    text-align:center;
    align-items:flex-end;
    flex-wrap:wrap;
}
.blogmenu a{display:inline-block;padding:0 0.5em;}
.alert-danger{
    color:red;
    font-weight: bold;
}
.alert-danger p{
    font-weight:normal;
    color:black;
}
.herstelc .NewsSummaryherstel{
    width:140px;
    height:160px;
    padding:10px 20px 10px 20px;
    display:inline-block;
    /*background-color: #bbb;*/
    
    vertical-align: top;
    margin:0.1em;
    background-color:#e1e0e3;
}

.herstelc .NewsSummaryherstel a{
    font-weight: normal;
    letter-spacing: 1px;
    color:#300141;
    font-size: 0.9em;
    display: inline-block;
    line-height:1.5em;
    height:180px;
    vertical-align:middle;
    
}
/*kunst met een verhaal*/
.kunst .NewsSummarySummary, .ontdek-je-buurt .NewsSummarySummary{
    display: flex;
    flex-wrap:nowrap;
    justify-content:space-evenly;
}
.kunst .NewsSummarySummary p, .ontdek-je-buurt .NewsSummarySummary p{
    flex-basis:50%;

    padding:0 1em 0 0;
}
.NewsSummarySummary img{
    max-width:100%;
    height:auto;
}
.kunst img, .ontdek-je-buurt img{max-width:100%;height:auto;}
#NewsPostDetailReturnLink{
    padding-bottom:5em;
}
/*Contactpagina*/
.contact-2 .page-content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
    flex-wrap: wrap;
}
.contact-2 .adres {
    align-self: center;
    padding: 1em 0;
}
.contact-2 .image img {
    max-width: 350px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
/*feedbackformulier */
.cgfeedback_addcomment,.cms_form{
    width:100%;
    max-width:700px;
}
.cgfeedback_addcomment label,.cms_form label{
    padding:4px 0;
    display:block;
}
.cgfeedback_addcomment input,.cgfeedback_addcomment textarea,.cgfeedback_addcomment button,.cms_form input, .cms_form textarea, .cms_form button{
    width:100%;
    border:1px solid #ccc;
    padding:6px 0;
}
.cgfeedback_addcomment input[type=checkbox], .cms_form input[type=checkbox]{
    width:auto;
    
}
.cgfeedback_addcomment button, .cms_form button{
    background-color: #d7782f;
}
.col-md-8 img{
    margin:5px auto;
    display: block;
}
.naamcgf{
    font-weight:bold;
}
.datumcgf{
    font-style:italic;
}
.cgfeedback_summary_item {
    background-color: #e1e0e3;
    padding: 1em;
    margin: 1em 0;
}
/*tinymcefrontend*/
iframe#cntnt01cgblog_content_ifr{height:36em !important;}

/*nieuwsbriefform */
.formbuilderform{
    width:100%;
    box-sizing:border-box;
    max-width:700px;
}
.formbuilderform div{
    padding:5px 0;
}
.formbuilderform label{
    width:90px;
    display:inline-block;
}
.formbuilderform input{
    width:calc( 100% - 92px);
    border:1px solid #ccc;
    padding: 5px 0;
}
.submit input{
    margin-left:90px;
    border:1px solid #d7782f;
     background-color: #d7782f;
     width:calc( 100% - 92px);;
}
.table{
    width:100%;
}
/*atlas */
.atlaszoekformulier {
    padding-top:1em;
    display:flex;
	flex-wrap:wrap;
}
.atlaszoekformulier {
    max-width:600px;
}
.atlaszoekformulier div{
    display:inline-block;
    padding-bottom:0.3em;
}
.atlaszoekformulier select{
    border:1px solid grey;
    width:12em;
    height:2em;
}
.atlaszoekformulier .submit input{
    width:13em;
    margin:0;
}
.atlaszoekformulier div{
    flex-basis: 30%;
}
div.verslagenlijst {
    margin-top:15px;
}
.stadsdeel ol {
   /* padding-left:25px;*/
}
#pagination2 {
    margin-top:15px;
}
select:not(#hoofdcategorie):not(#stadsdeel) { 
    display:none; 
}
#cntnt01moduleform_2 {
    display:none;
}
#hoofdcategorie, #stadsdeel {
	margin-right: 4px;
}
#stadsdeel {
	width: 13em;
}
.stadsdeel>span:first-child{
    font-weight:bold;
    color:#521b65;
    font-size: 1.2em;
}
#hoofdcategorie {
	width: 13em;
}
#hulp, #werken, #wonen, #vrije_tijd {
	width:13em;
/*	margin-left:180px;*/
}
.ontdek-je-buurt .tekstcontent{
    /*max-width:100%; */
}
.categorieen{
    display: flex;
    flex-wrap:wrap;
}
.categorie{
    width: 200px;
    margin: 5px 26px 24px 0;
    background-color: #e1e0e3;
    padding: 21px;
    line-height: 1.7;
}
.categorie>span{
    font-weight: bold;
    display: block;
    padding-bottom: 0.5em;
}
.ProductDirectoryItem{
    margin-bottom:0.8em;
    line-height: 1.3;
    font-weight: bolder;
}
.hetverslag{
    max-width: 800px;
}
.verslaginhoud b {
  font-weight:bolder;
}
.verslagdatum {
    margin:5px 0px;
    font-style: italic
}
.tussenkop3 { 
    font-weight:bolder;
}
.introductieverslag {
    font-weight:bolder;
    padding-bottom:1em;
}
.locatieverslag {
    padding-top:20px;
}
.omschrijvinglocatie {
    font-style: italic;
}
.locatienaam_adres {
    padding-bottom:1em;
}
footer{
    padding:2em 0;
    border-top:1px solid #521b65;
    width:100%;
    background-color: #ddd7d0;
    position: absolute;
    bottom:0;
    
}
footer p{
    max-width:1100px;
    margin:0 auto;
    padding-bottom:0.5em;
}
footer a{
    color:#521b65;
    font-family: open sans;
}
footer img{
    height:30px;
    width:auto;
    vertical-align:middle;
    padding-right:0.2em;
    display:inline-block;
}
.social-icons{
    text-align:right;
}

ul#taglist {
 margin: 0;
}

ul#taglist li {
 float: left;
  height: 28px;
  margin: 5px;
  list-style-type: none;
}

ul#taglist li::before {
    content: "";
    padding-right: 0;
}

ul#taglist li a {
 padding: 5px 10px;
  text-decoration: none;
  color: #333;
 background: #EAE9E8;
 -moz-border-radius 6px;
  border-radius: 6px;
  border: #ccc solid 1px;
 font-weight: bold;
 color: #d7782f;
 font-size: 80%;
}

ul#taglist li a:hover {
 background: #161616;
 text-decoration: none;
  font-weight: bold;
  color: #fff;
}

#cookie_consent {
 background: rgba(100,100,150,0.9);
 position: fixed;
  bottom: 0;
  float: left;
  z-index: 100000;
  width: 100%;
  padding: 30px 0;
  /*filter: alpha(opacity=70);
  opacity: 0.7;*/
  font-family:open sans,sans-serif;
}
#cookie_consent p {
 text-align: center;
  color: #fff;
 font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0 0 10px 0;
  /*filter: alpha(opacity=100);
  opacity: 1;*/
}
#cookie_consent a.accept_cookies {
 margin: 0 5px;
  padding: 5px;
  color: #000;
 font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  background: #ffb838;
}
#cookie_consent a.more_info {
 margin: 0 5px;
  padding: 5px;
  color: #000;
 font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  background: #ccc;
}

.NewsSummaryField, .NewsDetailField {
    display: none;
}

.interviews #NewsPostDetailCategory, 
.interviews #NewsPostDetailAuthor,
.interviews #NewsPostDetailHorizRule,
.interviews #NewsPostDetailDate {
    display: none;
}

.samenvattingherstel-lab {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.samenvattingitemherstel-lab {
    margin: 10px;
    padding: 15px;
    background-color: #e1e0e3;
    flex: 1 0 200px;
}


@media only screen and (max-width:1150px){
    footer p{padding:0 2em;}
}
@media only screen and (max-width:580px){
    .logo{width:250px;padding-left:0.5em;}
    #content{padding:0.5em 0.5em 12em 0.5em;}
    .home .page-content{width:100%;}
    header{border-bottom: 1px solid #521b65;padding-bottom:1em;}
      nav.menu{display:none;}
    div.mobile{display:block;width:100%;}
    .mobile ul{display:none;}
    .mobile ul ul{position:static;padding-top:2px;padding-left:2em;}
    .mobile input{opacity:0;}
    .mobile input#toggle:checked ~ ul, input#toggle:checked ~ ul ul{display:block;}
    .mobile a, .mobile li.sectionheader{text-decoration:none;font-size:1.3em;line-height:1.5em;color:#d7782f;}
    .mobile ul ul a{font-size:0.7em;}
    .mobile svg{
stroke:#d7782f;
stroke-width:4;
height:40px;
padding-top:3px;
margin-top:5px;
cursor:pointer;
width:40px;
position:absolute;
top:16px;
right:2px;
z-index:301;
}
.mobile ul{
    right:-6px;
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background-color:white;
    padding-left:0.5em;
    z-index:300;
    padding-top:16px;
}
.mobile li{
    padding-left:0.5em;
}
footer p{padding:0 0.5em 0.5em 0.5em;}

.interviews iframe {
    width: 100%;
}
}