/*
 Theme Name:   EtCeteraBilly Theme
 Template:     founder
 Author: 	   Peak Websites
 Version: 	   1.0
 Author URI:   https://www.peakwebsites.ca
 Description:  This is a child theme used to customize the Founder WordPress theme.
 License: GNU  General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/* hide header 'tab' */
.toggle-sidebar {
    display: none;
}

/* layout */
@media (max-width: 43.75em) {
    .home .main,
    .single .main,
    .archive .main,
    .page .main,
    .post .main {
        padding: 0 5%;
    }
    .title-container {
        margin-left: 5%;
    }
    .toggle-navigation {
        margin-right: 5%;
    }
}

/* typography */
h2, h3, .post-title {
    margin-bottom: .25em;
}
p {
    margin: 1.3em 0;
}
/* .single .post-content h2,
.single .post-content h3,
.single .post-content h4 {
    margin-top: 1.5em;
} */

/*** site header ***/
.pk-site-title-container {
    display: flex;
    align-items: center;
}
.pk-site-title-container a {
    flex: 0 0 100px;
}
@media (min-width: 56.25em) {
    .pk-site-title-container a {
        flex: 0 0 4em;
    }
}
.pk-site-title-container a:first-of-type {
    margin-right: .25em;
}
.tagline {
    font-size: 1rem;
}
.menu-primary-container {
    margin-top: .5rem;
}
.menu-primary-items a {
    font-size: .75rem;
}

/* site name */
.pk-site-name {
    font-size: 1.5rem;
    
}
@media (min-width: 56.25em) {
    .pk-site-name {
        font-size: 1.5rem;
    }
}

@media (min-width: 56.25em) {
    .title-container {
        max-width: 40%;
    }
}

@media (min-width: 87.5em) {
    .site-header {
        display: flex;
        justify-content: space-between;
    }
}



/*** Posts ***/
.post-header,
.blog .post-content {
    text-align: left;
    margin-top: 0;
}
.post-header {
    margin-bottom: .5rem;
}
.post-header p {
    text-transform: capitalize;
    /* font-size: .825rem; */
    /* margin-top: .5rem; */
}
.post-title {
    font-size: 2em;
    line-height: 1.3;
}

@media (min-width: 68.75em) {
    .post-title {
        font-size: 2em;
        line-height: 1.3;
    }
}


.blog .post-content .post-comments,
.archive .post-content .post-comments {
    display: none;
}
@media (min-width: 68.75em) {
    .singular .post-content {
        margin-top: 1.5em;
    }
}

.post-content figure figcaption {
    text-align: left;
}

/*** Footer ***/
.site-footer span {
    font-size: 0.6875em;
}

/* archive page */
.archive-header,
.archive .post-content {
    text-align: left;
}