/* BLOG */

.full-width-image {
	max-width: 100%; 
	display: block; 
	text-align: center; 
	float: none !important; 
	margin: 0px auto 20px auto !important;
}

.blogListHeader {
    border-bottom: 1px solid #4E4B48;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 1.5rem;
    text-transform: uppercase;
}

.postsWrapper {
    border-right: 1px solid #4E4B48;
    padding: 0 1em 20px 0;
    width: 76% !important;
    margin-bottom: 30px;
}

.postsWrapper h1 {
    font-size: 2em;
}

.rightGutter {
    width: 24% !important;
    padding-left: 1em;
}

ul.sfpostsList {
    margin-bottom: 10px;
}

ul.sfpostsList > li {
    margin: 0;
    border-bottom: 1px solid #4E4B48;
    padding: 15px 0;
}

h2.sfpostTitle {
    margin: 5px 0;
}

.sfpostAuthorAndDate {
    color: #c4bfb6;
    font-size: .9em;
}

.sfpostAuthorAndDate > div {
    float: left;
}

.sfpostAuthorAndDate .sfTxtContent {
	text-transform: uppercase;	
}

.socialIcons li {
    float: left;
    margin: 0 .5rem 0 0;
    font-size: 1rem;
}

.socialIcons li.pinterest, .socialIcons li.googleplus {display: none;}

.socialIcons li.share {
    padding-top: .5rem;
}

.socialIcons li a {
    text-decoration: none;
    font-size: 2rem;
    color: #4E4B48;
}

.sfpostListItem .blogListImageContainer {
    width: 25%;
    min-height: 100px;
    float: left;
    padding-top: 2rem;
}

.sfpostListItem .blogListPostContainer {
    width: 75%;
    overflow: hidden;
}

.sfCategoriesList li {
    margin: 0;
    color: #c4bfb6;
    text-transform: uppercase;
    display: none;
}

/* .sfCategoriesList li:last-child {
    display: block;
} */

.sfpostListItem .summary,
.sfpostContent {
    margin: 10px 0 20px 0;
}
/*.sfpostListItem .blogListImageContainer .imgContainer {background: #ECECED; line-height: 140px; text-align: center;}
.sfpostListItem .blogListImageContainer img {max-width: 140px;} */

.floatRight {
    float: right;
}

.sfNavTreeview li {
    padding: 0 !important;
}

.sfNavTreeview li.k-item ul {
    padding-left: 2em !important;
}

.sfNavTreeview li.k-item a {
    border: none;
    font-size: .75em;
    font-weight: bold;
    text-decoration: underline;
}

.sfNavTreeview .k-in {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.sfNavTreeview .k-icon {
    display: none;
}

.gutterHeading {
    text-transform: uppercase;
    margin: 40px 0 0 0;
    font-weight: bold;
}

.rightGutter ul.recentPosts li {
    margin: 0 0 10px 0;
}

.rightGutter ul.recentPosts li a {
    font-size: .75em;
    font-weight: bold;
}

.rightGutter ul.archiveNav li {
    margin: 0;
    display: inline;
}

.rightGutter ul.archiveNav li:after {
    content: "/";
    padding-left: .5em;
    font-size: .75em;
}

.rightGutter ul.archiveNav li:last-child:after {
    content: "";
    padding: 0;
    font-size: .75em;
}

.rightGutter ul.archiveNav li a {
    font-size: .75em;
    font-weight: bold;
}

.blogPager {
    display: inline-block;
    width: 70%;
}

.blogAds, .blogAds-bottom {
	display: none;
}

.blogListToTop {
    font-size: .75em;
    width: 30%;
    text-align: right;
    display: inline-block;
    float: right;
}

.sf_pagerNumeric a {
    padding-right: 10px;
    font-size: .75em;
}

.sf_pagerNumeric a.sf_PagerCurrent {
    font-weight: bold;
}
/* Single Post */

.sfpostTitle {
    font-size: 1.25rem;
    font-weight: bold;
    /*text-transform: uppercase;*/
}

.sfpostDetails .socialIcons {
    margin: 20px 0;
    overflow: hidden;
}

.sfpostDetails .alsoLike {
    padding: 20px 0;
    border-top: 1px solid #4E4B48;
}

.sfpostDetails .alsoLike h2 {margin: 0 0 20px 0;}

.sfpostDetails h2 {
    margin: 0;
}

.sfpostDetails .blogAdsContainer {
    padding: 10px 0;
    margin: 0 0 30px 0;
    border-top: 1px solid #4E4B48;
    border-bottom: 1px solid #ececec;
}

.sfcommentAuthorAvatar {
    display: none;
}

.firstRead .pageTitle {
    /*font-size: 0;*/
}

.firstRead .blogFrTitle {
    /*width: 50%;
    max-width: 420px;
    position: absolute;
    bottom: 35px;
    left: 10px;
    display: block;
    text-indent: -9999px;
    background: url('/images/default-source/default-album/literacy-daily.png') no-repeat center left;*/
}

.blogSearch {
    display: block;
    width: 100%;
    position: relative;
    height: 45px;
    background: #ffcd00;
}

.blogSearch span {
    border: none !important;
    width: 100%;
}

.blogSearch input[type='text'] {
    background: transparent;
    line-height: 44px;
    height: 38px;
    margin-right: 45px;
    display: block;
    color: #4E4B48;
    font-size: .8em;
    padding-left: 20px;
    width: 70% !important;
    border: 0px solid;
}

.blogSearch input[type='submit'] {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border-collapse: collapse;
    border: none;
    height: 45px;
    width: 45px;
    text-indent: -8999px;
    background-image: url('/images/default-source/default-album/icon-blog-search.png');
    background-size: 100% 100%;
}

.blogSearch input[type='submit']:hover {
    cursor: pointer;
}

.blogSearch input::-webkit-input-placeholder {
    color: #4E4B48;
}

.blogSearch input:-moz-placeholder {
    /* Firefox 18- */
    
    color: #4E4B48;
}

.blogSearch input::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #4E4B48;
}

.blogSearch input:-ms-input-placeholder {
    color: #4E4B48;
}
/***** Mobile Menu ******/

.blogMobileNavWrap,
.blogMobileNav {
    width: 100%;
    left: 0;
    z-index: -1 !important;
    -webkit-transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    transition: all ease-out .5s;
    display: block;
    height: auto;
}

.blogMobileNavWrap,
.blogMobileNav > ul > li > ul,
.blogMobileNav > ul > li > ul > li > ul {
    display: none;
}

.blogMobileNav.active {
    top: 45px;
    visible: visible;
}

.blogMobileNav > ul > li,
.blogMobileNav > ul > li > ul > li,
.blogMobileNav > ul > li > ul > li > ul > li {
    width: 100%;
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
}

.blogMobileNav > ul > li a {
    width: 100%;
    display: block;
    padding: 12px 0 10px 30px;
    border-top: 1px solid #bfbab1;
    font-style: normal !important;
    text-decoration: none;
    font-size: .8rem;
    background: #e1e2e3;
    font-weight: normal;
}

.blogMobileNav a.sfSel {
    font-weight: normal;
}

.blogNavWrap .gutterLink {
    margin: 0 !important;
}

/*5/30/17 blog menu fix*/
.blogMobileNav > ul > li.clone {display: none !important;}

.blogNavWrap .gutterLink a {
    color: #4E4B48;
    font-weight: bold;
    text-decoration: none;
    text-transform: none;
    padding: 12px 0 10px 20px;
    font-size: 1rem;
    font-weight: normal;
    display: block;
    width: 100%;
    margin: 0;
    background: #f3f3f3;
}

.blogNavWrap .gutterLink a:after {
    font-family: 'icomoon';
    content: "\f105";
    position: absolute;
    right: 5%;
}
/* Archive Section */

.archiveNav li {
    display: inline-block;
}

.archiveNav li:after {
    content: '/';
    padding: 0 3px 0 8px;
}

.archiveNav li:last-child:after {
    content: '';
    padding: 0;
}

/*.archiveNav li a.active,
.months li a.active {
    color: #4E4B48 !important;
    text-decoration: none;
}*/

.months li {
    display: inline-block;
}

.months li:after {
    content: '/';
    padding: 0 3px 0 6px;
}

.months li:last-child:after {
    content: '';
    padding: 0;
}

.archivePosts span {
    width: 20%;
    padding-right: 30px;
    vertical-align: top;
}

.archivePosts a {
    width: 75%;
    display: inline-block;
    white-space: pre;
    /* CSS 2.0 */
    
    white-space: pre-wrap;
    /* CSS 2.1 */
    
    white-space: pre-line;
    /* CSS 3.0 */
    
    white-space: -pre-wrap;
    /* Opera 4-6 */
    
    white-space: -o-pre-wrap;
    /* Opera 7 */
    
    white-space: -moz-pre-wrap;
    /* Mozilla */
    
    white-space: -hp-pre-wrap;
    /* HP Printers */
    
    word-wrap: break-word;
    /* IE 5+ */
}
/* default style fix */

.mainNav .k-widget,
.blogSearch .k-widget {
    background: transparent !important;
    border: none !important;
}

.mainNav .k-widget .k-item {
    background: transparent !important;
    border: none !important;
}
/* comments section */

.sfcommentsWrp .sfcommentAuthorAvatar {
    display: none;
}

.sfcommentsWrp .ssfcommentsTitleWrp {
    border-bottom: 1px solid #4E4B48 !important;
}
/* Blog Ads */

.blogAds {
    text-align: justify;
}

.blogAds > div {
    width: auto;
    height: auto;
    background: #ccc;
    text-align: center;
    margin: 10px 5px;
    display: inline-block;
    vertical-align: top;
    /* IE fix. */
    
    *display: inline;
    zoom: 1;
}

.blogAds:after {
    content: "";
    width: 100%;
    display: inline-block;
}

/*YouTube Embed*/

.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media all and (max-width: 479px) {
	
    div.blogAdsContainer .blogAdsDesktop, li.adsContainer .blogAdsDesktop {display: none !important;}
    div.blogAdsContainer .blogAdsMobile, li.adsContainer .blogAdsMobile {display: block !important;}
	
	div.blogAdsContainer .blogAds > div img, li.adsContainer .blogAds > div img {
		width: 269px;
	}

}

@media all and (min-width: 480px) {

    div.blogAdsContainer .blogAdsMobile, li.adsContainer .blogAdsMobile {display: none !important;}
    div.blogAdsContainer .blogAdsDesktop, li.adsContainer .blogAdsDesktop {display: block !important;}
	
	div.blogAdsContainer .blogAds > div, li.adsContainer .blogAds > div {
		float: left;
	}
	
	div.blogAdsContainer .blogAdsDesktop .square img, li.adsContainer .blogAdsDesktop .square img {width: 212px;}

}

/*Bottom Ad Block*/
.blogAds-bottom > div {
    width: auto;
    height: auto;
    background: #ccc;
    text-align: center;
    margin: 10px 5px;
    display: inline-block;
    vertical-align: top;
    /* IE fix. */
    
    *display: inline;
    zoom: 1;
}

.blogAds:after, .blogAds-bottom:after {
    content: "";
    width: 100%;
    display: inline-block;
}

.adsContainer-bottom {border-bottom: none;}

@media all and (max-width: 479px) {
	
    .adsContainer-bottom .blogAdsDesktop-bottom {display: none !important;}
    .adsContainer-bottom .blogAdsMobile-bottom {display: block !important;}
	
	.adsContainer-bottom .blogAds-bottom > div img {
		width: 269px;
	}

}

@media all and (min-width: 480px) {

    .adsContainer-bottom .blogAdsMobile-bottom {display: none !important;}
    .adsContainer-bottom .blogAdsDesktop-bottom {display: block !important;}
	
	.adsContainer-bottom .blogAds-bottom > div {
		float: left;
	}
	
	.adsContainer-bottom .blogAdsDesktop-bottom .square img {width: 212px;}

}


/*Search*/

.sfsearchResultsWrp dt,
.sfsearchResultsWrp dt a {
    padding: 30px 0 5px;
    font-size: 1.3rem;
}

.sfsearchResultsWrp dd a {
    color: #ccc;
}

.sfsearchResultsWrp dd {
    padding: 5px 0;
}

.gutterLinks {
    margin-top: 30px;
}

.gutterLinks a {
    font-size: .75em;
    font-weight: bold;
    text-decoration: underline;
}

@media all and (max-width: 479px) {
    .blogListImageContainer {
        display: none;
    }
    .blogListPostContainer {
        width: 100% !important;
    }
    .sfBreadcrumbWrp .blogFrTitle {
        /*display: block;
        text-indent: -9999px;
        background-image: url('/images/default-source/default-album/literacy-daily.png');
        background-repeat: no-repeat;
        background-size: 70% 70%;
        background-position: 50% 75%;
        width: 100%;*/
    }
}

@media all and (max-width: 767px) {
    .blogListHeader .blogTitle {
        width: 100% !important;
        margin: 0 0 20px;
    }
    .rightGutter {
        display: none;
    }
    .postsWrapper {
        border-right: none;
        width: 100% !important;
    }
    .blogSearchBox {
        width: 100% !important;
    }
    .blogSearch {
        width: 100% !important;
    }
    .blogFilter {
        width: 100%;
        border: none !important;
    }
    .blogFilter .filterHeader a {
        display: block;
        background: #e1e2e3;
        width: 100%;
        height: 45px;
        text-decoration: none;
        color: #4E4B48;
        font-size: 1.2rem;
        line-height: 45px;
        padding-left: 4%;
        text-transform: none;
        font-weight: normal;
    }
    .blogFilter .filterHeader a:after {
        font-family: 'icomoon';
        content: "\f107";
        position: absolute;
        right: 5%;
    }
    .blogFilter .filterHeader a.active:after {
        content: "\f106";
    }
    .blogFilterItems {
        display: block;
        height: 0;
        position: absolute;
        width: 100%;
        max-width: 310px;
        margin-right: 60px;
        overflow: hidden;
        background: #e1e2e3;
        -webkit-transition: all ease-out .5s;
        -moz-transition: all ease-out .5s;
        -o-transition: all ease-out .5s;
        transition: all ease-out .5s;
    }
    .blogFilterItems.active {
        height: auto !important;
    }
    .blogFilterItems li {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .blogFilterItems li a {
        display: block;
        width: 100%;
        padding: 10px;
        text-decoration: none;
        color: #4E4B48;
        font-weight: normal;
        text-transform: none;
    }
    .gutterHeading:after,
    .blogMobileNav > ul > li.mobA > a:after {
        font-family: 'icomoon';
        content: "\f107";
        position: absolute;
        right: 5%;
    }
    .blogMobileNav > ul > li.active > a:after {
        font-family: 'icomoon';
        content: "\f106";
        position: absolute;
        right: 5%;
    }
    .blogMobileNav > ul > li > ul > li a {
        background: #e1e2e3;
        width: 100%;
        display: block;
        color: #0097b1;
        font-size: .8rem;
        padding: 10px 0 10px 45px;
        border-top: 1px solid #bfbab1;
    }
    .blogMobileNav > ul > li > ul > li > ul > li a {
        padding: 10px 0 10px 50px;
    }
    .blogMobileNav > ul > li > ul > li a:after {
        font-family: 'icomoon';
        content: "\f105";
        position: absolute;
        right: 5%;
        color: #0097b1;
    }
}

@media all and (min-width: 768px) {
    .blogNavWrap,
    .blogFilter {
        display: none;
    }
}

@media all and (min-width: 480px) and (max-width: 767px) {}

.rightContent ul li:before,
.noLeftNav ul li:before {
    display: none;
}

.rightContent li,
.noLeftNav li {
    padding-left: 0 !important;
}

.sfpostContent li {
  padding-left: 20px !important;
  position: relative;
}

.sfpostContent ul li:before {
	display: initial !important;
}

.blogTitle {
    padding-top: 13px;
}

.k-list-container {
    background-color: #ececed;
    border-top: none !important;
    border-color: #4E4B48;
    font-size: .9rem !important;
}

.k-popup .k-list .k-item {
    border: none;
    border-bottom: 1px solid #e1e2e3 !important;
    margin: 0;
    line-height: 2em;
}

.k-popup .k-list .k-state-hover {
    background-color: #e1e2e3;
    border: none;
    border-bottom: 1px solid #e1e2e3;
    margin: 0;
}

span.k-state-focused {
    border: 1px solid transparent !important;
    border-top: none !important;
    border-left: none !important;
}

.rightContent ol,
.noLeftNav ol {
    list-style-type: none;
}

.k-state-active,
.k-state-active:hover,
.k-active-filter,
.k-tabstrip .k-state-active {
    background-color: transparent;
}

.k-state-hover,
.k-state-hover:hover {
    background-color: transparent !important;
    background-image: none;
    color: #009cb6;
    text-decoration: none !important;
}

.RadDockZone .blogMobileNavWrap {display: block;}

#references {font-size: 14px;}