/* Univeral styles for the news/article pages */

@import url("/News/css/article.css");
@import url("/News/css/primaryFeed.css");
#footer.slide-panel {
    max-height: 75%;
    top: 0;
    z-index:1;
}
body {
    overflow: auto !important;
}
body, html {
    background-color:#fff;
}
#newsFeedHtml {    
    border-right:none;
    padding-right:0;
    
}
@media(min-width:1000px) {
    #newsFeedHtml {
        border-left: 1px solid #d5d5d5;
        padding-left: 20px;
    }
}
.hero-interior {
    height: 450px;
    position: relative;    
}
.hero-interior .contained {
    display: flex;
    align-items:center;
    height:100%;
}
#footer.slide-panel, #getting-started.slide-panel { 
    position:relative;
}
#getting-started.slide-panel {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
}
#getting-started.slide-panel .section-container {
    margin-top:0;
    opacity:1;
}
#footer.slide-panel .section-bg, #getting-started .section-bg {
    transform:translateY(0);
    opacity:1;
}

@media(min-width:500px) {
    .hero-interior h2, .hero-interior h1 {
        font-size: 1.5rem;
    }
}

.hero-interior h2, .hero-interior h1 {
    font-size: 3rem;
    font-weight: 700;
    text-transform: uppercase;
}

    
}
.interior-content-container {
    background-color:#f8f8f8;
}
#newsFeedPanel {
    display: flex;
    position: relative;
    padding: 5em 0 4em 0;    
}
.interior-content-container .contained .sidebar {
    display: none;
}

.sidebar h1 {    
    color:var(--dark-text);
    padding-left:1.15em;
    padding-top:.25em;
}
@media(min-width:1000px) {
    .interior-content-container .contained .sidebar {
        flex: 0 0 300px;
        position: sticky;        
        display: block;        
    }
}
@media(min-width:1000px) {
    .interior-content-container .contained .sidebar + .interior-content {
        padding-left: 0px;
    }
}

.interior-content {
    width: 100%;    
}