/*
    Theme Name: Ember Child Theme
    Theme URI: http://ecko.me
    Description: This is a custom child theme for Ember.
    Author: EckoThemes
    Author URI: http://ecko.me
    Template: ecko-ember
    Version: 1.0.0
    Text Domain: ecko-ember
*/
/* ADD CUSTOM CSS BELOW BLAHHHH */
/* ///// aligncenter fix ///// */
.post-contents .wp-caption.aligncenter {
    width: 135%;
}
@media (max-width: 910px){
    .post-contents .wp-caption.aligncenter {
        max-width: 100%;
        width: 100%;
    }
}

.cover-title a {
	content: url(http://bartkowalski.com/wp-content/themes/ember-child/bk-logo.svg);
}

/* Loading spinner */
.photonic-loading {
    position: fixed;
    top: 90% !important;
    left: 50%;
    width: 50px !important;
    height: 50px !important;
    border-color: #ddd !important;
    border-width: 1px !important;
    border-radius: 50px !important;
    margin-top: -25px !important;
    margin-left: -25px !important;
    cursor: pointer;
    overflow: hidden;
    z-index: 1100;
    display: block;
    background: rgba(255, 255, 255, 1) url(http://bartkowalski.com/wp-content/uploads/2017/11/bk-loader.gif) no-repeat center !important;
}

/* Remove lightbox arrow border boxes */

.lg-actions .lg-next, .lg-actions .lg-prev {
	border: none;
	}

/* Text selection background */
::selection {
    background: #f95759;
    color: #fff;
}


/* body weight overrride, mainly for footnotes being skinny 3(00) */
body {
    font: 400 20px/28px Georgia, Source Sans Pro, Helvetica, arial, sans-serif;
}
p {
    font-size: 20px;
    line-height: 1.75em; 
}

/* a hover links */

.post-contents a {
border-bottom: 1px solid #f95759;
color: #4a4a4f;
}

.post-contents a:hover {
	color: #f95759;
}

/* remove link underline from <figure> img and footnotes */
.easy-footnote a, .figure-wide a {
	border-bottom: none;
}

/* re-add link underline to figure captions */
.post-contents figcaption a {
	border-bottom: 1px solid #f95759;
}

/* caption for video files */
figcaption, .bk-pagebreak, .post-contents .wp-caption p.wp-caption-text {
    font-family: Source Code Pro, Source Sans Pro, arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    padding: 20px 0px 10px 0px;
    text-align: center;
    }
    
/* caption spacing fix for vimeo-embed */
figcaption.vm-embed-caption {
    margin-top: -50px;
    margin-bottom: 55px;
}

/* figcaption padding left/right*/
.post-contents figcaption {
	padding-left: 10px;
	padding-right: 10px;
}


/* ///// Vimeo embed width fix ///// */
div.fluid-width-video-wrapper {
    margin: 50px 0px 0px 0px !important;
}
figure.vm-embed, figure.figure-wide {
    width: 135%;
    margin-left: -17.5%;
    text-align: center;
}
@media (max-width: 910px){
    figure.vm-embed {
        max-width: 100%;
        width: 100%;
        margin-left: 0;
    }
}

/* Blockquote spacing adjustment */
.post-contents blockquote p {
    margin: 0px 0px;
}
/* blockquote cite adjustment */
.post-contents blockquote cite {
 	font-size: 14px;
	line-height: 1.5em;
}

.post-list .post-list-noresult {
    font-family: 'Source Code Pro', monospace;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    color:#5a5858
}


/* post list overlay opacity */
.post-list-post__featured .post-background {
	opacity: 0.5;
}

.post-list-post__featured .post-excerpt, .post-list-post__featured .post-excerpt, .post-list-post__featured .post-read-more, .post-list-post__featured .post-meta-date a  {
	color: whitesmoke;
}

/* li reduce space between */
.post-contents li {
    margin: 0px 0px 5px -15px;
    padding-left: 15px;
    }
/* change inline footnotes to be more tappable */
sup {
    top: -.25em;
    margin-left: 2px;
    padding: 3px 8px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

sup:hover {
	color: white;
	background-color: #f95759;
	}


/* Hide Header (nav + search icon) */
.header {
	display: none;
}

/* "Bart Kowalski" home link line-height fix */
.header-title {
line-height: 21px;
}

/* Bart Kowalski" --> BK logo

.header-logo {
float: left;
max-height: 50px;
content: url(http://bartkowalski.com/wp-content/themes/ember-child/bk-logo.svg);
}
 */

/* ///// HEADER BANNERS ///// */
/* More opacity in down arrow in header */
.cover.cover-post .post-scroll-arrow {
    opacity: .33;
}
/* underline on contact page center */
.cover.cover-page hr {
    margin: 30px auto 37px;
}
/* post header size, no image */
.cover.cover-post {
    height: 30vh;
    text-align: center;
    min-height: 350px;
}
/* post header size, with image */
.cover.cover-post-background {
    overflow: hidden;
    height: calc(100vh - 102px) !important;
    background: #171717;
}

/*
/*
/*
/*
																/* ///////////////////////////// */
																/* ////// Media Queries //////// */
																/* ///////////////////////////// */
																
/* Title position across devices */
/* --- all --- */
.cover-contents {
    text-align: center;
    margin-bottom: 280px
}
.photonic-stream {
    position: relative;
    left: 50%;
    display: block;
    width: 4906px;
    max-width: 135%;
    height: auto;
    margin: 55px 2px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
	}

/*
/*
/*
/*
/*
																/* ///// 910px and smaller ///// */

@media screen and (max-width: 910px) {
    .photonic-stream {
        max-width: 100vw;
    }
    
    .vimeo-full-width {
        max-width: 100%;
        width: 100%;
    }
    
   figure.vm-embed, figure.figure-wide {
	    max-width: 100%;
	    margin-left: 0px;
	    }
}

/*
/*
/*
/*
																/* ///// 830px and smaller ///// */


@media screen and (max-width: 830px) {
    
    .post-contents li {
		 font-size: 20px;
		 margin: 0px 0px 5px 30px;
		 padding-left: 10px;
	}
}	
/*
/*
/*
/*
/*
/*
																/* ///// 775px and smaller ///// */


@media screen and (max-width: 775px) {
    .cover-contents {
    text-align: center;
    }
    
    .cover.cover-index .cover-contents, .cover.cover-page .cover-contents {
    margin-bottom: 280px;    
    }
    
  
/*
/*
/*
/*
/*
																/* ///// 560pxpx and smaller ///// */

@media screen and (max-width: 560px) {
	
	.post-list-post .post-excerpt {
		font-size: 17.5px;
		line-height: 1.75em;    
    }
    
    .cover.cover-index .cover-contents, .cover.cover-page .cover-contents {
    margin-bottom: 90px;
    }
    
    .post-meta-bar .post-meta-list {
    font-size: 14px;
    width: 100%;
    text-align: center;
    }
    
     /* search button margin fix */
    .header-search {
    margin-right: 0px;
    }
    
    /* search active width fix on mobile */
    .header-search.header-search__active {
    width: 100%;
    cursor: default;
    border-color: #fff;
    background: #fff;
    margin-right: 0px;
    }
	    
	.post-list-post .post-read-more {
		display: inline-block;
		}
		
}
/*
/*
/*
/*
/*
																/* ///// 420px and smaller ///// */

@media screen and (max-width: 420px) {
    p {
    font-size: 17.5px;
    line-height: 1.75em;    
    }
    
    .post-list-post .post-excerpt {
    font-size: 17.5px;
    line-height: 1.75em;    
    }
    
    .post-contents li {
		 font-size: 17.5px;
	}
 
}
/* "read more" link style override */
@media all {
    .post-list-post .post-read-more:focus, .post-list-post .post-read-more:hover {
        color:#F95759;
    	}
    }
    
@media all {
    .post-list-post .post-meta li::after {
        display: inline-block;
        width: 0px;
        height: 0px;
        margin: 0 7px 0 10px;
        vertical-align: 3px;
        border-radius: 6px;
        background: #898d99;
    }
    
}

/* remove border from full width image on blog post */
.post-contents .wp-caption {
border: 0px;
}
/* add border radius to full width image on blog post */
.wp-caption.aligncenter img {
border-radius: 2px;
}

/* hide nav menu cos I ain't got nothing in it yet
.navigation {
display: none;
} */

/* Hide hamburger menu */
.navigation-toggle {
	display: none;
}

/* post tags (clickable tags at the bottom of the post) */
.post-contents .post-tags a {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.5em !important;
    color: #666 !important;
}
.post-contents .post-tags a:hover {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.5em !important;
    color: white !important;
}

/* remove social share buttons at bottom of each post */
	.post-footer-share {
	display: none;
}
/* blockquote override */
blockquote p {
    font-size: 21px !important;
    line-height: 1.6em !important;
}
/* blockquote top/bottom thingy */
/* .post-contents blockquote {
    margin: 80px -75px 100px -75px;
} */
/* post list overlay opacity */
.post-list-post__featured .post-background {
	opacity: 0.5;
}

.post-list-post__featured .post-excerpt, .post-list-post__featured .post-excerpt, .post-list-post__featured .post-read-more, .post-list-post__featured .post-meta-date a  {
	color: whitesmoke;
}

.post-contents blockquote:before {
    content: "";
    display: block;
    width: 100px;
    height: 2px;
    margin: auto;
    margin-bottom: 1em;
    background: #f95759;
}
.post-contents blockquote:after {
    content: "";
    display: block;
    width: 100px;
    height: 2px;
    margin: auto;
    margin-top: 2.4em;
    background: #f95759;
    }