/*
Theme Name: Beem20
Theme URI: http://www.kollender.com
Description: 2020 update of the Beem theme
Author: Johannes Kollender
Author URI: http://www.kollender.com
Version: 0.9
.
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Imports */
@import url('./styles/font.css');
@import url('./styles/colors_dark.css');
@import url('./styles/OverlayScrollbars.min.css');
@import url('./styles/os-theme-thin-light.css');
@import url('./styles/widget.css');
@import url('./styles/scrollbars.css');


body {
	margin:0;
}

#cover {
	position: fixed;
	height: 100%;
	width: 100%;
	top:0;
	left: 0;
	background: var(--bg-color);
	z-index:9999;
}

#content{
	overflow: hidden;
	margin: 0;
	padding: 12px 0 0 0;
}

hr {
    border: 0 none;
    height: 1px;
    margin: 0 0 5px;
    width: 100%;
}

#social {
	opacity: .8;
	float:right;
}

#wrapper{
	margin:20px 40px 0 40px;
	width: 1005px;
}

body.single #wrapper {
	width: 640px;
}

#header {
	margin: 0;
	padding: 0;
	z-index: 20
}

#branding{
	float:left;
	padding: 0 0 80px 0;
}

#blog-title a{
	display: block;
	width: 263px;
	height: 58px;
	margin-bottom: 5px;
}

#blog-description {
	padding-top: 0px;
}

#category-menu li{
  float: left;
}

#category-menu {
	margin:0 0 10px 0;
}

#page-menu{
	clear: both;
	position:relative;
	z-index: 100
}


#page-menu a.selected {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#main{
	overflow:hidden;
	position: relative;
	z-index: 5;
	margin: 10px 0 10px;
}

.hidden {
	display: none;
}
	
.single-showcase .post{
	padding: 0;
	margin: 0 0 12px 0;
}

.showcase {
	clear: both;
	display: none;	
	margin: 0 0 12px 0;
	/*padding: 12px 0;*/
}

.showcase.last {
	border-bottom-style: none;
	margin: 0;
}

.artwork-container {
	float: left;
	position: relative;
	max-width: 640px;
	max-height: 360px;
}

.artwork-container img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.artwork-container .btn-play {
	position:absolute;
	top: 50%;
	left: 50%;
	width: 85px;
	height: 85px;
	z-index: 0;
	cursor: pointer;
	margin-top: -42px;
	margin-left: -42px;
	background-image: url('./images/btn-playvideo.png');
	background-size: 100%;
	background-position: top;
}

.artwork-container .btn-play:hover {
  background-position: bottom;
}

.showcase-content{
	float: right;
	width: 345px;
	height: 360px;
	display: flex;
	flex-direction: column;
}

.single-showcase .showcase-content{
	float: none;
	height: auto;
	width: 100%;
}

.single-showcase .artwork-container{
	float: none;
	margin-bottom: 15px;
}

.showcase-content h1 {
	display:inline;
	padding: 0 2px;
}

.showcase-title {
	margin-bottom: 12px;
}

.showcase-text {
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
}

.thumbnail-container {
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.not-singular .entry-content{
	float: left;
	margin: 0 15px 12px 0;
	position: relative;
	display: block;
	width: 240px;
	height: 135px;
	overflow: hidden;
	position: relative;
	background-color: #191919;
	cursor:pointer;
}

.not-singular .entry-content.last {
	margin: 0 0 12px 0;
}


.not-singular .entry-content div.thumbnail-container{
	background-color: #000;
	position: absolute;
	z-index: 5
}

.not-singular .entry-content span.slide-title{
	position: absolute;
	top: 118px;
	left: 3px;
	width: 240px;
	line-height: 1em;
	color: white !important;
	z-index: 0
}

#nav-above{
	display: none;
}

.entry-title {
  margin-bottom: 0.3em;
  padding-bottom: 1px;
}

.entry-title a{
}

.post {
	overflow: hidden;
	margin: 12px 0;
	padding: 0;
}

.post .entry-meta,.post .entry-utility {
	margin-bottom: 24px;
	padding-bottom: 5px;
}

.post p, .entry-content p {
}

.post pre,#content .page pre {
	font-size: 1.6em;
}

.post dt {
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.post dd {
	color: #eee;
	margin-bottom: 1em;
}

.post dl {
	margin-bottom: 1.3em;
	padding-left: 20px;
}

.post a.more-link {
	background: #be194f;
	color: #fff;
	font-size: 0.75em;
	font-weight: bold;
	padding: 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
}

.post a.more-link:hover {
	background: #d93c6f;
}
a.more-link .meta-nav {
	display: none;
}
.post h3,.post h4,.post h5,.post h6 {
  margin: 5px 0;
  padding: 5px 0;
}

.post blockquote {
	margin: 10px 0px;
	padding: 10px 20px 1px 10px;
}

.post .page-link {
	font-size: 0.825em;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.page-link a {
	padding: 5px 10px;
}

.wp-block-table {
	margin: 12px 0px;
}

.wp-block-table td {
	vertical-align: top;
}