/****************************************************************** Theme Name: Christiana Care News Author: Christiana Care Version: 3.0 */ /*@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%; } 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; 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 .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.25em; 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: 80%; } } 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: fixed; 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; } @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; } /* 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; }