/*
  Theme Name:   Relation Child
  Description:  Child theme of Relation. Put your own CSS changes in this file.
  Template:     relation
  Version:      1.0.0
  Text Domain:  relation-child
  License:      GPL 3
  License URI:  https://www.gnu.org/licenses/quick-guide-gplv3.en.html
*/

/* ==========================================================
   Your custom CSS goes below. It loads after the parent
   theme's stylesheet, so anything here wins.
   ========================================================== */

/* 40/60 column split on desktop (992px and wider) */
@media screen and (min-width: 992px) {
    .sidemount {
        width: 40%;
        box-sizing: border-box;
    }
    .container-main {
        width: 60%;
    }
    .navbar-fixed {
        width: calc(60% - 20px);
    }
}

/* Left Column widget area */
.left-widgets {
    padding: 1em 1.5em 2em;
}

.left-widgets .widget {
    margin-bottom: 1.5em;
}

/* On desktop, the left column scrolls with the page instead of
   staying pinned in place (the theme pins it with position: fixed).
   It stretches to the full height of the page so its background
   color always reaches the bottom, and the copyright line sits at
   the bottom of the column. */
@media screen and (min-width: 992px) {
    .page-wrap {
        display: flex;
        align-items: stretch;
        padding-left: 0;
    }
    .sidemount {
        position: relative;
        float: none;
        height: auto;
        min-height: 100vh;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        padding-left: 1em;
    }
    .container-main {
        float: none;
        flex: 1 1 auto;
        min-width: 0;
    }
    #copyFooter {
        position: static;
        margin-top: auto;
    }
}

/* Custom footer text */
.footer-text {
    margin: 1em 0;
}

/* Post date under titles */
.post-date {
    margin: 0.25em 0 0;
    font-size: 0.9em;
    color: #696969;
}

/* [all_posts] list */
.all-posts {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.all-posts li {
    margin-bottom: 0.75em;
}

.all-posts-date {
    margin-left: 0.5em;
    font-size: 0.9em;
    color: #696969;
}