/*
Theme Name: Bas Vogelpoel Architecten
Author: Jaap Dankert
Author URI: http://jaapdankert.nl
Description: custom theme for bas
Template: jld
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bva
Tags:
*/

/*--------------------------------------------------------------
# Fontpack by fontsquirrel
--------------------------------------------------------------*/
@font-face {
    font-family: 'Raleway';
    src: url('./fonts/raleway-regular-webfont.eot');
    src: url('./fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('./fonts/raleway-regular-webfont.woff') format('woff'),
         url('./fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('./fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body, .header-area, .site-header,
.ms-slide-info {
	background: white !important;
}
body, button, input, select, textarea {
	font-family: 'Raleway', sans-serif;
}
article img { width: 100%; }
.entry-title { display: none; }
.entry-footer span { margin-right: 15px; } 
li.isotope-item a .title {
	background: rgba(255,255,255,0.6);
	text-transform: lowercase;
}
#projecten { margin-bottom: 2em; }

/*--------------------------------------------------------------
# Menus and Links
--------------------------------------------------------------*/
a,
a:visited,
ul.filters a {
	color: #7A7C89;
	text-decoration: none;
	text-transform: none; 
}

a:hover,
a:focus,
ul.filters a:hover,
ul.filters a:focus {
	color: #11163c;
	text-transform: none; 
	border: none;
}

.home #menu-item-573 a,
a:active,
ul.filters a:active,
ul.filters a.active,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-ancestor > a {
	color: #11163c;
	text-transform: none; 
	border: none;
}

/*--------------------------------------------------------------
# Specifics
--------------------------------------------------------------*/

.post-777 .filters { display: none; } /* publicaties */
td.space { height: 15px; } /* CV */

.site-header { 
	height: 64px;
}
@media screen and ( max-width: 600px ) {
	.site-header { height: 96px; }
	.site-branding, .main-navigation { top: 9px; }
	.main-navigation { width: 100px; }
	.main-content-area { padding-top: 96px; }
}

.metaslider .caption-wrap {
    position: relative !important;
    background: none !important;
	font-size: .95em !important;
	width: auto !important;
	text-align: right !important;
    color: #404040 !important;
}
.metaslider .caption {
	padding: 5px 0 0 0 !important;
}
.metaslider .flex-control-nav {
	display: none !important;
}

rs-fullwidth-wrap {
	overflow: hidden;
}

body.home #projecten>ul.filters { display: none; } */


/*--------------------------------------------------------------
# Force images in Gutenberg columns to behave correctly
--------------------------------------------------------------*/
/* basic setup: all images have top-bottom margin */ 
body.single-werk figure.wp-block-image {
    margin-top: 28px;
    margin-bottom: 28px;
}
body.single-werk .wp-block-columns {
	margin-top: -28px;
	margin-bottom: -28px;
}

/* when the columns are stacked, put the margin on the column */
@media (max-width: 599px) {
	body.single-werk .wp-block-columns figure.wp-block-image {
		margin-top: 0;
		margin-bottom: 0;
	}
	body.single-werk .wp-block-columns {
		margin-top: 0;
		margin-bottom: 0;
		display: block; /* instead of flex */
	}
	body.single-werk .wp-block-column {
		margin-top: 28px;
		margin-bottom: 28px;
	}
}

/* next, overwrite the default column horizontal margin */
@media (min-width: 600px) {
	.wp-block-column:nth-child(2n) {
		margin-left: 28px;
	}
}

/* for now, also help the old way of image display (in p elements) to behave */
body.single-werk article p {
    margin-top: 0;
    margin-bottom: 0;
}
body.single-werk article p img {
    margin-top: 28px;
    margin-bottom: 28px;
}