@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Kameron:wght@700&family=Source+Serif+4:wght@400;700&display=swap');

html
{
	
}

body{
	color:#003163;
	background:#FFFFFF;
	/* Globale tekst: Source Serif 4 Regular */
	font-family: 'Source Serif 4', serif;
	font-weight: 400;
}

a{
	color:#ba4d22;
	text-decoration:none;
}

a:hover {
	color:#003163;
	text-decoration:none;
}

header{
	background-color: linear-gradient(to bottom, #F2F5F9, #FFFFFF);
    background:url("/themes/editiepajot2/images/header.png") no-repeat top center; 
}

.region-header{
	height:250px; 
}

header nav{
	background:#F0F3F5;
	font-size: 18px;
}

header nav sub{
	background:#a3a2a2;
}

/* Menu en buttons: Source Serif 4 Bold */
.navbar a,
button,
.btn {
  font-family: 'Source Serif 4', serif;
  font-weight: 700;
}

header .navbar a{
	color:#003163;
}

header .navbar a:hover{
	color:#ba4d22;
}

.dropdown-item.active, .media-library-view--widget .view-header a.dropdown-item.is-active, .dropdown-item:active {
	color:#003163;
  text-decoration: none;
  background-color: #FFD300;
}

header highlighted {
	margin: auto !important;
	padding: 2rem 0;
}

header highlighted .region-highlighted{
	background-color:#ba4d22;
	color:#ffffff;
	height:auto;
	align-content: center;
}

header highlighted .region-highlighted p{
	margin-bottom:0;
}

#block-editiepajot2-views-block-advertenties-block-1 div.view-advertenties.view-id-advertenties.view-display-id-block_1 div.view-content div.views-row div.views-field-field-advertentie-bovenaan div.field-content{
	padding-top:21px;
	padding-bottom:21px;
}

main,
.breadcrumb{
	background:#ecece3;
}

main{
	padding-top:30px;
	padding-bottom:30px;
}


/* Post titels: Kameron Bold */
main h2 {
  font-family: 'Kameron', serif;
  font-weight: 700;
  color:#ba4d22;
  line-height: 1em;
  font-size: 1.8rem;
}

article.node--type-article img.img-fluid{
	width:100%;
	margin-bottom:25px;
}

.view-artikels .group-right .node__links ul.links.inline li,
.view-taxonomy-term .group-right .node__links ul.links.inline li{
	background:#ba4d22;
	border-radius:40px;
	 padding-top:10px;
  padding-bottom:10px;
   padding-left:20px;
  padding-right:20px;
} 

.view-artikels .group-right .node__links ul.links.inline li:hover,
.view-taxonomy-term .group-right .node__links ul.links.inline li:hover{
	background:#003163;
}

.view-artikels .group-right .node__links ul.links.inline li a,
.view-taxonomy-term .group-right .node__links ul.links.inline li a{
  color:#ffffff;
  font-weight:700;
  font-size:1.2rem;
} 

.view-artikels .field--name-field-artikel-gemeenten,
.view-taxonomy-term .field--name-field-artikel-gemeenten{
  display: inline-block;
  background: rgba(186, 77, 34, 1); /* donkere achtergrond met transparantie */
  color: #ffffff;
  padding-left: 3%;
  padding-right: 3%;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  bottom: 50px;
  left: 0px;
}

.view-artikels.view-id-artikels.view-display-id-block_1 .views-field-field-artikel-gemeenten{
  display: inline-block;
  background: rgba(186, 77, 34, 1); /* donkere achtergrond met transparantie */
  color: #ffffff;
  padding-left: 3%;
  padding-right: 3%;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  bottom: 40px;
  left: 0px;
}

.view-artikels.view-id-artikels.view-display-id-block_1 .views-field-created{
	margin-top:-20px;
	color:#ba4d22;
}

.view-artikels .field--name-field-artikel-gemeenten .field__item,
.view-taxonomy-term .field--name-field-artikel-gemeenten .field__item{
	display:none;
}

.view-artikels .field--name-field-artikel-gemeenten .field__item:first-child,
.view-taxonomy-term .field--name-field-artikel-gemeenten .field__item:first-child{
	display:block;
}

.view-artikels .field--name-node-post-date,
.view-taxonomy-term .field--name-node-post-date{
	text-align:left;
	position:relative;
	margin-top:0px;
	color:#ba4d22;
}

.order-2 h2{
	text-align:center;
}

.order-3 h2{
	text-align:center;
}
  
.feed-icon {
	display:none;
}

#block-editiepajot2-views-block-artikels-block-1 .views-field-title{
	
}

#block-editiepajot2-views-block-artikels-block-1 .views-field-title a{
	color:#003163;
}

#block-editiepajot2-views-block-artikels-block-1 .views-field-title a:hover{
	color:#ba4d22;
}

#block-editiepajot2-views-block-advertenties-block-2 .views-field-field-advertentie-rechterkolom img{
	margin-bottom:25px;
}

footer.node__meta{
	padding: 0rem 0;
	margin-bottom:25px;
}

article.node--type-article .field--name-field-artikel-gemeenten{
  display: inline-block;
  background: rgba(186, 77, 34, 1); /* donkere achtergrond met transparantie */
  color: #ffffff;
  padding-left: 3%;
  padding-right: 3%;
  font-size: 24px;
  font-weight: bold;
  position: relative;
  bottom: 90px;
  left: 0px;
}

article.node--type-article .field--name-field-artikel-gemeenten .field__item{
	display:none;
}

article.node--type-article .field--name-field-artikel-gemeenten .field__item:first-child{
	display:block;
}

article.node--type-article .field--name-field-artikel-fotograaf{
	text-align:center;
	margin-top: -60px;
}

article.node--type-article .field--name-field-artikel-fotograaf p:before{
	content:"© ";
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: #003163;
  --bs-pagination-bg: #ffffff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #ba4d22;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: #003163;
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: #003163;
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 60, 197, 0.25);
  --bs-pagination-active-color: #ffffff;
  --bs-pagination-active-bg: #ba4d22;
  --bs-pagination-active-border-color: #ba4d22;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #ffffff;
  --bs-pagination-disabled-border-color: #dee2e6;
  display: flex;
  padding-left: 0;
  list-style: none;
}

.pagination .pager__item--last{
	display:none;
}

.path-search a#edit-help-link{
	display:none;
}

.path-search form#search-form{
  margin-bottom:20px;
}

.path-search .item-list ol{
  padding-left: 0rem;
}

.path-search .item-list li{
  margin: 0 0 0em 0.0em;
  padding: 0;
}

footer.site-footer{
	background:#ba4d22;
	color:#ffffff;
	font-size:18px;
}

footer.site-footer nav {
	background:#ba4d22;
}

footer.site-footer a,
footer.site-footer nav a {
	color:#ffffff;
}

footer.site-footer a:hover,
footer.site-footer nav a:hover,
.region-footer-second nav#block-editiepajot2-footer ul li a:hover
 {
	color:#003163;
}

footer.site-footer a.button{
	background:#ffffff;
	color:#ba4d22;
	border-radius:45px;
	border:3px solid;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
}

footer.site-footer a.button:hover{
	background:#ba4d22;
	color:#003163;
}


/* Small (sm): ≥576px */
@media (min-width: 576px) {
	
	.region-header{
		max-width: 540px;
		margin-left: auto;
		margin-right: auto;
	}
	
  #block-editiepajot2-branding {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
  }

}

/* Medium (md): ≥768px */
@media (min-width: 768px) {
	
	.region-header{
		max-width: 720px;
		margin-left: auto;
		margin-right: auto;
	}
	
  #block-editiepajot2-branding {
    justify-content: flex-start;
    text-align: left;
  }

  #block-editiepajot2-branding img {
    width: 260px;
	height: auto;
  }

}

/* Large (lg): ≥992px */
@media (min-width: 992px) {
	
	.region-header{
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	
  #block-editiepajot2-branding {
    padding: 1rem 2rem;
  }

  #block-editiepajot2-branding img {
    width: 280px;
	height: auto;
  }

}

/* Extra Large (xl): ≥1200px */
@media (min-width: 1200px) {
	
	.region-header{
		max-width: 1140px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 120px;
	}
	
  #block-editiepajot2-branding {
    gap: 2rem;
  }

  #block-editiepajot2-branding img {
    width: 300px;
	height: auto;
  }
  
  header nav div#navbarSupportedContent.justify-content-md-end {
    /* justify-content: flex-start !important; */
  }
  
  header nav div.container.d-flex div#navbarSupportedContent div.region.region-nav-main{
	width:80%;
  }
  
  header nav div.container.d-flex div#navbarSupportedContent div.region.region-nav-main nav#block-editiepajot2-main-navigation ul.navbar-nav li.nav-item:first-child{
	  padding-right:1%;
  }
  
     header nav div.container.d-flex div#navbarSupportedContent div.region.region-nav-main nav#block-editiepajot2-main-navigation ul.navbar-nav li.nav-item{
	  padding-left:1%;
	  padding-right:1%;
  }

    header nav div.container.d-flex div#navbarSupportedContent div.region.region-nav-main nav#block-editiepajot2-main-navigation ul.navbar-nav li.nav-item:last-child{
	  padding-left:1%;
  }
  
  
   header nav div.container.d-flex div#navbarSupportedContent div.region.region-nav-additional{
	width:18%;
	 margin-left: 25px;
  }
  
   header nav .region-nav-additional form#search-block-form div.form-item{
	  width:100%;
  }
  
  header nav .region-nav-additional form#search-block-form input.form-search{
	background-color:#FFD300;
	background-image:url('/themes/editiepajot2/images/icons/search.png');
	background-position: center right; 
	background-repeat: no-repeat;
	background-size:contain;
	border: 1px solid #FFD300;
	border-radius:40px;
	color:#003163;
  }
  
   header nav .region-nav-additional form#search-block-form input#edit-submit,
  .navbar .block-search form .form-actions input#edit-submit{
	  display:none;
  }
  
  header highlighted .region-highlighted{
	min-height:104px;
}
  
  .order-1{
	width:60%;
	padding-left:1%;
	padding-right:1%;
	border-right:3px solid #003163;
  }

  .view-artikels .views-row,
  .view-taxonomy-term .views-row{
	 margin-bottom:30px;
  }
  
  .view-artikels .views-row:last-child,
  .view-taxonomy-term .views-row:last-child{
	 margin-bottom:25px;
  }
    
  .view-artikels .group-left img,
  .view-taxonomy-term .group-left img{
	  padding-right:5%;
  }

  .view-artikels .group-right .node__links,
  .view-taxonomy-term .group-right .node__links{
	margin-top:20px;
}
    

  .order-2{
	width:20%;
	padding-left:1%;
	padding-right:1%;
	border-right:3px solid #003163;
  }
  
  .order-3{
	width:20%;
	padding-left:1%;
	padding-right:1%;
  }
  
     
  #block-editiepajot2-contactinfobottom{
	margin-top:10px;
  }
  
  
  .region-footer-second nav#block-editiepajot2-footer ul {
	 list-style: none;
  padding-left: 0;
  }
  
   .region-footer-second nav#block-editiepajot2-footer ul li{
	 list-style: none;
	 font-size:20px;
	 font-weight:700;
   }
   
   .region-footer-second nav#block-editiepajot2-footer ul li a.dropdown-toggle::after {
  display: none; /* Verberg toggle icoon */
  
}

 .region-footer-second nav#block-editiepajot2-footer ul li ul{
 display: flex;
  flex-wrap: wrap;
  gap: 1rem;  
 }

  .region-footer-second nav#block-editiepajot2-footer ul li ul li{
	 list-style: none;
	 font-size:18px;
	 font-weight:400;
	 flex: 1 1 30%;
  box-sizing: border-box;
  height: 30px;
   }
   
   .footer-bottom{
	   margin-top:25px;
	   align-content:center;
	   border-top:3px solid #ffffff;
	   
   }
   
   .footer-bottom p{
	   margin-bottom:0;
   }
}

/* Extra Extra Large (xxl): ≥1400px */
@media (min-width: 1400px) {
	.region-header{
		max-width: 1320px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 100px;
	}
	
  #block-editiepajot2-branding {
    padding-left: 0rem;
  }

  #block-editiepajot2-branding img {
    width: 350px;
	height: auto;
  }
  
  header nav div#navbarSupportedContent.justify-content-md-end {
    /* justify-content: flex-start !important; */
  } 
  header nav div.container.d-flex div#navbarSupportedContent div.region.region-nav-main{
	width:100%;
  }
  
  header nav div.container.d-flex div#navbarSupportedContent div.region.region-nav-main nav#block-editiepajot2-main-navigation ul.navbar-nav li.nav-item:first-child{
	  padding-right:1%;
  }
  
     header nav div.container.d-flex div#navbarSupportedContent div.region.region-nav-main nav#block-editiepajot2-main-navigation ul.navbar-nav li.nav-item{
	  padding-left:1%;
	  padding-right:1%;
  }

    header nav div.container.d-flex div#navbarSupportedContent div.region.region-nav-main nav#block-editiepajot2-main-navigation ul.navbar-nav li.nav-item:last-child{
	  padding-left:1%;
  }
  
  
   header nav div.container.d-flex div#navbarSupportedContent div.region.region-nav-additional{
	width:18%;
	 margin-left: 25px;
  }
  
  header nav .region-nav-additional form#search-block-form div.form-item{
	  width:100%;
  }
  
  header nav .region-nav-additional form#search-block-form input.form-search{
	background-color:#FFD300;
	background-image:url('/themes/editiepajot2/images/icons/search.png');
	background-position: center right; 
	background-repeat: no-repeat;
	background-size:contain;
	border: 1px solid #FFD300;
	border-radius:40px;
	color:#003163;
  }
  
  header nav .region-nav-additional form#search-block-form input#edit-submit,
  .navbar .block-search form .form-actions input#edit-submit{
	  display:none;
  }
  
  header highlighted .region-highlighted{
	min-height:104px;
	padding-top: 0px;
    padding-bottom: 0px;
}
  
  .order-1{
	width:60%;
	padding-left:1%;
	padding-right:1%;
	border-right:3px solid #003163;
  }
  
  .view-artikels .views-row,
  .view-taxonomy-term .views-row{
	 margin-bottom:30px;
  }
   
  .view-artikels .views-row:last-child,
  .view-taxonomy-term .views-row:last-child{
	 margin-bottom:25px;
  }
  
    .view-artikels .group-left img,
	.view-taxonomy-term .group-left img{
	  padding-right:5%;
  } 
  
  .view-artikels .group-right .node__links,
  .view-taxonomy-term .group-right .node__links{
	margin-top:20px;
}
  
  .order-2{
	width:20%;
	padding-left:1%;
	padding-right:1%;
	border-right:3px solid #003163;
  }
  
  .order-3{
	width:20%;
	padding-left:1%;
	padding-right:1%;
  }
  
   
  #block-editiepajot2-contactinfobottom{
	margin-top:10px;
  }
  
  
  .region-footer-second nav#block-editiepajot2-footer ul {
	 list-style: none;
  padding-left: 0;
  }
  
   .region-footer-second nav#block-editiepajot2-footer ul li{
	 list-style: none;
	 font-size:20px;
	 font-weight:700;
   }
   
   .region-footer-second nav#block-editiepajot2-footer ul li a.dropdown-toggle::after {
  display: none; /* Verberg toggle icoon */
  
}

 .region-footer-second nav#block-editiepajot2-footer ul li ul{
 display: flex;
  flex-wrap: wrap;
  gap: 1rem;  
 }

  .region-footer-second nav#block-editiepajot2-footer ul li ul li{
	 list-style: none;
	 font-size:18px;
	 font-weight:400;
	 flex: 1 1 30%;
  box-sizing: border-box;
  height: 30px;
   }
   
   .footer-bottom{
	   margin-top:25px;
	   align-content:center;
	   border-top:3px solid #ffffff;
	   
   }
   
   .footer-bottom p{
	   margin-bottom:0;
   }
}