/**
 * @file        article.css
 * @description Article/Recipe styles
*/

/**
 * @section SUPPORTING CONTENT
*/
.content-supporting {
    margin-bottom: 10px;
}

/*
 .content-supporting .mediaviewer-container {
    margin-bottom: 20px;
}
*/

.content-supporting .mediaviewer-container .photo {
    margin-bottom: 6px;
}

.mediaviewer-container.slideshow-enabled {
    width: 300px;
    height: 320px;
}

.content-supporting .mediaviewer-container.slideshow-enabled .photo {
    margin-bottom: 0;
}

.content-supporting .mediaviewer-container.slideshow-enabled .photo {
    width: 300px;
}


/* Article Types */
/* wide and sub page */
.wide .content-supporting #position1_content,
.subpage .content-supporting #position1_content {
    float: right;
    margin: 0 0 10px 10px;
    width: 300px;
}

.wide .mediaviewer-container.slideshow-enabled,
.wide .mediaviewer-container.slideshow-enabled .photo {
    width: 630px;
}

/* float left */
.floatLeft .content-supporting {
    float: left;
    margin-right: 10px;
    width: 300px;
}

/* float right */
.floatRight .content-supporting {
    float: right;
    margin-left: 10px;
    width: 300px;
}


/**
 * @section ARTICLE BODY
*/
.article-text {
    line-height: 1.4;
    padding-bottom: 6px;
}

.article-text p {
    margin-bottom: 10px;
}

/* Custom Typography */
/* headers */
.article-text h3 {
    font: bold 11px Arial,Helvetica,sans-serif;
    letter-spacing: .5px;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.article-text h3.color2 {
    color: #59ad3c; /* green */
}

.article-text h3.color3 {
    color: #9f2b53; /* berry */
}

/* drop cap */
.article-text .drop-cap {
    float: left;
    font-size: 36px;
    line-height: 1;
    margin-right: 2px;
}

/* block quotes */
.article-text blockquote {
    font: bold 16px Arial,Helvetica,sans-serif;
}

.article-text blockquote.pullquote {
    float: right;
    font: normal 24px Georgia,serif;
    margin: 0 20px 10px;
    width: 220px;
}