/*
 Theme Name:   Tiny Framework Child
 Theme URI:    https://lieven.kks36.be
 Description:  Tiny Framework Child theme for debroederij.gent
 Author:       Lieven Blancke
 Author URI:   https://lieven.kks36.be
 Template:     tiny-framework
 Version:      1.2.3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, right-sidebar, custom-background, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, blog, e-commerce, education
 Text Domain:  tiny-framework-child
*/


/* 0.0 Extras
-------------------------------------------------------------- */

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 5, 2018 */
@font-face {
    font-family: 'dk_lemon_yellow_sunregular';
    src: url('fonts/dk_lemon_yellow_sun-webfont.woff2') format('woff2'),
         url('fonts/dk_lemon_yellow_sun-webfont.woff') format('woff'),
         url('fonts/dk_lemon_yellow_sun-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* extra space above a contact form */

div.wpcf7 {
	margin-top: 16px;
	margin-top: 1rem;
}

/* styling of event list */
ul.eo-events {
	list-style: none;
	margin: 0 0 1.5rem 0; /* left was 1.375rem*/
}

ul.eo-events img.wp-post-image {
	border-radius: 20px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* Do not show inline images in lists with events */
ul.eo-events img {
	display: none;
}

/* Do show thumbnail images in lists with events */
ul.eo-events img.wp-post-image {
	display: inline;
}


ul.eo-events li {
	clear: left;
	margin-top: 20px;
}

ul.eo-events li div {
	line-height: 1.4;
}

ul.eo-events-widget li {
	margin-top: 4px;
}

/* widen event-meta from 40 to 55%, overruling eventorganiser-front-end-min.css */
@media (min-width: 600px) {
	body.single-event .eo-event-meta {
		width: 55%;
		float: left;
	}
	body.single-event .eo-event-venue-map {
		width: 40%;
		float: right;
	}
}

/*  rem = px * 0.0625 */

/* 2.0 Typography
-------------------------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #1a171b; /* black */
}

/* 5.0 Navigation
-------------------------------------------------------------- */

/* 5.1 Links */

a {
	color: #72b3c9; /* blue */
}
a:visited {
	color: #72b3c9; /* blue */
}
a:active,
a:focus,
a:hover {
	color: #e5352d; /* red */
}

/* 5.2 Menus */

.main-navigation {
	color: #e5352d; /* red */
	font-size: 30px;
	font-size: 1.875rem;
	font-family: 'dk_lemon_yellow_sunregular';
}
.social-navigation a[href^="mailto:"]:before	{ color: #a3a19e; /* redblue */ }
.social-navigation a[href^="tel:"]:before	{ content: "\f095"; color: #a3a19e; /* redblue */ }

/* 5.3 Post, archive navigation */

.entry-content .page-links > .page-links-title {
	color: #1a171b; /* black */
}

/* 9.1 General widget styles */

.widget-title {
	color: #72b3c9; /* blue */
	font-size: 30px;
	font-size: 1.875rem;
	font-family: 'dk_lemon_yellow_sunregular';
}
.widget-area .widget li,
.widget-area .widget p {
	font-size: 15px;
	font-size: 0.9375rem;
	margin-top: 4px; /*20200101*/
	line-height: 1.5; /*20200101*/
}
.widget-area .widget {
	margin-bottom: 48px;
	margin-bottom: 3rem;
}
.widget-area .widget h3 {
/*	margin-bottom: 24px;
	margin-bottom: 1.5rem;
*/
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
}

/* 9.2 Specific widget styles */

.widget-area .widget .textwidget {
	font-size: 15px;
	font-size: 0.9375rem;
}
.widget_rss .widget-title a:visited {
	color: #e5352d; /* red */
}

.widget_recent_comments li,
.widget_recent_entries li,
.widget_rss li {
/*	margin-bottom: 12px;
	margin-bottom: 0.75rem;
*/
	margin-bottom: 0px;
	margin-bottom: 0rem;
}

/* 10.0 Header
-------------------------------------------------------------- */

/* 10.1 Site Header */

.site-header .site-description {
	color: #1a171b; /* black */
	font-size: 30px;
	font-size: 1.875rem;
	font-family: 'dk_lemon_yellow_sunregular';
}
.site-header .site-title {
	color: #1a171b; /* black */
	font-size: 50px;
	font-size: 3.125rem;
	font-family: 'dk_lemon_yellow_sunregular';
}
.site-header .site-description a:focus,
.site-header .site-description a:hover,
.site-header .site-title a:focus,
.site-header .site-title a:hover {
	color: #e5352d; /* red */
	text-decoration: underline;
}

/* 11.0 Content
-------------------------------------------------------------- */

/* 11.1 Posts and pages */

div.content-area {
	margin: 0 0 0 0; /* 1.5rem 0 0 */
}

.content-area article,
.content-area section {
	border-bottom: none;
}
.widget-area .widget a:active.social-link,
.widget-area .widget a:active .social-link,
.widget-area .widget a:focus.social-link,
.widget-area .widget a:focus .social-link,
.widget-area .widget a:hover.social-link,
.widget-area .widget a:hover .social-link {
	color: #e5352d; /* red */
}

h1.entry-title {
	display: none;
}

.post h1.entry-title,
.event h1.entry-title {
	display: block;
	color: #84b81d; 
	font-family: 'dk_lemon_yellow_sunregular';
}

h2.entry-title {
	color: #84b81d; 
	font-size: 30px;
	font-size: 1.875rem;
	font-family: 'dk_lemon_yellow_sunregular';
}


.entry-header .entry-title a {
	color: #84b81d;
}
.entry-header .entry-title a:focus,
.entry-header .entry-title a:hover {
	color: #e5352d; 
}

.nav-links a,
.nav-links a:visited {
	color: #e5352d; /* red */
	font-weight: normal;
}
.nav-links a:focus {
	background-color: #e5352d; /* red */
}

.page-header a:active,
.page-header a:hover {
	color: #e5352d; /* red */
}

.page-title {
	color: #84b81d; /* green */
	font-family: 'dk_lemon_yellow_sunregular';
}

.comment-content h1,
.comment-content h2,
.entry-content h1,
.entry-content h2,
.entry-summary h1,
.entry-summary h2,
.mu_register h2,
.page-content h1,
.page-content h2 {
	font-family: 'dk_lemon_yellow_sunregular';
}

.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
	margin: 16px 0 4px 0;
	margin: 1rem 0 0.25rem 0;
	color: #c3d131; /* greenyellow */
/*	margin: 4px 0;
	margin: 0.25rem 0;
*/}
.comment-content h4,
.entry-content h4,
.entry-summary h4,
.page-content h4 {
/*	line-height: 1;*/
}
.page .comment-content p,
.page .entry-content p,
.single .comment-content p,
.single .entry-content p,
.single .entry-summary p,
.single .mu_register p {
/*	margin: 0 0 24px;
	margin: 0 0 1.5rem;*/
	margin: 0 0 4px;
	margin: 0 0 0.25rem;
}
.comment-content ol ol,
.comment-content ol ul,
.comment-content ul ol,
.comment-content ul ul,
.entry-content ol ol,
.entry-content ol ul,
.entry-content ul ol,
.entry-content ul ul {
	margin: 4px 0 4px 0;
	margin: 0.25rem 0 0.25rem 0;
}

/* 11.2 Post Formats */

article.format-aside p {
	color: #1a171b; /* black */
}

/* 11.3 Comments */

.comments-area article header time {
	color: #5e5e5e;
}
.comments-area article header a {
	color: #72b3c9; /* blue */}

.comments-area article header a:hover {
	color: #e5352d; /* red */
}
.comments-area article header cite a {
	color: #444;
}
a.comment-edit-link,
a.comment-reply-link {
	color: #72b3c9; /* blue */
}
a.comment-edit-link:hover,
a.comment-reply-link:hover {
	color: #e5352d; /* red */
}

/* 12.0 Footer
-------------------------------------------------------------- */

.site-footer a {
	color: #1a171b; /* black */
}

.site-info-2 a,
.site-info-2 a:visited {
	color: #1a171b; /* black */
}

/* 15.1 Minimum width of 783 pixels - it is activated at the same time as mobile view of WordPress admin-bar 782px
 * (small screens - mobile phones, small tablets in portrait view mode)
 */
@media screen and (min-width: 1263px) {

	body .site {
		max-width: 1520px;
		max-width: 95rem;
	}

	.main-navigation li,
	.main-navigation li a {
		color: #e5352d; /* red */
		font-size: 30px;
		font-size: 1.875rem;
		font-family: 'dk_lemon_yellow_sunregular';
	}
	.main-navigation li a:focus,
	.main-navigation li a:hover {
		color: #1a171b; /* black */
		text-decoration: underline;
	}
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current-menu-item > a,
	.main-navigation .current_page_ancestor > a,
	.main-navigation .current_page_item > a {
		color: #e5352d; /* red */
		font-weight: bold;
	}
	.site-header .site-description a:focus,
	.site-header .site-description a:hover,
	.site-header .site-title a:focus,
	.site-header .site-title a:hover	{
		color: #e5352d; /* red */
	}
	.main-navigation div.nav-menu > ul,
	.main-navigation ul.nav-menu {
		border-bottom: none;
		border-top: none;
	}
} /* END of @media screen and (min-width: 783px) */


/* 15.2 Minimum width of 1100 pixels (average size screens - monitors, small tablets in landscape view mode, larger tablets) */
@media screen and (min-width: 1100px) {
	body {
		background-color: #a3a19e; /* redblue */
	}
} /* END of @media screen and (min-width: 1100px) */

/* 16.0 Print
----------------------------------------------- */

@media print {
	.site-logo-link, .custom-logo-link {
		display: block;
		float: left;
		margin: 24px 24px 0 0;
		margin: 1.5rem 1.5rem 0 0;
	}
	/* Do not show URLs for links */
	.entry-content a:after,
	.entry-content a:visited:after,
	footer a[rel=bookmark]:after,
	footer a[rel=bookmark]:visited:after {
		content: none;
	}
	/* Do not show webfont for external link */
	.icon-webfont, .fa-external-link {
		display: none;
	}
	/* Cleanup of /events/event/<slug>/ on printout */
	body {
		margin-top: 0px;
		margin-top: 0rem;
	}
	p.site-title {
		font-size: 40px; /* 50px;*/
		font-size: 2.5rem; /*3.125rem;*/
	}
	p.site-description {
		font-size: 24px; /* 30px;*/
		font-size: 1.5rem; /* 1.875rem; */
	}
	h1.entry-title { /* to do: verschillende tekstkleur volgens event-venue-... */
		font-size: 64px;
		font-size: 4rem;
	}
	img.featured-image {
		display: none;
	}
	div.entry-meta {
		display: none;
	}
	div.eventorganiser-event-meta h4 {
		display: none;
	}
	div.eventorganiser-event-meta p {
		display: none;
	}
	div.eventorganiser-event-meta div.eo-event-venue-map {
		display: none;
	}
	footer.entry-meta {
		display: none;
	}
}

@page {
	margin: 2.5cm 1cm 2cm 1cm;
	size: A4;
}

/**/
ul.eo-events-widget a{
	color: #72b3c9;
}