/* 
Theme Name: Strombo 2019
Description: Child theme of Twenty Seventeen to display custom elements for Strombo Podcast 
Author: Tim Mitra & George
Version: 0.0.3
Template: twentyseventeen
*/

@import url("../twentyseventeen/style.css");

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/


body {
	background: #000; /* Fallback for when there is no custom background color defined. */
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

.colors-dark .site-content-contain {
    background-color: #000;
}

body.colors-dark,
.colors-dark .site-content-contain,
.colors-dark .navigation-top,
.colors-dark .main-navigation ul {
	background: #000;
}

.colors-custom .site-header, 
.colors-custom .single-featured-image-header,
.custom-header-media {
	background-color: hsl(0, 0%, 0%);
}

.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
		height: 1500;
		margin-left: auto;
		margin-right: auto;
}

iframe#wp-custom-header {
	float:none;
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #FFF;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
.page .panel-content .entry-title, 
.page-title,
 body.page:not,
 h2.widget-title
 {
	color: #FFF;
}

h2,
.home.blog .entry-title {
	color: #FFF;
}

.colors-dark .entry-title a,
.colors-dark .entry-meta a,
 .colors-dark.blog .entry-meta a.post-edit-link,
 .colors-dark.archive .entry-meta a.post-edit-link,
 .colors-dark.search .entry-meta a.post-edit-link,
 .colors-dark .page-links a,
 .colors-dark .page-links a .page-number,
 .colors-dark .entry-footer a,
 .colors-dark .entry-footer .cat-links a,
 .colors-dark .entry-footer .tags-links a,
 .colors-dark .edit-link a,
 .colors-dark .post-navigation a,
 .colors-dark .logged-in-as a,
 .colors-dark .comment-navigation a,
 .colors-dark .comment-metadata a,
 .colors-dark .comment-metadata a.comment-edit-link,
 .colors-dark .comment-reply-link,
 .colors-dark a .nav-title,
 .colors-dark .pagination a,
 .colors-dark .comments-pagination a,
 .colors-dark .widget .widget-title a,
 .colors-dark .widget ul li a,
 .colors-dark .site-footer .widget-area ul li a,
 .colors-dark .site-info a,
 .colors-dark .entry-title a,
 .colors-dark a,
 .colors-dark h3 a,
 a {
	color: #F00;
	font-weight: bold;
}

.custom-logo-link img {
    max-height: 150px;
}

.site-description {
	font-size: 1.5rem;
}

/* TSS */

/* Layout */
 
.episode.type-episode.status-publish.has-post-thumbnail.hentry,
#embed {
	width:100%;
	float: left;
}

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 {
	float: left;
	width: 100%;
}
 

.mejs-container {
    clear: both;
    max-width: 58%;
}

.has-sidebar:not(.error404) #primary {
    float: left;
    width: 58%;
}

h1 {
    font-weight: 300;
}