/*
Theme Name:   Maak architectuur
Description:  Thema voor www.maakarchitectuur.nl
Author:       Reni Bouwhuis
Author URL:   http://www.renibouwhuis.nl;
Template:     neubau
Version:      1.0
Text Domain:  maak-architectuur
*/



/*-----------------------------------------------------------------------------------*/
/* Aanpassingen t.b.v. custom post type: portfolio 
aanpassingen zijn gemaakt om custom post op doorsnee page te laten lijken
Houdt er rekening mee dat de css eigenschappen op de juiste plek worden geplaats
voor de juiste schermbreedte (@media screen etc.)

/*-----------------------------------------------------------------------------------*/

body {
	display: block;
	font-family: 'Work Sans', sans-serif;
	color: #000000;
	background: #ffffff;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.35;
}

/* .entry-content {
	font-family: 'Work Sans', sans-serif;
	font-family: 'Amiri', serif;
}
*/
#overlay-wrap a:hover {
	color: #e43a54;
	}

#overlay-wrap {
	font-family: 'Amiri', serif;
	}

#site-navigation ul ul li a:before {
	content: '\0020';
	display: inline-block;
	padding: 0 4px 0 0;
}


/* Aanpassing t.b.v. het weergeven van de site logo op elke pagina
------------------------------------------------------------------------------------ */


a.home-link {
	display: none;
	}
#site-branding {
    padding-top: 20px;
	}


@media screen and (min-width: 10px) {
#site-branding img {
    max-width: 90%;
    padding-top: 10px;
    height: auto;
    padding: 0px;
	}
}

@media screen and (min-width: 200px) {
#site-branding img {
    max-width: 80%;
    padding-top: 10px;
    height: auto;
    padding: 0px;
	}
}

@media screen and (min-width: 400px) {
#site-branding img {
    max-width: 65%;
    padding-top: 10px;
    height: auto;
    padding: 0px;
	}
}

@media screen and (min-width: 600px) {
#site-branding img {
    max-width: 30%;
    padding-top: 10px;
    height: auto;
    padding: 0px;
	}
}


@media screen and (min-width: 1000px) {
#site-branding img {
    max-width: 30%;
    padding-top: 10px;
    height: auto;
    padding: 0px;
	}
}

@media screen and (min-width: 1100px) {
#site-branding img {
    max-width: 100%;
    padding-top: 10px;
    height: auto;
    padding: 0px;
	}
	#site-branding {
    padding-top: 15px;
	}
}

/* Einde aanpassing logo
------------------------------------------------------------------------------------ */


.single-post h1.entry-title,
.single-portfolio h1.entry-title,
 .single-mensen h1.entry-title{
    font-family: 'Amiri', serif;
    color: #e43a54;
    word-wrap: normal;
	hyphens: none;
}

.entry-header h2.entry-title a{
	font-family: 'Amiri', serif;
	word-wrap: normal;
	hyphens: none;
}

.page h1.entry-title {
	font-family: 'Amiri', serif;
	word-wrap: normal;
	hyphens: none;
}

.nav-links {
	font-family: 'Amiri', serif;
}

.nav-links a:hover {
	color: #e43a54;
	}

/*--- Afkomstig regel 988 ---*/
.single-portfolio h1.entry-title {
	font-weight: bold;
	font-family: 'Amiri', serif;
}

/*--- Afkomstig regel 992 ---*/
.single-portfolio .entry-header {
	padding-bottom: 20px;
}


/*-----------------------------------------------------------------------------------*/
/*	8.0 Fullwidth / Archives / Search Results / 404
/*-----------------------------------------------------------------------------------*/

/*--- Afkomstig regel 1331 ---*/
.search-results .site-content .portfolio {
	clear: both;
	overflow: hidden;
}

/*--- Afkomstig regel 1345 ---*/
.single-portfolio .edit-link {
	padding-top: 30px;
}


/*-----------------------------------------------------------------------------------*/
/*	12.0 Plugins + Jetpack Styles
/*-----------------------------------------------------------------------------------*/

/*--- Afkomstig regel 1695 ---*/
.portfolio .contact-form input[type='text'],
.portfolio .contact-form input[type='email'],
.portfolio .contact-form textarea {
	display: block;
	width: 99%;
	max-width: 99%;
}


/*-----------------------------------------------------------------------------------*/
/*	13.0 Shortcodes
/*-----------------------------------------------------------------------------------*/

/*--- Afkomstig regel 1847 ---*/
.portfolio .entry-content a.standard-btn,
.portfolio .entry-content a.standard-btn:hover {
	color: #fff;
	border: none;
}


/*-----------------------------------------------------------------------------------*/
/*	14.0 Media Queries
/*-----------------------------------------------------------------------------------*/

/* Minimum width of 768 pixels
------------------------------------------------------------------------------------ */
@media screen and (min-width: 768px) {

	/*--- Afkomstig regel 1945 ---*/
	.single-portfolio #primary .hentry {
		width: 100%;
	}
}

/* Minimum width of 1100 pixels
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1100px) {

	/*--- Afkomstig regel 2298 ---*/
	.single-portfolio h1.entry-title {
		max-width: 72.26277372262774%;
	}

	/*--- Afkomstig regel 2302 ---*/
	.single-portfolio .entry-header {
		padding-bottom: 120px;
	}

	/*--- Afkomstig regel 2327 ---*/
	.single-portfolio #primary .hentry,
	.single-portfolio #primary #comments {
	max-width: 64.93055555555556%;
	float: none;
	}

	/*--- Afkomstig regel 2332 ---*/
	.single-portfolio.fullwidth #primary .hentry {
		max-width: 100%;
		float: none;
	}
}

/* Minimum width of 1260px pixels
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1260px) {

/*--- Afkomstig regel 2455 ---*/
	.single-portfolio h1.entry-title {
		font-size: 75px;
		font-size: 4.688rem;
	}
}

/* Minimum width of 2100px pixels (wide screens, e.g. iMacs)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 2100px) {

.single-portfolio.fullwidth #primary .hentry {
		max-width: 100%;
		float: none;
	}
}

/*--- EINDE aanpassingen t.b.v. custom post type: portfolio ---*/




/*-----------------------------------------------------------------------------------*/
/* Aanpassingen t.b.v. custom post type: mensen 
eigenschappen van single-post zijn gekopieerd en omgezet naar custom post type: mensen

/*-----------------------------------------------------------------------------------*/

/*--- Afkomstig regel 939 ---*/
.single-mensen .entry-thumbnail {
	padding-bottom: 25px;
}

/*--- Afkomstig regel 979 ---*/
.single-mensen .entry-author:after{
	display: inline;
	content: '\201a';
	padding: 0;
}

/*--- Afkomstig regel 988 ---*/
.single-mensen h1.entry-title{
	font-weight: bold;
}

/*--- Afkomstig regel 992 ---*/
.single-mensen .entry-header {
	padding-bottom: 20px;
}

/*--- Afkomstig regel 996 ---*/
.single-mensen .sidebar-wrap {
	padding-bottom: 0;
	display: block;
	line-height: 0;
}

/*--- Afkomstig regel 1274 ---*/
.single-mensen .navigation {
	clear: both;
	text-align: center;
}

/*--- Afkomstig regel 1278 ---*/
.single-mensen .post-navigation {
	overflow: hidden;
	clear: both;
	padding-top: 120px;
}

/*--- Afkomstig regel 1283 ---*/
.single-mensen .post-navigation .nav-previous {
	float: left;
}

/*--- Afkomstig regel 1287 ---*/
.single-mensen .post-navigation .nav-next {
	float: right;
}

/*--- Afkomstig regel 1291 ---*/
.single-mensen .post-navigation .nav-previous a,
.single-mensen .post-navigation .nav-next a {
	position: relative;
	display: block;
}

/*--- Afkomstig regel 1296 ---*/
.single-mensen .post-navigation .nav-previous a {
	text-align: left;
}

/*--- Afkomstig regel 1299 ---*/
.single-mensen .post-navigation .nav-next a {
	text-align: right;
}

/* Minimum width of 768 pixels
------------------------------------------------------------------------------------ */
@media screen and (min-width: 768px) {

/*--- Afkomstig regel 1946 ---*/
.single-mensen #primary .hentry {
		width: 100%;
	}
}

/* Minimum width of 1100 pixels
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1100px) {

/*--- Afkomstig regel 2050 ---*/
	.single-mensen #primary {
		padding-left: 2.43043%;
		padding-right: 2.43043%;
	 }

/*--- Afkomstig regel 2054 ---*/
	 .single-mensen #primary {
		padding-left: 2.43043%;
		padding-right: 2.43043%;
	 }

/*--- Afkomstig vanaf regel 2294 ---*/
	.single-mensen .entry-thumbnail {
		max-width: 22.62773722627737%;
		float: left;
	}
	.single-mensen h1.entry-title {
		max-width: 72.26277372262774%;
	}
	.single-mensen .entry-header {
		padding-bottom: 120px;
	}
	.single-mensen .post-content-wrap {
		position: relative;
	}
	.single-mensen .post-comments-wrap {
		width: 77.37226277372263%;
		float: right;
	}
	.single-mensen .sidebar-wrap {
		float: left;
		width: 22.62773722627737%;
	}
		.single-mensen .entry-content,
	.single-mensen .entry-footer,
	.single-mensen #comments {
		margin-left: 6.60377358490566%;
	}
}

/* Minimum width of 1260px pixels
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1260px) {

/*--- Afkomstig regel 2455 ---*/
	.single-mensen h1.entry-title {
		font-size: 75px;
		font-size: 4.688rem;
	}
	.single-mensen .entry-content,
	.single-mensen .entry-footer,
	.single-mensen #comments {
		max-width: 66.0377358490566%;
	}
}


/* Minimum width of 2100px pixels (wide screens, e.g. iMacs)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 2100px) {

/*--- Afkomstig regel 2506 ---*/
	.single-mensen .entry-content,
	.single-mensen .entry-footer,
	.single-mensen #comments {
		max-width: 900px;
	}

}


.entry-content ul li:before,
.comment-text ul li:before {
	vertical-align: top;
	position: absolute;
	top: 0;
	left: 0;
	content: '\20';
	padding: 0;
}

/* ---
@media screen and (min-width: 1260px) {
    #masthead .site-logo img {
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        -ms-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }
    #masthead.small .site-logo img {
        width: 50%;
    }   
}
--- */