/* ============================================================
    Text styles
============================================================ */
.lede {
    color:#222;
    font:normal 1em/1.25 'Proxima Nova Regular',sans-serif; /* 16px/20px */
    margin:0.5em 0;
}
.meta {
    color:#666;
    font:normal 0.75em/1.3334 'Proxima Nova Regular',sans-serif; /* 12px/16px */
    letter-spacing:0.0833em;
    text-transform:uppercase;
    }
    h1 + .meta {
        margin-top:0;
    }
.meta a {
    color:#666;
}


/* ============================================================
    Location header
============================================================ */
@media screen and (min-width:35em) {
    .mile {
        font-size:1em;
        background:url('_assets/sprite.png') no-repeat 0 -4em;
        margin:0;
        padding:0.375em 0;
        width:3.5em;
        height:2.75em;
        display:block;
        }
        .svg .mile {
            background-image:url('_assets/sprite.svg');
        }
    .mile .unit {
        color:#2c1c16;
        font-size:0.625em; /* 10px */
        line-height:1.6em; /* 16px */
        letter-spacing:0.1em;
        text-align:center;
        display:block;
    }
    .mile .value {
        color:#f93;
        font:bold 0.875em/1.2857 'Proxima Nova Bold',sans-serif; /* 14px/18px */
        text-align:center;
        display:block;
    }
    .location {
        position:relative;
        margin-bottom:1.5em;
    }
    .location .title {
        margin-left:1.75em;
    }
    .location .mile {
        position:absolute;
        top:0;
        left:0;
    }
}


/* ============================================================
    Day header
============================================================ */
@media screen and (min-width:35em) {
    .day {
        margin-bottom:1.5em;
        overflow:hidden;
    }
    .day h1 {
        white-space:nowrap;
        float:left;
    }
    .day .meta {
        color:#2c1c16;
        font-size:0.875em; /* 14px */
        line-height:1.1429em; /* 16px */
        letter-spacing:0.125em; /* 2px */
        opacity:0.8;
        margin:3.25em 0 0 1em; /* 52px 0 0 16px */
        float:left;
    }
}


/* ============================================================
    Page Navigation
============================================================ */
.pages {
    border-top:0.25em double #bcb3a6;
    padding-top:0.5em;
    clear:left;
}
.pages li {
    display:inline;
    margin:0;
    padding:0.25em;
    border-right:1px solid #bcb3a6;
}
.pages li.page-current {
    background-color:#bcb3a6;
}
.pages li.page-prev,
.pages li.page-next {
    border:0 none;
}
.pages li a {
    font-family:sans-serif;
    font-weight:bold;
    font-size:0.875em; /* 14px */
    line-height:1.1429; /* 16px */
    padding:0.5714em; /* 8px; */
    }
    .pages li a:hover {
        border:0 none;
    }
.pages li.page-prev a {
    padding-left:0;
}
.pages li.page-next a {
    padding-right:0;
}


/* ============================================================
    Page Navigation
============================================================ */
.items {
    clear:left;
    overflow:hidden;
}
.items li {
    display:inline;
    margin:0;
    padding:0.25em;
    float:left;
}
.items li.item-next {
    float:right;
}
.items li a {
    font-family:sans-serif;
    font-weight:bold;
    font-size:0.875em; /* 14px */
    line-height:1.1429; /* 16px */
    padding:0.5714em; /* 8px; */
    }
    .items li a:hover {
        border:0 none;
    }
.items li.item-prev a {
    padding-left:0;
}
.items li.item-next a {
    padding-right:0;
}
@media screen and (min-width:64em) {
    .items {
        position:absolute;
        width:95%;
        margin:0 -2.5%;
        top:26em;
    }
    .items li {
        padding:0;
        left:0;
    }
    .items li a {
        font-size:1em;
        text-indent:-999em;
        background:url('_assets/sprite.png') no-repeat 0 -8em;
        padding:0;
        display:block;
        height:4em;
        width:4em;
        opacity:0.2;
        }
        .svg .items li a {
            background-image:url('_assets/sprite.svg');
        }
    .items li a:hover {
        opacity:0.4;
    }
    .items li.item-next {
        right:0;
    }
    .items li.item-next a {
        background-position:0 -12em;
    }
}
@media screen
and (max-height:40em) {
    .items {
        top:17em;
    }
}


/* ============================================================
    vCards
============================================================ */
.vcards {
    overflow:hidden;
}
.vcard {
    font-family:"Proxima Nova Regular",sans-serif;
    list-style:none;
    margin:0.75em 0;
    overflow:hidden;
}
.vcard p {
    font-size:0.875em;
    line-height:1.4286; /* 20px */
}
.vcard .fn {
    margin-top:0;
}
.vcard a {
    font-family:'Proxima Nova Regular',sans-serif;
    font-weight:normal;
}
.vcard .photo {
    margin-right:0.5em;
    border-radius:100%;
    float:left;
}


/* ============================================================
    Links
============================================================ */
.link {
    list-style-image:url(_assets/bullet-star.png);
}


/* ============================================================
    Media Frame
============================================================ */
.media-frame {
    background:#1c0c06 url('_assets/bg-dark.png') repeat;
   -webkit-box-shadow:inset 0 2px 0 #000;
   -moz-box-shadow:inset 0 2px 0 #000;
   -ms-box-shadow:inset 0 2px 0 #000;
   -o-box-shadow:inset 0 2px 0 #000;
    box-shadow:inset 0 2px 0 #000;
    padding:1em 5%; /* 16px 16/320 */
    margin:0 -5.555555555556%; /* 0 16/288 */
}
img.media-object,
.media-object-wrapper {
    margin:0 auto;
    width:100%;
    max-width:50em; /* 800px */
}
.media-object-wrapper {
    padding-bottom:56.25%;
    height:0;
    position:relative;
    }
    .media-object-wrapper iframe.media-object {
        width:100%;
        height:100%;
        position:absolute;
    }
@media screen and (min-width:55em) { /* 880px */
    .media-object-wrapper {
        padding-bottom:28.125em; /* 450px */
    }
}
@media screen and (max-height:35em) and (orientation:landscape) { /* 560px */
    .media-object-wrapper {
        width:60%;
        padding-bottom:33.75%;
    }
}


/* ============================================================
    Media List
============================================================ */
.media {
    list-style:none;
    margin:0;
    clear:both;
    overflow:hidden;
}
.media-item {
    background-color:#fff;
   -webkit-box-shadow:1px 1px 0 rgba(188,179,166,0.5);
   -moz-box-shadow:1px 1px 0 rgba(188,179,166,0.5);
   -ms-box-shadow:1px 1px 0 rgba(188,179,166,0.5);
   -o-box-shadow:1px 1px 0 rgba(188,179,166,0.5);
    box-shadow:1px 1px 0 rgba(188,179,166,0.5);
    width:47.916666666667%; /* 138/288 */
    margin:0 4.166666666667% 4.166666666667% 0; /* 0 12/288 12/288 0 */
    float:left;
    }
    .media-item:nth-child(2n) {
        margin-right:0;
    }
.media-item h2.title {
    color:#603;
    font-family:'Proxima Nova Bold',sans-serif;
    font-weight:bold;
    font-size:0.875em; /* 14px */
    line-height:1.1429; /* 16px */
    text-transform:capitalize;
    margin:0;
    border:0 none;
    padding:0 0.2857em; /* 0 4px; */
}
.media-item time {
    font-weight:normal;
    margin-left:0.3334em; /* 4px */
}
.media-item img {
    margin-bottom:0.2857em; /* 4px */
}
.media-item a {
    padding-bottom:0.25em; /* 4px */
    display:block;
    }
    .media-item a:hover {
        border:0 none;
    }
@media screen and (min-width:35em) {
    .media-item {
        width:30.612244897959%; /* 240/784 */
        margin:0 4.081632653061% 4.081632653061% 0; /* 0 32/784 32/784 0 */
        }
        .media-item:nth-child(2n) {
            margin-right:4.081632653061%;
        }
        .media-item:nth-child(3n) {
            margin-right:0;
        }
        .media-item h2.title {
            font-size:1em;
            padding:0 0.5em; /* 0 8px */
        }
        .media-item time {
            font-weight:normal;
            margin-left:0.75em; /* 8px */
        }
}
@media screen and (min-width:73.5em) {
    .media-item {
        width:21.938775510204%; /* 172/784 */
        }
        .media-item:nth-child(2n),
        .media-item:nth-child(3n) {
            margin-right:4.081632653061%;
        }
        .media-item:nth-child(4n) {
            margin-right:0;
        }
}


/* ============================================================
    Map
============================================================ */
img.map {
    outline:2px solid #bcb3a6;
}