/*Theme Name:   Parbleu - Bootstrap Child Theme
Theme URI:    
Description:  The custom Parbleu theme based on the WP Bootstratp Starter
Author:       Jeroen Blankestijn
Author URI:   https://www.getyos.nl/
Template:     wp-bootstrap-starter
Version:      0.0.1
Tags:         bootstrap, child
Text Domain:  parbleu
*/

/* =Start custom css 157,50,57
-------------------------------------------------------------- */

@font-face {
    font-family: 'DIN1451';
    src: url('assets/fonts/din1451-webfont.woff2') format('woff2'),
         url('assets/fonts/din1451-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DIN';
    src: url('assets/fonts/dinregular-webfont.woff2') format('woff2'),
         url('assets/fonts/dinregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body{
	background-image: url('assets/bg.svg'); 
	background-size: 4%;
	font-family: 'DIN',sans-serif
}
a{
	display: inline-block;
	color: rgb(157,50,57);
}
h1,h2,h3,h4,h5,h6{
	font-family: 'DIN1451', sans-serif;
}
.red{
	background-color: rgb(190,10,38);
	color: #fff!important;
}
.red h1, .red h2, .red h3, .red h4, .red h5, .red h6{
	color: #fff;
}
header#masthead{
	margin-top: 50px;
	padding:0;
	background-color: transparent;
	box-shadow: none;
}
	header#masthead .container{
		padding: 0;
	}
footer{
	background-color: #fff!important;
	border: solid 2px rgb(190,10,38);
	padding: 0 20px;
}
.navbar-brand{
	order: 1;
	background-color: #fff;
	border: solid 2px rgb(190,10,38);
	max-width: 20%;
	height: 100px;
	display: flex;
    justify-content: center;
    align-items: center;
	padding: 0 10px;
	margin-right: 0;
}
.navbar-nav, .navbar-nav li{ 
	flex: 1;
	text-align:center;
}
.navbar-nav li{
	background-color: #fff;
	border: solid 2px rgb(190,10,38);
	height: 100px;
	margin-right: 10px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.navbar-nav li.current-menu-item{
	background-color: rgb(190,10,38);
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a{
	color: #000;
	line-height: calc(100px - 1rem);
	width:100%;
white-space:nowrap;
	font-size: 1.2rem;
	font-family: 'DIN1451', sans-serif;

}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a{
	color: #fff;
	background-color: rgb(190,10,38);
	font-weight: 500!important;
}
@media screen and (max-width:1199px){
	.navbar-nav li{
		height: 50px;
		margin-bottom: 10px;
		margin-right: 0;
	}
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a{
		line-height: calc(50px - 1rem);
	}
	
}

/* =Page
-------------------------------------------------------------- */
#content.site-content{
	padding: 10px 0;
}
body:not(.single-post) .entry-header{
	display: none;
}
body.single-post .entry-header{
	padding: 15px;
}
.page-content, .entry-content, .entry-summary{
	margin: 0;
}
#main{
	border: solid 2px rgb(190,10,38);
	background-color: #fff;
}
.wp-block-columns{
	margin-bottom: 0;
}
.wp-block-column{
	margin: 0!important;
	background-size:cover;
	background-position: center;
}
@media screen and (min-width:600px){
	.wp-block-column:not(:first-child){
	border-left: dashed 2px #ccc;
	}
}
@media screen and (max-width:599px){
	.wp-block-column{
	border-top: dashed 2px #ccc;
	}
	hr{
		display: none;
	}
}
.no-line{
	border-left: 0!important;
	border-top: 0!important;
}
body.home .wp-block-column.red{
		display: flex;
  	align-items: center;
  	justify-content: center;
}

	.wp-block-column p,.wp-block-column h1,.wp-block-column h2, .wp-block-column h3, .wp-block-column h4, .wp-block-column h5,.wp-block-column h6,.wp-block-column span, .single-post .entry-content{
		padding: 15px 15px;
		margin: 0;
}



/* =Elements
-------------------------------------------------------------- */
.wp-image-186{
	max-width: calc(100% + 1px);
}
figcaption{
	text-align: center;
    font-size: 0.7em;
}
.post-thumbnail img{
	width: 100%;
	border-bottom: dashed 3px #ccc!important;
}
.size-full img{
	min-width: 100%;
	height: auto;
}
.wp-block-pullquote{
	padding: 0;
}
.wp-block-pullquote p{
	color: rgb(190,10,38);
	font-size: 1em;
	text-align: left;
	font-family: 'DIN1451', sans-serif;
}
hr.is-style-dots{
	border-top: dashed 2px #ccc!important;
	margin: 0;
}
hr.is-style-dots:before{
	display: none;
}
.wp-block-image{
	margin: 0;
}
.wp-block-column:not(.red) figure:only-child > img{
	display: none;
}
#main li:before{
	/*content:"•";*/
	margin-left: -20px;
    position: absolute;
}