.story-container{margin:3.125em auto 5.3125em auto;width:75%}
.story-container .story-card-container{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:15px;margin-bottom:1.25em}
.story-container .story-card{margin-bottom:1.875em}
.story-container .story-card .story-link{display:flow-root;text-decoration:none}
.story-container .story-card .story-image{margin:0}
.story-container .story-card .story-image img{width:100%;max-width:100%;display:block;height:auto}
.story-container .story-card .story-image .read-more{position:absolute;top:20px;left:20px;font-size:1.25em;font-family:BrandonGrotesqueBold;text-transform:uppercase;z-index:10;color:#0688c8;display:none}
.story-container .story-card .story-image .read-more.active{display:block}
.story-container .story-card .story-image .story-overlay{display:none;position:absolute;background-color:rgba(0,0,0,0.6);width:100%;height:100%;top:0;left:0}
.story-container .story-card .story-image .story-overlay.active{display:block}
.story-container .story-card .story-details{margin:15px 10px 0}
.story-container .story-card .story-details .story-category{font-family:BrandonGrotesqueBold;font-size:1em;line-height:1.375em;text-transform:uppercase;letter-spacing:.094em}
.story-container .story-card .story-details .story-date{font-size:1em;line-height:1.375em;font-family:BrandonGrotesqueMedium;color:#888b8d}
.story-container .story-card .story-details .story-title{font-family:BrandonGrotesqueBold;font-size:1em;line-height:1.375em;text-transform:uppercase;color:#000;margin-top:6px}
.story-container .story-card .story-details .story-desc{font-size:1em;line-height:1.375em;font-family:Georgia;color:#000}
.story-container .show-more-container{text-align:center;line-height:1;margin-bottom:30px}
.story-container .show-more-container .show-more-text:hover{color:#009cde}
.story-container .show-more-container .show-more-text{display:inline-block;font-size:20px;font-family:BrandonGrotesqueBold;text-transform:uppercase;color:#63666a;cursor:pointer}
.story-container .play-icon{cursor:pointer;background:url('../../images/play-btn-mobile.png') no-repeat center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;z-index:1}
.story-container .paging-container .paging a{padding:10px 16px 4px 14px;border:1px solid #ddd !important}
.story-container .popupOverlay{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:#000;opacity:.8;z-index:99}
.story-container .videoOverlay{display:none;position:fixed;top:50%;left:50%;background:transparent;width:70%;max-width:1008px;transform:translate(-50%,-50%);border-radius:4px;z-index:9999}
.story-container .videoOverlay.youtubeOverlay{height:80vh;max-height:550px}
.story-container .videoOverlay .popupClose{position:absolute;font-family:Arial,Helvetica,sans-serif;line-height:100%;top:0;right:0;transform:translate(-80%,-120%);font-size:1.5rem;font-weight:700;opacity:.7;cursor:pointer;color:#fff;z-index:100;transition:all .2s ease}
.story-container .videoOverlay .popupClose:hover{opacity:1}
@media all and (max-width:767px){.story-container{margin:2.5em auto 3.75em auto;padding:0 15px;width:100%}
.story-container .story-card-container .story-card{position:relative;border-bottom:1px solid #888b8d;margin:0;padding:10px 0}
.story-container .story-card-container{grid-template-columns:auto}
.story-container .story-card .story-image{width:50%;float:right;max-width:180px}
.story-container .story-card .story-image img{width:75%;float:right}
.story-container .story-card .story-details .story-category{display:none}
.story-container .story-card .story-details .story-date{display:none}
.story-container .story-card .story-details .story-desc{display:none}
.story-container .story-card .story-details{float:left;width:50%;margin:0}
.story-container .videoOverlay,.story-container .videoOverlay.youtubeOverlay{width:90%}
.story-container .videoOverlay.youtubeOverlay{max-height:220px}
.story-container .play-icon{left:85%;transform:translate(-85%,-50%)}
}
@media all and (min-width:768px){.story-container .story-card .story-image{position:relative}
}
@media all and (min-width:768px) and (max-width:1023px){.story-container{margin:2.5em 2.5em 3.75em 2.5em;width:auto}
.story-container .videoOverlay.youtubeOverlay{max-height:320px}
.story-container .story-card .story-image .read-more{top:2px;left:6px}
}
@media all and (min-width:1024px) and (max-width:1099px){.story-container .videoOverlay.youtubeOverlay{max-height:420px}
}
@media all and (min-width:1200px) and (max-width:1599px){.story-container .videoOverlay.youtubeOverlay{max-height:550px}
}
@media all and (min-width:1600px){.story-container .videoOverlay.youtubeOverlay{max-height:580px}
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.story-container .story-card{width:33%;float:left;padding:0 7.5px}
.story-container .show-more-container{clear:both}
}