.mainSite .footer { 
	margin-top: 50px;
}

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

.portfolioItemTitle {
	margin-bottom: 10px;
	margin-top: 30px;
	
}

.innerTxt {
	padding: 20px;	
}

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

.portfolioItemContent {
	font-size: 1.1em;
	line-height: 1.6em;
	margin-bottom: 20px;	
	margin-top: 15px;
}

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

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

.mainSite .portfolioContent .logo {
	max-width: 55%;
} 

.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 .itemBlock article:hover:before
{
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background:linear-gradient(to bottom, rgba(255,255,255,.6) 15%, transparent 25%);
}

.mainSite .portfolio {
	margin: 7.5px 15px;
}

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

.mainSite .portfolio .portfolioItems .itemBlock {
	width: 100%; 
	height: 275px;
	flex: 1 1 auto;
	position: relative;	
	text-decoration: none;
	overflow:hidden;
	margin: 7.5px 0;
}

.mainSite .portfolio .portfolioItems .itemBlock article {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: inherit;
	padding: 45px 100px 30px 30px;

	background-color: #efefef;
}

.mainSite .portfolio .portfolioItems .itemBlock .itemInfo  {
	display: none;
	height: 100%;
	animation: fadeIn .5s;
}

.mainSite .portfolio .portfolioItems .itemBlock article:hover:before {
	background: none;
	background-color: rgba(var(--color-prim-rgb), .85);
	z-index: 0;
	animation: fadeIn .5s;
}

.mainSite .portfolio .portfolioItems .itemBlock article:hover .itemInfo  {
	display: flex;
}

.mainSite .portfolio .portfolioItems .itemBlock .itemContent {
	z-index:2;
	color:#FFF;
	text-transform: uppercase;
}

.mainSite .portfolio .portfolioItems .itemBlock .itemContent h1 {
	color: inherit;
	margin-top: 0;
	margin-bottom: 10px;
	word-break: break-all; 
}

.mainSite .portfolio .portfolioItems .itemBlock .itemContent .categories>span {
	background-color: var(--color-sec);
	padding: 5px 7.5px;
	font-weight: 600;
	font-size: 15px;
} */



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

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

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

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