/*
CTC Separate Stylesheet
Updated: 2023-07-16 13:05:50
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team (modified by 1ᴏᴠᴀᴛᴇ)
Author URI: https://1ovate.eu
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device. In 2023, this theme was modified to remedy some limitations and hindrances.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns
Version: 3.2.1689505550
*/

/* #2b0a73 blue-purple
 * #731067 red-purple
 * #E3B22B gold
 * #4DBF24 green
 * #0960DE blue
 */

:root {
	--1ovate-color1: #2b0a73; /* blue-purple */
	--1ovate-color2: #731067; /* red-purple */
	--1ovate-color3: #E3B22B; /* gold */
	--1ovate-color4: #4DBF24; /* green */
	--1ovate-color5: #0960DE; /* blue */
	
	--size-side: 32%;
	--size-main: 64%;
}

body,
button,
input,
select,
textarea {
	font-size: 16px;
	line-height: 1.66;
	font-family: "Trebuchet MS", "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif, system-ui;
}


/* Hyperlinks in headers */
.entry-content a,
.entry-title a,
.entry-content h1 > a,
.entry-content h2 > a,
.entry-content h3 > a,
.entry-content h4 > a,
.entry-content h5 > a,
.entry-content h6 > a {
	color: var(--1ovate-color1);
}

/* Fix: remove strike/line through figures with links */
figure a {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/* More-links */
a.more-link::after {
	content: " ➠";
	color: var(--1ovate-color3);
	margin-bottom: 1.5em;
}
a.more-link {
	font-style: italic;
	box-shadow: none;
	float: right;
	color: var(--1ovate-color1);
}

/* Lists */
ul {
	list-style-type: '⬡  ';
	/*list-style-position: inside;*/
}
li::marker {
	color: var(--1ovate-color3);
}

ul.initial {
	list-style-type: none;
}

ul.initial li::first-letter {
	font-size: 166%;
	vertical-align: sub;
}

/* Emphasis */
li strong,
p strong,
li em,
p em {
	color: var(--1ovate-color1);
}

/* Headers */
.entry-title,
.entry-content h1.wp-block-heading,
.entry-content h2.wp-block-heading,
.entry-content h3.wp-block-heading,
.page-title {
	color: var(--1ovate-color2) !important;
}
article:not(.twentyseventeen-panel) .entry-content h1.wp-block-heading::before,
article:not(.twentyseventeen-panel) .entry-content h2.wp-block-heading::before,
article:not(.twentyseventeen-panel) .entry-content h3.wp-block-heading::before,
span.lwptoc_item_label::before {
	content: "§ ";
	margin-left: -0.75em;
	color: var(--1ovate-color3);
}


/* Table of contents */
.lwptoc_i {
  padding: 0 !important;
}

/* Site header branding */
.site-branding-text {
	text-shadow: 0 0 1px white, 0 0 3px var(--1ovate-color3), 0 0 10px white;
}
.site-title {
  text-transform: none;
  font-variant-caps: small-caps;
}

.custom-header-media::before {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0.6) 65%, rgb(255, 255, 255) 90%);
}

body:not(.twentyseventeen-front-page) .entry-header {
	display: inline-block;
}


/* Background */
.site-content-contain {
	background-image: url("/wp-content/themes/twentyseventeen-child/images/Achtergrond.webp");
	background-repeat: repeat-y;
	background-position: center top;
}

/* Entry footer */
header .entry-footer {
	border-bottom: 0;
	border-top: 0;
	margin-top: 0;
	padding: 0;
}
header .entry-footer .cat-tags-links {
	display: inline;
}
header .entry-footer .edit-link {
	display: block;
}

/* Cite author leading dash */
.wp-block-quote cite::before {
	content: "— ";
}

/* Noun & name formatting */
/* <bdo lang="noun">1ovate</bdo> */
.noun, bdo[lang="noun"] {
	font-variant-caps: small-caps;
}

/* Page layout column/row sizes */
@media screen and not (min-width: 48em) {
	.panel-content .wrap {
		padding-bottom: 1.75em;
	}
}

@media screen and (min-width: 48em) {
	
	/*aside div.lwptoc {
		position: fixed;
		margin-top: 64px;
	}*/

	.side {
		float: left;
		width: var(--size-side);
		padding-top: 0;
		margin-right: 2em;
	}
	
	.twentyseventeen-front-page.has-header-image .custom-header-media::before, .twentyseventeen-front-page.has-header-video .custom-header-media::before, .home.blog.has-header-image .custom-header-media::before, .home.blog.has-header-video .custom-header-media::before {
		height: 100%
	}
	
	.background-fixed .panel-image {
  		height: 480px;
	}
	
	.has-sidebar:not(.error404) #primary {
		width: var(--size-main);
	}

	.has-sidebar #secondary {
		width: var(--size-side);
	}
	.page-two-column .panel-content .entry-header {
		width: var(--size-side);
	}

	.page-two-column .panel-content .entry-content {
		width: var(--size-main);
	}

	/* Front Page - Recent Posts */

	.page-two-column .panel-content .recent-posts {
		width: var(--size-main);
	}


	body:not(.has-sidebar):not(.page-one-column) .page-header,
	body.has-sidebar.error404 #primary .page-header,
	body.page-two-column:not(.archive) #primary .entry-header,
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		width: var(--size-side);
	}

	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		width: var(--size-main);
	}


	.navigation.pagination {
		width: var(--size-main);
	}
	
	/* Blog thumbnails */
	div .post-thumbnail {
		max-width: var(--size-side);
		float: left;
		margin-right: 7px;
		margin-top: 7px;
	}
	
	/* Fixing footer */
	.site-footer .widget,
	.site-footer .widget-area {
		padding-bottom: 0em;
	}
	
	.social-navigation + .site-info {
		margin-left: 0%;
		width: var(--size-main);
		float: right;
	}

	.site-footer .social-navigation {
		clear: right;
		float: right;
		text-align: right;
	}
	
	.site-footer .widget-column.footer-widget-1 {
		width: var(--size-side);
	}
	.site-footer .widget-column.footer-widget-2 {
		width: var(--size-main);
	}
	
	/* Moving blog sidebar location */
	.has-sidebar:not(.error404) #primary {
		float: right;
	}
	
	.has-sidebar #secondary {
		float: left;
	}
	.page-header {
		float: left;
		width: var(--size-side);
	}
}

/* Fixing buttons */
.wp-block-button__link {
	margin-top: 0px !important;
	background-color: #767676;
}
.wp-block-button__link:hover, .wp-block-button__link:active {
	color: white !important;
	background-color: #333;
}

/* Fixing cut off text in image-text-combination blocks on mobile */
@media (max-width: 600px) {
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		margin-top: 5px;
	}
}

/* Shrink image size in image-text-combination blocks */
.wp-block-media-text.has-media-on-the-right {
  grid-template-columns: 1fr var(--size-side);
}

/* Fixing active navigation item color */
ul#top-menu li.current-page-ancestor > a,
ul#top-menu li.current-menu-ancestor > a,
ul#top-menu li.current-menu-parent > a,
ul#top-menu li.current-page-parent > a,
ul#top-menu li.current_page_parent > a,
ul#top-menu li.current_page_ancestor > a,
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: var(--1ovate-color2) /*#767676*/;
}