/*
|--------------------------------------------------------------------------
| D I A P H A N U M   C H I L D   T H E M E
|--------------------------------------------------------------------------

Theme Name: Storyboard-kind
Template: storyboard
Author: Meesters in dialoog
Version: 1.0
Updated: 21-9-2016

*/

@charset "UTF-8";

/*
|--------------------------------------------------------------------------
| T Y P O G R A P H Y
|--------------------------------------------------------------------------
|
| Overall typographic css rules for the child theme. Font-families and 
| generic, theme wide typography settings go in this section.
| Grouped rules can be overridden on an individual basis in the 
| DETAILED THEME CORRECTIONS section below, by copying and editing there.
|
*/

/**
 * BASE FONT SIZE
 *
 */
html
{
    font-size: 16px; 
}

/**
 * Primary Font Family 
 *
 */
html, 
.author, 
.bio, 
.widget-photo figcaption 
{
		font-family: 'Merriweather', serif;
}

/**
 * Secundary Font Family
 *
 */
.agenda-item .event-date, 
.bio h3, 
.bio-content h3, 
.cat-links, 
.cat-page-title, 
.comment-body, 
.comment-date, 
.comment-form, 
.dp-recent-comment-header a, 
.dp-recent-comment-header, 
.email-link, 
.entry-meta, 
.event-all-day, 
.event-content, 
.event-from, 
.event-full, 
.event-to, 
.footer-extra, 
.footer-nav a, 
.lb-data .lb-caption, 
.no-comments, 
.primary-navigation a:after, 
.wp-pagenavi, 
#cancel-comment-reply-link, 
#footer-bar .widget, 
#menu-button:after, 
#totop, 
address, 
figcaption, 
form, 
input, 
select, 
textarea 
{
		font-family: 'Merriweather Sans', sans-serif;
}

/*
|--------------------------------------------------------------------------
| C O L O R   S E T T I N G S
|--------------------------------------------------------------------------
|
| Adjust theme colours and secondary support colours. Override from main
| theme as well as add new colours in this section.
|
| Default settings:
| - default theme:	#e6e6e6; (light grey)
| - color two:		#3e89aa; (blue)
| - color three:	#c7d51b; (green)
| - color four: 	#3e89aa; (brown)
| - black/white:	#fff; (white) 
|
| - grey 1:			#f2f2f2;
| - grey 2: 		#e6e6e6;	
| - grey 3:			#b3b3b3;
| - grey 4:			#808080;
| - grey 5:			#4d4d4d;
! - black:			#1a1a1a;
*/

/*
|--------------------------------------------------------------------------
| Main Colors
|--------------------------------------------------------------------------
*/ 
body, 
figcaption 
{
    /* background-color: #fff; */
    /* color: #000; */
}

/* set default heading colors & weights */
h1, h2, h3, h4, h5, h6 
{
    /* color: #000; */
    /* font-weight: 700; */
}

/* content title header & header link */
.entry-header .entry-title, 
.first-tile .entry-title a, 
.full-bar .entry-title a
{
	border-color: #c7d51b; /* !important */
	color: #c7d51b;
}

/* link title over widget photo */
.widget-photo .fig-title a, 
.widget-photo .fig-title a:hover, 
.widget-photo .fig-title a:visited
{
	border-color: #c7d51b !important;
	color: #c7d51b;
}

/* general post excerpt color. override as needed */
.excerpt 
{
	color: #553111;
}

/**
 * gradient when no header photo 
 * 
 */
.no-photo 
{
	background: #3e81a3;
	background: -webkit-gradient(linear, left top, right top, from(#22495b), to(#3e81a3)); 
	background: -webkit-linear-gradient(left, #22495b, #3e81a3); 
	background: -moz-linear-gradient(left, #22495b, #3e81a3); 
	background: -ms-linear-gradient(left, #22495b, #3e81a3); 
	background: -o-linear-gradient(left, #22495b, #3e81a3); 
	padding-top: 0px;  /* do not edit */
}

/* semi-transparant backgrounds */
.entry-header {
	background-color: rgba(0,0,0,.5);
}

.widget-photo figcaption {
	background-color: rgba(0,0,0,.5);
}

@media only screen and (min-width: 720px) {
	.collection .widget-post .cat-links,
	.collection .widget-post .entry-title {
		background-color: rgba(0,0,0,.5) !important;
	}

	.collection .no-thumb .cat-links,
	.collection .no-thumb .entry-title {
		background: transparent !important;
	}
}

/*
|--------------------------------------------------------------------------
| Link Colors
|--------------------------------------------------------------------------
*/ 
.email-link:before,
a,
a:active, 
a:visited, 
input.search-submit 
{
	color: #3e89aa;
}	

a:hover 
{ 
	border-bottom: 1px dotted #3e89aa;  
}

.main-footer-nav a,
.main-footer-nav a:after
{
	color: #3e89aa;  
}

.tag-links a:hover, 
.top-link, 
input[type="submit"]
{
	background-color: #3e89aa;
}

input.search-submit 
{
	background: transparent;
}

@media only screen and (min-width: 720px) 
{
	.collection .has-thumb .entry-title a, 
	.collection .has-thumb .entry-title a:hover, 
	.collection .widget-post.has-thumb .entry-title a, 
	.collection .widget-post.has-thumb .entry-title a:hover
	{
		border-color: #c7d51b !important;
		color: #c7d51b !important;
	}
}

/*
|--------------------------------------------------------------------------
| Header Colors
|--------------------------------------------------------------------------
*/ 

/**
 * set background image & color for header 
 *
 */
.site-header 
{
	background-image: url(huisstijl/img/header-bg.png);
	background-position: center;
	background-size: cover;
	background-color: #fff;  /* same as body or background image */
}

/**
 * link color main navigation 
 *
 */
.header-main .primary-navigation a 
{
	color: #f2f2f2;
}

.header-main .primary-navigation a:hover 
{
	border-bottom: 1px solid #b3b3b3;
	color: #fff;
}

#logo a, 
#logo a:active,
#logo a:visited 
{
	color: #c7d51b;
}

/**
 * Menu Button - adjust for contrast with background
 *
 */
#menu-button, 
#menu-button:after, 
#mobiledropmenu:checked ~ #menu-button 
{
	color: #3e89aa;
}

/* user items in menu */ 
#main-nav a.menu-profile, #main-nav .menu-logout a, #main-nav .menu-login a {
    color: #3e89aa;
}

/**
 * navmenu bar 
 *
 */
#sec-nav,
.sec-sub-menu > li 
{
	background-color: #3e89aa;
}

#sec-nav {
	/* border-color: #fff; */
}

#sec-nav a,
#sec-nav a:visited
{
	border-color: #f2f2f2;
	color: #f2f2f2;
}

#sec-nav a:hover
{
	border-color: #fff;
	color: #fff;
}

.sec-sub-menu a, 
.sec-sub-menu a:visited
{
    color: #f2f2f2;
}

.sec-sub-menu a:hover
{
	color: #fff;
}

.sec-sub-menu a:hover 
{
	background-color: #3e89aa;
}

/* search form & button color */
.search-form, 
#search-form-button 
{
	background-color: #553111;
}

/* submenu items ('mat') */
.sec-sub-menu > li > a 
{
	/* text-align: center; */
}

/**
 * bio homepage
 *
 */

.home .bio .user-name 
{
    color: #f2f2f2 !important;
}

.home .bio h3 
{ 
    color: #f2f2f2 !important;
}

/* separate settings for mobile only */

@media only screen and (max-width: 591px) 
{	
	.home .bio {
		background-color: rgba(0,0,0,.5);
	}
	
	.home .bio .user-name {
    	color: #fff !important;
	}
	
	.home .bio h3 {
    	color: #f2f2f2 !important;
	}
}

/*
|--------------------------------------------------------------------------
| TILE COLORS
|--------------------------------------------------------------------------
| - background color
| - text color
| - title color
| - link title color
| - category links & meta data color
*/ 

.noshow .pane 
{
	background: none !important;
}

/**
 * ------------------------------------------------------------------------
 * Default theme color
 *
 */
.bg-standard.transparency-standard,
.bg-standard.transparency-standard .pane,
.sidebar .widget_nav_menu .menu, 
.widget-post,
.widget_dp_person_widget .bio, 
.widget_dp_author_widget .bio, 
.widget_dp_author_widget .bio-content 
{
	background-color: #e6e6e6; 
	color: #4d4d4d !important;

    /* optional border: if background is transparent or same as body */
    /*
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    */
}

#site-footer .widget_dp_person_widget .bio, 
#site-footer .widget_dp_author_widget .bio, 
#site-footer .widget_dp_author_widget .bio-content 
{
	background-color: rgba(255,255,255,0.15);  /* adjust for footer background color */
	color: #e6e6e6;
}

.bg-standard.noshow .no-thumb .cat-links, 
.bg-standard.noshow .no-thumb .entry-excerpt,
.bg-standard.noshow .no-thumb .entry-title 
{
   /* color: #4d4d4d !important; */
}

/* link title color */
.bg-standard.noshow .no-thumb .cat-links a, 
.bg-standard .no-thumb .cat-links a
{
    color: #4d4d4d !important;
}

.bg-standard.noshow .no-thumb .entry-title a,
.bg-standard .no-thumb .entry-title a
{
    color: #3e89aa !important;
}

@media only screen and (min-width: 592px) 
{
	.home-articles .tile {
/*		border: 1px solid #4d4d4d;  */
	}
}

@media only screen and (min-width: 976px) 
{
	#sidebar-3 .widget-post
	{
		/* must be same as widget-post colors above: */
		background-color: #e6e6e6;
		color: #4d4d4d;
	}
}

/**
 * ------------------------------------------------------------------------
 * Color Two 
 *
 */
 
/* background & text colors */
.bg-color-two,
.bg-color-two .pane,
.collection .bg-color-two, 
.list-archive .bg-color-two, 
.widget-post .bg-color-two 
{
	background-color: #3e89aa;
	color: #3e89aa;
}

/* title color */
.bg-color-two .entry-title,
.bg-color-two h3
{
	border-color: #e6e6e6 !important;
	color: #e6e6e6;
}

/* link title color */
.bg-color-two .entry-title a, 
.bg-color-two .entry-title a:hover,
.bg-color-two .entry-title a:visited,
.bg-color-two .no-thumb .entry-title a,
.widget-post .bg-color-two .entry-title a
{
	border-color: #c7d51b !important;
	color: #c7d51b;
}

/* category links & meta data color */
.bg-color-two .cat-links a,
.bg-color-two .cat-links,
.bg-color-two .entry-excerpt, 
.bg-color-two .entry-meta, 
.bg-color-two .event-all-day,
.bg-color-two .event-date,
.bg-color-two .event-from,
.bg-color-two .event-to, 
.tile.bg-color-two .cat-links a,
.tile.bg-color-two .cat-links a:hover,
.tile.bg-color-two .cat-links a:visited,
.widget-post .bg-color-two .cat-links a,
.widget-post .bg-color-two .cat-links a:hover,
.widget-post .bg-color-two .cat-links a:visited,
.widget-post .bg-color-two .entry-meta 
{ 
	border-color: #e6e6e6;
	color: #e6e6e6;
}

.bg-color-two .cat-links a:hover,
.bg-color-two .cat-links a:visited
{
	color: #c7d51b;
}

/**
 * ------------------------------------------------------------------------
 * Color Three
 *
 */

/* background & text colors */
.bg-color-three,
.bg-color-three .pane,
.collection .bg-color-three, 
.list-archive .bg-color-three 
{
	background-color: #c7d51b;
	color: #c7d51b;
}

/* title color */
.bg-color-three .entry-title,
.bg-color-three h3
{ 
	border-color: #808080;
	color: #808080;
}

/* link title color */
.bg-color-three .entry-title a,
.bg-color-three .no-thumb .entry-title a
{ 
	border-color: #3e89aa !important;
	color: #3e89aa;
}

/* category links & meta data color */
.bg-color-three .cat-links a,
.bg-color-three .cat-links a:hover,
.bg-color-three .cat-links a:visited,
.bg-color-three .no-thumb .cat-links a,
.bg-color-three .cat-links,
.bg-color-three .entry-excerpt, 
.bg-color-three .entry-meta
{ 
	border-color: #808080;
	color: #808080 !important;
}

/**
 * ------------------------------------------------------------------------
 * Color Four
 *
 */

/* background & text colors */
.bg-color-four,
.bg-color-four .pane,
.collection .bg-color-four, 
.list-archive .bg-color-four 
{
	background-color: #553111;
	color: #553111;
}

/* title color */
.bg-color-four .entry-title,
.bg-color-four h3
{ 
	color: #b3b3b3 !important;
}

/* link title color */
.bg-color-four .entry-title a,
.bg-color-four .no-thumb .entry-title a
{
	border-color: #c7d51b; !important;
	color: #c7d51b;
}

/* category links & meta data color */
.bg-color-four .cat-links a,
.bg-color-four .cat-links a:hover,
.bg-color-four .cat-links a:visited,
.bg-color-four .cat-links,
.bg-color-four .entry-excerpt, 
.bg-color-four .entry-meta,
.bg-color-four .event-all-day,
.bg-color-four .event-date,
.bg-color-four .event-from,
.bg-color-four .event-to
{ 
	border-color: #e6e6e6 !important;
	color: #e6e6e6 !important;
}

/**
 * ------------------------------------------------------------------------
 * Black or white (for example background color body)
 *
 */

/* background & text colors */
.bg-black,
.bg-black .pane,
.collection .bg-black, 
.list-archive .bg-black
{
	background-color: #fff !important;
	color: #fff	!important;
}

/* title color */
.bg-black h3,
.bg-black .entry-title
{
	color: #3e89aa !important;
}

/* link title color */
.bg-black .entry-title a,
.bg-black .no-thumb .entry-title a
{ 
	color: #3e89aa !important;
}

/* category links & meta data color */
.bg-black .cat-links,
.bg-black .cat-links a,
.bg-black .cat-links a:hover,
.bg-black .cat-links a:visited,
.bg-black .entry-meta,
.bg-black .event-date,
.bg-black .event-from,
.bg-black .event-to, 
.bg-black .entry-excerpt 
{ 
	border-color: #4d4d4d !important;
	color: #4d4d4d !important;	
}

/* correction to prevent white-on-white */
.bg-black.noshow .no-thumb .cat-links, 
.bg-black.noshow .no-thumb .entry-excerpt,
.bg-black.noshow .no-thumb .entry-title 
{
    color: #4d4d4d !important;
}

.bg-black.noshow .no-thumb .cat-links a, 
.bg-black.noshow .no-thumb .entry-title a
{
    color: #808080 !important;
}

/*
|--------------------------------------------------------------------------
| L O G O  &  B A C K G R O U N D  I M A G E S
|--------------------------------------------------------------------------
|
| Site logo image and all related dimensions in this section.
|
| REFERENCE:
| 
| http://www.w3schools.com/cssref/pr_background-position.asp
| http://www.w3schools.com/cssref/css3_pr_background-size.asp
| http://www.w3schools.com/cssref/pr_class_position.asp
| http://www.w3schools.com/cssref/pr_dim_min-height.asp
| http://www.w3schools.com/cssref/pr_dim_min-width.asp
|
*/

/**
 * Header & Logo
 *
 */  
 
/* set position header image */
.tile .article-thumbnail 
{
/*    background-position: center top; */
}
 
header #logo 
{
	/* set background image for logo */
	background-image: url(huisstijl/img/logo.png) !important;
}

/**
 * mobile
 *
 */

#logo a 
{
	/* set logo height and width as needed (ratio ~ 1:5) */
	height: 48px !important;  
	width: 240px !important;
}

#logo {
	margin-top: 0px;  /* 16px */  /* ! */
}

.site-header 
{	
	/* height = logo height + 72px */
	min-height: calc(48px + 72px); 
}

#sec-nav, 
#search-form-button 
{
	/* set top = height logo + 24px */
	top: calc(48px + 24px); 
}

.search-form, 
.home .search-form 
{
	/* set top = height logo + 72px */
	top: calc(48px + 72px); 
}

#main 
{
	/* set padding-top  to height logo  + 72px */
	padding-top: calc(48px + 72px); 
}

/* mobile first tile settings  */

@media only screen and (max-width: 591px) 
{
	/**
	 * Set the height of the main tile / full-bar
	 * Default fills mobile screen (100% - header height)
	 *
	 */
	.full-bar {
		/* height = 100% - .site-header */
/*		height: calc(85vh - 50px - 72px);  */
		height: calc(500px - 50px - 72px);
	}

	.first-tile {
		/* height = 100% - .site-header */
/*		height: calc(100vh - 50px - 72px);  */
		height: calc(500px - 50px - 72px);
	}
}

/**
 * mini tablets
 *
 */
@media only screen and (min-width: 592px) 
{
    /* set logo height and width if needed  */

	.home #logo,
	.home #logo a 
	{
		height: 48px !important;
		width: 240px !important;
		margin-top: 2px; /* 16px 
	}

	.home .site-header 
	{
		/* set min-height = height logo + 72px */
		min-height: calc(48px + 72px); 
	}
	
	.home #sec-nav,
	.home #search-form-button 
	{
		/* set top to height logo + 32px */
		top: calc(48px + 32px);
	}	

	/**
	 * set height of full width homepage image 
	 * min. 320px
	 * calc = n * 24px
	 *
	 */
	.full-bar {
		min-height: 288px; 
		height: calc(13 * 24px); 
	}
}

/**
 * tablets portrait 
 *
 */
@media only screen and (min-width: 720px) 
{
    /* set logo height and width if needed  */
	#logo,
	#logo a, 
	.home #logo,
	.home #logo a 
	{
		height: 64px !important; /* 64 px */
		width: 320px !important; /* 320px */
		margin-top: 0px; 
	}
	
	.site-header 
	{
		/* set height to height logo + 48px */
		min-height: calc(64px + 48px); 
		top: 0; /* DON'T EDIT */
	}

	#sec-nav, 
	#search-form-button,
	.home #sec-nav,
	.home #search-form-button 
	{
		/* set top to height logo + 40px */
		top: calc(64px + 40px);
	}
	
 	.search-form
 	{
 		/* set top = height logo + 88px */
		top: calc(64px + 88px);
	} 
	
	/* adjust top to visually align with logo */
	#menu-button 
	{
		top: 30px;
	}

	/**
	 * set height of full width homepage image 
	 * calc = n * 24px
	 *
	 */
	.full-bar {
		height: calc(15 * 24px); 
	}
	
	/**
	 * Tiles home only
	 *
	 */
	.tiles-home #logo
	{
		/* clear the top menu */
		margin-top: 24px;
	}
	 
	.tiles-home .site-header 
	{
		/* set min-height = height logo + 88px */
		min-height: calc(64px + 88px);
	}
	
	.tiles-home #sec-nav 
	{
		/* set top to height logo + 48px */
		top: calc(64px + 48px);
	}	
}

/**
 * tablets landscape 
 *
 */
@media only screen and (min-width: 976px) 
{
	#logo,
	#logo a,  
	.home #logo,
	.home #logo a 
	{
		/* set logo height and width as needed (ratio 1:5)  */
		height: 80px !important;
		width: 400px !important;
		margin-top: 0px; 
	}
	
	.site-header, 
	.home .site-header 
	{
		/* set height = height logo + 40px */
		min-height: calc(80px + 40px);
	}
	
	#sec-nav,
	.home #sec-nav 
	{
		/* set height = height logo + 40px */
		top: calc(80px + 40px);
	}

	.home.admin-bar #sec-nav 
	{
		/* when admin bar is shown = height logo + 72px */
		top: calc(80px + 72px);	
	}
	
    /* adjust menubutton en search form to visually align with logo */
	#menu-button
	{
		top: 35px !important;
	}
	
	.search-form,
	.home .search-form
	{
		top: 30px !important;
	}

	/**
	 * set height of full width homepage image 
	 * calc = n * 24px
	 *
	 */
	.full-bar {
		height: calc(19 * 24px); 
	}
	
	/**
	 * Tiles home only
	 *
	 */
	.tiles-home .site-header 
	{
	    /* set height = height logo + 88px */
		min-height: calc(80px + 88px);
	}

	.tiles-home #sec-nav 
	{
	    /* set top = height logo + 48px */
		top: calc(80px + 48px);
	}
}

/**
 * desktop 
 *
 */
@media only screen and (min-width: 1272px) {

	#logo,
	#logo a, 
	.home #logo,
	.home #logo a 
	{
		/* set logo height and width as needed */
	}

	.site-header 
	{
		/* set height = height logo */
	}
	
	#sec-nav 
	{
		/* set top = height logo */
	}

	/**
	 * set height of full width homepage image 
	 * calc = n * 24px
	 *
	 */
	.full-bar {
		height: calc(19 * 24px); 
	}
}

/*
|--------------------------------------------------------------------------
| W I D G E T   S E T T I N G S
|--------------------------------------------------------------------------
|
| This section contains global layout and typography options for widgets. 
| Colours and support colours are set in the COLOR SETTINGS section above.
|
*/

/* title height = (n * 24px) + 16px  (default height: 40px) */
.widget .widget-title 
{
    /* title background image */
	background-image: url(huisstijl/img/widget-bg.png);
	background-position: right top;
	background-repeat: no-repeat;
	/* background-color: #3e89aa; */
	
	/* borders */
	border-bottom: 1px solid #b3b3b3; 
	
	border-top: none; /* hide top border or set top border: */
	/* border-top: 1px solid #b3b3b3; */
	
	/* this is the colour of the title text: */
	/* color: #000000; */
	
	/* set font weight of title */
	/* font-weight: normal; */
	
	/* set height of title (optional) */
	/* min-height: 40px; */
	
	/* bij twee regels hoge achtergrondafbeelding etc.: */
	/*	padding-top: 32px;  */ 
}

.widget .widget-post 
{    
    /* set default background color */
    /* background-color: #XXXXXX; */

    /* set default text color */
    /* color: #XXXXXX; */
}

/* override default link color if needed */
.widget .widget-post .cat-links a,
.widget .widget-post .cat-links a:hover,
.widget .widget-post .cat-links a:visited
{
    /* color: #XXXXXX; */
}

/* override default meta info color if needed */
.widget .widget-post .entry-meta, 
.widget .widget-post .entry-title,
.widget .widget-post .event-all-day,
.widget .widget-post .event-date,
.widget .widget-post .event-from,
.widget .widget-post .event-to
{
    /* color: #XXXXXX; */
}

/*
|--------------------------------------------------------------------------
| D E T A I L E D   T H E M E   C O R R E C T I O N S
|--------------------------------------------------------------------------
|
| More specific style adjustments for this child theme go in this section
|
*/

/* specific widget title settings */ 
.collection > h3,
.post-short .no-photo .entry-title 
{
	background-color: transparent;
	border-bottom: 1px solid #b3b3b3; 

	border-top: none; /* hide top border or set top border: */
	/* border-top: 1px solid #b3b3b3; */
	
	/* this is the colour of the title text: */
	/* color: #000000; */
}

.entry-content 
{
	/* border-color: #000000; */
	/* color: #000000; */
}
 
/* widget entry */ 
.dp-recent-comment, 
.list-archive .widget-post, 
.widget_dp_posts_widget .widget-post 
.widget-post, 
{
	/* background: transparent; */
	/* border-top: 1px solid #e6e6e6; */
}

.widget_dp_author_widget .bio, 
.widget_dp_author_widget .bio-content 
{
	/* background: transparent; */
	/* border-top: 1px solid #e6e6e6; */
}

.widget-post.event-post
{
	background: transparent;
}

/* correct colors for agenda in footer */
#site-footer .event-date {
	background-color: rgba(255,255,255,0.15);
	color: #e6e6e6;
}

/**
 * Set transparency of background pane on homepage 
 */
.full-bar .pane,
.first-tile .pane
{
	background-color: rgba(0, 0, 0, 0.5);
}

/* mini tablets */
@media only screen and (min-width: 592px) 
{
	.full-bar .pane,
	.first-tile .pane 
	{
		/* background-color: rgba(0, 0, 0, 0.1); */
	}
}

/* tablets portrait */
@media only screen and (min-width: 720px) 
{	
    /* correction for widget title. adjust as needed */
	.widget .widget-title 
	{
		margin-bottom: 8px;
	}
	
    /* override individual widget settings here as needed */
	.widget_dp_posts_widget .widget-post, 
	#sidebar-1 .widget_dp_posts_widget .widget-post,
	#sidebar-2 .widget_dp_posts_widget .widget-post, 
	#sidebar-3 .widget_dp_posts_widget .widget-post 
	{
		/* background: transparent; */
		/* border-top: 1px solid #e6e6e6; */
	}

    /* override individual widget settings here as needed */
	.widget_dp_author_widget .bio, 
	.widget_dp_author_widget .bio-content 
	{
		/* background: transparent; */
		/* border-top: 1px solid #e6e6e6; */
	}
	
	/**
	 * Widget panes in main column archive pages
	 * (category, tag and search results)
	 *
	 */
	.collection .widget-post 
	{
		/* background: transparent; */
	}
	
	/* border bottom goes here, if needed */
	.collection .widget-post .pane 
	{
		border-bottom: 2px solid #3e89aa; 
	}
	
	/* correction pane height: 2.5 px - border height +/- */
	.collection .widget-post .entry-meta 
	{
		min-height: calc(40px - 2px);
	}
	
	/* show/hide border on event widgets in sidebars */
	.sidebar .widget-post.event-post 
	{
		border-bottom: none;
	}
	
	/**
	 * Set max width & transparency of background pane on homepage 
	 * On tablets and mobile, effective width will be 100%
	 */
	.full-bar .pane,
	.first-tile .pane 
	{
		background-color: rgba(0, 0, 0, 0.4);
		max-width: 100%;	/* values: 100% or 1160px */
	}
	
	/* BACKGROUND color primary navigation */
	.full-bar
	{
		border-bottom-color: #4d4d4d;
	}
	
	/* BORDER color primary navigation */
	.full-bar .article-thumbnail
	{
		border-bottom-color: #e6e6e6;
	}

	/**
	 * Tiles home only
	 *
	 */
	.tiles-home #main-nav > ul {
		border-bottom: none;
	}
}

/* tablets landscape */
@media only screen and (min-width: 976px) 
{
    /* override individual widget settings here as needed */
	.widget_dp_author_widget .bio, 
	.widget_dp_author_widget .bio-content 
	.widget_dp_posts_widget .widget-post, 
	#sidebar-2 .widget_dp_posts_widget .widget-post, 
	#sidebar-3 .widget_dp_posts_widget .widget-post 
	{
		/* background: transparent; */
		/* border-top: 1px solid #e6e6e6; */
	}
	
    /* override individual widget settings here as needed */
	#sidebar-1 .widget-post, 
	#sidebar-1 .widget_dp_posts_widget .widget-post 
	{
		background: transparent;
		border-bottom: 1px solid #e6e6e6;
		
		padding-top: 8px;
		padding-bottom: 7px; /* 8px if border = 0 */
	}

	/**
	 * Set transparency of background pane on homepage 
	 */
	.full-bar .pane,
	.first-tile .pane 
	{
		/* background-color: rgba(0, 0, 0, 0.1); */
	}

}

/* desktop */
@media only screen and (min-width: 1272px) 
{
    /* override individual widget settings here as needed */
	.widget .widget-title,
	.widget .widget-title.has-bg 
	{
		background-size: 0 0;
		/* border-bottom: 1px solid #000000; */
		/* margin-bottom: 0; */
	}

    /* override individual widget settings here as needed */
	.widget_dp_posts_widget .widget-post, 
	#sidebar-1 .widget-post, 
	#sidebar-1 .widget_dp_posts_widget .widget-post,
	#sidebar-2 .widget_dp_posts_widget .widget-post 
	{
		background: transparent;
		border-bottom: 1px solid #e6e6e6;
		
		padding-top: 8px;
		padding-bottom: 7px; /* 8px if border = 0 */
	}

    /* override individual widget settings here as needed */
	.widget_dp_author_widget .bio, 
	.widget_dp_author_widget .bio-content 
	{
		/* background: #f2f2f2; */
		/* border-top: 1px solid #e6e6e6; */
	}

	/**
	 * Set transparency of background pane on homepage 
	 */
	.full-bar .pane,
	.first-tile .pane 
	{
		/* background-color: rgba(0, 0, 0, 0.1); */
	}
}

/* Position of 'more' link */
@media only screen and (min-width: 720px) and (max-width: 1272px)  
{
	.more-link 
	{	
		/* left: xx */
		right: 100px;
		/* bottom: yy */
		top: 8px;
	}
}

/**
 * Footer
 *
 */
#footer-bar 
{
    /* background-color: #XXXXXX */
	background-image: url(huisstijl/img/footer-bg.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: contain;
}

#footer-bar a,
#footer-bar a:before 
{
	border-color: #3e89aa !important;
	color: #3e89aa;
}

#footer-bar .widget-title 
{
	background: none;   /* don't edit */
	color: #b3b3b3; /* #b3b3b3; */  /* ! */ 
}

#footer-bar .widget 
{
	color: #3e89aa; /* #b3b3b3; */
}

/* show/hide repeated primary navigation in footer on mobile */
.main-footer-nav 
{
	display: none;
}

/*
|--------------------------------------------------------------------------
| D O   N O T   E D I T
|--------------------------------------------------------------------------
|
| Settings in the section below should NOT be edited
|
*/

.home #main 
{
	padding-top: 0;	/* don't edit! */
}

#logo 
{
	height: auto;
	width: auto;
}

.home .full-bar 
{
    border-width: 0;
}

@media only screen and (min-width: 720px) 
{
	#main 
	{
		padding-top: 0px; /* don't edit! */
	}

	.no-photo 
	{
		padding-top: 40px;
		height: auto;
	}

	figcaption 
	{
    	background-color: transparent;	/* don't edit! */
	}
	
	#logo 
	{
		/* margin-top: 16px; /* don't edit */
	}
	
	.tiles-home #logo 
	{
		top: 12px; /* don't edit */
	}
	
	.tiles-home .search-form 
	{
		position: relative;
		top: -52px !important;
		right: 0;
	}
	
	.home .full-bar 
	{
    	border-width: 48px;
	}
}

@media only screen and (min-width: 976px) 
{
	#main 
	{
		/* padding-top: 48px; /* don't edit */
	}

	.no-photo 
	{
		padding-top: 48px;
	}

	.search-form, 
	.home .search-form 
	{
		position: relative;
		right: 0;
	}
	
	.tiles-home .search-form 
	{
		top: -52px !important;
	}
}