/*
Theme Name: CultureRamp
Theme URI: http://cultureramp.com/
Description: Mobile stylesheet for CultureRamp.
Author: L. Rhodes
Author URI: http://cultureramp.com/
Version: 2.0
*/

/* -------------------- RESPONSIVE ELEMENTS */

@media only screen and (min-width: 480px) {
    body {
        font-size: 24px !important;
    }
}

body {
    width: 20em;
}
.content #post-copy {
    width: 19em;
}
.art {
    float: none;
    margin: 0;
    padding: 0;
    width: 20em;
    height: auto;
}
.art img {
    max-width: 20em;
    height: auto;
}

#header {
   text-align: center;
}
.masthead li {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.masthead .mag-title,
.masthead .feeds,
.masthead .directory,
.masthead .search,
.masthead .dateline {
    padding-bottom: 1em;
}
.masthead .directory {
    float: left;
}
.masthead .directory .nav-link {
    background-color: #CCC;
    border: 1px solid #FFF;
}
.masthead .directory a {
    display: block;
}
.masthead .departments {
    display: inline-block;
    line-height: 1.2em;
    padding: 0px;
}
.masthead .departments a {
    width: 100%;
}
.content {
    padding-left: .5em;
    padding-right: .5em;
}
.content #post-copy .wp-caption,
.wp-caption p.wp-caption-text {
    width: 30em;
}  
.content #post-copy .wp-caption img {
    height: 21.75em;
    margin: 0px;
    padding: 0px;
    width: 29em;
}
.body-ad {
    float: none;
    margin-left: 0em;
    margin-right: 0em;
}
#colophon li {
    display: block;
}


/* -------------------- FRONTPAGE */

.catbox-listing,
.catbox-title,
.catbox-desc,
.catbox-more {
    display: block;
}
.catbox .card-1 {
    border-bottom: solid 1px #CCC;
}
.catbox .older .card-3 {
    border-bottom: solid 1px #CCC;
    border-top: solid 1px #CCC;
}
.lede .older .card-3 {
    border-bottom: solid 1px #CCC;
    border-top: solid 1px #CCC;
}

.frontpage #features .art {
    float: none;
    margin: 0;
    padding: 0;
    width: 20em;
    height: auto;
}

#sidebar {
    border-bottom: solid 1px #CCC;
    border-top: solid 1px #CCC;
}