/*
Theme Name: Hitchcock Child
Theme URI: https://www.andersnoren.se/teman/hitchcock-wordpress-theme/
Template: hitchcock
Author: Anders Norén
Author URI: https://www.andersnoren.se
Description: Hitchcock is a minimal portfolio theme for designers, photographers and other creatives. It features a beautiful responsive design, Block Editor/Gutenberg support, a social icon menu, Jetpack infinite scroll, custom accent color, custom header image, support for the gallery post format, the option to always show post preview titles, editor styling and much more. Demo: https://www.andersnoren.se/themes/hitchcock/
Tags: blog,three-columns,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,post-formats,sticky-post,theme-options,threaded-comments,translation-ready,grid-layout,portfolio,photography,block-styles,wide-blocks
Version: 1.25.2.1585838184
Updated: 2020-04-02 14:36:24

*/
/* top menu */
.main-menu a { padding: 20px 0 10px }
/* document setup child */
body { font-family: 'Open Sans', sans-serif; font-kerning: auto }
/* header aanpassing */
.header.section-inner { width: 760px }

/* de datum */
.post-date {
    font-family: 'Sacramento', serif;
    font-weight: 400;
    font-kerning: auto;
    font-size: 2em;
    text-transform: none;
    margin-bottom: 0.4em;
    color: yellow;
	text-shadow: .2em .2em .3em #7d7d7d, 0 0 .2em #911e0d, 0 0 0.3em #911e0d;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
	margin: 50px 0 25px;
	font-family: 'Fira Sans', sans-serif;
	text-transform: none;
    color: #911e0d;
    font-kerning: auto;
}
.post-content h1 { font-size:1.85em;font-weight:900 }
.post-content h2 { font-size:1.675em;font-weight:800 }
.post-content h3 { font-size:1.45em;font-weight:700 }
.post-content h4 { font-size:1.15em;font-weight:700 }
.post-content h5 { font-size:1em;font-weight:700 }
.post-content h6 { font-size:.85em;font-weight:500 }

.post-title,
.post-title h1,
.single-post {
	font-family: 'Fira Sans', sans-serif;
    text-transform: none;
    color: #911e0d;
}
h1.post-title::first-letter { font-size: 127% }
h1.post-title:first-line {
	font-size: 125%;
    text-transform: uppercase;
    text-shadow: #7d7d7d 3px 2px 3px;
}
h1.post-title {
    font-weight: 900;
    color: #911e0d;
    border-bottom: 2px solid #911e0d;
}

.post-content h2 { border-bottom: 2px solid #911e0d }

.post-content p,
.post-content blockquote,
.post-content ul,
.post-content ul li,
.post-content ol,
.post-content ol li,
.post-content address,
.post-content dl,
.post-content .wp-caption,
.post-content pre,
.post-content blockquote cite,
.post-content p.pull,
.post-content table,
.post-content p.pull,
.post-content fieldset legend,
.post-content .wp-block-file__button,
.post-content .wp-block-button__link,
.post-content .wp-block-file,
label,
input,
textarea {
    font-family: 'Open Sans', sans-serif;
    font-kerning: auto;
	color: #911e0d;
}

.post-content,
.post-content .wp-caption-text {
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-kerning: auto;
    color: #911e0d;
}
.post-content a {
	font-weight: bold;
}
.post-content p strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-kerning: auto;
    color: #911e0d;
}

.post-content ul,
.post-content blockquote {
	background: #f5f6f5;
	padding: 2% 4% 4%;
	border-radius: 4px;
	margin-left: 0;
}
.post-content ul li { margin-left: 4%; list-style-type: circle }
.post-content blockquote { font-style: italic }

.post-content h2 a {
    font-family: 'Fira Sans', sans-serif;
    text-transform: none;
    font-weight:700;
	color: #911e0d;
	display: list-item;
	list-style-type: none;
}
/* .post-content *:last-child { background: #f5f6f5 }

/* ronde hoekjes */
ul.display-posts-listing li.listing-item a.image img.attachment-tumbnail.size-tumbnail.wp-post-image { border-radius: 3px }
.inner,
img.alignleft,
img.alignright { border-radius: 4px }

.size-thumbnail img .wp-image,
.post-content img,
.size-thumbnail img .wp-image,
.crellyslider ul.cs-slides li.cs-slide { border-radius: 6px }

.crellyslider ul.cs-slides li.cs-slide img. { visibility: hidden; overflow: hidden }

iframe { border-radius: 8px }

.post-header { padding-top: 3%; padding-bottom: 3.5% }
.post-container { background-color: rgba(255,254,251,0.8011533) }
.post-container .post-inner .post-content albpag a {
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 100%;
	height:auto;
	margin:0;
	display: block;
	line-height: 1.5em;
	font-size: 1.3em;
	text-decoration: underline;
}
.post-container .post-inner .post-content h2 {
	margin-top: 25px;
	margin-bottom: 10px;
	border-bottom: 1px solid #000;
	width: 100%;
	text-align: left;
	font-size: 2em;
}
.post-container .post-inner .post-content ul.display-posts-listing li.listing-item span.date { font-style: italic }
.post-container .post-inner .post-content ul.display-posts-listing {
	margin-left: 0;
	width: 100%;
	margin-top: 12px;
}
.post-container .post-inner .post-content ul.display-posts-listing li.listing-item {
	display: block;
	padding: 0;
	margin-bottom: 4px;
	height: 74px;
}
.post-container .post-inner .post-content ul.display-posts-listing li.listing-item a.image img.attachment-tumbnail.size-tumbnail.wp-post-image {
	float: left;
	width: 14%;
	margin-right: 3%;
}

/* catlist settings */
ol#lcp_instance_0.lcp_catlist{
	font-family: 'Open Sans', sans-serif;
	font-size: .85em;
	font-weight: 400;
    font-kerning: auto;
	text-transform: none;
	color: #da5a35;
	content:"de andere tracks op dit album kun je beluisteren door op de cover te klikken";
	margin:0;
	padding:0;
}
ul#lcp_instance_0.lcp_catlist {
	display:inline-flex;
	border-style:none;
	margin:0;
	padding:0;
}
.lcp_description {
	width:100%;
	margin:0 auto;
}
.lcp_catlist {
	margin: 0;
	padding: 0;
	display: block;
	overflow: visible;
}
.lcp_catlist li {
	list-style-image: none;
	list-style-type: none;
	display: inline;
}
/* album namen op de album pagina */
span.lcp_album-page {
	margin-right: 3em;
	margin-left: 6em;
	float: left;
}
span.lcp_album-page {
	display: inline;
	margin-right: 3em;
	margin-left: 6em;
	float: left;
	list-style: none;
}
span.lcp_album-page strong a {
    font-family: 'Fira Sans', sans-serif;
    text-transform: none;
    color: #911e0d;
    line-height: 1.4em;
    font-size: 1.4em;
	display: list-item;
	list-style: none;
}
span.lcp_album-page strong a li:last-child:after {
    content: "";
}
/* album images at the bottom */
#lcp_instance_0 li a img.lcp_thumbnail.wp-post-image {
	width: 24.2%;
	border-radius: 3px;
	display: inline-block;
	margin: 0 1px -2px 0;
}
/* op de openingspagina */
.has-post-thumbnail,
.post:hover > .post-overlay,
.show-preview-titles .post > .post-overlay {
	border: 1px solid none;
	border-radius: 6px;
}

/* Audio Speler */
body .mejs-container{
    margin-bottom: 20px;
    background: #eee;
	margin-right: 5%;
	margin-left: 5%;
	width: 90% !important;
}
.mejs-container,
.mejs-embed,
.mejs-embed body,
.mejs-container .mejs-controls {
	background: linear-gradient(to bottom, rgba(218, 90, 53,1), rgba(145, 30, 13,1)) !important; /* kan zonder prefix */
	border-radius: 4px;
	/* box-shadow: 3px 3px 4px -1px #ccc; */
}
/**
* Oranje/bruin verlopende audio streep in de kleur van het lettertype
* van lichter oranje	#FC6135		252,97,53
* naar rood-bruin 	rgba(188,60,23,1)		188,60,23
**/
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls a:focus > .mejs-offscreen {
    background: linear-gradient(to bottom,
    rgba(255, 213, 182,1),rgba(255, 150, 113,1))!important;
}

.flex-container { font-size:.9em }
.flex-container {
    clear:both;width:100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    color: hsla(0,0%,100%,.8);
    margin: 1.4em 0;
    padding: .6em .6em 1.2em .8em;
    border: solid #911e0d;
	border-radius: 4px;
    border-left-width: 1.4em;
    box-shadow: 4px 4px 6px rgba(145,30,13,.6);
    background: linear-gradient(180deg, rgba(188,60,23,.8), rgba(255,150,113,.8), rgba(188,60,23,.8))
}

/* box om de audio stream heen */
flexbox-album {
	display:block;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
	height:auto;
	float:left;
	margin:0;
	padding:.15em;
	border:solid rgba(255,213,182,.7);
	border-left-width:1.4em
}
.credits.section-inner {
	font: .8em 'Open Sans', sans-serif;
	font-kerning: auto;
	padding-top: 1.6%;
	padding-bottom: 3%;
}

ul.display-posts-listing li.listing-item a.title {
	line-height: 1em;
	font-size: .8em;
	width: 100%;
	text-align: left;
	white-space: nowrap;
	display: list-item;
	list-style-type: none;
}
ul.display-posts-listing li.listing-item a.title:first-line { font-size: 125%; font-weight: bold; line-height: .9em }
ul.display-posts-listing li.listing-item span.date {
	text-align: right;
	font-weight: normal;
	font-style: normal;
	display: run-in;
	float: right;
	margin-top: -2.1em;
}
/* vaste pagina opmaak */
#tablepress-1 tbody.row-hover td.column-2 {
	font-weight: bold;
}