/*--------------------------------------------------------------
Recent Notifications
--------------------------------------------------------------*/
.notifications-wrapper aside{
    padding: 0;
}
.notifications {
   display:flex;
   align-items: center;
   flex-wrap: wrap;
   align-content: center;
   justify-content: center;
   flex-direction: column;
   padding: 8px 0;
}
.notifications .news_header {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color:#fff;
    padding-left: 0px;
    padding-bottom: 0px;
    margin-right:10px;
    white-space: normal;
}
.notifications .article-title {
  padding:6px 0 0;
  white-space: normal;
}

.notifications .article-title h5 {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    text-transform: Capitalize;
    margin:0!important;
    text-align: center;
}
.notifications .article-title h5 a {
  color:#fff
}
.notifications .article-title h5 a:hover {
  color:#000
}

.long-and-truncated {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#breaking-news{
    background-color: #D12929;
}

#alerts{
    background-color: #f89406;
}

@media (min-width: 768px) {
    .notifications {
        display:flex;
        flex-wrap: nowrap;
        align-content: center;
        flex-direction: row;
     }

     .notifications .article-title {
        padding: 0;
    }

    .notifications .article-title h5 {
        text-align: left;
    }
}


/*--------------------------------------------------------------
Recent Post Advanced - Recent
--------------------------------------------------------------*/
#wpb-recent
{
    margin-bottom: 5px
}

#wpb-recent .article-title h5
{
    margin:0;
    color:#666;
}

#wpb-recent.article-title h5 a
{
    font:normal 300 18px/22px "Lato";
    margin:0
}

#wpb-recent .article-meta .fa
{
    padding:0 10px 0 0;
    margin:0 0 0 5px
}

#wpb-recent .article-meta
{
    font:normal 300 11px/12px "Lato";
    color:#999
}

/*--------------------------------------------------------------
Recent Post Advanced - Summary
--------------------------------------------------------------*/

#wpb-summary .article-title h5
{
    margin:0;
    color:#666;
}

#wpb-summary .article-title h5 a
{
    font:normal 300 18px/22px "Lato";
    margin:0
}

#wpb-summary .article-meta .fa
{
    padding:10px 10px 0 0;
    margin:0 0 0 5px
}

#wpb-summary .article-meta
{
    font:normal 300 11px/12px "Lato";
    color:#999
}

/*--------------------------------------------------------------
Recent Post Advanced - Thumbnail
--------------------------------------------------------------*/
#wpb-thumbnail
{
    padding:0;
    margin:0 0 10px 0;
    border-bottom:0px dotted #d2d2d2
}

#wpb-thumbnail .article-thumb
{
    width:245px;
    float:left;
    margin:0 15px 0 0
}

#wpb-thumbnail .article-title h5
{
    margin:0;
    color:#666;
}

#wpb-thumbnail .article-title h5 a
{
    font:normal 300 18px/22px "Lato";
    margin:0
}

#wpb-thumbnail .article-meta .fa
{
    padding:10px 10px 0 0;
    margin:0 0 0 5px
}

#wpb-thumbnail .article-meta
{
    font:normal 300 11px/12px "Lato";
    color:#999
}

/*--------------------------------------------------------------
Recent Post Advanced - Thumbnail Summary
--------------------------------------------------------------*/
#wpb-thumb-sum
{
    padding:0;
    margin:0 0 10px 0;
    border-bottom:0px dotted #d2d2d2
}

#wpb-thumb-sum .article-thumb
{
    width:245px;
    float:left;
    margin:0 15px 0 0
}

#wpb-thumb-sum .article-title h5
{
    margin:0;
    color:#666;
}

#wpb-thumb-sum .article-title h5 a
{
    font:normal 300 18px/22px "Lato";
    margin:0
}

#wpb-thumb-sum .article-meta .fa
{
    padding:10px 10px 0 0;
    margin:0 0 0 5px
}

#wpb-thumb-sum .article-meta
{
    font:normal 300 11px/12px "Lato";
    color:#999
}

#wpb-thumb-sum .entry-summary
{
    font:normal 300 14px/22px "Open Sans";
}

/*--------------------------------------------------------------
Recent Post Advanced - Two Column
--------------------------------------------------------------*/
#wpb-two-column .article-wrapper
{
    background:#f1f1f1;
    margin:0 0 10px 0
}

#wpb-two-column .article-thumb
{
    position:relative
}

#wpb-two-column .category .post-categories
{
    background: #fff;
    padding:0px 6px;
    text-transform:uppercase;
    position:absolute;
    bottom: 5%;
    left:0
}

#wpb-two-column .article-container
{
    padding:0 20px 20px 20px;
}

#wpb-two-column .article-title h5
{
    margin:0;
    color:#666;
}

#wpb-two-column .article-title h5 a
{
    font:normal 300 16px/22px "Lato";
    margin:0
}

#wpb-two-column .article-meta .fa
{
    padding:10px 10px 0 0;
    margin:0 0 0 5px
}

#wpb-two-column .article-meta
{
    font:normal 300 12px/22px "Lato";
    color:#999;
    padding:0 0 10px 0
}


/*--------------------------------------------------------------
Recent Post Advanced - Three Column
--------------------------------------------------------------*/
#wpb-three-column .article-wrapper
{
    background:#f1f1f1;
    margin:0 0 10px 0
}

#wpb-three-column .article-thumb
{
    position:relative
}

#wpb-three-column .category .post-categories
{
    background: #fff;
    padding:0px 6px;
    text-transform:uppercase;
    position:absolute;
    bottom: 5%;
    left:0
}

#wpb-three-column .article-container
{
    padding:0 20px 20px 20px;
}

#wpb-three-column .article-title h5
{
    margin:0;
    color:#666;
}

#wpb-three-column .article-title h5 a
{
    font:normal 300 16px/22px "Lato";
    margin:0
}

#wpb-three-column .article-meta .fa
{
    padding:10px 10px 0 0;
    margin:0 0 0 5px
}

#wpb-three-column .article-meta
{
    font:normal 300 12px/22px "Lato";
    color:#999;
    padding:0 0 10px 0
}

/*--------------------------------------------------------------
Recent Post Advanced - Four Column
--------------------------------------------------------------*/
#wpb-four-column .article-wrapper
{
    background:#f1f1f1;
    margin:0 0 10px 0
}

#wpb-four-column .article-thumb
{
    position:relative
}

#wpb-four-column .category .post-categories
{
    background: #fff;
    padding:0px 6px;
    text-transform:uppercase;
    position:absolute;
    bottom: 5%;
    left:0
}

#wpb-four-column .article-container
{
    padding:0 20px 20px 20px;
}

#wpb-four-column .article-title h5
{
    margin:0;
    color:#666;
}

#wpb-four-column .article-title h5 a
{
    font:normal 300 16px/22px "Lato";
    margin:0
}

#wpb-four-column .article-meta .fa
{
    padding:10px 10px 0 0;
    margin:0 0 0 5px
}

#wpb-four-column .article-meta
{
    font:normal 300 12px/22px "Lato";
    color:#999;
    padding:0 0 10px 0
}

/*--------------------------------------------------------------
Recent Post Advanced - Four Column Thumbnail
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Recent Podcasts
-------------------------------------------------------------*/
#wpb-podcasts {
    padding:5px 10px;
    border-bottom:1px solid #eee
}

#wpb-podcasts:last-child {
    padding:10px;
    border-style:none
}

#wpb-podcasts .article-title h5  {
    margin:0 0 2px 0
}

#wpb-podcasts .article-title h5 a  {
    font: normal 600 14px/18px 'Lato';
    color: #142e53;
    margin:0
}

#wpb-podcasts .article-title h5 a:hover  {
    color:#7A8298
}

#wpb-podcasts .jp-audio, .jp-video {
    margin-bottom:5px
}
/*--------------------------------------------------------------
Recent Post Advanced - One Large Three Small
--------------------------------------------------------------*/
#wpb-one-three:first-child {
    width:46%;
    float:left;
    margin:0 20px 0 0;
    border-style:none;
    padding:0 0 10px;
}

#wpb-one-three:first-child .article-thumb
{
    width:100%;
    float:none
}

#wpb-one-three:first-child .article-title,
#wpb-one-three:first-child .entry-summary
{
    display:block
}

#wpb-one-three {
    width:50%;
    float:left;
    border-bottom:1px dotted #e2e2e2;
    padding:0 0 10px;
    margin:0 0 10px
}

#wpb-one-three:last-of-type
{
    border-style:none;
    margin:0;
    padding:0
}

#wpb-one-three .article-title h5
{
   margin:5px 0
}

#wpb-one-three .article-title h5 a
{
    font:normal 600 14px/18px 'Lato';
    color:#142e53
}

#wpb-one-three .article-title h5 a:hover
{
  color:#7b839a
}

#wpb-one-three .article-thumb
{
    width:39%;
    float:left;
    margin-right:20px
}

#wpb-one-three .entry-summary
{
    display:none
}

@media only screen and (max-width: 539px){

#wpb-one-three:first-child {
    width:100%;
}

#wpb-one-three {
    width:100%;
}

#wpb-one-three .article-wrapper:last-child {
    margin-bottom:20px
}

}

/*--------------------------------------------------------------
Recent Post Advanced - Header A
--------------------------------------------------------------*/
#wpb-header-a {position:relative; z-index: 20}
#wpb-header-a:first-child {width:51.8%; height:auto; overflow:hidden; float:left; margin-right:10px}
#wpb-header-a:first-child .article-container {
    position:absolute;
    bottom:5%;
    width:100%;
    padding-bottom: 5px;
    padding-left: 5%; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+36,0.65+68,0+100 */
background: -moz-linear-gradient(top,  hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0.65) 36%, hsla(0,0%,0%,0.65) 68%, hsla(0,0%,0%,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.65) 36%,hsla(0,0%,0%,0.65) 68%,hsla(0,0%,0%,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.65) 36%,hsla(0,0%,0%,0.65) 68%,hsla(0,0%,0%,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

#wpb-header-a:last-child {margin-right:0;}
#wpb-header-a:nth-of-type(4) {margin-right:0}
#wpb-header-a {width:23%; float:left; margin-right:10px}

#wpb-header-a .article-container {
    position:absolute;
    bottom:5%;
    width:100%;
    padding-bottom: 5px;
    padding-left: 5%; 
background: -moz-linear-gradient(top,  hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0.65) 36%, hsla(0,0%,0%,0.65) 68%, hsla(0,0%,0%,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.65) 36%,hsla(0,0%,0%,0.65) 68%,hsla(0,0%,0%,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.65) 36%,hsla(0,0%,0%,0.65) 68%,hsla(0,0%,0%,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

#wpb-header-a .article-title h5 {margin:0; font-family: "Open Sans", Arial, Helvetica, Sans-Serif; }
#wpb-header-a .article-title a {font-size:14px; line-height:14px; color:#fff} 


@media (max-width: 991px) {

#wpb-header-a:first-child {width:100%; height:auto; overflow:hidden; float:left; margin-right:10px}
#wpb-header-a:first-child .article-container {
    position:absolute;
    bottom:5%;
    width:100%;
    padding-bottom: 5px;
    padding-left: 5%; 
    background: -moz-linear-gradient(top,  hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0.65) 36%, hsla(0,0%,0%,0.65) 68%, hsla(0,0%,0%,0) 100%); /* FF3.6-15 */
    bottom:2%;    
    background: -moz-linear-gradient(top,  hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0.31) 47%, hsla(0,0%,0%,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.31) 47%,hsla(0,0%,0%,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.31) 47%,hsla(0,0%,0%,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
    
#wpb-header-a {width:49%}    
#wpb-header-a .article-container {
    bottom:5%;    
    background: -moz-linear-gradient(top,  hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0.31) 47%, hsla(0,0%,0%,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.31) 47%,hsla(0,0%,0%,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.31) 47%,hsla(0,0%,0%,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */    
}
    
    #wpb-header-a .article-title h5 a {font-size: 20px; line-height: 24px}

}

@media (max-width: 767px) {
    
#wpb-header-a:first-child {width:100%; height:auto; overflow:hidden; float:none; margin:0 0 10px 0}
#wpb-header-a {width:100%; float:none; margin-right:10px}
#wpb-header-a:first-child .article-container {
    bottom:5%;    
    background: -moz-linear-gradient(top,  hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0.31) 47%, hsla(0,0%,0%,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.31) 47%,hsla(0,0%,0%,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.31) 47%,hsla(0,0%,0%,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

    }
    
#wpb-header-a .article-container {
    bottom:5%;    
    background: -moz-linear-gradient(top,  hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0.31) 47%, hsla(0,0%,0%,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.31) 47%,hsla(0,0%,0%,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.31) 47%,hsla(0,0%,0%,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

    }
 }

/*--------------------------------------------------------------
Magazine A
--------------------------------------------------------------*/
#magazine-a .article-wrapper {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #ddd
}
#magazine-a figure {
    width:80px;
    float:left;
    margin-right:10px
}
#magazine-a figure img {
    margin-bottom:0
}
#magazine-a header h2  {
    font:normal 900 14px/16px 'Open Sans', Sans-Serif; 
    color:#000;
}
#magazine-a .article-meta {
    font:normal 400 11px/14px 'Open Sans', Sans-Serif; 
    color:#A1A1A1;
    margin:5px 0 0 0
}
#magazine-a .article-container .entry-summary {
    display:none
}
#magazine-a .article-container .read-more {
    display:none
}

/* ---------------------------------- * $Small devices (620px and up)
\*------------------------------------*/
@media (min-width: 621px) {
    #magazine-a:first-child figure{
        width:235px;
        float:left;
        margin-bottom:15px;
        margin-right:10px
    }
    #magazine-a:first-child header h2  {
        font:normal 900 20px/22px 'Open Sans', Sans-Serif; 
        color:#000;
    }
    #magazine-a:first-child .article-container .entry-summary {
        font:normal 400 14px/22px 'Open Sans', Sans-Serif; 
        color:#666;
        display:block
    }
    #magazine-a:first-child .article-meta {
        font:normal 400 11px/14px 'Open Sans', Sans-Serif; 
        color:#A1A1A1;
        margin:4px 0
    }

}
/* ---------------------------------- * $Small devices (992px and up)
\*------------------------------------*/
@media (min-width: 992px) {

    #magazine-a:first-child figure{
        width:100%;
        float:none;
        margin-bottom:15px;
        margin-right:0
    }
}


/*--------------------------------------------------------------
Magazine B
--------------------------------------------------------------*/
#magazine-b .article-wrapper {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #ddd
}
#magazine-b figure {
    width:80px;
    float:left;
    margin-right:10px
}
#magazine-b figure img {
    margin-bottom:0
}
#magazine-b header h2  {
    font:normal 900 14px/16px 'Open Sans', Sans-Serif; 
    color:#000;
}
#magazine-b .article-meta {
    font:normal 400 11px/14px 'Open Sans', Sans-Serif; 
    color:#A1A1A1;
    margin:5px 0 0 0
}
#magazine-b .article-container .entry-summary {
    display:none
}
#magazine-b .article-container .read-more {
    display:none
}

/* ---------------------------------- * $Small devices (576px and up)
\*------------------------------------*/
@media (min-width: 576px) {
    #magazine-b:first-child figure{
        width:235px;
        float:left;
        margin-bottom:15px;
        margin-right:10px
    }
    #magazine-b:first-child header h2  {
        font:normal 900 20px/22px 'Open Sans', Sans-Serif; 
        color:#000;
    }
    #magazine-b:first-child .article-container .entry-summary {
        font:normal 400 14px/22px 'Open Sans', Sans-Serif; 
        color:#666;
        display:block
    }
    #magazine-b:first-child .article-meta {
        font:normal 400 11px/14px 'Open Sans', Sans-Serif; 
        color:#A1A1A1;
        margin:4px 0
    }
}

/* ---------------------------------- * $Small devices (621px and up)
\*------------------------------------*/
@media (min-width: 621px) {
    #magazine-b:first-child figure{
        width:235px;
        float:left;
        margin-bottom:15px;
        margin-right:10px
    }
    #magazine-b:first-child header h2  {
        font:normal 900 20px/22px 'Open Sans', Sans-Serif; 
        color:#000;
    }
    #magazine-b:first-child .article-container .entry-summary {
        font:normal 400 14px/22px 'Open Sans', Sans-Serif; 
        color:#666;
        display:block
    }
    #magazine-b:first-child .article-meta {
        font:normal 400 11px/14px 'Open Sans', Sans-Serif; 
        color:#A1A1A1;
        margin:4px 0
    }
}

/* ---------------------------------- * $Small devices (767px and up)
\*------------------------------------*/
@media (min-width: 767px) {
    #magazine-b:first-child figure{
        width:330px;
        float:left;
        margin-bottom:15px;
        margin-right:10px
    }
}

/* ---------------------------------- * $Small devices (992px and up)
\*------------------------------------*/
@media (min-width: 992px) {
    #magazine-b .article-wrapper {
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px dotted #ddd
    }
    #magazine-b:first-child figure {
        width:80px;
        float:left;
        margin-right:10px
    }
    #magazine-b:first-child header h2  {
        font:normal 900 14px/16px 'Open Sans', Sans-Serif; 
        color:#000;
    }
    #magazine-b:first-child .article-container .entry-summary {
        display:none
    }
    #magazine-b figure {
        width:80px;
        float:left;
        margin-right:10px
    }
    #magazine-b figure img {
        margin-bottom:0
    }
    #magazine-b header h2  {
        font:normal 900 14px/16px 'Open Sans', Sans-Serif; 
        color:#000;
    }
    #magazine-b .article-meta {
        font:normal 400 11px/14px 'Open Sans', Sans-Serif; 
        color:#A1A1A1;
        margin:5px 0 0 0
    }
    #magazine-b .article-container .entry-summary {
        display:none
    }
    #magazine-b .article-container .read-more {
        display:none
    }
}


/*--------------------------------------------------------------
Magazine C
--------------------------------------------------------------*/
#magazine-c .article-wrapper {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #ddd;
}
#magazine-c figure {
    width:80px;
    float:left;
    margin-right:10px
}
#magazine-c figure img {
    margin-bottom:0
}
#magazine-c header h2  {
    font:normal 700 14px/16px 'Open Sans', Sans-Serif; 
    color:#000;
}
#magazine-c .article-meta {
    font:normal 400 11px/14px 'Open Sans', Sans-Serif; 
    color:#A1A1A1;
    margin:5px 0 0 0
}
#magazine-c .article-container .entry-summary {
    display:none
}
#magazine-c .article-container .read-more {
    display:none
}

/* ---------------------------------- * $Small devices (576px and up)
\*------------------------------------*/
@media (min-width: 576px) {
    #magazine-c:first-child figure{
        width:235px;
        float:left;
        margin-bottom:15px;
        margin-right:10px
    }
    #magazine-c:first-child header h2  {
        font:normal 900 20px/22px 'Open Sans', Sans-Serif; 
        color:#000;
    }
    #magazine-c:first-child .article-container .entry-summary {
        font:normal 400 14px/22px 'Open Sans', Sans-Serif; 
        color:#666;
        display:block
    }
    #magazine-c:first-child .article-meta {
        font:normal 400 11px/14px 'Open Sans', Sans-Serif; 
        color:#A1A1A1;
        margin:4px 0
    }
}

/* ---------------------------------- * $Small devices (621px and up)
\*------------------------------------*/
@media (min-width: 621px) {
    #magazine-c:first-child figure{
        width:235px;
        float:left;
        margin-bottom:15px;
        margin-right:10px
    }
    #magazine-c:first-child header h2  {
        font:normal 900 20px/22px 'Open Sans', Sans-Serif; 
        color:#000;
    }
    #magazine-c:first-child .article-container .entry-summary {
        font:normal 400 14px/22px 'Open Sans', Sans-Serif; 
        color:#666;
        display:block
    }
    #magazine-c:first-child .article-meta {
        font:normal 400 11px/14px 'Open Sans', Sans-Serif; 
        color:#A1A1A1;
        margin:4px 0
    }
}

/* ---------------------------------- * $Small devices (767px and up)
\*------------------------------------*/
@media (min-width: 767px) {
    #magazine-c:first-child figure{
        width:330px;
        float:left;
        margin-bottom:0;
        margin-right:10px
    }
}

/* ---------------------------------- * $Small devices (992px and up)
\*------------------------------------*/
@media (min-width: 992px) {
    #magazine-c {
        float:left
    }
    #magazine-c .article-wrapper {
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px dotted #ddd;
        width: 100%;
        height: 90px
    }
    #magazine-c:first-child figure {
        width:80px;
        float:left;
        margin-right:10px
    }
    #magazine-c:first-child header h2  {
        font:normal 700 14px/16px 'Open Sans', Sans-Serif; 
        color:#000;
    }
    #magazine-c:first-child .article-container .entry-summary {
        display:none
    }
    #magazine-c figure {
        width:80px;
        float:left;
        margin-right:10px
    }
    #magazine-c figure img {
        margin-bottom:0
    }
    #magazine-c header h2  {
        font:normal 700 14px/16px 'Open Sans', Sans-Serif; 
        color:#000;
    }
    #magazine-c .article-meta {
        font:normal 400 11px/14px 'Open Sans', Sans-Serif; 
        color:#A1A1A1;
        margin:5px 0 0 0
    }
    #magazine-c .article-container .entry-summary {
        display:none
    }
    #magazine-c .article-container .read-more {
        display:none
    }
}

/*-------------------------------------------------------------
Magazine D
--------------------------------------------------------------*/