.featuredpost {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(/National_Library/20181105034639oe_/https://appsource.microsoft.com/Themes/AppSource/Content/featuredpost.jpeg);
    background-size: cover;
    padding-bottom: 72px;
}
.featuredpost-item > .featured-blog-post {
    display : block !important;
}

.featuredpost-item > .blog-post  h2 {
    font-weight: 200;
    font-size: 46px !important;
    line-height: 1.18;
    margin: 0 0 12px;
    font-family: 'Segoe UI';
    color: #fff !important;

}

.featuredpost-item >.blog-post time{
    color: #fff !important;
}

.featuredpost-item >.calendar {
    fill: #fff;
}

.featuredpost-content {
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px !important;
    padding-right: 15px;
}

.shell-header-wrapper, .shell-footer-wrapper, .shell-category-nav {
    max-width: 1300px !important;
}

.shell-category-header-cta-wrapper {
    display: none !important;
}


.widget-u-h-f-widget {
    text-align: left;
}

.featuredpost-item {
    max-width: 75rem;
    margin-right: auto;
}
/*.featuredpost-item h2 {
    font-weight: 200;
    font-size: 46px !important;
    line-height: 1.18;
    margin: 0 0 12px;
    font-family: 'Segoe UI';
    color: #fff !important;

} */
   
.featuredpost-item a {
    color: #fff !important;
    text-decoration: none;
}

.featuredpost-item a:hover {
    color:  #fff !important;
    text-decoration: none;
}

.featuredpost-item p{
    font-size: 15px;
    font-family : 'Segoe UI';
    color: #fff !important;
}

.blog-posts {
    font-family: 'Segoe UI';
}

.blog-posts h2{
    font-weight: 200;
    font-size: 34px !important;
    line-height: 1.18;
    margin: 0 0 12px;
    font-family: 'Segoe UI';
    color: #333333 !important;
}

.blog-posts a:link{
    color: #333333 !important;    
    text-decoration: none;
}

.blog-posts a{
    color: #333333 !important; 
}

.blog-posts .tags a{
    color : #fff !important;
   background-color: #3176BC;
}


.blog-posts a:hover{
    color: #3176BC !important;    
    text-decoration: initial;
}
.appsource-blog-content-item {
    padding-top: 72px;
    font-family: 'Segoe UI';
}

#footer {
    padding-top: 52px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;
  border-top: 0px !important;
}

.widget-tag-cloud {
    padding-top: 52px;
}

.widget-tag-cloud h1{
     font-weight: 200;
    line-height: 1.18;
    margin-bottom: 20px;
    font-family: 'Segoe UI';
}

.widget-tag-cloud li{
    display: list-item !important;
    font-size : 15px !important;   
    line-height: 1.18;
    margin-bottom: 10px;
    font-family: 'Segoe UI';
}
.widget-tag-cloud a{
    color: #333333 !important;    
    text-decoration: none;
}

.widget-tag-cloud a:hover{
    color: #3176BC !important;    
    text-decoration: initial;
}

.widget-blog-archives {
    padding-top: 46px;
}

.widget-blog-archives h1{
     font-weight: 200;
    line-height: 1.18;
    margin-bottom: 20px;
    font-family: 'Segoe UI';
}

.widget-blog-archives li{
    display: list-item !important;
    font-size : 15px !important;   
    line-height: 1.18;
    margin-bottom: 10px;
    font-family: 'Segoe UI';
}
.widget-blog-archives a{
    color: #333333 !important;    
    text-decoration: none;
}

.widget-blog-archives a:hover{
    color: #3176BC !important;    
    text-decoration: initial;
}

/* Blog-post - Global Settings*/
.blog-post {
    font-family: 'Segoe UI';
    padding-top: 72px;
}

.blog-post h1{
    font-weight: 200;
    font-size: 34px !important;
    line-height: 1.18;
    margin: 0 0 12px;
    font-family: 'Segoe UI';
    color: #333333 !important;
}

.blog-post h2{
    font-weight: 200;
    font-size: 34px !important;
    line-height: 1.18;
    margin: 0 0 12px;
    font-family: 'Segoe UI';
    color: #333333;
}

.blog-post a:hover{
    color: #3176BC;    
    text-decoration: initial;
}

.blog-post p{
    font-size: 15px;
    font-family : 'Segoe UI';
    color: #333333;
}

.blog-post svg{
    height: 15px;
   width: 30px;
   margin-top: 20px;

}
.blog-post time{
    color: #333333;
    font-size: 16px;
}


.calendar {
    fill: #3176BC;
}

/* Featured blog post should not appear in normal blog listings */
.featured-blog-post {
   /* display : none; */
}

/* Pager */
.appsource-pager{
    font-size : 15px;
    text-align: left !important;
    font-family : 'Segoe UI' !important;
}
.appsource-pager li > a, .appsource-pager li > span {
    display: inline-block;
    padding: 5px 11px !important;
    background-color: #ffffff;
    border: 1px solid #ffffff !important;
}

.appsource-pager li > a:hover, .appsource-pager li > a:focus {    
    background-color: #ffffff !important;    
    border: 1px solid #dddddd !important;
}

.appsource-pager .pull-right, .appsource-pager .pull-right .pull-left {
    float: none !important;
}

/* Author Settings*/
.author {
    color: #333333;
    font-size: 16px;
    display: inline;
    font-weight: 500;
}

/* Read More */

.featuredpost-item > .blog-post > .readmore a{
    display: inline;
    padding: 7px 10px 7px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #3176BC !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #fff;
}

.featuredpost-item > .blog-post >.readmore {
    padding-top: 32px;
}

.featuredpost-item .author {
    color: #fff;
}

/* featured post tags*/
.featuredpost-item .tags {
    display: none;
}

.tags a{
    color : #fff !important;
   background-color: #3176BC;
}

.tags a:hover{
    color : #333333 !important;
   background-color: #3176BC !important;
}

.tags{
  padding-top: 10px;
}

.metadata{
  padding-bottom: 10px;
}

svg{
    padding-right: 5px;
}

.page-title{
    display: none;
}

.archive-trail{
    padding-top : 72px;
    font-family: 'Segoe UI';
}

/* tagged posts */
.tagged-posts h2 > a, .archives-list h2 > a {
    color : #333333;
}

/* UHF overrides*/
.c-universal-header>div+div .c-logo span {
    font-size: 20px !important;
    line-height: 30px !important;
    display: inline !important;
    font-weight: normal !important;
}

.c-universal-header .theme-dark>div {
    max-width: 1317px;
    margin: auto;
}

.c-universal-header .theme-light>div {
    max-width: 1300px;
    margin: auto;
}

.c-universal-header {
    margin-top: 0px !important;
    margin-bottom: 0px;
}
.c-select-menu>a, .c-select-menu>button {
    display: inline-block !important;
    color: rgba(0,0,0,0.6);
    padding: 8px !important;
    padding-right: 24px !important;
    transform: translateX(-8px) !important;
}

.c-select-menu>a:after, .c-select-menu>button:after {
    font-family: "MWF-MDL2";
    position: absolute;
    font-size: 9px;
    color: #000;
    font-weight: 700;
    right: 8px !important;
    padding-top: 7px;
}

#uhf_howitworkslink
{
    display: none;
}

.appsource-widget-header {
    font-size: 20px;
    font-weight: 200;
    line-height: 1.18;
    margin-bottom: 20px;
    font-family: 'Segoe UI';
    margin-top: 20px;
}