/* 
   Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/* as it was, the mobile menu covered up everything, including anyway to return to the normal page! */
body div#main_nav_wrapper nav.open {
    position: relative;
}

/* and, just, too much stuff for a mobile menu... */
body div#main_nav_wrapper nav.open ul.sub-menu {
    display: none;
}

body #jp-relatedposts h3.jp-relatedposts-headline em {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 2px;
    font-family: 'Libre Baskerville', serif;
    display: inline;
}

@media only screen and (max-width: 640px) {
    body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
        width: 33%;
    }
    
    body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) {
        clear: none;
    }
}

/* the extended-featured-post plugin started showing all of the posts after an update */
/* actually, as of 2016-06-17, they don't want the Featured Posts sidebar2 at all */
div#sidebar2 {
    display: none;
}

/* adding this CSS makes it show just the first divs, as desired  -dre 20151103 */
div#sidebar2 div.efwp-featured-post {
    display: none;
}

div#sidebar2 div.efwp-featured-post:first-of-type {
    display: block;
}

/* I prefer to keep the media queries to a limited number of sizes,
   however, the banner ad in the .header looks perfect at 768 and horrible at 481, 
   so we're using a size just for this.  -David Ernst 2015-08-31 
   */
.header center:first-of-type {
    display: none;
}

@media only screen and (min-width: 740px) {
    .header center:first-of-type {
        display: block;
    }
}

/* display recipe cards */
div#snippet-box {
    display: block;
    max-width: 731px;
    width: 100%;
}

section.entry-content span.star-img {
    display: block;
}

section.entry-content span.star-img img {
    width: auto;
    display: inline;
    margin: 0;
}

/* ----------------------------------- */
#new-royalslider-1 {
    background-color: transparent;
    padding-bottom: 30px;
    /* border-bottom: #bbb solid 1px; */
    margin-bottom: 0;
}

#new-royalslider-1 .rsBullet span:before {
    content: \"\\f111\";
    font-size: 10px;
    color: #62CBC6;
    font-family: FontAwesome;
}

#new-royalslider-1 .rsBullet.rsNavSelected span:before {
    color: #244481;
}

#new-royalslider-1.rsUni .rsBullets {
    text-align: left;
}

#new-royalslider-1.rsUni .rsBullet.rsNavSelected span,
#new-royalslider-1.rsUni .rsBullet span {
    background-color: transparent;
}

#new-royalslider-1.rsUni .rsGCaption {
    bottom: 0;
    left: 0;
    text-align: left;
    background: rgba(255,255,255,0.85);
    color: #212121;
    padding: 10px 8px;
    width: 100%;
    font-family: 'Cardo', serif;

    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
}

h2.been-up-to {
    border-top: black solid 3px;
    border-bottom: #bbb solid 1px;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 22px;
    margin-top: 10px;
}

body.home article.post {
    margin-bottom: 10px;
}

.featured-image {
    float: left;
}

.content-preview.style-2016 {
    margin-left: 150px;
    position: relative;
}

.content-preview.style-2016 p.byline.entry-meta.vcard {
    position: absolute;
    right: 40px;
    font-size: 80%;
}

.content-preview.style-2016 h1 {
    font-size: 1.4em;
}

.content-preview.style-2016 header.article-header {
    margin-bottom: 5px;
}

.content-preview.style-2016 .entry-content p {
    font-size: 100%;
    line-height: 1.2;
    margin-bottom: 0;
}

.content-preview.style-2016 .entry-content p.the-category {
    margin: 1em 0 0;
    font-size: 80%;
    text-transform: uppercase;
}

.social-share a {
    padding: 0 .2em 0 .7em;
}

section.entry-content img.swp_hidden_pin_image {
    height: 0;
    width: 0;
}