@import "/content/basepage.less";

.summary {
    margin: 1em 0.5em;
}

/* Home section */

.home {
    display: flex;
    flex-wrap: wrap;
}

.home .section {
    flex: 0 1 100%;
    vertical-align: top;
    flex-wrap: wrap;
    border: solid #AAA 2px;
    border-radius: 10px;
    margin: 0.3em;
    padding: 0.5em 0;
}

     
.section .title {
    font-weight: bold;
    margin: 0.6em;
}

.section .item {
    margin: 1em 0.6em;
}

.section .item .title {
    margin: 0em;
}

.section .item .blurb {
    font-size: 0.9em;
    margin: 0.0em 0;
}

.section .item .created {
    margin: 0em 0em;
    font-size: 0.8em;
}

.section .bio {
    display: flex;
}

.section .bio .title {
    flex: 1 0 auto;
    margin: 0.2em 0.5em;
    font-weight: bold;
    font-size: 1.2em;
    text-align: right;
}

.section .bio .label {
    flex: 0 1 6em;

    .up-to-phone-portrait({
      flex: 0 1 20%;
    });

    margin: 0.2em 0.5em;
    font-weight: bold;  
}

.section .bio .details {
    flex: 2 1 80%;
    margin: 0.2em 0.5em 0.2em 0;
}

.section .bio .break {
    margin: 1em 0.5em 0.5em 0.5em;
}

/*
.postpic {
    margin: 0 auto;
    padding: 0.5em 0.5em 0.5em 0em;

    .for-phone-only({
         flex: 0 1 100%;
    });

    .for-tablet-landscape-up({
         flex: 0 1 30%;
    });
}
*/

.postdesc {
    flex: 1 0 30%;
}

.postpic img {
   width: 100%;
}

/* Nav */

.nav {
   flex: 1 1 auto;
}