@charset "utf-8";
/* CSS Document */

#story-thumbs-panel {
    
    width:100%;
    background-color: #627B74;
    
}

#story-thumbs-panel h2 {

    font-size: 14px;
    line-height:14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-family: "Untitled Sans Regular", Arial, Helvetica, sans-serif;
    padding-bottom:20px;
    padding-top:40px;
    color:#ffffff;
    margin-left: 40px;

}

#story-thumbs-panel h4 {

    font-size: 14px;
    line-height:14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-family: "Untitled Sans Regular", Arial, Helvetica, sans-serif;
    padding-top:20px;
    padding-bottom:40px;
    color:#ffffff;
    margin-left: 40px;

}

#story-thumbs-panel h4 a {

    color:inherit;
    text-decoration: underline;
    outline: none;

}

#story-thumbs-panel h4 a:hover {

    color:inherit;
    text-decoration: none;
    outline: none;

}

#story-thumbs-container {
    
    width:calc(100% - 80px);
    overflow:hidden;
    margin-left: 40px;
    
}

#story-thumbs {
    
    background-color: #627B74;
    display:-webkit-flex;display: -moz-flex;display:-ms-flexbox;display:flex;
    -webkit-flex-flow: row wrap;-moz-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;
    width:calc(100% + 20px);

}

.story-thumb {
    
    width:calc(50% - 20px);
    margin-right:20px;
    margin-bottom:20px;
    font-family: "New Baskerville ITC W01 Roman","Times New Roman",Times, serif;
    font-size: 56px;
    line-height: 67px;
    
}

.story-thumb a:hover {
    
    color:#ffffff; 
    
}

.story-thumb .text {
    
    width:754px;

}

.story-thumb h3{
    
    margin:0;
    padding:0;
    font-weight: normal;
    display: inline;
    font-size:inherit;

}

.story-thumb .strap-text{
    
    font-family: "New Baskerville ITC W01 Italic","Times New Roman",Times, serif;
    font-style: normal;

}

.story-thumb .tags{
    
    margin-top: 20px;

}


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

    .story-thumb {

        font-size: 36px;
        line-height: 43px;

    }
    
    .story-thumb .text {

        width:553px;

    }

}

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

    #story-thumbs-container {

        margin-left: 30px;
        width:calc(100% - 60px);

    }
    
    #story-thumbs-panel h2, #story-thumbs-panel h4 {

        margin-left: 30px;

    }
    
    .story-thumb {

        font-size: 30px;
        line-height: 35px;
        margin-right:15px;
        width:calc(50% - 20px);

    }
    
    .story-thumb .text {

        width:289px;

    }

}

@media only screen and (max-width: 767px), screen and (max-height: 511px) {

    #story-thumbs-container {

        margin-left: 20px;
        width:calc(100% - 40px); 

    }
    
    #story-thumbs-panel h2, #story-thumbs-panel h4 {

        margin-left: 20px;

    }
    
    .story-thumb {

        font-size: 30px;
        line-height: 35px;
        margin-right:0;
        width:100%;

    }
    
    .story-thumb .text {

        width:280px;

    }

}