/*
 Theme Name:   Harmonic Child
 Theme URI:    http://www.cultofamericana.com
 Description:  Harmonic Child Theme
 Author:       Mark Smith
 Author URI:   http://www.markworks.net
 Template:     harmonic
 Version:      1.0.11
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         blog, custom-colors, custom-header, custom-menu, editor-style, featured-images, one-column, photography, portfolio, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, two-columns
 Text Domain:  harmonic
*/

@font-face {
    font-family: 'Fenway Park JF';
    src: url('./fonts/fenwayparkjf-webfont.woff2') format('woff2'),
         url('./fonts/fenwayparkjf-webfont.woff') format('woff'),
         url('./fonts/FenwayParkJF.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Starving Artists Style */
span.strike {
    text-decoration: line-through;
    display: inline-block;
    margin-bottom: 0px;
}

/* Fix for sticky header */
@media only screen and (min-width: 64.063em){
    #content-wrapper {
        padding: 164px 0 0;
    }
}

/* Read time styles */
.read-time {
    float: right;
    width: 100%;
    text-align: right;
    margin: 10px 0 6px;
    color: #777;
    font-size: 16px;
    font-style: italic;
}

#single-template .read-time {
    margin-right: 15px;
    margin-top: -20px;
}

@media only screen and (max-width: 40.063em){
    .read-time {
        font-size: 18px;
    }
}

@media only screen and (max-width: 480px) {
    #single-template .read-time {
        margin-top: 8px;
    }
}

/* Follow button */

@media \0screen\,screen\9 { /* IE6-7-8 only (http://keithclark.co.uk/articles/moving-ie-specific-css-into-media-blocks/media-tests/) */
    .textwidget iframe[src*='//widgets.wp.com/follow/index.html#'] {
        -ms-zoom: 2;
    }
}

.textwidget iframe[src*='//widgets.wp.com/follow/index.html#'] {
    -ms-transform: scale(2);
    -ms-transform-origin: 0 0;
    -moz-transform: scale(2);
    -moz-transform-origin: 0 0;
    -o-transform: scale(2);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(2);
    -webkit-transform-origin: 0 0;
    transform: scale(2);
    transform-origin: 0 0;
    max-width: 50%;
}

.widget_mc4wp_form_widget {
    padding-bottom: 10px;
}

/* Featured Post Link styling */
.featured-post-link {
    font-size: 16px;
    float: right;
    line-height: 86px;
    font-style: italic;
    color: #444;
}

/* Facebook comment width fix for IE<10 */
.fb_iframe_widget iframe {
    width: 100%;
}

/* Post bylines */

h1.entry-title {
    margin-bottom: 0;
}

.post-byline {
    font-size: 18px;
    margin: 10px 0 0;
    font-family: "Fenway Park JF";
    font-weight: bold;
}

.post-byline a {
    color: black;
}

#slide-feature .post-byline a {
    color: white;
}

#slide-feature .post-byline a:hover {
    color: #2390bb;
}

.post-byline a:hover {
    color: #2390bb;
    text-decoration: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

#single-wrap h1.entry-title {
    margin-bottom: 18px;
}

#single-wrap h2 {
    margin-bottom: 36px;
}

#single-wrap .post-byline {
    margin-bottom: 42px;
}

.entry-header,
.page-title {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0;
}

#archive-container .entry-content {
    border-top: 2px solid #999;
    margin-top: 5px;
    padding: 20px 0 0;

}

@media screen and (max-width: 380px) {

    .post-byline {
        margin: 14px 0 -5px;
    }

    .post-byline a {
        line-height: 35px;
    }
}

/*----------------- Post header/paragraph styles --------------*/

.post .entry-content h1, .post .entry-content h2, .post .entry-content h3, .post .entry-content h4, .post .entry-content h5, .post .entry-content h6 {
    margin-bottom: 10px;
}

.single-space-before {
    margin-top: -5px;
}

.double-space-before {
    padding-top: 5px;
}

/*----------------- About page styles -------------------------*/
#about-template .entry-content {
    border-top: 2px solid #999;
    margin-top: 5px;
    padding: 44px 0 0;
}

.author-bio {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.author-bio img {
    float: left;
    clear: left;
}

.author-bio img:first-of-type {
    max-width: 200px;
}

.author-bio img:nth-of-type(2) {
    max-width: 100px;
    margin-left: 50px;
    margin-top: 5px;
}

.bio-text {
    width: calc(95% - 200px);
    margin-left: 5%;
}

@media only screen and (max-width: 480px) {
    .author-bio {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .bio-image {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .bio-text {
        width: 100%;
        margin-left: 0px;
    }
}

/*----------------- Restoring old changes ---------------------*/

/* Article text */
h1 {
    font-size: 48px;
}

h2, h3, h4, h5, h6 {
    font-size: 22px;
}

.hsContent {
    opacity: 1 !important;
}

/* Logo image */
.site-title a img {
    height: 60px;
}

h1.site-title {
    margin: 16px 0 4px;
}

/* Menu */
.main-navigation li a, .main-navigation li a:visited {
    margin: 13px 0 0;
    font-weight: bold;
    font-size: 14.4px;
}

#mobile-panel {
    background: black;
}

#mobile-link {
    padding: 31px 10px;
}

/*----------- Search boxes -----------*/
/* Desktop */
#masthead form.search-form {
    display: inline-block;
    font-weight: bold;
    color: black;
}

#masthead input[type='search'] {
    background: white;
}

#masthead input[type='search']:focus {
    background: #222;
    padding: 5px;
    border: 2px solid white;
}

#masthead input[type='submit'] {
    border: 2px solid #fff;
    margin-left: 4px;
}

#masthead input[type='submit']:hover {
    color: #222;
    background: white;
}

#masthead input {
    transition: all .2s ease;
    transition-property: background, color;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: initial;
}

/* Mobile */
#masthead #mobile-block .menu {
    text-align: center;
}

#masthead #mobile-block .menu form.search-form {
    width: 100%;
}

#masthead #mobile-block .menu form.search-form input.search-field {
    width: 60%;
    margin-bottom: 6px;
    text-align:center;
    font-size: 14.4px;
}

#masthead #mobile-block .menu form.search-form input.search-submit {
    font-size: 14.4px;
}


/*------------- End Restoration ----------------*/