/******************************************************************
Theme Name: Christiana Care News
Author: Christiana Care
Version: 3.1
*/
/*@function set-notification-text-color($color) {
  @if (lightness($color) > 50) {
    @return black(0.8);
  }
	@else {
    @return white(0.8);
  }
}*/
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
/* Greens */
/* Other colors */
/* freight-text-pro */
body {
    background: white;
    color: #202f33;
    font: normal 400 100% "Raleway";
    line-height: 1;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

body li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    color: black;
    text-decoration: none;
}

a:hover {
    color: #202f33;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
    text-decoration: underline;
}

body.christiana {
    /*header#top.featured #share-link > ul, header#top.featured #site-links h4, header#top.featured #search h4 {
		background: rgba($color, 0.7);
	}*/
}

body.christiana a, body.christiana header#top .about-search > ul li a:hover, body.christiana header#top #site-title .news, body.christiana header#top.compact #logo h1 .icon-cchs, body.christiana header#top.compact #logo #site-title .icon-cchs, body.christiana #sidebar h5, body.christiana article #sidebar div.categories ul li a, body.christiana #byline a, body.christiana article #sidebar a:hover, body.christiana form.searchandfilter .sf-field-submit input, body.christiana .sf-field-submit:before, body.christiana #search-menu:hover form.searchandfilter .sf-field-submit:before, body.christiana .sub:hover:after, body.christiana header#top #featured-topics > ul > li > a:hover, body.christiana nav.action h4, body.christiana header#top nav#featured-topics ul li .menu-toggle.active, body.christiana #back-to-top a [class*='icon-'], body.christiana button.open-all, body.christiana #wellness h1, body.christiana #wellness h3, body.christiana .search h1 span, body.christiana main .spotlights .featured.vert a:hover .article .title, body.christiana main#home .spotlights.vanilla-lists .story-column ul.grid li a, body.christiana span.submit:before {
    color: #007850;
}

body.christiana header#top #small-title, body.christiana footer aside, body.christiana main.way article .way-header, body.christiana header#top #search form.searchandfilter, body.christiana header#top nav#share-link > ul ul, body.christiana #share nav ul li a:hover, body.christiana main.archive h1.page-title, body.christiana button.alm-load-more-btn, body.christiana #focus-viewer h2, body.christiana header#top.featured #site-title, body.christiana .box-title {
    background: #007850;
}

body.christiana h5 a {
    border-bottom: 1px solid rgba(0, 120, 80, 0.7);
}

body.christiana blockquote {
    border-left: 2px solid #007850;
}

body.christiana #content a {
    border-bottom: 1px dotted #007850;
}

body.christiana #content a:hover {
    border-bottom: 1px solid #007850;
}

body.christiana #front-page-features aside {
    background: #007850;
    background: -webkit-gradient(linear, left top, right top, from(#007850), to(rgba(0, 120, 80, 0.8)));
    background: linear-gradient(90deg, #007850, rgba(0, 120, 80, 0.8));
    background-image: -ms-linear-gradient(#007850, rgba(0, 120, 80, 0.8));
}

@media (max-width: 1024px) {
    body.christiana #front-page-features aside {
        background: #007850;
        background: -webkit-gradient(linear, left top, left bottom, from(#007850), to(rgba(0, 120, 80, 0.8)));
        background: linear-gradient(180deg, #007850, rgba(0, 120, 80, 0.8));
        background-image: -ms-linear-gradient(#007850, rgba(0, 120, 80, 0.8));
    }
}

body.shamrock {
    /*header#top.featured #share-link > ul, header#top.featured #site-links h4, header#top.featured #search h4 {
		background: rgba($color, 0.7);
	}*/
}

body.shamrock a, body.shamrock header#top .about-search > ul li a:hover, body.shamrock header#top #site-title .news, body.shamrock header#top.compact #logo h1 .icon-cchs, body.shamrock header#top.compact #logo #site-title .icon-cchs, body.shamrock #sidebar h5, body.shamrock article #sidebar div.categories ul li a, body.shamrock #byline a, body.shamrock article #sidebar a:hover, body.shamrock form.searchandfilter .sf-field-submit input, body.shamrock .sf-field-submit:before, body.shamrock #search-menu:hover form.searchandfilter .sf-field-submit:before, body.shamrock .sub:hover:after, body.shamrock header#top #featured-topics > ul > li > a:hover, body.shamrock nav.action h4, body.shamrock header#top nav#featured-topics ul li .menu-toggle.active, body.shamrock #back-to-top a [class*='icon-'], body.shamrock button.open-all, body.shamrock #wellness h1, body.shamrock #wellness h3, body.shamrock .search h1 span, body.shamrock main .spotlights .featured.vert a:hover .article .title, body.shamrock main#home .spotlights.vanilla-lists .story-column ul.grid li a, body.shamrock span.submit:before {
    color: #0aa34a;
}

body.shamrock header#top #small-title, body.shamrock footer aside, body.shamrock main.way article .way-header, body.shamrock header#top #search form.searchandfilter, body.shamrock header#top nav#share-link > ul ul, body.shamrock #share nav ul li a:hover, body.shamrock main.archive h1.page-title, body.shamrock button.alm-load-more-btn, body.shamrock #focus-viewer h2, body.shamrock header#top.featured #site-title, body.shamrock .box-title {
    background: #0aa34a;
}

body.shamrock h5 a {
    border-bottom: 1px solid rgba(10, 163, 74, 0.7);
}

body.shamrock blockquote {
    border-left: 2px solid #0aa34a;
}

body.shamrock #content a {
    border-bottom: 1px dotted #0aa34a;
}

body.shamrock #content a:hover {
    border-bottom: 1px solid #0aa34a;
}

body.shamrock #front-page-features aside {
    background: #0aa34a;
    background: -webkit-gradient(linear, left top, right top, from(#0aa34a), to(rgba(10, 163, 74, 0.8)));
    background: linear-gradient(90deg, #0aa34a, rgba(10, 163, 74, 0.8));
    background-image: -ms-linear-gradient(#0aa34a, rgba(10, 163, 74, 0.8));
}

@media (max-width: 1024px) {
    body.shamrock #front-page-features aside {
        background: #0aa34a;
        background: -webkit-gradient(linear, left top, left bottom, from(#0aa34a), to(rgba(10, 163, 74, 0.8)));
        background: linear-gradient(180deg, #0aa34a, rgba(10, 163, 74, 0.8));
        background-image: -ms-linear-gradient(#0aa34a, rgba(10, 163, 74, 0.8));
    }
}

body.blue {
    /*header#top.featured #share-link > ul, header#top.featured #site-links h4, header#top.featured #search h4 {
		background: rgba($color, 0.7);
	}*/
}

body.blue a, body.blue header#top .about-search > ul li a:hover, body.blue header#top #site-title .news, body.blue header#top.compact #logo h1 .icon-cchs, body.blue header#top.compact #logo #site-title .icon-cchs, body.blue #sidebar h5, body.blue article #sidebar div.categories ul li a, body.blue #byline a, body.blue article #sidebar a:hover, body.blue form.searchandfilter .sf-field-submit input, body.blue .sf-field-submit:before, body.blue #search-menu:hover form.searchandfilter .sf-field-submit:before, body.blue .sub:hover:after, body.blue header#top #featured-topics > ul > li > a:hover, body.blue nav.action h4, body.blue header#top nav#featured-topics ul li .menu-toggle.active, body.blue #back-to-top a [class*='icon-'], body.blue button.open-all, body.blue #wellness h1, body.blue #wellness h3, body.blue .search h1 span, body.blue main .spotlights .featured.vert a:hover .article .title, body.blue main#home .spotlights.vanilla-lists .story-column ul.grid li a, body.blue span.submit:before {
    color: #008aa5;
}

body.blue header#top #small-title, body.blue footer aside, body.blue main.way article .way-header, body.blue header#top #search form.searchandfilter, body.blue header#top nav#share-link > ul ul, body.blue #share nav ul li a:hover, body.blue main.archive h1.page-title, body.blue button.alm-load-more-btn, body.blue #focus-viewer h2, body.blue header#top.featured #site-title, body.blue .box-title {
    background: #008aa5;
}

body.blue h5 a {
    border-bottom: 1px solid rgba(0, 138, 165, 0.7);
}

body.blue blockquote {
    border-left: 2px solid #008aa5;
}

body.blue #content a {
    border-bottom: 1px dotted #008aa5;
}

body.blue #content a:hover {
    border-bottom: 1px solid #008aa5;
}

body.blue #front-page-features aside {
    background: #008aa5;
    background: -webkit-gradient(linear, left top, right top, from(#008aa5), to(rgba(0, 138, 165, 0.8)));
    background: linear-gradient(90deg, #008aa5, rgba(0, 138, 165, 0.8));
    background-image: -ms-linear-gradient(#008aa5, rgba(0, 138, 165, 0.8));
}

@media (max-width: 1024px) {
    body.blue #front-page-features aside {
        background: #008aa5;
        background: -webkit-gradient(linear, left top, left bottom, from(#008aa5), to(rgba(0, 138, 165, 0.8)));
        background: linear-gradient(180deg, #008aa5, rgba(0, 138, 165, 0.8));
        background-image: -ms-linear-gradient(#008aa5, rgba(0, 138, 165, 0.8));
    }
}

body.sky {
    /*header#top.featured #share-link > ul, header#top.featured #site-links h4, header#top.featured #search h4 {
		background: rgba($color, 0.7);
	}*/
}

body.sky a, body.sky header#top .about-search > ul li a:hover, body.sky header#top #site-title .news, body.sky header#top.compact #logo h1 .icon-cchs, body.sky header#top.compact #logo #site-title .icon-cchs, body.sky #sidebar h5, body.sky article #sidebar div.categories ul li a, body.sky #byline a, body.sky article #sidebar a:hover, body.sky form.searchandfilter .sf-field-submit input, body.sky .sf-field-submit:before, body.sky #search-menu:hover form.searchandfilter .sf-field-submit:before, body.sky .sub:hover:after, body.sky header#top #featured-topics > ul > li > a:hover, body.sky nav.action h4, body.sky header#top nav#featured-topics ul li .menu-toggle.active, body.sky #back-to-top a [class*='icon-'], body.sky button.open-all, body.sky #wellness h1, body.sky #wellness h3, body.sky .search h1 span, body.sky main .spotlights .featured.vert a:hover .article .title, body.sky main#home .spotlights.vanilla-lists .story-column ul.grid li a, body.sky span.submit:before {
    color: #3870b7;
}

body.sky header#top #small-title, body.sky footer aside, body.sky main.way article .way-header, body.sky header#top #search form.searchandfilter, body.sky header#top nav#share-link > ul ul, body.sky #share nav ul li a:hover, body.sky main.archive h1.page-title, body.sky button.alm-load-more-btn, body.sky #focus-viewer h2, body.sky header#top.featured #site-title, body.sky .box-title {
    background: #3870b7;
}

body.sky h5 a {
    border-bottom: 1px solid rgba(56, 112, 183, 0.7);
}

body.sky blockquote {
    border-left: 2px solid #3870b7;
}

body.sky #content a {
    border-bottom: 1px dotted #3870b7;
}

body.sky #content a:hover {
    border-bottom: 1px solid #3870b7;
}

body.sky #front-page-features aside {
    background: #3870b7;
    background: -webkit-gradient(linear, left top, right top, from(#3870b7), to(rgba(56, 112, 183, 0.8)));
    background: linear-gradient(90deg, #3870b7, rgba(56, 112, 183, 0.8));
    background-image: -ms-linear-gradient(#3870b7, rgba(56, 112, 183, 0.8));
}

@media (max-width: 1024px) {
    body.sky #front-page-features aside {
        background: #3870b7;
        background: -webkit-gradient(linear, left top, left bottom, from(#3870b7), to(rgba(56, 112, 183, 0.8)));
        background: linear-gradient(180deg, #3870b7, rgba(56, 112, 183, 0.8));
        background-image: -ms-linear-gradient(#3870b7, rgba(56, 112, 183, 0.8));
    }
}

body.purple {
    /*header#top.featured #share-link > ul, header#top.featured #site-links h4, header#top.featured #search h4 {
		background: rgba($color, 0.7);
	}*/
}

body.purple a, body.purple header#top .about-search > ul li a:hover, body.purple header#top #site-title .news, body.purple header#top.compact #logo h1 .icon-cchs, body.purple header#top.compact #logo #site-title .icon-cchs, body.purple #sidebar h5, body.purple article #sidebar div.categories ul li a, body.purple #byline a, body.purple article #sidebar a:hover, body.purple form.searchandfilter .sf-field-submit input, body.purple .sf-field-submit:before, body.purple #search-menu:hover form.searchandfilter .sf-field-submit:before, body.purple .sub:hover:after, body.purple header#top #featured-topics > ul > li > a:hover, body.purple nav.action h4, body.purple header#top nav#featured-topics ul li .menu-toggle.active, body.purple #back-to-top a [class*='icon-'], body.purple button.open-all, body.purple #wellness h1, body.purple #wellness h3, body.purple .search h1 span, body.purple main .spotlights .featured.vert a:hover .article .title, body.purple main#home .spotlights.vanilla-lists .story-column ul.grid li a, body.purple span.submit:before {
    color: #6b3b88;
}

body.purple header#top #small-title, body.purple footer aside, body.purple main.way article .way-header, body.purple header#top #search form.searchandfilter, body.purple header#top nav#share-link > ul ul, body.purple #share nav ul li a:hover, body.purple main.archive h1.page-title, body.purple button.alm-load-more-btn, body.purple #focus-viewer h2, body.purple header#top.featured #site-title, body.purple .box-title {
    background: #6b3b88;
}

body.purple h5 a {
    border-bottom: 1px solid rgba(107, 59, 136, 0.7);
}

body.purple blockquote {
    border-left: 2px solid #6b3b88;
}

body.purple #content a {
    border-bottom: 1px dotted #6b3b88;
}

body.purple #content a:hover {
    border-bottom: 1px solid #6b3b88;
}

body.purple #front-page-features aside {
    background: #6b3b88;
    background: -webkit-gradient(linear, left top, right top, from(#6b3b88), to(rgba(107, 59, 136, 0.8)));
    background: linear-gradient(90deg, #6b3b88, rgba(107, 59, 136, 0.8));
    background-image: -ms-linear-gradient(#6b3b88, rgba(107, 59, 136, 0.8));
}

@media (max-width: 1024px) {
    body.purple #front-page-features aside {
        background: #6b3b88;
        background: -webkit-gradient(linear, left top, left bottom, from(#6b3b88), to(rgba(107, 59, 136, 0.8)));
        background: linear-gradient(180deg, #6b3b88, rgba(107, 59, 136, 0.8));
        background-image: -ms-linear-gradient(#6b3b88, rgba(107, 59, 136, 0.8));
    }
}

body.navy {
    /*header#top.featured #share-link > ul, header#top.featured #site-links h4, header#top.featured #search h4 {
		background: rgba($color, 0.7);
	}*/
}

body.navy a, body.navy header#top .about-search > ul li a:hover, body.navy header#top #site-title .news, body.navy header#top.compact #logo h1 .icon-cchs, body.navy header#top.compact #logo #site-title .icon-cchs, body.navy #sidebar h5, body.navy article #sidebar div.categories ul li a, body.navy #byline a, body.navy article #sidebar a:hover, body.navy form.searchandfilter .sf-field-submit input, body.navy .sf-field-submit:before, body.navy #search-menu:hover form.searchandfilter .sf-field-submit:before, body.navy .sub:hover:after, body.navy header#top #featured-topics > ul > li > a:hover, body.navy nav.action h4, body.navy header#top nav#featured-topics ul li .menu-toggle.active, body.navy #back-to-top a [class*='icon-'], body.navy button.open-all, body.navy #wellness h1, body.navy #wellness h3, body.navy .search h1 span, body.navy main .spotlights .featured.vert a:hover .article .title, body.navy main#home .spotlights.vanilla-lists .story-column ul.grid li a, body.navy span.submit:before {
    color: #183163;
}

body.navy header#top #small-title, body.navy footer aside, body.navy main.way article .way-header, body.navy header#top #search form.searchandfilter, body.navy header#top nav#share-link > ul ul, body.navy #share nav ul li a:hover, body.navy main.archive h1.page-title, body.navy button.alm-load-more-btn, body.navy #focus-viewer h2, body.navy header#top.featured #site-title, body.navy .box-title {
    background: #183163;
}

body.navy h5 a {
    border-bottom: 1px solid rgba(24, 49, 99, 0.7);
}

body.navy blockquote {
    border-left: 2px solid #183163;
}

body.navy #content a {
    border-bottom: 1px dotted #183163;
}

body.navy #content a:hover {
    border-bottom: 1px solid #183163;
}

body.navy #front-page-features aside {
    background: #183163;
    background: -webkit-gradient(linear, left top, right top, from(#183163), to(rgba(24, 49, 99, 0.8)));
    background: linear-gradient(90deg, #183163, rgba(24, 49, 99, 0.8));
    background-image: -ms-linear-gradient(#183163, rgba(24, 49, 99, 0.8));
}

@media (max-width: 1024px) {
    body.navy #front-page-features aside {
        background: #183163;
        background: -webkit-gradient(linear, left top, left bottom, from(#183163), to(rgba(24, 49, 99, 0.8)));
        background: linear-gradient(180deg, #183163, rgba(24, 49, 99, 0.8));
        background-image: -ms-linear-gradient(#183163, rgba(24, 49, 99, 0.8));
    }
}

body.maroon {
    /*header#top.featured #share-link > ul, header#top.featured #site-links h4, header#top.featured #search h4 {
		background: rgba($color, 0.7);
	}*/
}

body.maroon a, body.maroon header#top .about-search > ul li a:hover, body.maroon header#top #site-title .news, body.maroon header#top.compact #logo h1 .icon-cchs, body.maroon header#top.compact #logo #site-title .icon-cchs, body.maroon #sidebar h5, body.maroon article #sidebar div.categories ul li a, body.maroon #byline a, body.maroon article #sidebar a:hover, body.maroon form.searchandfilter .sf-field-submit input, body.maroon .sf-field-submit:before, body.maroon #search-menu:hover form.searchandfilter .sf-field-submit:before, body.maroon .sub:hover:after, body.maroon header#top #featured-topics > ul > li > a:hover, body.maroon nav.action h4, body.maroon header#top nav#featured-topics ul li .menu-toggle.active, body.maroon #back-to-top a [class*='icon-'], body.maroon button.open-all, body.maroon #wellness h1, body.maroon #wellness h3, body.maroon .search h1 span, body.maroon main .spotlights .featured.vert a:hover .article .title, body.maroon main#home .spotlights.vanilla-lists .story-column ul.grid li a, body.maroon span.submit:before {
    color: #801a2a;
}

body.maroon header#top #small-title, body.maroon footer aside, body.maroon main.way article .way-header, body.maroon header#top #search form.searchandfilter, body.maroon header#top nav#share-link > ul ul, body.maroon #share nav ul li a:hover, body.maroon main.archive h1.page-title, body.maroon button.alm-load-more-btn, body.maroon #focus-viewer h2, body.maroon header#top.featured #site-title, body.maroon .box-title {
    background: #801a2a;
}

body.maroon h5 a {
    border-bottom: 1px solid rgba(128, 26, 42, 0.7);
}

body.maroon blockquote {
    border-left: 2px solid #801a2a;
}

body.maroon #content a {
    border-bottom: 1px dotted #801a2a;
}

body.maroon #content a:hover {
    border-bottom: 1px solid #801a2a;
}

body.maroon #front-page-features aside {
    background: #801a2a;
    background: -webkit-gradient(linear, left top, right top, from(#801a2a), to(rgba(128, 26, 42, 0.8)));
    background: linear-gradient(90deg, #801a2a, rgba(128, 26, 42, 0.8));
    background-image: -ms-linear-gradient(#801a2a, rgba(128, 26, 42, 0.8));
}

@media (max-width: 1024px) {
    body.maroon #front-page-features aside {
        background: #801a2a;
        background: -webkit-gradient(linear, left top, left bottom, from(#801a2a), to(rgba(128, 26, 42, 0.8)));
        background: linear-gradient(180deg, #801a2a, rgba(128, 26, 42, 0.8));
        background-image: -ms-linear-gradient(#801a2a, rgba(128, 26, 42, 0.8));
    }
}

body.gold {
    /*header#top.featured #share-link > ul, header#top.featured #site-links h4, header#top.featured #search h4 {
		background: rgba($color, 0.7);
	}*/
}

body.gold a, body.gold header#top .about-search > ul li a:hover, body.gold header#top #site-title .news, body.gold header#top.compact #logo h1 .icon-cchs, body.gold header#top.compact #logo #site-title .icon-cchs, body.gold #sidebar h5, body.gold article #sidebar div.categories ul li a, body.gold #byline a, body.gold article #sidebar a:hover, body.gold form.searchandfilter .sf-field-submit input, body.gold .sf-field-submit:before, body.gold #search-menu:hover form.searchandfilter .sf-field-submit:before, body.gold .sub:hover:after, body.gold header#top #featured-topics > ul > li > a:hover, body.gold nav.action h4, body.gold header#top nav#featured-topics ul li .menu-toggle.active, body.gold #back-to-top a [class*='icon-'], body.gold button.open-all, body.gold #wellness h1, body.gold #wellness h3, body.gold .search h1 span, body.gold main .spotlights .featured.vert a:hover .article .title, body.gold main#home .spotlights.vanilla-lists .story-column ul.grid li a, body.gold span.submit:before {
    color: #ebaa19;
}

body.gold header#top #small-title, body.gold footer aside, body.gold main.way article .way-header, body.gold header#top #search form.searchandfilter, body.gold header#top nav#share-link > ul ul, body.gold #share nav ul li a:hover, body.gold main.archive h1.page-title, body.gold button.alm-load-more-btn, body.gold #focus-viewer h2, body.gold header#top.featured #site-title, body.gold .box-title {
    background: #ebaa19;
}

body.gold h5 a {
    border-bottom: 1px solid rgba(235, 170, 25, 0.7);
}

body.gold blockquote {
    border-left: 2px solid #ebaa19;
}

body.gold #content a {
    border-bottom: 1px dotted #ebaa19;
}

body.gold #content a:hover {
    border-bottom: 1px solid #ebaa19;
}

body.gold #front-page-features aside {
    background: #ebaa19;
    background: -webkit-gradient(linear, left top, right top, from(#ebaa19), to(rgba(235, 170, 25, 0.8)));
    background: linear-gradient(90deg, #ebaa19, rgba(235, 170, 25, 0.8));
    background-image: -ms-linear-gradient(#ebaa19, rgba(235, 170, 25, 0.8));
}

@media (max-width: 1024px) {
    body.gold #front-page-features aside {
        background: #ebaa19;
        background: -webkit-gradient(linear, left top, left bottom, from(#ebaa19), to(rgba(235, 170, 25, 0.8)));
        background: linear-gradient(180deg, #ebaa19, rgba(235, 170, 25, 0.8));
        background-image: -ms-linear-gradient(#ebaa19, rgba(235, 170, 25, 0.8));
    }
}

body.salmon {
    /*header#top.featured #share-link > ul, header#top.featured #site-links h4, header#top.featured #search h4 {
		background: rgba($color, 0.7);
	}*/
}

body.salmon a, body.salmon header#top .about-search > ul li a:hover, body.salmon header#top #site-title .news, body.salmon header#top.compact #logo h1 .icon-cchs, body.salmon header#top.compact #logo #site-title .icon-cchs, body.salmon #sidebar h5, body.salmon article #sidebar div.categories ul li a, body.salmon #byline a, body.salmon article #sidebar a:hover, body.salmon form.searchandfilter .sf-field-submit input, body.salmon .sf-field-submit:before, body.salmon #search-menu:hover form.searchandfilter .sf-field-submit:before, body.salmon .sub:hover:after, body.salmon header#top #featured-topics > ul > li > a:hover, body.salmon nav.action h4, body.salmon header#top nav#featured-topics ul li .menu-toggle.active, body.salmon #back-to-top a [class*='icon-'], body.salmon button.open-all, body.salmon #wellness h1, body.salmon #wellness h3, body.salmon .search h1 span, body.salmon main .spotlights .featured.vert a:hover .article .title, body.salmon main#home .spotlights.vanilla-lists .story-column ul.grid li a, body.salmon span.submit:before {
    color: #dc606a;
}

body.salmon header#top #small-title, body.salmon footer aside, body.salmon main.way article .way-header, body.salmon header#top #search form.searchandfilter, body.salmon header#top nav#share-link > ul ul, body.salmon #share nav ul li a:hover, body.salmon main.archive h1.page-title, body.salmon button.alm-load-more-btn, body.salmon #focus-viewer h2, body.salmon header#top.featured #site-title, body.salmon .box-title {
    background: #dc606a;
}

body.salmon h5 a {
    border-bottom: 1px solid rgba(220, 96, 106, 0.7);
}

body.salmon blockquote {
    border-left: 2px solid #dc606a;
}

body.salmon #content a {
    border-bottom: 1px dotted #dc606a;
}

body.salmon #content a:hover {
    border-bottom: 1px solid #dc606a;
}

body.salmon #front-page-features aside {
    background: #dc606a;
    background: -webkit-gradient(linear, left top, right top, from(#dc606a), to(rgba(220, 96, 106, 0.8)));
    background: linear-gradient(90deg, #dc606a, rgba(220, 96, 106, 0.8));
    background-image: -ms-linear-gradient(#dc606a, rgba(220, 96, 106, 0.8));
}

@media (max-width: 1024px) {
    body.salmon #front-page-features aside {
        background: #dc606a;
        background: -webkit-gradient(linear, left top, left bottom, from(#dc606a), to(rgba(220, 96, 106, 0.8)));
        background: linear-gradient(180deg, #dc606a, rgba(220, 96, 106, 0.8));
        background-image: -ms-linear-gradient(#dc606a, rgba(220, 96, 106, 0.8));
    }
}

body.tangerine {
    /*header#top.featured #share-link > ul, header#top.featured #site-links h4, header#top.featured #search h4 {
		background: rgba($color, 0.7);
	}*/
}

body.tangerine a, body.tangerine header#top .about-search > ul li a:hover, body.tangerine header#top #site-title .news, body.tangerine header#top.compact #logo h1 .icon-cchs, body.tangerine header#top.compact #logo #site-title .icon-cchs, body.tangerine #sidebar h5, body.tangerine article #sidebar div.categories ul li a, body.tangerine #byline a, body.tangerine article #sidebar a:hover, body.tangerine form.searchandfilter .sf-field-submit input, body.tangerine .sf-field-submit:before, body.tangerine #search-menu:hover form.searchandfilter .sf-field-submit:before, body.tangerine .sub:hover:after, body.tangerine header#top #featured-topics > ul > li > a:hover, body.tangerine nav.action h4, body.tangerine header#top nav#featured-topics ul li .menu-toggle.active, body.tangerine #back-to-top a [class*='icon-'], body.tangerine button.open-all, body.tangerine #wellness h1, body.tangerine #wellness h3, body.tangerine .search h1 span, body.tangerine main .spotlights .featured.vert a:hover .article .title, body.tangerine main#home .spotlights.vanilla-lists .story-column ul.grid li a, body.tangerine span.submit:before {
    color: #ee674e;
}

body.tangerine header#top #small-title, body.tangerine footer aside, body.tangerine main.way article .way-header, body.tangerine header#top #search form.searchandfilter, body.tangerine header#top nav#share-link > ul ul, body.tangerine #share nav ul li a:hover, body.tangerine main.archive h1.page-title, body.tangerine button.alm-load-more-btn, body.tangerine #focus-viewer h2, body.tangerine header#top.featured #site-title, body.tangerine .box-title {
    background: #ee674e;
}

body.tangerine h5 a {
    border-bottom: 1px solid rgba(238, 103, 78, 0.7);
}

body.tangerine blockquote {
    border-left: 2px solid #ee674e;
}

body.tangerine #content a {
    border-bottom: 1px dotted #ee674e;
}

body.tangerine #content a:hover {
    border-bottom: 1px solid #ee674e;
}

body.tangerine #front-page-features aside {
    background: #ee674e;
    background: -webkit-gradient(linear, left top, right top, from(#ee674e), to(rgba(238, 103, 78, 0.8)));
    background: linear-gradient(90deg, #ee674e, rgba(238, 103, 78, 0.8));
    background-image: -ms-linear-gradient(#ee674e, rgba(238, 103, 78, 0.8));
}

@media (max-width: 1024px) {
    body.tangerine #front-page-features aside {
        background: #ee674e;
        background: -webkit-gradient(linear, left top, left bottom, from(#ee674e), to(rgba(238, 103, 78, 0.8)));
        background: linear-gradient(180deg, #ee674e, rgba(238, 103, 78, 0.8));
        background-image: -ms-linear-gradient(#ee674e, rgba(238, 103, 78, 0.8));
    }
}

body.event main p, main ul, main ol {
    line-height: 1.6875em;
    margin-top: 1.5em;
}

main ul, main ol {
    margin-left: 3em;
}

h1:not([id="site-title"]) {
    font-family: "Raleway";
    font-size: 44px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

h1:not([id="site-title"]) li {
    list-style: none;
    margin: 0;
    padding: 0;
}

h2, h3, h4, h5, h6 {
    /*clear: both;*/
    font-family: "Raleway";
}

h2 {
    font-size: 28px;
    font-weight: 700;
}

.single article h2 {
    line-height: 1.2;
}

.visuallyhidden, .screen-reader-text {
    display: none;
}

main, header#top > div, #grid {
    clear: both;
    margin: auto;
    max-width: 1140px;
    width: 90%;
}

@media (max-width: 768px) {
    main, header#top > div, #grid {
        width: auto;
    }
}

main {
    display: block;
}

@media (max-width: 768px) {
    main {
        max-width: none;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }
}

@media (max-width: 1140px) {
    header#top > div {
        max-width: 90%;
    }
}

.story-column, .featured .vert {
    width: 100%;
    display: block;
    flex-grow: 1;
    flex-shrink: 1;
}

@media only screen and (max-width: 850px) {
    .spotlights, .three-columns {
        flex-wrap: wrap;
        max-width: 600px;
    }

    .story-column {
        margin-bottom: 15px;
    }
}

[class*='col-'] {
    display: table-cell;
    padding: 0 20px;
    /* padding was at some point changed to 0 10px 0 0 */

    text-align: left;
    vertical-align: top;
}

.col-one-fourth, .columns div {
    vertical-align: top;
    width: 25%;
    /* spans 1/4, width = 25% */
}

.col-one-third {
    width: 33.33333%;
    /* spans 1/3, width = 33.3% */
}

.col-one-half {
    width: 50%;
    /* spans 1/2, width = 50% */
}

.col-two-third {
    width: 66.66667%;
    /* spans 2/3, width = 66.6% */
}

@media only screen and (max-width: 850px) {
    .col-one-half {
        width: 100%;
        display: block;
    }

    .col-two-third {
        width: 100% !important;
        display: block !important;
        box-sizing: border-box;
        border: 0;
    }

    .col-one-third {
        width: 100% !important;
        max-width: none !important;
        display: block !important;
        box-sizing: border-box;
    }
}

.col-three-fourth {
    width: 75.0%;
    /* spans 3/4, width = 75% */
}

.col-one-twenty {
    width: 5%;
    /* spans 1/20, width = 5% */
}

.col-three-twenty {
    width: 15.0%;
    /* spans 3/20, width = 15% */
}

.col-four-twenty {
    width: 20%;
    /* spans 4/20, width = 20% */
}

.col-six-twenty {
    width: 30.0%;
    /* spans 6/20, width = 30% */
}

.col-twelve-twenty {
    width: 60.0%;
    /* spans 12/20, width = 60% */
}

.col-thirteen-twenty {
    width: 65.0%;
    /* spans 13/20, width = 65% */
}

.col-fourteen-twenty {
    width: 70.0035%;
    /* spans 14/20, width = 70.0035% */
}

.col-sixteen-twenty {
    width: 80%;
    /* spans 16/20, width = 80% */
}

.col-nineteen-twenty {
    width: 95.00285%;
    /* spans 19/20, width = 95.0028% */
}

.col2 li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    display: inline-block;
    width: 50%;
}

.col3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    vertical-align: top;
}

.col3 li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
}

.gform-col3 ul.gfield_checkbox {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    vertical-align: top;
}

.gform-col3 ul.gfield_checkbox li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    line-height: 1.4;
}

.gform-col3 ul.gfield_checkbox li label {
    margin-bottom: .5em;
    max-width: 90%;
}

.gform-col3 ul.gfield_checkbox li input {
    margin: .25em .25em 0;
}

.gform-col2 ul.gfield_checkbox {
    display: block;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    vertical-align: top;
}

.gform-col2 ul.gfield_checkbox li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    line-height: 1.4;
}

.gform-col2 ul.gfield_checkbox li label {
    margin-bottom: .5em;
    max-width: 90%;
}

.gform-col2 ul.gfield_checkbox li input {
    margin: .25em .25em 0;
}

.columns {
    clear: both;
    display: inline-table;
    letter-spacing: -5px;
    width: 100%;
}

.columns * {
    letter-spacing: 0;
}

.columns div {
    padding: 2%;
}

.columns div:first-child {
    padding-left: 0;
}

.columns div:nth-child(-n+2) {
    /* Selects first two items */
}

.columns div:nth-of-type(even) {
    /* Selects every other even item */
}

.columns div:last-of-type {
    /* Selects last div */
}

.columns ul, .columns h2, .columns h3 {
    margin: 0;
    padding: 0;
}

.columns ul li, .columns h2 li, .columns h3 li {
    list-style: none;
    margin: 0;
    padding: 0;
}

header#top:not(.featured) {
    left: 0;
    position: static;
    top: 0;
}

header#top {
    background: rgba(255, 255, 255, 0.97);
    -webkit-box-shadow: 0 0 3em 0 rgba(67, 83, 107, 0.15);
    box-shadow: 0 0 3em 0 rgba(67, 83, 107, 0.15);
    -webkit-transition: top 500ms ease;
    transition: top 500ms ease;
    width: 100%;
    z-index: 5000;
}

header#top > div {
    padding: 40px 0 30px;
    position: relative;
}

@media (max-width: 768px) {
    header#top > div {
        padding: 20px 0;
    }
}

header#top #logo {
    display: table-cell;
    padding: 0;
    vertical-align: bottom;
}

@media (max-width: 840px) {
    header#top #logo {
        width: auto;
    }
}

header#top #logo #site-title {
    color: rgba(32, 47, 51, 0.9);
    display: inline-block;
    font-family: "Raleway";
    font-size: 125%;
    font-weight: normal;
    letter-spacing: 0.035em;
    line-height: 26px;
    margin: 0 0 -6px 0;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: bottom;
}

@media (max-width: 1024px) {
    header#top #logo #site-title {
        font-size: 100%;
    }
}

@media (max-width: 375px) {
    header#top #logo #site-title {
        font-size: 70%;
        line-height: 16px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    header#top #logo #site-title {
        font-size: 70%;
        line-height: 16px;
    }
}

header#top #logo #site-title .icon-cchs {
    color: white;
    display: none;
    font-size: 1.25em;
}

header#top #logo #site-title .cc {
    display: block;
    text-indent: 5px;
}

header#top #logo #site-title .news {
    font-size: 88px;
    font-weight: 300;
    letter-spacing: -0.035em;
    text-transform: lowercase;
}

header#top #logo #site-title .news em {
    font-style: italic;
    padding-right: 0.05em;
}

header#top #logo #site-title:hover {
    color: black;
}

header#top #featured-topics {
    padding-bottom: 6px;
    position: relative;
    text-align: right;
    vertical-align: bottom;
    /*div.wrapper:after {
        @include linear-gradient(180deg, transparent, white(1));
        content: '';
        display: block;
        bottom: 0;
        height: 60px;
        position: absolute;
        width: 100%;
        z-index: 7000;
    }*/
}

@media (max-width: 1024px) {
    header#top #featured-topics {
        padding-right: 0;
    }
}

@media (max-width: 840px) {
    header#top #featured-topics {
        display: none;
    }
}

header#top #featured-topics > ul:hover > li {
    font-size: 15px;
}

header#top #featured-topics > ul:hover > li > a {
    color: rgba(67, 83, 107, 0.4);
}

header#top #featured-topics > ul {
    margin: 0;
    padding: 0;
}

header#top #featured-topics > ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

header#top #featured-topics > ul > li {
    display: inline-block;
    padding: 0 .25em;
    /* padding originally: 0 .65em */
    position: relative;
    font-size: 15px;
}

@media (max-width: 1024px) {
    header#top #featured-topics > ul > li {
        font-size: 1em;
        padding: 0 .4em;
    }
}

header#top #featured-topics > ul > li > a {
    color: rgba(32, 47, 51, 0.6);
    letter-spacing: 0.035em;
    padding: 5px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

header#top #featured-topics > ul > li a:hover {
    text-decoration: none;
}

header#top #featured-topics > ul li:last-child {
    padding-right: 0;
}

header#top #featured-topics div.wrapper {
    background: white;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    display: none;
    font-size: 15px;
    left: -110px;
    margin-left: 50%;
    position: absolute;
    text-align: left;
    top: 160%;
    width: 220px;
    z-index: 6000;
}

header#top #featured-topics div.wrapper .icon-close {
    right: 10px;
    top: 9px;
}

header#top #featured-topics div.wrapper ul {
    max-height: 300px;
    padding: 20px 30px;
    position: relative;
    overflow-y: scroll;
}

header#top #featured-topics div.wrapper ul li {
    display: block;
    font-size: 1.1em;
    padding: 5px 0;
}

header#top #featured-topics div.wrapper ul li a {
    display: block;
}

header#top #featured-topics div.wrapper ul li a:hover {
    color: #202f33;
    text-decoration: underline;
}

header#top #featured-topics div.wrapper ul::-webkit-scrollbar {
    display: none;
}

header#top #article-title, header#top nav#share-link {
    display: none;
}

header#top nav.action {
    display: table-cell;
    padding-right: 0;
    vertical-align: bottom;
}

@media (max-width: 840px) {
    header#top nav.action {
        vertical-align: middle;
    }
}

header#top nav.action > ul {
    float: right;
    margin: 0;
    padding: 0;
}

header#top nav.action > ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

header#top nav.action > ul li.share, header#top nav.action > ul li.browse, header#top nav.action > ul li.search {
    height: 30px;
    padding-left: 15px;
    position: relative;
    vertical-align: middle;
}

header#top nav.action > ul li.search {
    padding-left: 0;
}

@media (max-width: 840px) {
    header#top nav.action > ul li.search {
        padding-left: 15px;
    }
}

header#top nav.action > ul li:first-child {
    padding-left: 0;
}

header#top nav.action h4 {
    border-radius: 0.15em;
    cursor: pointer;
    display: table-cell;
    font-size: 1.15em;
    font-weight: normal;
    height: 30px;
    margin: 0;
    padding: 0;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    vertical-align: middle;
}

header#top nav.action h4.active {
    color: #202f33;
}

header#top nav.action h4:hover {
    color: #202f33;
}

header#top nav.action div.wrapper {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    background: white;
    border-radius: 3px;
    display: none;
    padding: 1em;
    position: absolute;
    right: 0;
    z-index: 9999;
}

header#top nav.action div.wrapper ul {
    margin: 0;
    padding: 0;
}

header#top nav.action div.wrapper ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

header#top nav.action .icon-close {
    right: 7px;
    top: 9px;
}

header#top nav.action li.share {
    display: none;
}

header#top nav.action li.share h4 .visuallyhidden {
    font-size: 15px;
    padding: .1em 0 0 .4em;
    letter-spacing: 0.065em;
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    header#top nav.action li.share h4 .visuallyhidden {
        display: none;
    }
}

header#top nav.action li.share .wrapper {
    border-radius: 0 0.15em 0.15em 0.15em;
    padding: 20px 30px;
    top: 0;
    width: 70px;
}

header#top nav.action li.share .wrapper h5 {
    color: rgba(32, 47, 51, 0.6);
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0.065em;
    margin: 0 0 .5em;
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    header#top nav.action li.share .wrapper h5 {
        display: block;
    }
}

header#top nav.action li.share .wrapper ul {
    margin: 0;
    padding: 0;
}

header#top nav.action li.share .wrapper ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

header#top nav.action li.share .wrapper ul li {
    margin: 0;
    padding: .25em 0;
}

header#top nav.action li.browse {
    display: none;
}

@media (max-width: 840px) {
    header#top nav.action li.browse {
        display: table-cell;
    }
}

header#top nav.action li.browse .wrapper {
    padding: 20px 30px;
    top: 0;
    width: 600px;
}

@media (max-width: 840px) {
    header#top nav.action li.browse .wrapper {
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: 460px;
    }
}

@media (max-width: 768px) {
    header#top nav.action li.browse .wrapper {
        right: -100%;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
}

@media (max-width: 375px) {
    header#top nav.action li.browse .wrapper {
        max-height: 400px;
        width: 270px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    header#top nav.action li.browse .wrapper {
        max-height: 400px;
        width: 270px;
    }
}

header#top nav.action li.browse h5 {
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0.065em;
    margin: 0 0 1em;
    text-transform: uppercase;
}

header#top nav.action li.browse h5 a {
    color: rgba(239, 239, 239, 0.6);
    font-size: 18px;
    letter-spacing: 0;
    padding: 0 .5em;
    text-transform: none;
}

header#top nav.action li.browse ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    font-size: 1em;
    margin: 0;
    padding: 0;
    width: 100%;
}

header#top nav.action li.browse ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 840px) {
    header#top nav.action li.browse ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 375px) {
    header#top nav.action li.browse ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        max-height: 380px;
        overflow-y: scroll;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    header#top nav.action li.browse ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        max-height: 380px;
        overflow-y: scroll;
    }
}

header#top nav.action li.browse ul li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
    margin: 0;
    padding: 0;
    padding: .35em 0;
    width: 100%;
}

header#top nav.action li.browse ul li li {
    list-style: none;
    margin: 0;
    padding: 0;
}

header#top nav.action li.browse ul li a {
    display: block;
}

header#top nav.action li.browse ul li a:hover {
    text-decoration: underline;
}

header#top nav.action li.browse ul li.visuallyhidden {
    display: none;
    font-weight: 600;
}

@media (max-width: 840px) {
    header#top nav.action li.browse ul li.visuallyhidden {
        display: block;
    }
}

header#top nav.action li.search {
    display: table-cell;
}

header#top nav.action li.search .wrapper {
    padding: 6px 35px;
    right: 0;
    top: -8px;
    white-space: nowrap;
    width: auto;
}

header#top nav.action li.search form.searchandfilter {
    font-size: 80%;
    text-align: right;
    width: 100%;
}

header#top nav.action li.search form.searchandfilter ::-webkit-input-placeholder {
    color: rgba(67, 83, 107, 0.3);
}

header#top nav.action li.search form.searchandfilter :-moz-placeholder {
    color: rgba(67, 83, 107, 0.3);
}

header#top nav.action li.search form.searchandfilter ::-moz-placeholder {
    color: rgba(67, 83, 107, 0.3);
}

header#top nav.action li.search form.searchandfilter :-ms-input-placeholder {
    color: rgba(67, 83, 107, 0.3);
}

header#top nav.action li.search form.searchandfilter span.search {
    display: inline-block;
    width: 170px;
}

header#top nav.action li.search form.searchandfilter span.search input[type=text] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: 0;
    color: rgba(67, 83, 107, 0.8);
    font-family: "Raleway";
    font-size: 18px;
    line-height: 1.2;
    outline: none;
    padding: .25em;
    width: 100%;
}

header#top nav.action li.search form.searchandfilter span.submit:before {
    content: '\e607';
    display: block;
    font-size: 18px;
    font-family: "icomoon";
    position: absolute;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    z-index: 0;
}

header#top nav.action li.search form.searchandfilter span.submit:hover:before {
    color: #202f33;
}

header#top nav.action li.search form.searchandfilter span.submit {
    left: 13px;
    position: absolute;
    z-index: 1;
    top: 11px;
}

header#top nav.action li.search form.searchandfilter span.submit input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    color: white;
    display: block;
    font-size: 1em;
    padding: 5px 10px 0 10px;
    position: absolute;
}

header#top nav.action li.search form.searchandfilter span.submit input[type=submit]:hover {
    cursor: pointer;
}

header#top.featured nav.action li.browse {
    display: table-cell;
}

body.scrollActive header#top.compact {
    -webkit-box-shadow: 0 0 1em 0 rgba(67, 83, 107, 0.25);
    box-shadow: 0 0 1em 0 rgba(67, 83, 107, 0.25);
    position: fixed;
}

body.scrollActive header#top.compact > div {
    max-width: 1140px;
    padding-bottom: 0;
    padding-top: 0;
}

@media (max-width: 1140px) {
    body.scrollActive header#top.compact > div {
        max-width: 1140px;
        width: 90%;
    }
}

body.scrollActive header#top.compact #logo {
    padding: 1em 20px 1em 0;
    vertical-align: middle;
    width: 5%;
}

@media (max-width: 375px) {
    body.scrollActive header#top.compact #logo {
        width: auto;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body.scrollActive header#top.compact #logo {
        width: auto;
    }
}

body.scrollActive header#top.compact #logo #site-title {
    display: table-row;
    font-size: 125%;
    margin: 0;
}

body.scrollActive header#top.compact #logo #site-title .icon-cchs {
    display: table-cell;
}

body.scrollActive header#top.compact #logo #site-title .cc {
    display: none;
}

body.scrollActive header#top.compact #logo #site-title .news {
    display: table-cell;
    font-size: 2.5em;
    padding-left: .075em;
}

body.scrollActive header#top.compact #featured-topics {
    display: none;
}

body.scrollActive header#top.compact #article-title {
    border-left: 1px solid rgba(32, 47, 51, 0.1);
    display: table-cell;
    padding: 1em;
    font-family: "Raleway";
    font-size: 1em;
    font-weight: 600;
    vertical-align: top;
}

@media (max-width: 375px) {
    body.scrollActive header#top.compact #article-title {
        display: none;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body.scrollActive header#top.compact #article-title {
        display: none;
    }
}

body.scrollActive header#top.compact #article-title p {
    display: table-cell;
    padding-top: .25em;
    vertical-align: top;
}

body.scrollActive header#top.compact nav#share-link {
    display: table-cell;
}

body.scrollActive header#top.compact nav.action {
    vertical-align: middle;
}

@media (max-width: 375px) {
    body.scrollActive header#top.compact nav.action {
        padding: 0;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body.scrollActive header#top.compact nav.action {
        padding: 0;
    }
}

body.scrollActive header#top.compact nav.action li.share {
    display: table-cell;
}

body.scrollActive header#top.compact nav.action li.browse {
    display: table-cell;
}

body.scrollActive header#top.compact nav.action li.browse ul li.visuallyhidden {
    display: list-item;
}

body.scrollActive header#top.compact nav.action li.search {
    padding-left: 15px;
}

body.scrollActive header#top.compact nav.action li.search .wrapper {
    border: 1px solid rgba(32, 47, 51, 0.1);
    -webkit-box-shadow: none;
    box-shadow: none;
}

p.post-edit-link {
    background: #efefef;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
}

p.post-edit-link li {
    list-style: none;
    margin: 0;
    padding: 0;
}

p.post-edit-link a {
    display: block;
    padding: 1em;
}

#back-to-top {
    background: rgba(67, 83, 107, 0.1);
    cursor: pointer;
    display: none;
    font-size: 28px;
    position: fixed;
    bottom: 0;
    padding: .25em 0;
    text-align: right;
    vertical-align: middle;
    width: 100%;
    z-index: 5000;
}

#back-to-top a [class*='icon-'] {
    border-radius: 0.15em;
    display: inline-block;
    font-size: 1em;
    margin-right: .25em;
}

#back-to-top a:hover {
    color: rgba(255, 255, 255, 0.6);
}

body #back-to-top:hover {
    background: rgba(67, 83, 107, 0.2);
}

.icon-close {
    border-radius: 50%;
    color: rgba(67, 83, 107, 0.5);
    cursor: pointer;
    display: block;
    font-size: 22px;
    padding: 3px;
    position: absolute;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    z-index: 6000;
}

.icon-close:hover {
    background: #efefef;
}

footer {
    background: rgba(67, 83, 107, 0.05);
    font-size: 15px;
    padding-bottom: 3em;
    position: relative;
    vertical-align: top;
    width: 100%;
}

@media (max-width: 840px) {
    footer {
        font-size: 15px;
    }
}

footer section {
    font-size: 1em;
    margin: auto;
    max-width: 1140px;
    padding: 2em 0;
    position: relative;
    width: 90%;
}

@media (max-width: 375px) {
    footer section {
        font-size: 1.25em;
        padding-top: 1em;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    footer section {
        font-size: 1.25em;
        padding-top: 1em;
    }
}

footer section div {
    display: table-cell;
    padding-right: 4em;
    vertical-align: top;
}

@media (max-width: 375px) {
    footer section div {
        display: block;
        padding: 1em 0 0;
        text-align: center;
        width: 100%;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    footer section div {
        display: block;
        padding: 1em 0 0;
        text-align: center;
        width: 100%;
    }
}

footer section div h3 {
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.035em;
    margin: .5em 0;
    text-transform: uppercase;
}

footer section div ul {
    margin: 0;
    padding: 0;
}

footer section div ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

footer section div ul li {
    margin: 0;
}

footer section div ul li a {
    display: block;
    padding: .2em 0;
}

@media (max-width: 375px) {
    footer section div ul li a {
        padding: .75em 0;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    footer section div ul li a {
        padding: .75em 0;
    }
}

footer section .logo {
    display: block;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 2em;
    vertical-align: top;
}

@media (max-width: 375px) {
    footer section .logo {
        position: relative;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    footer section .logo {
        position: relative;
    }
}

footer section .logo a {
    display: block;
    float: right;
    height: auto;
    max-width: 260px;
}

@media (max-width: 840px) {
    footer section .logo a {
        max-width: 180px;
    }
}

@media (max-width: 375px) {
    footer section .logo a {
        float: none;
        margin: auto;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    footer section .logo a {
        float: none;
        margin: auto;
    }
}

/*.spotlights {
	background: blue(0.1);
	border-bottom: 2px solid white(0.8);
	border-top: 2px solid white(0.8);
	clear: both;
	display: inline-table;
	letter-spacing: -5px;
	width: 100%;
* {
	letter-spacing: 0;
}
div {
	@extend .col-one-fourth;
	background: blue(0.3);
	border-right: 1px solid blue(0.6);
	padding: 20px;
	@include breakpoint(palm) {
	border-bottom: 1px solid blue(0.6);
	border-right: 0;
	}
}
div:nth-child(-n+2) {
	@include breakpoint(desk) {
			border-bottom: 1px solid rgba(0,138,165,.6);
		}
}
div:nth-of-type(even) {
			@include breakpoint(desk) {
				border-right: 0;
			}
}
div:last-of-type {
	border-right: 0;
	@include breakpoint(palm) {
	border-bottom: 0;
	}
}
h3 {
	color: $dark-gray;
	font-family: $display-serif;
	font-size: 1.25em;
	font-weight: normal;
	letter-spacing: 2px;
	margin-top: 0;
	text-transform: uppercase;
}
ul, h2, h3 {
	@include zeroed;
}
}*/
body.page main {
    padding: 3em 0 6em;
}

@media (max-width: 840px) {
    body.page main {
        width: 90%;
    }
}

@media (max-width: 375px) {
    body.page main {
        padding: 0;
    }
}

@media (max-width: 375px) {
    body.page main {
        padding: 0;
    }
}

body.page main aside[class*='col-']:last-of-type {
    padding-right: 0;
}

body.page main div[class*='col-']:first-of-type {
    padding-left: 0;
}

body.page main h1 {
    font-family: "Raleway";
    font-size: 44px;
    margin-bottom: .25em;
}

@media (max-width: 400px) {
    body.page main h1 {
        font-size: 34px !important;
    }
}

body.page main h2 {
    font-weight: 600;
}

body.page main #category-archive-list {
    padding: 0 2em 4em 0;
}

@media (max-width: 768px) {
    body.page main #category-archive-list {
        padding: 0 0 4em 0;
    }
}

body.page main #category-archive-list #most-recent {
    border-bottom: 3px solid #efefef;
    margin-bottom: 2em;
    padding-bottom: 2em;
}

body.page main #category-archive-list #most-recent div {
    vertical-align: middle;
}

@media (max-width: 1024px) {
    body.page main #category-archive-list #most-recent div {
        display: block;
        padding: 0;
        width: 100%;
    }
}

body.page main #category-archive-list #most-recent div[class*="col-one-half"]:first-of-type {
    padding-right: 10px;
}

body.page main #category-archive-list #most-recent h2 {
    font-family: "Raleway";
    font-size: 32px;
    line-height: 1;
    margin: 0;
    padding: 0;
}

body.page main #category-archive-list #most-recent h2 li {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 1024px) {
    body.page main #category-archive-list #most-recent h2 {
        margin-top: 1em;
    }
}

body.page main #category-archive-list #most-recent h2 a {
    color: #202f33;
}

body.page main #category-archive-list #most-recent p, body.page main #category-archive-list #most-recent span {
    display: block;
    font-family: "IBM Plex Serif", serif;
    font-size: .95em;
    line-height: 1.5;
    margin: 0;
    padding: .75em 0 0 0;
}

body.page main #category-archive-list #most-recent p a, body.page main #category-archive-list #most-recent span a {
    font-family: "Raleway";
    font-size: 1em;
    font-weight: 600;
}

body.page main #category-archive-list #most-recent figure {
    margin: 0;
}

body.page ul.archive {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 90%;
}

body.page ul.archive li {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.page ul.archive span {
    display: block;
    font-family: "IBM Plex Serif", serif;
    font-size: 18px;
    padding-bottom: .25em;
}

body.page ul.archive li {
    line-height: 1.3;
    padding-bottom: 1em;
}

body.page ul.archive li:last-child {
    padding-bottom: 0;
}

body.page ul.archive a {
    font-family: "Raleway";
}

#focus-viewer {
    vertical-align: top;
}

@media (max-width: 768px) {
    #focus-viewer {
        display: block;
        width: 100%;
    }
}

#focus-viewer iframe {
    margin: 0;
    max-height: 1000px;
}

@media (max-width: 768px) {
    #focus-viewer iframe {
        display: block;
        height: 800px;
    }
}

#focus-viewer p {
    margin: 0;
}

#focus-viewer h2 {
    border-radius: 0.15em 0.15em 0 0;
    color: white;
    font-family: "Raleway";
    font-size: 1.3em;
    font-weight: normal;
    letter-spacing: 0.035em;
    margin: 0;
    padding: .5em 1em;
}

#sidebar.focus-archives {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    display: table-cell;
    padding: 0 0 40px 20px;
    vertical-align: top;
}

@media (max-width: 1024px) {
    #sidebar.focus-archives {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

@media (max-width: 768px) {
    #sidebar.focus-archives {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
        width: 100%;
    }
}

@media (max-width: 375px) {
    #sidebar.focus-archives {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

#sidebar.focus-archives div {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
    padding: 20px 0 0;
    vertical-align: top;
}

#sidebar.focus-archives ul {
    line-height: 1.4;
    list-style: none;
    margin: 0;
    padding: 0;
}

#sidebar.focus-archives p {
    font-size: 18px;
    line-height: 1;
    margin: 1em 0;
}

.focus-note {
    clear: both;
    margin-top: 2em;
}

.column-list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    font-family: "Raleway";
    margin: 0;
    padding: 0;
}

.column-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 768px) {
    .column-list {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 375px) {
    .column-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.column-list li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
    line-height: 1.4;
    margin: .25em 0;
}

.column-list li ul {
    margin: 0 0 0 1em;
}

ul.grid {
    margin: 0 0 1em;
    padding: 0;
}

ul.grid li {
    display: inline-block;
    margin: 0;
    padding: .5em 0;
    vertical-align: top;
}

@media (max-width: 375px) {
    ul.grid li {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    ul.grid li {
        display: block;
    }
}

ul.grid li a {
    line-height: 1.2;
}

ul.grid li a img {
    display: inline-block;
    height: 100%;
    max-width: 26%;
    padding: 0 4% .5em 0;
    vertical-align: top;
    width: 100%;
}

ul.grid li a span.article {
    display: inline-block;
    max-width: 70%;
}

ul.grid li a span.no-image {
    max-width: none;
}

ul.grid li a span.post-title {
    font-size: 1.1em;
    font-weight: 600;
}

ul.grid li a span.post-date {
    color: rgba(32, 47, 51, 0.6);
    display: block;
    font-family: "IBM Plex Serif", serif;
    font-size: 15px;
    font-weight: normal;
    padding-top: .25em;
}

ul.grid li:nth-child(odd) {
    padding-right: 4%;
    width: 46%;
}

@media (max-width: 375px) {
    ul.grid li:nth-child(odd) {
        padding: 0 0 10px 0;
        width: 100%;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    ul.grid li:nth-child(odd) {
        padding: 0 0 10px 0;
        width: 100%;
    }
}

ul.grid li:nth-child(even) {
    width: 50%;
}

@media (max-width: 375px) {
    ul.grid li:nth-child(even) {
        padding: 0 0 10px 0;
        width: 100%;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    ul.grid li:nth-child(even) {
        padding: 0 0 10px 0;
        width: 100%;
    }
}

ul.grid li.lrg_photos a img {
    padding-right: 5%;
    max-width: 45%;
}

ul.grid li.lrg_photos a img + span.article {
    max-width: 50%;
}

ul.grid li.lrg_photos a img + span.article .post-title {
    font-size: 1.5em;
}

#in-the-news ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#in-the-news ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#in-the-news ul li {
    margin: 12px 0;
}

#in-the-news ul .post-date {
    font-size: 15px;
    padding: 0;
}

body.archive h1.page-title {
    border-radius: 0.15em;
    color: white;
    font-family: "Raleway";
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 0.035em;
    margin: 0 0 1.5em 0;
    padding: .5em 1em;
}

body.search article h1 span {
    font-style: italic;
}

body.search article #search-results ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.search article #search-results ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.search article #search-results ul li {
    padding: .5em 0;
}

body.search article #search-results ul figure {
    display: table-cell;
    max-width: 160px;
    vertical-align: top;
    width: 20%;
}

body.search article #search-results ul div {
    display: table-cell;
    font-family: "Raleway";
    font-size: 18px;
    line-height: 1.4;
    vertical-align: top;
    width: 80%;
}

body.search article #search-results ul div a {
    display: block;
    font-size: 1.25em;
}

body.search article #search-results ul div .post-date {
    padding: 0;
}

body.search article #search-results ul div p {
    color: rgba(32, 47, 51, 0.8);
    line-height: 1.4;
    margin: 0;
}

body.search article #search-results ul figure + div {
    padding-left: 1.5em;
}

body.home header#top:not(.compact) {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

body.home main#home {
    margin: auto;
    max-width: none;
    width: auto;
}

@media (max-width: 1280px) {
    body.home main#home {
        max-width: 1140px;
        width: 90%;
    }
}

@media (max-width: 768px) {
    body.home main#home {
        max-width: none;
        width: auto;
    }
}

body.home main#home #front-page-features {
    margin: 0 auto 30px auto;
    width: 1280px;
}

@media (max-width: 1280px) {
    body.home main#home #front-page-features {
        width: auto;
    }
}

body.home main#home #front-page-features .features-container {
    background: black;
    bottom: 0;
    margin: 0 auto;
}

body.home main#home #front-page-features .features-container .sticky-story {
    display: table-cell;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

@media (max-width: 1024px) {
    body.home main#home #front-page-features .features-container .sticky-story {
        display: block;
    }
}

body.home main#home #front-page-features .features-container .sticky-story h3 {
    background: none;
    border: 2px solid rgba(255, 255, 255, 0.6);
    margin-top: 15px;
    padding: 11px 15px;
    font-weight: 700;
}

body.home main#home #front-page-features .features-container .sticky-story img {
    display: block;
    max-width: none;
    width: 100%;
}

@media (max-width: 1280px) {
    body.home main#home #front-page-features .features-container .sticky-story img {
        width: 115%;
    }
}

@media (max-width: 1024px) {
    body.home main#home #front-page-features .features-container .sticky-story img {
        width: 100%;
    }
}

body.home main#home #front-page-features .features-container .sticky-story > div.story-wrapper {
    background: transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7));
    background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    bottom: 0;
    margin: auto;
    position: absolute;
    width: 100%;
}

body.home main#home #front-page-features .features-container .sticky-story > div.story-wrapper div {
    padding: 120px 70px 60px 70px;
}

@media (max-width: 1140px) {
    body.home main#home #front-page-features .features-container .sticky-story > div.story-wrapper div {
        padding: 120px 40px 40px 40px;
    }
}

body.home main#home #front-page-features .features-container .sticky-story p {
    color: rgba(255, 255, 255, 0.8);
    font-family: "Raleway";
    font-size: 18px;
    font-style: italic;
    line-height: 1.3;
    margin: 1em 0 0;
}

body.home main#home #front-page-features .features-container .sticky-story h2 {
    font-family: "Raleway";
    font-size: 44px;
    font-weight: 700;
    line-height: .9;
    margin: 0;
    padding: 0;
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

body.home main#home #front-page-features .features-container .sticky-story h2 li {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.home main#home #front-page-features .features-container .sticky-story h2 a {
    color: white;
}

@media (max-width: 1280px) {
    body.home main#home #front-page-features .features-container .sticky-story h2 {
        /*font-size: 50px;*/
    }
}

@media only screen and (max-width: 500px) {
    body.home main#home #front-page-features .features-container .sticky-story h2 {
        font-size: 30px;
    }
}

body.home main#home #front-page-features .features-container .sticky-story h2.big {
    font-size: 80px;
}

@media (max-width: 1280px) {
    body.home main#home #front-page-features .features-container .sticky-story h2.big {
        font-size: 70px;
    }
}

body.home main#home #front-page-features .features-container aside {
    display: table-cell;
    padding: 40px;
    vertical-align: middle;
    width: 25%;
}

@media (max-width: 1280px) {
    body.home main#home #front-page-features .features-container aside {
        width: 31.5%;
    }
}

@media (max-width: 1024px) {
    body.home main#home #front-page-features .features-container aside {
        border-left: 0;
        border-top: 3px solid white;
        display: block;
        width: auto;
    }
}

body.home main#home #front-page-features .features-container aside h3 {
    background: none;
    margin-top: 30px;
}

body.home main#home #front-page-features .features-container aside h3 a {
    border: 2px solid rgba(0, 0, 0, 0.6);
    color: black;
}

@media (max-width: 1140px) {
    body.home main#home #front-page-features .features-container aside h3 {
        margin-top: 20px;
    }
}

@media (max-width: 1024px) {
    body.home main#home #front-page-features .features-container aside h3 {
        display: none;
    }
}

body.home main#home #front-page-features .features-container aside ul {
    margin: 0;
    padding: 0;
}

body.home main#home #front-page-features .features-container aside ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.home main#home #front-page-features .features-container aside ul li {
    line-height: 1.2;
    margin: 0 0 30px 0;
}

@media (max-width: 1280px) {
    body.home main#home #front-page-features .features-container aside ul li {
        margin: 0 0 20px 0;
    }
}

@media (max-width: 1140px) {
    body.home main#home #front-page-features .features-container aside ul li {
        margin: 0 0 10px 0;
    }
}

@media (max-width: 1024px) {
    body.home main#home #front-page-features .features-container aside ul li {
        display: list-item;
        padding: 10px 0;
    }
}

body.home main#home #front-page-features .features-container aside ul li a.title {
    color: white;
    font-family: "Raleway";
    font-size: 1.15em;
    /* font-size is usually 1.25em - changed on 4/14/22 by JST due to excessively long titles */
    font-weight: 600;
}

@media (max-width: 1280px) {
    body.home main#home #front-page-features .features-container aside ul li a.title {
        font-size: 20px;
    }
}

body.home main#home #front-page-features .features-container aside ul li span {
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

body.home main#home #front-page-features .features-container aside ul li a.category {
    color: black;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding-right: 5px;
    text-transform: uppercase;
}

body.home main#home #front-page-features .features-container aside ul li span.post-date {
    color: #202f33;
    display: inline-block;
    font-family: "Raleway";
    font-size: 15px;
    font-weight: normal;
}

body.home main#home #front-page-features .features-container aside ul li span.meta {
    display: block;
    margin-top: 6px;
}

body.home main#home #front-page-features .features-container aside ul li:last-of-type {
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    body.home main#home #front-page-features .features-container aside ul li:last-of-type {
        display: table-cell;
        padding: 0;
    }
}

body.home main#home .billboard {
    margin: 30px auto;
    max-width: 1140px;
    overflow: hidden;
    position: relative;
}

@media (max-width: 768px) {
    body.home main#home .billboard {
        width: 90%;
    }
}

body.home main#home .billboard a {
    cursor: pointer;
    display: block;
}

body.home main#home .billboard a:hover > div {
    opacity: 0.8;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

body.home main#home .billboard a > div {
    background: rgba(0, 0, 0, 0.5);
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
    background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.5), transparent);
    border-radius: 3px;
    padding-top: 60px;
    bottom: 0;
    opacity: 1;
    position: absolute;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    width: 100%;
}

body.home main#home .billboard .title {
    padding: 40px 0 20px 30px;
}

body.home main#home .billboard .title h3 {
    color: white;
    font-family: "IBM Plex Serif", serif;
    font-weight: normal;
    letter-spacing: 0.035em;
    margin-bottom: 8px;
    -webkit-text-shadow: 0 0 3px black;
    -moz-text-shadow: 0 0 3px black;
    text-shadow: 0 0 3px black;
}

body.home main#home .billboard .title h3:after {
    content: '\e60d';
    font-family: "icomoon";
    font-size: 15px;
    padding-left: 4px;
    position: absolute;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

body.home main#home .billboard .title h4 {
    color: white;
    font-family: "Raleway";
    font-size: 32px;
    font-weight: normal;
    letter-spacing: 0.035em;
    margin: 0;
    max-width: 80%;
    -webkit-text-shadow: 0 0 3px black;
    -moz-text-shadow: 0 0 3px black;
    text-shadow: 0 0 3px black;
}

@media (max-width: 840px) {
    body.home main#home .billboard .title h4 {
        font-size: 28px;
    }
}

body.home main#home .billboard img {
    border-radius: 3px;
}

body.home main#home .spotlights {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    margin: auto;
    max-width: 1140px;
    padding: 30px 0;
    /*.col-two-third {
          padding: 0;
          img {
              max-width: none;
          }
          li {
              margin-bottom: 10px;
              padding: 0;
              width: 50%;
              a {
                  display: block;
                  padding: 0 10px;
              }
          }
          li:nth-of-type(even) {
              a {
                  padding: 0 0 0 20px;
              }
          }
          li:nth-of-type(5) {
              margin-bottom: 0;
              padding-bottom: 0;
              .post-date {
                  border-bottom: 0;
                  padding-bottom: 0;
              }
          }
      }*/
}

@media (max-width: 768px) {
    body.home main#home .spotlights {
        width: 90%;
    }
}

@media only screen and (max-width: 850px) {
    body.home main#home .spotlights {
        border-top: 0;
        padding: 0;
    }
}

body.home main#home .spotlights > div {
    display: table-cell;
    vertical-align: top;
}

body.home main#home .spotlights h3.notused a {
    background: rgba(239, 239, 239, 0.5);
    border-radius: 3px;
    display: block;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: 0.035em;
    line-height: .9;
    margin: 0;
    padding: 15px 20px;
    position: relative;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

body.home main#home .spotlights h3.notused a [class*='icon-'] {
    font-size: 20px;
    height: auto;
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 15px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

body.home main#home .spotlights h3.notused a .visuallyhidden {
    color: rgba(32, 47, 51, 0.6);
    display: inline-block;
    font-size: 13px;
    line-height: .9;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

body.home main#home .spotlights h3.notused a:hover [class*='icon-'] {
    opacity: 0;
    right: 0;
}

body.home main#home .spotlights h3.notused a:hover .visuallyhidden {
    opacity: 1;
    right: 15px;
}

body.home main#home .spotlights span.post-date {
    border-bottom: 1px solid #efefef;
    padding-bottom: 8px;
}

body.home main#home .spotlights .featured.vert h3.see-all:hover {
    background: rgba(0, 0, 0, 0.8);
}

body.home main#home .spotlights .featured.vert h3.see-all:hover a {
    text-decoration: none;
}

body.home main#home .spotlights .featured.vert .image-title {
    background: #202f33;
    margin-bottom: 10px;
    position: relative;
}

body.home main#home .spotlights .featured.vert .image-title .box-title {
    bottom: 10px;
    left: 10px;
    position: absolute;
}

body.home main#home .spotlights .featured.vert .image-title > a:hover img {
    opacity: .8;
}

body.home main#home .spotlights .featured.vert img {
    max-width: 850px;
    padding: 0;
    position: relative;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 100%;
    z-index: 0;
}

body.home main#home .spotlights .featured.vert a.title {
    color: #202f33;
    font-family: "Raleway";
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

body.home main#home .spotlights .featured.vert .article {
    color: #202f33;
    display: block;
    line-height: 1.6;
    max-width: none;
    padding: 10px;
}

body.home main#home .spotlights .story-column ul.grid {
    margin-bottom: 0;
}

body.home main#home .spotlights .story-column ul.grid li {
    line-height: 1.4;
}

body.home main#home .spotlights .story-column ul.grid li a {
    color: #202f33;
    font-size: 18px;
    cursor: pointer;
}

body.home main#home .spotlights .story-column ul.grid li a:hover .title {
    text-decoration: underline;
}

body.home main#home .spotlights .story-column ul.grid img {
    border: 1px solid #efefef;
    border-radius: 50%;
    max-width: 24%;
    padding: 0;
    vertical-align: middle;
}

body.home main#home .spotlights .story-column ul.grid .article {
    max-width: none;
    vertical-align: middle;
}

body.home main#home .spotlights .story-column ul.grid .post-date {
    color: rgba(32, 47, 51, 0.6);
    display: block;
    font-family: "Raleway";
    font-size: 15px;
    font-weight: normal;
    padding-top: 3px;
    text-transform: uppercase;
}

body.home main#home .spotlights .story-column ul.grid li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

body.home main#home .spotlights .story-column ul.grid li:last-child .post-date {
    border-bottom: 0;
    padding-bottom: 0;
}

body.home main#home .spotlights .story-column ul.grid img + span.article {
    max-width: 70%;
    padding: 0 0 0 5%;
}

body.home main#home .spotlights .story-column ul.grid:not(.col2) li {
    display: block;
    padding: 10px;
    vertical-align: middle;
    width: auto;
}

body.home main#home .spotlights .story-column ul.grid:not(.col2) li:last-child {
    padding-bottom: 0;
}

body.home main#home .spotlights .story-column > .featured.horiz img {
    width: 100px;
    max-width: 100px;
    height: 100px;
    object-fit: cover;
}

@media (max-width: 1024px) {
    body.home main#home .spotlights .story-column > .featured.horiz img {
        max-width: 150px;
    }
}

@media only screen and (max-width: 850px) {
    body.home main#home .spotlights .story-column > .featured.horiz img {
        width: 100%;
        max-width: 745px;
        height: 250px;
        object-fit: cover;
        object-position: 0 25%;
    }
}

body.home main#home .spotlights .story-column .featured.horiz {
    display: table-cell;
    vertical-align: top;
}

@media (max-width: 1024px) {
    body.home main#home .spotlights .story-column .featured.horiz {
        display: block;
    }
}

@media (max-width: 1024px) {
    body.home main#home .spotlights .story-column .featured.horiz .image-title {
        background: none;
    }
}

body.home main#home .spotlights .story-column .featured.horiz .article {
    padding: 0 0 10px 0;
}

body.home main#home .spotlights .story-column .featured.horiz .article a {
    padding: 10px 0;
}

body.home main#home .spotlights .story-column .featured.horiz + .featured.horiz {
    max-width: 240px;
    padding-left: 20px;
}

@media (max-width: 1024px) {
    body.home main#home .spotlights .story-column .featured.horiz + .featured.horiz {
        display: block;
        max-width: none;
        padding: 0;
    }
}

@media only screen and (max-width: 850px) {
    body.home main#home .spotlights .story-column .featured.horiz + .featured.horiz {
        padding-left: 10px;
    }
}

body.home main#home .spotlights .col-one-third {
    width: auto;
}

body.home main#home .spotlights .col-one-third li {
    display: block;
    width: auto;
}

body.home main#home .spotlights .col-one-third {
    padding: 0 20px 0 0;
}

body.home main#home .spotlights .col-one-third:first-of-type, body.home main#home .spotlights .col-one-fourth:first-of-type, body.home main#home .spotlights .columns div:first-of-type, .columns body.home main#home .spotlights div:first-of-type {
    padding-left: 0;
}

body.home main#home .spotlights .col-one-third:nth-of-type(2) {
    padding: 0 10px;
}

body.home main#home .spotlights .col-one-third:last-of-type, body.home main#home .spotlights .col-one-fourth:last-of-type, body.home main#home .spotlights .columns div:last-of-type, .columns body.home main#home .spotlights div:last-of-type {
    padding-right: 0;
}

body.home main#home .spotlights .featured.vert.col-one-half {
    padding: 0;
    vertical-align: middle;
}

@media only screen and (max-width: 850px) {
    body.home main#home .spotlights .featured.vert.col-one-half {
        width: 100%;
    }
}

body.home main#home .spotlights .featured.vert.col-one-half a.title {
    display: block;
    font-size: 32px;
    line-height: 1;
}

body.home main#home .spotlights .featured.vert.col-one-half img {
    max-width: none;
}

body.home main#home .spotlights .featured.vert.col-one-half p {
    font-size: 18px;
    line-height: 1.6;
    margin: 5px 0 20px 0;
}

body.home main#home .spotlights .featured.vert.col-one-half .image-title {
    margin: 0;
}

body.home main#home .spotlights .featured.vert.col-one-half:last-of-type {
    padding-left: 40px;
}

@media only screen and (max-width: 850px) {
    body.home main#home .spotlights .featured.vert.col-one-half:last-of-type {
        padding: 15px 0;
    }
}

body.home main#home #front-page-features + .spotlights + .spotlights + .spotlights {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

body.home main#home .spotlights.vanilla-lists + .spotlights {
    border: 0;
}

body.home main#home .spotlights.three-columns {
    width: 100%;
    display: flex;
    flex-direction: row;
}

body.home main#home .spotlights.three-columns > div {
    max-width: 850px;
}

body.home main#home .spotlights.three-columns > div:first-child {
    padding-right: 20px;
}

body.home main#home .spotlights.three-columns > div:nth-of-type(2) {
    padding-right: 10px;
    padding-left: 10px;
}

body.home main#home .spotlights.three-columns > div:last-child {
    padding-left: 20px;
}

@media only screen and (max-width: 850px) {
    body.home main#home .spotlights.three-columns > div:nth-of-type(1) {
        padding-left: 0;
        padding-right: 0;
    }

    body.home main#home .spotlights.three-columns > div:nth-of-type(2) {
        padding-left: 0;
        padding-right: 0;
    }

    body.home main#home .spotlights.three-columns > div:nth-of-type(3) {
        padding-left: 0;
        padding-right: 0;
    }
}

body.home main#home .spotlights.vanilla-lists {
    background: rgba(239, 239, 239, 0.5);
    border: 0;
    padding: 0;
}

body.home main#home .spotlights.vanilla-lists h3 {
    background: none;
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
}

body.home main#home .spotlights.vanilla-lists h3 a {
    border: 2px solid rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.5);
}

body.home main#home .spotlights.vanilla-lists .col-one-third {
    border-right: 2px solid white;
    max-width: 380px;
    padding: 40px !important;
}

body.home main#home .spotlights.vanilla-lists .col-one-third ul.grid {
    margin-top: 20px;
}

body.home main#home .spotlights.vanilla-lists .col-one-third ul.grid li {
    padding: 10px 0;
}

body.home main#home .spotlights.vanilla-lists .col-one-third ul.grid p {
    font-size: 18px;
    margin: 0;
}

body.home main#home .spotlights.vanilla-lists .col-one-third:last-of-type {
    border: 0;
}

body.home footer.site-footer {
    margin-top: 80px;
}

body .box-title {
    border-radius: 2px;
    color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    font-family: "Raleway";
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.065em;
    margin: 0;
    position: relative;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    vertical-align: top;
    z-index: 1;
}

body .box-title a {
    border-radius: 2px;
    color: white;
    display: block;
    padding: 11px 15px;
    font-weight: 700;
    font-size: 15px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

body .box-title a:after {
    content: '\e611';
    font-family: "icomoon";
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

body .box-title a:hover {
    padding-right: 25px;
    text-decoration: none;
}

body .box-title a:hover::after {
    opacity: 1;
    padding-left: 5px;
}

div.featured-content.three-col .box-title {
    border-radius: 2px 2px 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 15px 20px;
    text-align: center;
}

.gform_wrapper {
    font-family: "Raleway";
    max-width: 90%;
}

.gform_wrapper .ginput_container {
    position: relative;
}

.gform_wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gform_wrapper ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gform_wrapper ul li {
    margin: .5em 0;
}

.gform_wrapper input:not([type="radio"]):not([type="submit"]), .gform_wrapper textarea, .gform_wrapper select {
    border: 2px solid rgba(67, 83, 107, 0.2);
    border-radius: 0.18em;
    color: rgba(32, 47, 51, 0.8);
    font-family: "Raleway";
    font-size: 1em;
    padding: .5em;
    width: 100%;
}

.gform_wrapper select {
    width: 50%;
}

.gform_wrapper label {
    display: block;
    padding: .5em 0 .25em;
}

.gform_wrapper .hiddenlabel label {
    display: none;
}

.gform_wrapper .two-col span[id*='container']:first-of-type input {
    max-width: 90%;
}

.gform_wrapper .two-col span[id*='container'] {
    display: inline-block;
    margin-right: -5px;
    width: 50%;
}

.gform_wrapper ul.gfield_radio li {
    display: inline-block;
    padding-right: 1em;
}

.gform_wrapper ul.gfield_radio li label {
    display: inline-block;
    padding: 0 .25em;
    vertical-align: middle;
}

.gform_wrapper ul.gfield_radio li input {
    display: inline-block;
    vertical-align: middle;
}

.gform_wrapper #recaptcha_privacy a {
    font-size: .7em;
}

.gform_wrapper .gform_footer {
    padding-top: 1em;
}

#ui-datepicker-div {
    background: white;
    -webkit-box-shadow: 0 0 1em 0 rgba(67, 83, 107, 0.25);
    box-shadow: 0 0 1em 0 rgba(67, 83, 107, 0.25);
    display: none;
    padding: 1em;
}

#ui-datepicker-div .ui-datepicker-prev {
    display: inline-block;
    padding-bottom: 1em;
    width: 50%;
}

#ui-datepicker-div .ui-datepicker-next {
    display: inline-block;
    padding-bottom: 1em;
    text-align: right;
    width: 50%;
}

#ui-datepicker-div td a {
    display: block;
    margin: auto;
    padding: .5em;
    text-align: center;
}

#ui-datepicker-div td a:hover {
    background: rgba(67, 83, 107, 0.1);
}

img.ui-datepicker-trigger {
    position: absolute;
    right: 0;
    top: 15px;
}

[class*='notification '] {
    border-radius: 5px;
    display: block;
    font-size: 1.5em;
    font-family: "Raleway";
    padding: .5em 1em;
    width: 100%;
    text-align: center;
}

.confirm {
    background: #007850;
    color: set-notification-text-color(#007850);
}

.warning {
    background: #febc11;
    color: set-notification-text-color(#febc11);
}

.alert {
    background: #801a2a;
    color: set-notification-text-color(#801a2a);
}

.learnmore {
    background: #007850;
    color: set-notification-text-color(black);
}

body.single main #event-wrapper .tribe-events-notices {
    background-color: gray;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.05) 35px, rgba(255, 255, 255, 0.05) 70px);
    border: 0;
    color: white;
    margin: 0;
    padding: 0;
    margin: auto;
    margin: 1em 0;
    padding: .75em 1em;
    text-align: center;
}

body.single main #event-wrapper .tribe-events-notices li {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.single main #event-wrapper .tribe-events-notices ul {
    margin: 0;
    padding: 0;
}

body.single main #event-wrapper .tribe-events-notices ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.single main #event-wrapper .tribe-events-notices ul li {
    color: white;
    font-family: "Raleway";
    font-size: 1.25em;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-shadow: none;
}

body.single main #event-wrapper .tribe-events-notices ul li li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gform_wrapper [type="submit"], button.alm-load-more-btn, body.wellness .download-button {
    background: #202f33;
    border-radius: 0.25em;
    color: white;
    curser: pointer;
    border: none;
    display: inline-block;
    font-size: 1em;
    font-weight: 600;
    height: 42px;
    line-height: 44px;
    margin: 0 0 4px;
    padding: 0 1em;
    position: relative;
    shadow: none;
    text-align: center;
    width: auto;
}

/* To use placeholder:
.something-class {
	@extend %button;
}*/
button.open-all {
    background: none;
    border: 0;
    color: rgba(32, 47, 51, 0.9);
    font-size: 15px;
    line-height: 1;
    outline: none;
    padding: 0;
}

button.open-all [class*='icon-'] {
    display: inline-block;
    font-size: 1.3em;
    padding-right: .25em;
    vertical-align: top;
}

button.open-all .text {
    color: #202f33;
    display: inline-block;
    font-size: 1em;
    font-weight: 300;
    padding-top: .25em;
    vertical-align: top;
}

button.alm-load-more-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Prevents text selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
}

body main button.alm-load-more-btn:hover {
    background-color: #202f33;
}

body main button.alm-load-more-btn.loading {
    padding-left: 44px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

body main button.alm-load-more-btn.done {
    display: none;
}

body main button.alm-load-more-btn:before, body main button.alm-load-more-btn.done:before {
    background: none;
    width: 0;
}

body main button.alm-load-more-btn.loading:before {
    background: #fff url(https://news.christianacare.org/wp-content/plugins/ajax-load-more/core/img/ajax-loader.gif) no-repeat center center;
    border-radius: 0.25em;
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    left: 0;
    margin: 6px;
    overflow: hidden;
    position: absolute;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    z-index: 0;
}

body main .alm-btn-wrap {
    text-align: center;
    padding: 10px 10px 30px;
    overflow: hidden;
    display: block;
}

body.wellness .download-button {
    background: #8ed04e;
    border: 0 !important;
}

#event-content table tr td {
    color: #43536b;
    font-size: 18px;
    padding: .5em 1em;
    text-align: left;
}

#event-content table tbody tr:nth-child(odd) {
    background: rgba(67, 83, 107, 0.1);
}

#event-content table thead th {
    color: #43536b;
    font-weight: 600;
    letter-spacing: 1px;
    padding: .5em;
    text-transform: uppercase;
}

#event-content table.agenda tr td:first-child {
    font-weight: 600;
    white-space: nowrap;
}

#event-content table.agenda tbody td {
    font-size: 15px;
    padding: 1em;
}

#event-content table.agenda tbody h3 {
    color: #007850;
    font-size: 1.1em;
    font-weight: 600;
    margin: .25em 0;
}

#event-content table.agenda tbody p {
    margin: .25em 0;
}

#event-content table.agenda tbody strong {
    font-weight: 600;
}

#event-content table.speakers {
    margin: auto;
    max-width: 90%;
}

#event-content table.speakers thead th {
    font-size: 1em;
    font-weight: normal;
    padding: 0 0 .5em;
}

#event-content table.speakers tbody {
    display: block;
    background: #43536b;
    border-radius: 0.25em;
}

#event-content table.speakers tbody tr:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#event-content table.speakers tbody tr:nth-child(odd) {
    background: none;
}

#event-content table.speakers tbody td {
    padding: 1.5em;
}

#event-content table.speakers tbody td:first-child {
    padding: 1.5em 0 1.5em 1.5em;
    width: 150px;
}

#event-content table.speakers tbody h3 {
    color: white;
    font-size: 1.1em;
    margin: 0;
}

#event-content table.speakers tbody p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 15px;
    margin: 0;
}

#event-content table.speakers + h3.call-to-action {
    margin-top: 1.5em;
}

table.myplate {
    font-family: "Raleway";
    margin-bottom: 1em;
    width: 100%;
}

table.myplate th {
    color: white;
    font-family: "Raleway";
    font-size: 28px;
    padding: 12px 20px;
}

table.myplate td {
    color: white;
    line-height: 1.4;
    padding: 12px 20px;
    width: 50%;
}

table.myplate tbody.red th {
    background: #d2252c;
}

table.myplate tbody.red td {
    background: rgba(210, 37, 44, 0.1);
    color: #d2252c;
}

table.myplate tbody.green th {
    background: #13aa49;
}

table.myplate tbody.green td {
    background: rgba(19, 170, 73, 0.1);
    color: #13aa49;
}

table.myplate tbody.orange th {
    background: #d76e2b;
}

table.myplate tbody.orange td {
    background: rgba(215, 110, 43, 0.1);
    color: #d76e2b;
}

table.myplate tbody.purple th {
    background: #574389;
}

table.myplate tbody.purple td {
    background: rgba(87, 67, 137, 0.1);
    color: #574389;
}

table.myplate tbody.blue th {
    background: #3c85c6;
}

table.myplate tbody.blue td {
    background: rgba(60, 133, 198, 0.1);
    color: #3c85c6;
}

table.low-sodium {
    border-collapse: collapse;
    font-family: franklin-gothic-urw-cond, sans-serif;
    line-height: 1;
    width: 100%;
}

@media only screen and (max-width: 500px) {
    table.low-sodium {
        font-size: .8em;
    }
}

table.low-sodium td, table.low-sodium th {
    border: 1px solid rgba(32, 47, 51, 0.1);
    padding: 10px;
}

table.low-sodium tbody tr:first-of-type td {
    border-top: 0;
}

table.low-sodium tbody tr:first-of-type > td:first-of-type {
    border: 1px solid rgba(32, 47, 51, 0.1);
}

table.low-sodium thead th {
    border: 0;
}

table.low-sodium thead tr th:nth-of-type(2) {
    background: #d3132f;
    border-right: 1px solid #d3132f;
    color: #fff;
}

table.low-sodium thead tr th:nth-of-type(3) {
    background: #df9500;
    color: #fff;
}

table.low-sodium thead tr th:nth-of-type(4) {
    background: #329260;
    border-right: 1px solid #329260;
    color: #fff;
}

table.low-sodium tr:nth-of-type(odd) td {
    background: rgba(32, 47, 51, 0.05);
}

table.low-sodium tr td:not(:first-of-type), table.low-sodium tr th:not(:first-of-type) {
    text-align: center;
}

table.low-sodium tbody tr td:nth-of-type(2) {
    color: #d3132f;
    font-weight: bold;
}

table.low-sodium tbody tr td:nth-of-type(3) {
    color: #df9500;
    font-weight: bold;
}

table.low-sodium tbody tr td:nth-of-type(4) {
    color: #329260;
    font-weight: bold;
}

img:not(.ui-datepicker-trigger) {
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    width: 100%;
}

.nivo-lightbox-image img {
    width: auto;
}

figure {
    font-size: 18px;
    line-height: 1.5;
    margin: 5px 0 1.5em;
    vertical-align: text-top;
    padding: 0;
}

figure img {
    padding-bottom: 1em;
    width: 100%;
}

figure img.w200, figure img.portrait {
    max-width: 200px;
}

figure img.w500 {
    max-width: 500px;
}

figure img.attachment-archive-feature {
    max-width: 400px;
}

@media (max-width: 375px) {
    figure.featured figcaption, figcaption.featured {
        display: none;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    figure.featured figcaption, figcaption.featured {
        display: none;
    }
}

figure.featured.default {
    margin: 1.75em 0 2.5em 0;
    position: relative;
}

@media (max-width: 768px) {
    figure.featured.default {
        margin-bottom: 1em;
        max-width: none;
    }
}

figure.featured.default figcaption {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: rgba(255, 255, 255, 0.7);
    font-style: italic;
    margin: 0;
    padding: 1em 2em;
    position: absolute;
}

figure.featured.default img {
    padding: 0;
}

.alignnone {
    width: 100%;
}

.alignright {
    float: right;
    padding: 0 0 1em 2em;
}

.alignleft {
    float: left;
    padding: 0 2em 1em 0;
}

img.alignleft,
img.alignright,
figure.alignleft,
figure.alignright {
    max-width: 200px;
}

img.alignleft, img.alignright {
    width: 100%;
}

@media (max-width: 375px) {
    img.alignleft, img.alignright {
        border-bottom: 2px solid rgba(67, 83, 107, 0.1);
        border-top: 2px solid rgba(67, 83, 107, 0.1);
        float: none;
        margin: auto;
        margin-bottom: 1em;
        max-width: none;
        padding: 1em 0;
        text-align: center;
    }

    img.alignleft img, img.alignright img {
        max-width: 200px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    img.alignleft, img.alignright {
        border-bottom: 2px solid rgba(67, 83, 107, 0.1);
        border-top: 2px solid rgba(67, 83, 107, 0.1);
        float: none;
        margin: auto;
        margin-bottom: 1em;
        max-width: none;
        padding: 1em 0;
        text-align: center;
    }

    img.alignleft img, img.alignright img {
        max-width: 200px;
    }
}

figcaption {
    color: rgba(32, 47, 51, 0.6);
    font-family: "Raleway";
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0.02em;
    line-height: 1.4;
}

figcaption span.arrow {
    font-style: normal !important;
}

span.img, span.img span {
    background-color: rgba(67, 83, 107, 0.05);
    background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(67, 83, 107, 0.1) 10px, rgba(67, 83, 107, 0.1) 20px);
    display: table-cell;
    height: auto;
}

article [id*='gallery-'] {
    margin: 0 !important;
}

article [id*='gallery-'] .gallery-item {
    text-align: left !important;
}

article [id*='gallery-'] .wp-caption-text {
    color: rgba(32, 47, 51, 0.6);
    font-family: "Raleway";
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0.02em;
    line-height: 1.4;
    padding: 8px 0;
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
    background: rgba(0, 0, 0, 0.8);
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay .nivo-lightbox-title {
    background: none;
}

body.single.narrow main figcaption {
    /*color: white(0.7);*/
}

article .videowrapper {
    float: none;
    clear: both;
    height: 0;
    margin-bottom: 2em;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    width: 100%;
}

article .videowrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

article header + .videowrapper {
    margin-top: 1em;
}

body #sidebar {
    font-family: "Raleway";
    padding-bottom: 3em;
    padding-right: 0;
    position: relative;
    vertical-align: top;
}

@media (max-width: 768px) {
    body #sidebar {
        display: block;
        margin: auto;
        padding: 0;
        width: 90%;
    }
}

body #sidebar section {
    padding-left: 0;
    top: 0;
    max-width: 265px;
    min-width: 125px;
}

@media (max-width: 1140px) {
    body #sidebar section {
        max-width: 240px;
    }
}

@media (max-width: 1024px) {
    body #sidebar section {
        max-width: 200px;
    }
}

@media (max-width: 840px) {
    body #sidebar section {
        max-width: 160px;
    }
}

@media (max-width: 768px) {
    body #sidebar section {
        max-width: none;
        min-width: none;
        width: 100%;
    }
}

body #sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body #sidebar ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

body #sidebar ul li {
    margin: 0;
    padding: 0;
}

body #sidebar ul li li {
    list-style: none;
    margin: 0;
    padding: 0;
}

body #sidebar ul.archives {
    color: rgba(32, 47, 51, 0.6);
    margin: 0 0 .5em 0;
    padding: 0;
}

body #sidebar ul.archives li {
    line-height: 1.2;
    margin: 0;
    padding: .25em 0;
}

body #sidebar ul.archives ul {
    margin: 0 0 0 .5em;
    padding: 0;
}

body #sidebar ul.archives ul li {
    padding: .5em 0 0;
}

body #sidebar ul.archives .current-cat > a {
    font-weight: 700;
}

body #sidebar h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 .25em;
}

body #sidebar h5 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 1em;
}

@media (max-width: 768px) {
    body #sidebar h5 {
        margin: 0;
        text-align: center;
    }
}

body #sidebar [class*='icon-'] {
    display: inline-block;
    min-width: 30px;
}

body #sidebar .widget {
    margin-bottom: 1em;
}

body #sidebar .widget h5 {
    color: #202f33;
    margin-bottom: .15em;
}

body #sidebar .widget p {
    line-height: 1.4;
    margin-bottom: .5em;
}

body #sidebar .widget li {
    line-height: 1.4;
    margin: .5em 0;
}

body #sidebar .widget .post-date {
    padding: 0;
}

body #sidebar .widget strong {
    font-weight: 700;
}

body #sidebar button.open-all {
    display: block;
    margin-bottom: 2em;
}

@media (max-width: 768px) {
    body #sidebar div.related {
        padding-top: 1em;
    }
}

body #sidebar div.related ul {
    margin: .5em 0;
}

@media (max-width: 768px) {
    body #sidebar div.related ul {
        margin: auto;
        max-width: 100%;
    }
}

body #sidebar div.related ul li {
    line-height: 1.3;
    margin: .75em 0;
    vertical-align: top;
}

@media (max-width: 768px) {
    body #sidebar div.related ul li {
        display: block;
        margin: .5em 0;
        width: 100%;
    }
}

@media (max-width: 375px) {
    body #sidebar div.related ul li {
        display: block;
        width: 100%;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body #sidebar div.related ul li {
        display: block;
        width: 100%;
    }
}

body #sidebar div.related ul li a {
    display: table-row;
    font-size: 15px;
    margin: 0;
    outline: none;
}

@media (max-width: 768px) {
    body #sidebar div.related ul li a {
        font-size: 1em;
    }
}

body #sidebar div.related ul li strong {
    display: block;
}

body #sidebar div.related ul li span.img {
    border-radius: 50%;
    max-width: 80px;
}

@media (max-width: 1024px) {
    body #sidebar div.related ul li span.img {
        display: block;
        float: left;
        padding: 0 .5em .5em;
    }
}

@media (max-width: 768px) {
    body #sidebar div.related ul li span.img {
        display: table-cell;
        float: none;
        max-width: 100px;
        padding: 0;
        vertical-align: middle;
    }
}

body #sidebar div.related ul li img {
    border-radius: 50%;
    display: table-cell;
    height: auto;
    vertical-align: middle;
    width: 80px;
}

@media (max-width: 1024px) {
    body #sidebar div.related ul li img {
        max-width: 60px;
    }
}

@media (max-width: 768px) {
    body #sidebar div.related ul li img {
        display: table-cell;
        float: none;
        max-width: 100px;
        padding: 0;
        vertical-align: top;
    }
}

body #sidebar div.related ul li span.title {
    display: table-cell;
    max-width: 150px;
    padding-left: 15px;
    vertical-align: middle;
}

@media (max-width: 768px) {
    body #sidebar div.related ul li span.title {
        max-width: none;
        display: table-cell;
        padding: 0 4%;
        vertical-align: top;
    }
}

body #sidebar div.related ul li:first-child {
    padding-top: .5em;
}

@media (max-width: 768px) {
    body #sidebar div.related ul li:first-child {
        padding-top: 0;
    }
}

body #sidebar div.related ul li:last-child {
    border: 0;
}

body #sidebar div.categories {
    margin-bottom: 1.5em;
}

@media (max-width: 768px) {
    body #sidebar div.categories {
        background: rgba(67, 83, 107, 0.1);
        border-radius: 0.15em;
        padding: 2em;
        text-align: center;
    }
}

body #sidebar div.categories h5 {
    color: #202f33;
    font-weight: 400;
    margin: 2em 0 .5em;
}

@media (max-width: 768px) {
    body #sidebar div.categories h5 {
        font-weight: 700;
        margin: 0 0 .5em;
    }
}

body #sidebar div.categories ul li {
    line-height: 1.3;
    margin: 0;
    display: block;
    text-transform: capitalize;
}

body #sidebar div.categories ul li a {
    font-size: 15px;
    font-weight: 700;
}

@media (max-width: 768px) {
    body #sidebar div.categories ul li a {
        display: block;
        font-size: 18px;
        padding: .5em;
    }
}

body #sidebar div.categories ul li a:hover {
    color: #43536b;
}

body #sidebar div.categories ul li.ui-state-active a {
    background: rgba(67, 83, 107, 0.1);
}

body #sidebar div.categories ul li:last-child {
    border: 0;
}

body #sidebar ul.article-categories {
    font-family: "Raleway";
    font-weight: 700;
    margin: 0;
    padding: 0 .5em;
}

body #sidebar ul.article-categories li {
    display: inline-block;
    margin: 0;
    padding: 0 .5em;
}

body #sidebar ul.article-categories li a {
    color: rgba(67, 83, 107, 0.3);
    font-weight: 700;
}

body #sidebar ul.article-categories li a:hover {
    color: bright-green(1);
}

body #sidebar blockquote {
    font-family: "Raleway";
    margin: 0 0 1.5em 1.5em;
}

body #sidebar blockquote p {
    font-style: italic;
    font-weight: 700;
    margin: 0;
    padding: 0 0 0 1.5em;
    vertical-align: top;
    width: 90%;
}

body #sidebar #byline {
    border-bottom: 1px solid rgba(67, 83, 107, 0.2);
    margin-bottom: 2em;
    padding-bottom: 2em;
    text-align: center;
    vertical-align: top;
}

body #sidebar #byline img {
    height: auto;
    max-width: 150px;
}

body #sidebar #byline a {
    display: block;
    font-weight: 700;
    line-height: 1.2;
}

body #sidebar #byline p {
    font-size: 15px;
    line-height: 1.4;
    margin: 0;
    padding: .25em 0 1em;
}

body #sidebar select {
    width: 100%;
}

aside[role="complementary"] {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

#sidebar section.fixed {
    overflow-y: auto;
    /*position: sticky;*/
    right: auto;
    top: 5em;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

@media (max-width: 768px) {
    #sidebar section.fixed {
        position: relative;
        top: 0;
    }
}

div.featured-content ul {
    margin: 0;
    padding: 0;
}

div.featured-content ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.featured-content ul li {
    display: table-cell;
    position: relative;
    vertical-align: top;
    margin: 0;
}

@media (max-width: 375px) {
    div.featured-content ul li {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    div.featured-content ul li {
        display: block;
    }
}

div.featured-content ul li span.title {
    display: block;
    font-family: "Raleway";
    font-size: 1.25em;
    line-height: 1.2;
}

div.featured-content ul li img {
    width: 100%;
}

div.featured-content-alt {
    /*background: light-gray(0.2);
  border: 5px solid light-gray(1);
  @include rounded-corner(0.25em);
  text-align: center;*/
}

div.featured-content-alt ul {
    /*li:after {
        color: dark-gray(0.2);
        content: ' \2014 ';
    }*/
}

div.featured-content-alt ul li {
    /*border-bottom: 1px solid light-gray(1);*/
    display: block;
}

div.featured-content-alt ul li span.title {
    display: block;
    line-height: 1.1;
    padding-top: .5em;
}

div.featured-content-alt ul li span.excerpt {
    color: rgba(32, 47, 51, 0.6);
}

div.featured-content-alt button {
    margin: auto;
}

div.three-col ul li {
    width: 33.3333%;
}

@media (max-width: 375px) {
    div.three-col ul li {
        width: 100%;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    div.three-col ul li {
        width: 100%;
    }
}

div.four-col ul li {
    width: 25%;
}

body.single main {
    padding-top: 40px;
}

article {
    font-family: "IBM Plex Serif", serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    padding: 0;
}

@media (max-width: 768px) {
    article .wrapper {
        display: block;
        margin: auto;
        max-width: 90%;
        padding: 0;
        width: 100%;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }
}

article .wrapper.no-featured-image > header {
    margin-bottom: 30px;
}

article h1.post-title {
    color: rgba(0, 0, 0, 0.9);
    line-height: 1;
    margin: 0;
    padding: 0;
}

article h1.post-title li {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 1140px) {
    article h1.post-title {
        font-size: 44px;
    }
}

@media (max-width: 1024px) {
    article h1.post-title {
        font-size: 2.75em;
    }
}

@media (max-width: 840px) {
    article h1.post-title {
        font-size: 2.5em;
    }
}

@media (max-width: 375px) {
    article h1.post-title {
        font-size: 1.5em;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    article h1.post-title {
        font-size: 1.5em;
    }
}

article h2.dek {
    font-family: "Raleway";
    font-weight: 300;
    font-size: 18px;
    line-height: 1.2;
    margin: 0;
    padding-top: 10px;
}

article img.featured {
    width: 100%;
}

article p {
    line-height: 1.6;
    margin: 0 0 1.5em;
}

article ul {
    margin: 0 0 1.5em 3em;
    padding: 0;
}

article ul li {
    list-style: disc;
    margin-bottom: .35em;
}

article ol {
    margin: 0 0 40px 0;
}

article ol li {
    list-style: decimal;
}

article blockquote {
    font-family: "Raleway";
    font-size: 1.1em;
    font-weight: 600;
    padding: 0 0 0 1em;
}

article blockquote p {
    line-height: 1.3;
}

article #category-publications {
    padding-bottom: 40px;
}

article .callout-right {
    float: right;
    margin: 0 0 20px 20px;
}

article .callout-right table.stats {
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-size: .8em;
    line-height: 1.2;
    margin: 20px 0;
}

article .callout-right table.stats thead th {
    background: rgba(255, 255, 255, 0.1);
    padding: 10px;
}

article .callout-right table.stats tbody {
    font-size: .9em;
}

article .callout-right table.stats tbody td {
    padding: 10px;
}

article .callout-right table.stats tbody tr:nth-of-type(even) {
    background: rgba(255, 255, 255, 0.2);
}

article .callout-right table.stats tbody tr:nth-of-type(odd) {
    background: rgba(255, 255, 255, 0.3);
}

article .callout-left {
    float: right;
    margin: 0 20px 20px 0;
}

article [class*='callout-'] {
    background: #202f33;
    color: white;
    display: block;
    font-family: "Raleway";
    width: 200px;
    padding: 20px 30px;
}

article [class*='callout-'] a {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.5) !important;
    color: white;
}

article [class*='callout-'] h3 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.065em;
    margin: 0 0 .25em;
    text-transform: uppercase;
}

article [class*='callout-'] ul:not(.post-series) {
    margin: 0;
}

article [class*='callout-'] ul:not(.post-series) li {
    line-height: 1.4;
    list-style: none;
    margin: 0;
}

article [class*='callout-'] ul:not(.post-series) li a {
    font-family: "Raleway";
}

article [class*='callout-'] ul:not(.post-series) li span {
    color: rgba(255, 255, 255, 0.5);
    display: block;
    font-size: 18px;
    font-style: italic;
    margin: .25em 0;
}

article [class*='callout-'] ul.post-series {
    margin: 0;
}

article [class*='callout-'] ul.post-series li {
    line-height: 1.2;
    list-style: none;
    margin: 10px 0;
}

article [class*='callout-'] ul.post-series li a {
    font-family: "Raleway";
}

article [class*='callout-'] p {
    line-height: 1.3;
}

article [class*='callout-'] p:last-of-type {
    margin: 0;
}

article aside.callout-right {
    float: right;
    margin: 0 0 .75em .75em;
}

article .post-date {
    color: rgba(32, 47, 51, 0.6);
    display: block;
    padding-bottom: 1em;
}

@media (max-width: 768px) {
    article .post-date {
        text-align: center;
    }
}

@media (max-width: 375px) {
    article .post-date {
        padding: .5em 0 .75em;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    article .post-date {
        padding: .5em 0 .75em;
    }
}

article #content {
    padding-bottom: 3em;
    /* LEDE STYLE

    > p:first-of-type {
        color: dark-gray(0.8);
        font-size: 110%;
    }*/
}

@media (max-width: 768px) {
    article #content {
        display: block;
        margin: auto;
        padding: 0;
        width: auto;
    }
}

article #content a {
    border-bottom: 1px dotted rgba(32, 47, 51, 0.5);
}

article #content a:hover {
    border-bottom: 1px solid rgba(32, 47, 51, 0.5);
    text-decoration: none;
}

article #share {
    font-family: "Raleway";
}

@media (max-width: 768px) {
    article #share {
        display: block;
        margin: auto;
        padding: 10px 0 20px;
        width: 100%;
    }
}

@media (max-width: 768px) {
    article #share {
        text-align: center;
    }
}

@media (max-width: 375px) {
    article #share {
        display: none;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    article #share {
        display: none;
    }
}

@media (max-width: 768px) {
    article #share nav {
        display: inline-block;
        margin: auto;
    }
}

article #share nav ul li {
    margin: 0 0 .3em;
}

@media (max-width: 768px) {
    article #share nav ul li {
        display: inline-block;
        margin: 0 .15em .3em;
    }
}

article #share nav ul li a {
    background: rgba(67, 83, 107, 0.1);
    border-radius: 20px;
    color: rgba(67, 83, 107, 0.3);
    display: block;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

article #share nav ul li a .icon-email {
    font-size: 90%;
}

article #share nav ul li a span[class^="icon-"] {
    font-family: icomoon, sans-serif;
}

article #share nav ul li a.twitter {
    color: #55acee;
}

article #share nav ul li a.facebook {
    color: #3a5795;
}

article #share nav ul li a.google {
    color: #dd4b39;
}

article #share nav ul li a.rss {
    color: #ff6600;
}

article #share nav ul li a:hover {
    color: rgba(255, 255, 255, 0.8);
}

article #share nav ul li a.pinterest {
    color: #bd081c;
}

article #share nav ul li a:hover {
    color: #8ed04e;
    text-decoration: none;
}

article #share nav ul li:last-child {
    border: 0;
}

article #share ul {
    margin: 0;
    padding: 0;
}

article #share ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

article #share ul ul {
    display: none;
}

article #share.horiz {
    display: block;
    margin: auto;
    padding: 10px 0 20px 18px;
    width: 100%;
}

article #share.horiz nav {
    display: inline-block;
    margin: auto;
}

article #share.horiz nav ul li {
    display: inline-block;
    margin: 0 .15em .3em;
}

/* SOCIAL */
header.action nav a.twitter:hover {
    background: #55acee !important;
}

header.action nav a.facebook:hover {
    background: #3a5795 !important;
}

header.action nav a.google:hover {
    background: #dd4b39 !important;
}

header.action nav a.email:hover {
    background: #ffb502 !important;
}

body.banner header#top {
    border-bottom: 0;
}

@media (max-width: 768px) {
    body.banner header#top {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media (max-width: 768px) {
    body.banner main {
        padding-top: 0;
    }
}

body.banner #sidebar figcaption.featured {
    border-bottom: 1px solid rgba(32, 47, 51, 0.3);
    font-size: .9em;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

main.banner article {
    padding: 0;
}

@media (max-width: 768px) {
    main.banner article #share {
        width: 90%;
    }
}

main.banner article #banner {
    margin-bottom: 2em;
    overflow: hidden;
    position: relative;
}

@media (max-width: 768px) {
    main.banner article #banner {
        margin-bottom: 1em;
    }
}

main.banner article #banner div {
    background: transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7));
    background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    bottom: 0;
    padding: 3em 0;
    position: absolute;
    width: 100%;
}

@media (max-width: 768px) {
    main.banner article #banner div {
        padding: 4em 0 2em 0;
    }
}

main.banner article #banner h1 {
    color: white;
    margin: auto;
    max-width: 90%;
    padding: 0;
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

main.banner article #banner figcaption {
    color: rgba(239, 239, 239, 0.7);
    margin: auto;
    max-width: 90%;
    padding: .5em 0 0;
}

@media (max-width: 768px) {
    main.banner article #content {
        margin: auto;
        max-width: 90%;
    }
}

section#banner h2.dek {
    color: white;
    margin: auto;
    max-width: 90%;
    padding-top: 10px;
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

body.featured header#top.featured {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    top: 0 !important;
}

body.featured header#top.featured > div {
    padding: 0;
}

@media (max-width: 768px) {
    body.featured header#top.featured > div {
        max-width: none;
    }
}

body.featured header#top.featured #logo {
    padding-left: 20px;
    width: 100%;
}

body.featured header#top.featured #logo a#site-title {
    font-size: 105%;
    padding: 3em 1.25em 1.25em 1.25em;
}

@media (max-width: 375px) {
    body.featured header#top.featured #logo a#site-title {
        font-size: 65%;
        line-height: 18px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body.featured header#top.featured #logo a#site-title {
        font-size: 65%;
        line-height: 18px;
    }
}

body.featured header#top.featured #logo a#site-title .cc {
    color: white;
}

body.featured header#top.featured #logo a#site-title .news {
    color: white;
}

body.featured header#top.featured #featured-topics {
    display: none;
}

body.featured header#top.featured nav.action {
    padding: 20px 20px 0;
    vertical-align: top;
}

body.featured header#top.featured nav.action h4 {
    color: rgba(255, 255, 255, 0.8);
}

body.featured header#top.featured nav.action li.browse li.visuallyhidden {
    display: block;
}

body.featured header#top.featured nav.action li.search {
    padding-left: 15px;
}

body.featured header#top.featured nav.action li.search .wrapper {
    top: 0;
}

body.featured header#top.compact .logo {
    width: 5%;
}

body.featured header#top.compact .logo .home h1, body.featured header#top.compact .logo a#site-title {
    background: none;
    padding: 0;
}

body.featured main.featured {
    padding-top: 0;
    position: relative;
    top: -138px;
}

body.featured main.featured article {
    padding-bottom: 1.8em;
}

@media (max-width: 768px) {
    body.featured main.featured article #share {
        width: 90%;
    }
}

body.featured main.featured article #banner {
    margin-bottom: 2em;
    overflow: hidden;
    position: relative;
}

@media (max-width: 768px) {
    body.featured main.featured article #banner {
        margin-bottom: 1em;
    }
}

body.featured main.featured article #banner div {
    background: transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7));
    background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    bottom: 0;
    padding: 3em 0;
    position: absolute;
    width: 100%;
}

@media (max-width: 375px) {
    body.featured main.featured article #banner div {
        padding: 1em 0;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body.featured main.featured article #banner div {
        padding: 1em 0;
    }
}

body.featured main.featured article #banner h1 {
    color: white;
    line-height: .9;
    margin: auto;
    max-width: 90%;
    padding: 0;
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

@media (max-width: 768px) {
    body.featured main.featured article #content {
        margin: auto;
        max-width: 90%;
    }
}

body.featured #sidebar figcaption.featured {
    border-bottom: 1px solid rgba(32, 47, 51, 0.3);
    font-size: .9em;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

main.wide article {
    padding: 1.8em 0;
}

@media (max-width: 375px) {
    main.wide article {
        padding: 0 0 1em;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    main.wide article {
        padding: 0 0 1em;
    }
}

main.wide article .wrapper {
    padding-left: 0;
}

main.wide article #share {
    padding-left: 0;
}

main.wide article #content {
    padding-right: 0;
}

body.single main.special-author article h1 {
    margin-bottom: 40px;
    text-align: center;
}

body.single main.special-author article > aside {
    padding-left: 0;
}

body.single main.special-author article aside + div {
    padding-right: 0;
}

body.single main.special-author #sidebar section {
    margin: auto;
    max-width: 350px;
}

@media (max-width: 1280px) {
    body.single main.special-author #sidebar section {
        max-width: 300px;
    }
}

@media (max-width: 768px) {
    body.single main.special-author #sidebar section {
        max-width: none;
    }
}

body.single main.special-author #sidebar section img.special-author {
    display: block;
    margin: auto;
    width: 100%;
}

@media (max-width: 768px) {
    body.single main.special-author #sidebar section img.special-author {
        max-width: 500px;
    }
}

body.single main.special-author #sidebar section #byline {
    background: #202f33;
    border: 0;
    border-radius: 0.18em;
    color: white;
    padding: 1em;
}

body.single main.special-author #sidebar section #byline p {
    padding: 0;
}

@media (max-width: 768px) {
    body.single main.special-author #sidebar section #byline {
        margin-bottom: 0;
    }
}

body.single main.special-author #sidebar section div.related {
    text-align: center;
}

body.single main.special-author #sidebar section div.related h5 {
    font-family: 500;
    font-size: 18px;
    margin: 0;
    padding: 0;
}

body.single main.special-author #sidebar section div.related h5 li {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.single main.special-author #sidebar section div.related ul {
    margin: 0;
    padding: 0;
}

body.single main.special-author #sidebar section div.related ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.single main.special-author #sidebar section div.related ul li {
    margin: .15em 0;
}

body.single main.special-author #sidebar section div.related ul li a {
    color: #41a369;
    display: inline;
    font-size: 18px;
}

main.way article {
    background: #f7f6f4;
    background: #f7f6f4;
    background: linear-gradient(80deg, #f7f6f4, #e9e3de);
    background-image: -ms-linear-gradient(#f7f6f4, #e9e3de);
    padding: 3em;
}

main.way article #content {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    max-width: none;
}

@media (max-width: 768px) {
    main.way article #content {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

main.way article #content p:first-of-type:first-letter {
    float: left;
    font-size: 4em;
    line-height: 1;
    padding: 0 5px 5px;
    vertical-align: top;
}

main.way article .way-header {
    background: #202f33;
    font-family: "Raleway";
    margin: 0 0 2em;
    padding: 1.5em 3em;
}

main.way article .way-header h1 {
    color: white;
    margin: 0;
    padding: 0;
}

main.way article .way-header h1 li {
    list-style: none;
    margin: 0;
    padding: 0;
}

main.way article .way-header p {
    color: white;
    font-size: 1em;
    font-weight: 300;
    letter-spacing: 0.01em;
    margin: 1em 0 0;
}

main.way article .way-header p a {
    color: white;
    font-weight: 600;
}

body.wellness a {
    color: #41a369;
}

body.wellness header#top.wellness-header {
    /*nav.action.share-search {
			min-width: 220px;
			padding: 0;
			vertical-align: top;
			width: 25%;
			@include breakpoint(840) {
				min-width: 0;
				width: 15%;
			}
			ul {
				li {
					border: 0;
					min-width: 0;
					width: auto;
					h4 {
						background: none;
						min-width: 0;
						padding: 0;
						width: auto;
						text-align: center;
						[class*='icon-'] {
							display: block;
						}
						.visuallyhidden {
							display: none;
						}
					}
					h4.active, h4.active:hover {
						color: $wellness;
					}
					h4:hover {
						color: $wellness;
					}
					.wrapper {
						background: white(1);
						border: 2px solid #ebebeb;
						@include rounded-corner(0.15em);
						left: auto;
						right: 0;
						ul {
							li {
								padding-left: 0;
								width: auto;
								a {
									color: $wellness-leaf;
								}
								a:hover {
									background: #ebebeb;
									color: almost-black(1);
								}
							}
						}
					}
					.wrapper:before {
						color: #ebebeb;
						content: '\e60a';
						font-family: $icon;
						position: absolute;
					}

				}
				li.share {
					.wrapper {
						right: -35px;
						text-align: center;
						h5.visuallyhidden {
							border: 0;
							color: almost-black(1);
							display: block;
							margin-bottom: .25em;
							padding-bottom: 0;
						}
					}
					.wrapper:before {
						top: -11px;
						right: 40px;
					}
				}
				li.search {
					padding-left: 15px;
					.wrapper {
						border: 0;
						padding: 0;
						width: 400px;
						@include breakpoint(tablet) {
							width: 340px;
						}
						form.searchandfilter {
							font-size: 85%;
							span.search {
								border: 2px solid #ebebeb;
								border-right: 0;
							}
							span.submit {
								background: $wellness;
								input[type=submit] {

								}
							}
						}
					}
					.wrapper:before {
						color: $wellness;
						top: -9px;
						right: 6px;
					}
				}
			}
		}*/
}

@media (max-width: 375px) {
    body.wellness header#top.wellness-header {
        position: fixed;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body.wellness header#top.wellness-header {
        position: fixed;
    }
}

body.wellness header#top.wellness-header > div {
    display: table;
    padding: 15px 0 30px 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    width: 90%;
}

@media (max-width: 1024px) {
    body.wellness header#top.wellness-header > div {
        max-width: 96%;
        width: 100%;
    }
}

@media (max-width: 375px) {
    body.wellness header#top.wellness-header > div {
        padding: 20px 0 35px 0;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body.wellness header#top.wellness-header > div {
        padding: 20px 0 35px 0;
    }
}

body.wellness header#top.wellness-header #featured-topics {
    display: none;
}

body.wellness header#top.wellness-header nav.action.share-search {
    vertical-align: top;
}

body.wellness header#top.wellness-header nav.action.share-search ul .wrapper {
    top: 5px;
}

body.wellness header#top.wellness-header nav.action.topics {
    min-width: 220px;
    padding: 0;
    vertical-align: top;
    width: 25%;
}

@media (max-width: 840px) {
    body.wellness header#top.wellness-header nav.action.topics {
        min-width: 0;
        width: 15%;
    }
}

body.wellness header#top.wellness-header nav.action.topics ul {
    float: none;
    margin-left: -10px;
}

body.wellness header#top.wellness-header nav.action.topics ul > li {
    border: 0;
    display: inline-block;
    width: 100%;
    /*
					.wrapper:before {
						color: #ebebeb;
						content: '\e60a';
						font-family: $icon;
						position: absolute;
						top: -11px;
						left: 9px;
					}*/
}

body.wellness header#top.wellness-header nav.action.topics ul > li h4 {
    background: none;
    font-family: "Raleway";
    font-weight: normal;
    letter-spacing: 0.065em;
    padding: 0 10px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}

@media (max-width: 1140px) {
    body.wellness header#top.wellness-header nav.action.topics ul > li h4 {
        font-size: 18px;
    }
}

@media (max-width: 1024px) {
    body.wellness header#top.wellness-header nav.action.topics ul > li h4 {
        font-size: 15px;
    }
}

@media (max-width: 840px) {
    body.wellness header#top.wellness-header nav.action.topics ul > li h4 {
        padding: 0;
    }
}

body.wellness header#top.wellness-header nav.action.topics ul > li h4 .icon-menu {
    color: #8ed04e;
    padding-right: .25em;
}

@media (max-width: 840px) {
    body.wellness header#top.wellness-header nav.action.topics ul > li h4 .icon-menu {
        color: #202f33;
        font-size: 1.25em;
        padding: 0 10px;
    }
}

body.wellness header#top.wellness-header nav.action.topics ul > li h4 .visuallyhidden {
    display: inline-block;
}

@media (max-width: 840px) {
    body.wellness header#top.wellness-header nav.action.topics ul > li h4 .visuallyhidden {
        display: none;
    }
}

body.wellness header#top.wellness-header nav.action.topics ul > li h4.active, body.wellness header#top.wellness-header nav.action.topics ul > li h4.active:hover {
    color: #8ed04e;
}

body.wellness header#top.wellness-header nav.action.topics ul > li h4.active [class*='icon-'], body.wellness header#top.wellness-header nav.action.topics ul > li h4.active:hover [class*='icon-'] {
    color: #8ed04e;
}

body.wellness header#top.wellness-header nav.action.topics ul > li h4:hover {
    color: #8ed04e;
}

body.wellness header#top.wellness-header nav.action.topics ul > li .wrapper {
    left: 0;
    padding: 2em;
    right: auto;
}

body.wellness header#top.wellness-header nav.action.topics ul > li .wrapper h5 {
    border: 0;
    color: #202f33;
    margin-bottom: 0.5em;
    padding: 0 0.3em;
}

body.wellness header#top.wellness-header nav.action.topics ul > li .wrapper h5 a {
    color: #41a369;
}

body.wellness header#top.wellness-header nav.action.topics ul > li .wrapper ul {
    margin: 0;
}

body.wellness header#top.wellness-header nav.action.topics ul > li .wrapper ul li a {
    color: #41a369;
}

body.wellness header#top.wellness-header nav.action.topics ul > li .wrapper ul li a:hover {
    color: #202f33;
}

body.wellness header#top.wellness-header #wellness-logo {
    display: table-cell;
    padding: 20px 0 0;
    text-align: center;
    vertical-align: bottom;
    width: 50%;
}

@media (max-width: 840px) {
    body.wellness header#top.wellness-header #wellness-logo {
        width: 70%;
    }
}

@media (max-width: 375px) {
    body.wellness header#top.wellness-header #wellness-logo {
        padding: 0;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body.wellness header#top.wellness-header #wellness-logo {
        padding: 0;
    }
}

body.wellness header#top.wellness-header #wellness-logo a {
    display: inline-block;
    text-decoration: none;
    width: auto;
}

body.wellness header#top.wellness-header #wellness-logo a .leaf {
    color: #8ed04e;
    display: block;
    font-family: "Raleway";
    font-size: 50px;
    position: relative;
    text-transform: lowercase;
}

@media (max-width: 375px) {
    body.wellness header#top.wellness-header #wellness-logo a .leaf {
        font-size: 25px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body.wellness header#top.wellness-header #wellness-logo a .leaf {
        font-size: 25px;
    }
}

body.wellness header#top.wellness-header #wellness-logo a .leaf:before {
    color: #0aa34a;
    content: '\e60d';
    font-family: "icomoon";
    font-size: 20px;
    left: 50%;
    position: absolute;
    top: -12px;
}

@media (max-width: 375px) {
    body.wellness header#top.wellness-header #wellness-logo a .leaf:before {
        font-size: 10px;
        top: -5px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body.wellness header#top.wellness-header #wellness-logo a .leaf:before {
        font-size: 10px;
        top: -5px;
    }
}

body.wellness header#top.wellness-header #wellness-logo a:hover .leaf, body.wellness header#top.wellness-header #wellness-logo a:hover .tagline {
    color: #202f33;
    -webkit-transition: color 0.35s ease;
    transition: color 0.35s ease;
}

body.wellness header#top.wellness-header #wellness-logo .tagline {
    color: rgba(67, 83, 107, 0.8);
    display: block;
    font-size: 1.4em;
}

@media (max-width: 1140px) {
    body.wellness header#top.wellness-header #wellness-logo .tagline {
        font-size: 1.2em;
    }
}

@media (max-width: 1024px) {
    body.wellness header#top.wellness-header #wellness-logo .tagline {
        font-size: 1em;
    }
}

@media (max-width: 375px) {
    body.wellness header#top.wellness-header #wellness-logo .tagline {
        font-size: .9em;
        left: 0;
        bottom: 0;
        padding-bottom: 20px;
        position: absolute;
        text-align: center;
        width: 100%;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body.wellness header#top.wellness-header #wellness-logo .tagline {
        font-size: .9em;
        left: 0;
        bottom: 0;
        padding-bottom: 20px;
        position: absolute;
        text-align: center;
        width: 100%;
    }
}

body.wellness header#top.compact.wellness-header > div {
    padding: 15px 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

@media (max-width: 375px) {
    body.wellness header#top.compact.wellness-header > div {
        padding: 20px 0 35px 0;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body.wellness header#top.compact.wellness-header > div {
        padding: 20px 0 35px 0;
    }
}

body.wellness header#top.compact.wellness-header > div nav.action.share-search {
    vertical-align: middle;
}

body.wellness header#top.compact.wellness-header > div nav.action.topics {
    vertical-align: middle;
}

@media (max-width: 375px) {
    body.wellness header#top.compact.wellness-header > div nav.action.topics {
        padding: 0;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body.wellness header#top.compact.wellness-header > div nav.action.topics {
        padding: 0;
    }
}

body.wellness header#top.compact.wellness-header > div nav.action.topics ul li h4 {
    font-size: 15px;
}

body.wellness header#top.compact.wellness-header > div #wellness-logo {
    padding: 0;
}

body.wellness header#top.compact.wellness-header > div #wellness-logo .leaf {
    font-size: 25px;
}

body.wellness header#top.compact.wellness-header > div #wellness-logo .leaf:before {
    font-size: 10px;
    top: -5px;
}

body.wellness header#top.compact.wellness-header > div #wellness-logo .tagline {
    display: none;
}

@media (max-width: 375px) {
    body.wellness header#top.compact.wellness-header > div #wellness-logo .tagline {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body.wellness header#top.compact.wellness-header > div #wellness-logo .tagline {
        display: block;
    }
}

body.wellness main article {
    padding-top: 0;
}

body.wellness main blockquote {
    border-left: 2px solid #8ed04e;
}

body.wellness main #category-archive-list {
    padding: 0 10px 4em 0;
}

@media (max-width: 768px) {
    body.wellness main #category-archive-list {
        padding: 0 0 4em 0;
    }
}

body.wellness main #category-archive-list h3 {
    border-bottom: 1px solid rgba(67, 83, 107, 0.3);
    font-family: "Raleway";
    font-size: 1.3em;
    font-weight: normal;
    letter-spacing: 0.035em;
    margin: 1em 0;
    padding: .5em 0;
}

body.wellness main #sidebar div.featured-content-alt ul#all-recipes {
    margin-top: 1em;
}

body.wellness main #sidebar div.featured-content-alt ul#all-recipes li {
    margin-bottom: .75em;
}

body.wellness main #sidebar div.featured-content-alt ul#all-recipes li span.title {
    font-size: 1.1em;
    font-weight: 600;
    padding: .5em 0 .25em;
}

body.wellness main #sidebar div.featured-content-alt ul#all-recipes li a:hover {
    color: black;
    text-decoration: none;
}

body.wellness main #sidebar div.featured-content-alt h5 {
    background: #202f33;
    border-radius: 0.15em;
    font-family: "Raleway";
    font-size: 1em;
    margin: 0;
    padding: .75em;
    text-align: center;
}

body.wellness main #sidebar div.featured-content-alt h5 a {
    color: white;
}

@media (max-width: 1024px) {
    body.page.wellness.ios main {
        max-width: 96%;
        width: 100%;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body.page.wellness.ios main {
        max-width: 92%;
    }
}

body.wellness.ios header#top.wellness-header {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body.wellness.ios header#top.wellness-header > div {
        max-width: 92%;
    }
}

body.wellness.ios header#top.compact.wellness-header {
    -webkit-box-shadow: 0 0 3em 0 rgba(67, 83, 107, 0.15);
    box-shadow: 0 0 3em 0 rgba(67, 83, 107, 0.15);
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body.wellness.ios main {
        max-width: 92%;
    }
}

@media (max-width: 768px) {
    body.wellness.ios main article h1.post-title, body.wellness.ios main article .post-date {
        text-align: center;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    body.wellness.ios main article h1.post-title, body.wellness.ios main article .post-date {
        text-align: center;
    }
}

body.wellness.ios.wide header#top.wellness-header, body.wellness.ios.narrow header#top.wellness-header {
    border-bottom: 1px solid rgba(67, 83, 107, 0.15);
}

body.wellness.ios.wide header#top.compact.wellness-header, body.wellness.ios.narrow header#top.compact.wellness-header {
    border-bottom: 0;
}

body.wellness.ios.wide.banner header#top.wellness-header, body.wellness.ios.wide.featured header#top.wellness-header {
    border-bottom: 0;
}

table.recipe {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: "Raleway";
    margin-bottom: 2em;
    width: 100%;
}

table.recipe td {
    padding: .5em .75em;
}

table.recipe tr:nth-child(odd) td {
    background: rgba(67, 83, 107, 0.05);
}

table.nutrition {
    border-collapse: collapse;
}

table.nutrition td {
    border: 2px solid #efefef;
    padding: 10px;
}

div.featured-content {
    font-size: 19px;
    overflow: hidden;
    position: relative;
}

div.featured-content ul li {
    position: relative;
}

div.featured-content div {
    background: transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7));
    background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    bottom: 0;
    padding: 2em 0;
    position: absolute;
    width: 100%;
}

div.featured-content div h2, div.featured-content div p {
    color: white;
    margin: auto;
    max-width: 90%;
    -webkit-text-shadow: 0 0 0.2em black;
    -moz-text-shadow: 0 0 0.2em black;
    text-shadow: 0 0 0.2em black;
}

div.featured-content div h2 a, div.featured-content div p a {
    color: white;
}

div.featured-content div h2 {
    font-family: "Raleway";
    font-size: 3.5em;
    line-height: 1;
}

@media (max-width: 1140px) {
    div.featured-content div h2 {
        font-size: 3em;
    }
}

@media (max-width: 1024px) {
    div.featured-content div h2 {
        font-size: 2.75em;
    }
}

@media (max-width: 840px) {
    div.featured-content div h2 {
        font-size: 2.5em;
    }
}

@media (max-width: 375px) {
    div.featured-content div h2 {
        font-size: 1.5em;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    div.featured-content div h2 {
        font-size: 1.5em;
    }
}

div.featured-content div p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.25em;
    line-height: 1.2;
    padding: .75em 0 1em;
}

@media (max-width: 768px) {
    div.featured-content div p {
        font-size: 1em;
    }
}

@media (max-width: 375px) {
    div.featured-content div p {
        display: none;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    div.featured-content div p {
        display: none;
    }
}

div.featured-content div p a {
    display: inline;
    font-weight: 600;
}

div.featured-content span.title {
    color: white;
    margin: auto;
    max-width: 90%;
    -webkit-text-shadow: 0 0 0.2em black;
    -moz-text-shadow: 0 0 0.2em black;
    text-shadow: 0 0 0.2em black;
}

div.featured-content.three-col div {
    padding: 1em 0;
}

.cg-head {
    width: 100%;
    margin: 0 auto;
    background-image: url('https://news.christianacare.org/assets/blossom.svg') !important;
    background-repeat: no-repeat !important;
    background-position: 88vw top !important;
    background-size: 23% !important;
}

.caregiver-header {
    width: 100%;
}

body.wellness header#top.cg-head {
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 20px;
}

body.wellness header#top.cg-head > div {
    padding-bottom: 0 !important;
}

body.wellness header#top.wellness-header .caregiver-header nav.action.topics ul > li h4 .icon-menu {
    color: #fff;
}

body.wellness header#top.wellness-header .caregiver-header nav.action.topics ul > li h4 .visuallyhidden .newstext {
    vertical-align: -30%;
    font-weight: 100;
}

body.wellness header#top.wellness-header .caregiver-header nav.action.topics ul > li h4.menu-toggle img {
    width: 100%;
    max-width: 155px;
    padding-left: 25px;
}

nav.action h4 {
    color: #fff !important;
    text-transform: lowercase !important;
}

.caregiver-header .mag-glass {
    filter: brightness(100) saturate(100%);
}

body.wellness header#top.wellness-header .caregiver-header #wellness-logo a svg {
    width: 100%;
    max-width: 420px;
}

body.wellness header#top.wellness-header .caregiver-header #wellness-logo a .tagline {
    color: #fff;
    font-size: 1.3em;
    padding: 15px 25px 0;
    font-weight: 100;
}

body.wellness header#top.wellness-header .caregiver-header #wellness-logo a:hover .tagline {
    color: #fff;
}

.wave {
    width: 100% !important;
    max-width: none !important;
    height: 45px;
    margin: 0;
    padding: 0 !important;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1500 45" preserveAspectRatio="none"><path d="M0,32 C50,0 275,0 450,22 Q750,65 1050,22 C1225,0 1450,0 1500,32 L1500,45 L0,45 Z" fill="white"></path></svg>');
    background-position: center;
}

.wppsac-post-slider.design-3 .wppsac-post-image-bg {
    height: 640px !important;
}

span.dek {
    font-family: "Raleway" !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding-top: 10px !important;
}

@media (max-width: 768px) {
    body.wellness header#top.wellness-header .caregiver-header #wellness-logo a svg {
        width: 100%;
        max-width: 200px;
    }

    body.wellness header#top.wellness-header .caregiver-header #wellness-logo a .tagline {
        font-size: 0.8em;
        padding: 5px 0 15px;
        font-weight: 200;
        position: relative;
    }

    .cg-head {
        background-size: 43% !important;
        background-position: 79vw top !important;
    }
}

/* variable - when you have a single value you'd like to reuse throughout the stylesheet. */
/* @extend - lets you share a set of CSS properties from one selector to another.  */
/* mixins - lets you make groups of CSS declarations that you want to reuse throughout your site. */
/* function */

form.gsc-search-box table td.gsc-input input {
    -webkit-appearance: none !important;
    background: none !important;
    border: 0 !important;
    color: rgba(87, 87, 87, 0.8);
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    height: auto !important;
    margin: 0 !important;
    padding: 4px 6px !important;
    text-indent: 0 !important;
    width: 200px !important;
}

body.banner #sidebar figcaption.featured {
    border-bottom: none;
}

body #sidebar section.sidebar-inner {
    max-width: 100%;
    overflow: visible;
}

body #sidebar .sidebar-shadows {
    background-color: #ffffff;
    border-radius: 6px;
    padding: 0 31px 25px 31px;
    box-shadow: 0px 0px 16px 4px #00000029;
}
body #sidebar .sidebar-shadows #byline {
    margin-left: -31px;
    margin-right: -31px;
    background: rgba(56, 112, 183, 0.1);
    border-radius: 6px;
    padding: 27px;
    border: none;
}

body #sidebar .sidebar-shadows #byline img {
    width: 175px;
    max-width: 175px;
    height: 175px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

body #sidebar .sidebar-shadows #byline a {
    color: #3670B8;
    text-decoration: none;
}

body #sidebar div.related ul li a.btn {
    display: inline-flex;
    padding: 8px 16px;
    background: #3870B7;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
}

body #sidebar h5,
body.sky #sidebar h5,
body #sidebar div.categories h5 {
    color: #202F33;
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #000000;
    font-weight: 700;
}

body #sidebar div.related ul li:not(.article-cats li) {
    margin: 0 0 40px 0;
}

body #sidebar div.related .article-cats li {
    padding: 8px 0;
}

body #sidebar div.related .article-cats li a {
    color: #3870B7;
}

body #sidebar div.related ul li a {
    display: flex;
    flex-direction: column;
    color: #202F33;
    text-decoration: none;
}

body #sidebar div.related ul li a img {
    margin-bottom: 16px;
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    background-color: #f4f4f4;
    border-radius: 0;
    object-fit: cover;
    aspect-ratio: 16/9;
}

body #sidebar div.related ul li span.title {
    max-width: 100%;
    color: #202F33;
    padding: 0;
    display: block;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 16px;
}

body #sidebar div.related ul li .more {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    line-height: 100%;
    text-transform: uppercase;
    color: #ffffff;
    background: #3870B7;
    padding: 8px 16px;
    border-radius: 3px;
}
.newscchs-related-articles,
.newscchs-related-articles * {
    box-sizing: border-box;
}
.newscchs-related-articles {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background: #3870B71A;
    padding: 56px 20px 64px;
}

.newscchs-related-articles .related h5 {
    text-align: center;
    font-size: 36px;
    color: #3870B7;
    margin-top: 0;
    margin-bottom: 40px;
}

.newscchs-related-articles .related {
    clear: both;
    margin: auto;
    max-width: 1140px;
}

.newscchs-related-articles .related ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.newscchs-related-articles .related ul li {
    flex: 0 0 calc(33.3333% - 30px);
    background-color: #ffffff;
    padding: 0 32px 40px;
    list-style: none;
    font-family: "Raleway";
    box-shadow: 0px 0px 16px 4px #000000014;
}

@media (max-width: 768px) {
    .newscchs-related-articles {
        display: none;
    }
}

.newscchs-related-articles .related ul li a {
    text-decoration: none;
}

.newscchs-related-articles .related ul li img {
    margin: 0 -32px 32px;
    width: auto;
    max-width: calc(100% + 64px);
    background-color: #f4f4f4;
    flex: 0;
    object-fit: cover;
    aspect-ratio: 16/9;
}

.newscchs-related-articles .related ul li a:not(.more) {
    display: flex;
    flex-direction: column;
}

.newscchs-related-articles .related ul li span.title {
    max-width: 100%;
    color: #202F33;
    padding: 0;
    display: block;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 16px;
    flex: 1;
}

.newscchs-related-articles .related ul li .more {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    line-height: 100%;
    text-transform: uppercase;
    color: #ffffff;
    background: #3870B7;
    padding: 8px 16px;
    border-radius: 3px;
    flex: 0;
}

body #sidebar .related:first-child {
    padding-top: 1.5em;
}