/*
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:
*/




/*--------------------------------------------------------------
# VOGELPOEL VAN DER POT ARCHITECTEN header
--------------------------------------------------------------*/
.site-branding {
    top: 15%;
    height: 70%;
	width: 150px;
	overflow: hidden;
	background-image: url('../bva/logo-web.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center left;
}
.site-title {
	text-shadow: unset;
	height: 100%;
}
.site-title a {
    color: transparent !important;
	font-size: 60%;
	display: block;
    height: 100%;
}


/*--------------------------------------------------------------
# VOGELPOEL VAN DER POT ARCHITECTEN kleuren
--------------------------------------------------------------*/
body,
ul.filters a { background: rgb(235,235,235); }


/*--------------------------------------------------------------
# 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
--------------------------------------------------------------*/
/* Make header color inherit from body element */
.header-area, .main-page, .site-header { background: inherit; }

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;
}

/* hide the filters that come from isotope, if they directly follow our fake filters */
#frontpage-filters + ul.filters { display: none; }

.wp-block-table tfoot,
.wp-block-table td,
.wp-block-table th {
    border: none;
	vertical-align: top;
}

ul.isotope { margin-bottom: 3em; }

/*--------------------------------------------------------------
# Force images to behave correctly
--------------------------------------------------------------*/

/* image followed by image */ 
body.single-werk figure:has(+ figure) {
	margin-bottom: 2em;
}

/* image preceded by image */ 
body.single-werk figure + figure {
	margin-top: 2em;
}

/* columns followed by image */ 
body.single-werk .wp-block-columns:has(+ figure) {
	margin-bottom: 0px;
}

/* columns preceded by image */ 
body.single-werk figure + .wp-block-columns {
	margin-top: 0px;
}

/* columns followed by comumns */ 
body.single-werk .wp-block-columns:has(+ .wp-block-columns) {
	margin-bottom: 0px;
}

/* when the columns are stacked, put the margin on the column */
@media (max-width: 782px) {
	body.single-werk .wp-block-columns {
		gap: 1px;
	}
}



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