.articleImg {
	width: 100%;	
}

.portfolioHeaderTitle {
	text-align: center;
	margin-top: 30px;
}

.portfolioHeaderTitle h1, .portfolioItemTitle h1 { 
	
	/* color: #1b1b1b; */
	margin: 0;
	padding: 0;
	text-align: left; 
	display: inline-block;
	
}
.portfolioItemDatum
{
	font-size: .8em;
	
}
.portfolioDate {
	color: #888;
	font-weight: 400;
	display: inline-block;
	font-size: .8em;
	text-transform:uppercase;
}

.mainSite .portfolioPage #mainHeader #map_canvas {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	position: absolute !important;
}

.mainSite .portfolioPage #mainHeader.portfolioHeader {
	display: flex; 
	align-items: center;
}

.mainSite .portfolioPage #mainHeader.portfolioHeader .headTxt {
	margin-bottom: 0;
}

/*.portfolioDay {	
	font-size: 1.5em;	
	text-align: center; 	
}

.portfolioMonth {
	font-size: 1.2em;	
}*/ 

.mainSite:has(.portfolioPage) .topSection {
	margin: 0px;
	padding: 0px;
}

.portfolioPage .images .firstImage {
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 15px;
	border: none;
}

.portfolioPage .images .additionalImages {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
	justify-content: center;
}

.portfolioPage .images .additionalImages .image {
	width: calc(25% - 30px);
	margin: 15px;
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 5px;
}

.portfolioItemTitle {
	margin-bottom: 20px;
	margin-top: 0px;
	word-break: break-word;
}

.portfolioItemTitle h1 { 
	font-size: 1.8em;
}

/*3.2em*/
.innerTxt {
	padding: 20px;	
}

.glyphicons {
	position: relative;
    top: -3px;	
}

.portfolioItemContent {
	font-size: 1em;
	margin-bottom: 20px;	
}

.mainSite .portfolioContent .categories {
	margin: 30px 0;
}

.mainSite .portfolioContent .categories h3 {
	margin-bottom: 10px;
}

.mainSite .portfolioContent .infoBlock {
	/* max-width: 55%; */
	padding: 25px;
	background-color: rgba(var(--color-prim-rgb),.3);
	border-radius: 15px;
	margin-bottom: 30px;
} 

.mainSite .portfolioContent .infoBlock .head {
	font-weight: 700;
	font-size: 1.5em;
}

.mainSite .portfolioContent .infoBlock table {
	width: 100%;
}

.mainSite .portfolioContent .infoBlock table tr {
	background: transparent;
}

.mainSite .portfolioContent .infoBlock .opdrachtgever {
	display: flex;
}

.mainSite .portfolioContent .infoBlock .logo {
	max-width: 200px;
	object-fit: contain;
}

.mainSite .portfolioContent .categories ul {
	list-style: none;
	padding: 0;
}

.mainSite .portfolioContent .categories ul li i {
	color: var(--color-sec);
}

.mainSite .portfolioContent .categories ul li {
	border-bottom: 1px solid #ececec;
}

.portfolioItemContent h1:first-of-type, .portfolioItemContent h2:first-of-type {
	margin-top: 0px;
}

.mainSite .portfolioContent .carousel, .mainSite .portfolioContent .carousel .img {
	height: 300px;
}

.mainSite .portfolioContent .carousel .img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
}

.mainSite .categories span.h3 {
	font-family: var(--secFont);
}

.mainSite .categories li {
	padding: 5px 0;
	margin: 5px 0;
}

.breadcrumb {
	padding: 6px;
	margin: 0;	
}

ol.breadcrumb {
	margin-top: 0;
	margin-bottom: 0;	
}

.breadcrumb a {
	color: #777
}
.homeportfolio 
{

	margin-top:25px;
	

}
.homeportfolio article
{
	display:block;
	background-color:rgba(248,248,248,1.00);
	margin-bottom:15px;
	margin-top:15px;
	overflow:hidden;
	border-radius: 2%;


}
.homeportfolio article a
{
	display:block;
	text-decoration:none; 
	color:#333;
	
}
.homeportfolio article a:hover
{
	text-decoration:none;
	
}

.title {
	color: #333;
	font-weight: 600;
	font-size: 1.1em;
	text-transform: uppercase;
	text-align:center;  
}

.mainSite hr {

}

.tekst {
	font-family: 'Roboto', sans-serif;
	margin-bottom: 15px;	
	color: #333;
	line-height: 1.5;
}

.homeportfolio article a .readMoreBtn
	{
	line-height:normal;
	text-transform: uppercase;
	text-align:center;
	color: #FFF;
	display:block;
	/*border: 2px solid #f07c38;*/
	background-color: #acca12;
	padding: 15px 30px 15px 30px;
	font-weight: 400;
	}
.homeportfolio article a:hover .readMoreBtn
{
	background-color: #702381;
	color:#FFF;
	text-decoration:none;

}
.homeportfolio article a .glyphicons {
	color: #888888;	
}
.homeportfolio article a .leestijd
{
	margin-top:5px;
	text-align:center;
	font-size:.8em;
}
.homeportfolio article h1
{
	display:block;
	font-size:20px;
	font-weight: 200;

}

.homeportfolio .date, .homeportfolio .dummyBtn 
{
	
	font-size:14px;
}
.homeportfolio .dummyBtn .glyphicon
{
	font-size:.8em;
}

input[type=file] {
	cursor: pointer;
}

.portfolioHeader
{

}

.centerPage  {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.portfolioItemText {
	margin-top: 25px; 	
}

/* SmallList */

.partners .img
{
	padding-top:100%;
	margin: 15px 0px;
	width: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
}

.mainSite .portfolio .portfolioItems {
	display: flex;
	flex-wrap: wrap;
}

.mainSite .portfolio .portfolioItems .itemBlock {
	width: 100%;
	aspect-ratio: 1/1;
	margin: 15px;
	border-radius: 15px;
}


.mainSite .portfolio .portfolioItems .itemBlock .itemImg {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	position: relative;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.mainSite .portfolio .portfolioItems .itemBlock .itemImg .itemContent {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    text-shadow: 0px 2px 5px #000;
    height: 50px;
    transition: all .5s ease-in-out;
    padding: 15px 15px 75px 15px;
    overflow: hidden;
	font-size: 1.5em;
    font-weight: 600;
}

.mainSite .portfolio .portfolioItems .itemBlock .itemImg .itemContent .itemSubtitle {
	font-size: .9em;
	line-height: 1.1em;
	width: 85%;
	display: block;
	max-height: 40px;
	overflow: hidden;
}


.mainSite .portfolio .portfolioItems .itemBlock .itemImg .itemContent .icon {
    position: absolute;
    bottom: 15px;
    right: 45px;
    font-size: 1.2em;
    transition: all .5s ease-in-out;
    opacity: 0;
}

.mainSite .portfolio .portfolioItems .itemBlock:hover .itemImg .itemContent {
    background-color: rgba(0,0,0,.5);
    padding-bottom: 100px;
    border-radius: 0 0 15px 15px;
}

.mainSite .portfolio .portfolioItems .itemBlock:hover .itemImg .itemContent  .icon {
    right: 15px;
    display: inline;
    opacity: 1;
}

@media (max-width: 992px) {
	.mainSite .portfolioPage .topSection {
		margin-bottom: 400px;
	}

	.mainSite .portfolioPage #mainHeader:has(#map_canvas) {
		padding: 0px;
		bottom: -400px;
		left: 0;
		display: block;
		height: 400px;
		background-color: transparent;
		width: 100%;
	}
}

@media (min-width: 768px) {
	.mainSite .portfolioContent .carousel, .mainSite .portfolioContent .carousel .img {
		height: 600px;
	}

	.mainSite .portfolio {
		margin: 0;
	}

	/* .mainSite .portfolio .portfolioItems .itemBlock {
		width: 50%; 
	}
	.mainSite .portfolio .portfolioItems .itemBlock {
		margin: 0;
	} */

	.mainSite .portfolio .portfolioItems .itemBlock {
		width: calc(50% - 30px);
	}
}

@media (min-width:992px) {
	/* .mainSite .portfolio .portfolioItems .itemBlock {
		width: 33.33%; 
	} */

	.portfolioItemTitle h1 { 
		font-size: 2.3em;
	}

	.mainSite .portfolio .portfolioItems .itemBlock {
		width: calc(33.33% - 30px);
	}

}
@media (min-width:1200px) {
	.mainSite .portfolio .portfolioItems .itemBlock {
		width: calc(25% - 30px);
	}
}