@font-face {
    font-family: 'poppinsbold';
    src: url(https://www.yesmagazine.org/wp-content/themes/generatepress_child/fonts/poppins/poppins-bold-webfont.woff2) format("woff2"), url(https://www.yesmagazine.org/wp-content/themes/generatepress_child/fonts/poppins/poppins-bold-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'poppinslight';
    src: url(https://www.yesmagazine.org/wp-content/themes/generatepress_child/fonts/poppins/poppins-light-webfont.woff2) format("woff2"), url(https://www.yesmagazine.org/wp-content/themes/generatepress_child/fonts/poppins/poppins-light-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'poppinsregular';
    src: url(https://www.yesmagazine.org/wp-content/themes/generatepress_child/fonts/poppins/poppins-regular-webfont.woff2) format("woff2"), url(https://www.yesmagazine.org/wp-content/themes/generatepress_child/fonts/poppins/poppins-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'poppinsmedium';
    src: url(https://www.yesmagazine.org/wp-content/themes/generatepress_child/fonts/poppins/poppins-medium-webfont.woff2) format("woff2"), url(https://www.yesmagazine.org/wp-content/themes/generatepress_child/fonts/poppins/poppins-medium-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'poppinsitalic';
    src: url(https://www.yesmagazine.org/wp-content/themes/generatepress_child/fonts/poppins/poppins-italic-webfont.woff2) format('woff2'),
    url(https://www.yesmagazine.org/wp-content/themes/generatepress_child/fonts/poppins/poppins-italic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}

*,
::after,
::before {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

body,
p,
ul,
ol {
    font-family: poppinsregular;
    font-size: 15px;
    line-height: 1.33
}

svg {
    max-width: 100%;
    height: auto
}

.mari-bold,
.btn {
    font-weight: var(--font-oswald-regular-weight);;
    font-family: var(--font-oswald-regular-family);
    letter-spacing: 0.025em;
    text-transform: uppercase
}

.mari {
    font-family: var(--font-oswald-regular-family);
    letter-spacing: 0.025em;
    text-transform: uppercase
}

h2,
h3,
h4,
.home-magazine-header {
    font-weight: normal;
    font-family: 'poppinsbold';
    line-height: 1
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

.wrap {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

#page em:not(.fa), #page i:not(.fa), body.page #main em:not(.fa), body.page #main i:not(.fa) {
    font-style: normal;
    font-family: 'poppinsitalic';
}

.flex,
.crp-list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.flex-wrap,
.crp-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-row-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-space-between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-align-start {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

/*.btn.red {
	line-height: 40px;
	padding: 0 10px;
	min-width: 134px;
	text-align: center;
	display: inline-block;
	color: #fff;
	background-color: #e22618;
	text-transform: uppercase
}*/

.clipped img {
    display: block
}

.entry-content a:not(.btn) {
    color: #5076b4;
    text-decoration: underline
}

.entry-content a:not(.btn):hover {
    text-decoration: none
}

input::-webkit-input-placeholder {
    font-family: var(--font-oswald-bold-family);
    letter-spacing: 0.025em;
    text-transform: uppercase
}

input::-moz-placeholder {
    font-family: var(--font-oswald-bold-family);
    letter-spacing: 0.025em;
    text-transform: uppercase
}

input:-ms-input-placeholder {
    font-family: var(--font-oswald-bold-family);
    letter-spacing: 0.025em;
    text-transform: uppercase
}

input::-ms-input-placeholder {
    font-family: var(--font-oswald-bold-family);
    letter-spacing: 0.025em;
    text-transform: uppercase
}

.ftUinconar:not(.yesft),
.header-widget,
#footer-hr,
.mobileFoot,
#footer-widgets {
    display: none !important
}

.subscribe_btn a,
.desktopMobMenu a,
.btn,
.resources-yesft-hp a,
.site-footer a,
.home-title-medium a {
    text-decoration: none
}

.ftUinconar .mobMenuSrc ul li.teaching-sustainability a,
.main-navigation .main-nav li.teaching-sustainability a {
    color: #799900
}

.ftUinconar .mobMenuSrc ul li.teaching-sustainability i,
.main-navigation .main-nav li.teaching-sustainability i {
    background-color: #799900
}

.ftUinconar .mobMenuSrc ul li.teaching-social-justice a,
.main-navigation .main-nav li.teaching-social-justice a {
    color: #1dc1cb
}

.ftUinconar .mobMenuSrc ul li.teaching-social-justice i,
.main-navigation .main-nav li.teaching-social-justice i {
    background-color: #1dc1cb
}

.ftUinconar .mobMenuSrc ul li.teaching-respect-empathy a,
.main-navigation .main-nav li.teaching-respect-empathy a {
    color: #fc823f
}

.ftUinconar .mobMenuSrc ul li.teaching-respect-empathy i,
.main-navigation .main-nav li.teaching-respect-empathy i {
    background-color: #fc823f
}

.ftUinconar .mobMenuSrc ul li.student-writing-lessons a,
.main-navigation .main-nav li.student-writing-lessons a {
    color: #be44c9
}

.ftUinconar .mobMenuSrc ul li.student-writing-lessons i,
.main-navigation .main-nav li.student-writing-lessons i {
    background-color: #be44c9
}

.ftUinconar .mobMenuSrc ul li.visual-learning-lessons a,
.main-navigation .main-nav li.visual-learning-lessons a {
    color: #e0a811
}

.ftUinconar .mobMenuSrc ul li.visual-learning-lessons i,
.main-navigation .main-nav li.visual-learning-lessons i {
    background-color: #e0a811
}

.ftUinconar .mobMenuSrc ul li.tough-topics-discussion-guides a,
.main-navigation .main-nav li.tough-topics-discussion-guides a {
    color: #da2f63
}

.ftUinconar .mobMenuSrc ul li.tough-topics-discussion-guides i,
.main-navigation .main-nav li.tough-topics-discussion-guides i {
    background-color: #e22618
}

#text-2 {
    padding: 10px;
    font-size: 14px;
    color: #fff;
    position: relative
}

#text-2 p {
    color: #fff;
    margin: 0
}

#text-2::after {
    position: absolute;
    background: linear-gradient(to right, #6b91d1 0%, #e22618 100%);
    height: 100%;
    content: '';
    top: 0
}

#text-2 .textwidget {
    position: relative;
    z-index: 2
}

.ftUinconar .subscribe_btn a {
    text-transform: uppercase;
    font-family: var(--font-oswald-bold-family);
    letter-spacing: 0.025em
}

#nav_menu-10 {
    overflow: hidden
}

#nav_menu-10 li + li {
    margin-top: 15px
}

#nav_menu-10 a {
    text-transform: uppercase;
    color: #343333;
    font-family: var(--font-oswald-bold-family)
}

.mobileSocialIcons.yesft h4 {
    text-transform: uppercase;
    font-size: 1em;
    margin-bottom: 8px
}

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

.mobileSocialIcons.yesft li {
    display: inline
}

.mobileSocialIcons.yesft a {
    display: inline-block;
    width: 25px;
    line-height: 25px;
    color: #fff;
    background-color: #e22618;
    border-radius: 50%;
    margin: 0 5px
}

.ftUinconar .mobSrc button,
.navigation-search input#search-button.nav-search-submit {
    background-color: #6b91d1
}

.ftUinconar input[type="text"],
.ftUinconar input[type="text"]:focus,
.navigation-search input.search-field,
.navigation-search input.search-field:focus {
    color: #6b91d1;
    font-weight: normal
}

.ftUinconar input::-webkit-input-placeholder,
input.search-field::-webkit-input-placeholder {
    color: #6b91d1
}

.ftUinconar input::-moz-placeholder,
input.search-field::-moz-placeholder {
    color: #6b91d1
}

.ftUinconar input:-ms-input-placeholder,
input.search-field:-ms-input-placeholder {
    color: #6b91d1
}

.ftUinconar input::-ms-input-placeholder,
input.search-field::-ms-input-placeholder {
    color: #6b91d1
}

.resources-yesft-hp {
    text-align: center
}

.resources-yesft-hp h3,
.resources-yesft-hp h2 {
    text-transform: uppercase;
    font-size: 0.8rem
}

.resources-yesft-hp h2 {
    line-height: 1;
    margin: 5px 0 0
}

.resources-yesft-hp .resource {
    width: 50%;
    padding: 10px 20px
}

.resources-yesft-hp i {
    background-color: transparent;
    font-size: 24px
}

.home-magazine-header {
    color: #6b91d1
}

.writing-cta-yesft {
    position: relative;
    background-color: #e3e9f3
}

.writing-cta-yesft .content-wrapper {
    padding: 20px 0;
    text-align: center;
    position: relative;
    z-index: 5
}

.writing-cta-yesft h2 {
    margin-bottom: 10px
}

.writing-cta-yesft p {
    margin-bottom: 20px
}

.writing-cta-yesft::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 68px
}

.featured-posts {
    margin-top: 35px;
    margin-bottom: 35px
}

.featured-posts > p {
    margin-bottom: 14px
}

.featured-posts .img-wrapper {
    margin-bottom: 20px
}

.featured-posts img {
    display: block
}

.featured-posts h2,
.featured-posts h3 {
    margin: 10px 0
}

.featured-posts h2 a,
.featured-posts h3 a {
    color: #343333
}

.featured-posts .content p {
    margin-bottom: 30px
}

.main-featured .tax,
.featured .tax,
.post-yft .tax {
    margin: 0
}

.main-featured .tax i,
.featured .tax i,
.post-yft .tax i {
    margin-right: 7px
}

.main-featured .tough-topics-discussion-guides,
.featured .tough-topics-discussion-guides,
.post-yft .tough-topics-discussion-guides,
.yft-related-articles .tough-topics-discussion-guides {
    color: #e22618
}

.main-featured .tough-topics-discussion-guides i::before,
.featured .tough-topics-discussion-guides i::before,
.post-yft .tough-topics-discussion-guides i::before,
.yft-related-articles .tough-topics-discussion-guides i::before {
    content: "\f024"
}

.main-featured .student-writing-lessons,
.featured .student-writing-lessons,
.post-yft .student-writing-lessons,
.yft-related-articles .student-writing-lessons {
    color: #be44c9
}

.main-featured .student-writing-lessons i::before,
.featured .student-writing-lessons i::before,
.post-yft .student-writing-lessons i::before,
.yft-related-articles .student-writing-lessons i::before {
    content: "\f040"
}

.main-featured .visual-learning-lessons,
.featured .visual-learning-lessons,
.post-yft .visual-learning-lessons,
.yft-related-articles .visual-learning-lessons {
    color: #e0a811
}

.main-featured .visual-learning-lessons i::before,
.featured .visual-learning-lessons i::before,
.post-yft .visual-learning-lessons i::before,
.yft-related-articles .visual-learning-lessons i::before {
    content: "\f06e"
}

.main-featured .teaching-respect-empathy,
.featured .teaching-respect-empathy,
.post-yft .teaching-respect-empathy {
    color: #fc823f
}

.main-featured .teaching-respect-empathy i::before,
.featured .teaching-respect-empathy i::before,
.post-yft .teaching-respect-empathy i::before {
    content: "\f004"
}

.main-featured .teaching-sustainability,
.featured .teaching-sustainability,
.post-yft .teaching-sustainability {
    color: #799900
}

.main-featured .teaching-sustainability i::before,
.featured .teaching-sustainability i::before,
.post-yft .teaching-sustainability i::before {
    content: "\f06c"
}

.main-featured .teaching-social-justice,
.featured .teaching-social-justice,
.post-yft .teaching-social-justice {
    color: #1dc1cb
}

.main-featured .teaching-social-justice i::before,
.featured .teaching-social-justice i::before,
.post-yft .teaching-social-justice i::before {
    content: "\f0c0"
}

.main-featured h2 a,
.main-featured h3 a,
.featured h2 a,
.featured h3 a,
.post-yft h2 a,
.post-yft h3 a {
    text-decoration: none
}

.main-featured .resource-content:not(.writing-contest) i,
.featured .resource-content:not(.writing-contest) i,
.post-yft .resource-content:not(.writing-contest) i {
    display: none
}

.main-featured .tax .writing-contest i,
.featured .tax .writing-contest i,
.post-yft .tax .writing-contest i {
    width: auto
}

.main-featured .tax .writing-contest i::before,
.featured .tax .writing-contest i::before,
.post-yft .tax .writing-contest i::before {
    content: "\f091";
    color: #343333
}

.main-featured .tax i,
.post-yft .tax i {
    display: inline-block;
    width: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-size: 14px
}

.main-featured .tough-topics-discussion-guides i,
.post-yft .tough-topics-discussion-guides i {
    background-color: #e22618
}

.main-featured .student-writing-lessons i,
.post-yft .student-writing-lessons i {
    background-color: #be44c9
}

.main-featured .visual-learning-lessons i,
.post-yft .visual-learning-lessons i {
    background-color: #e0a811
}

.main-featured .teaching-respect-empathy i,
.post-yft .teaching-respect-empathy i {
    background-color: #fc823f
}

.main-featured .teaching-sustainability i,
.post-yft .teaching-sustainability i {
    background-color: #799900
}

.main-featured .teaching-social-justice i,
.post-yft .teaching-social-justice i {
    background-color: #1dc1cb
}

.featured .tax i {
    background-color: transparent
}

.post-yft {
    position: relative;
    margin-bottom: 20px
}

.post-yft img {
    display: block
}

.post-yft h3 {
    margin: 10px 0
}

.post-yft h3 a {
    color: #343333
}

.post-yft p {
    margin: 0
}

.post-yft .tax span {
    display: block;
}

.post-yft .type-and-topic span {
    display: inline-block;
}

.post-yft .tax span + span {
    margin-top: 5px;
}

.posts-wrapper .wpv-filter-next-link {
    display: block;
    text-align: center;
    line-height: 40px;
    margin-bottom: 30px;
    width: 100%
}

.posts-wrapper a.wpv-filter-next-link {
    background-color: #6b91d1;
    color: #fff;
    font-family: var(--font-oswald-bold-family);
    letter-spacing: 0.025em;
    text-transform: uppercase;
    text-decoration: none
}

.posts-wrapper span.wpv-filter-next-link {
    font-weight: 700
}

.subscriptions-cta {
    background-color: #e3e9f3
}

.subscriptions-cta .cta-title {
    background: #6b91d1 url(https://www.yesmagazine.org/wp-content/themes/generatepress_child/svg/site-logo.svg) 50% 0 no-repeat;
    color: #fff;
    padding: 83px 20px 20px;
    text-align: center;
    -webkit-background-size: 65px auto;
    background-size: 65px auto
}

.subscriptions-cta .cta-title p,
.subscriptions-cta .cta-title h3 {
    color: #fff
}

.subscriptions-cta .cta-title p {
    margin: 0
}

.subscriptions-cta .content {
    padding: 20px
}

.subscriptions-cta .content p {
    font-weight: 700
}

.donate-cta {
    padding-bottom: 40px;
    text-align: center;
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%
}

.donate-cta::before,
.donate-cta::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to right, #6b91d1 0%, #e22618 100%);
    opacity: 0.6
}

.donate-cta p,
.donate-cta h2 {
    color: #fff
}

.donate-cta h2 {
    margin: 30px 0 0
}

.donate-cta p {
    margin: 15px 0;
    font-size: 18px
}

.donate-cta .logo {
    display: inline-block;
    width: 36px
}

.donate-cta .logo img:first-child {
    display: block
}

.donate-cta .logo img:last-child {
    display: none
}

.donate-cta .content {
    position: relative;
    z-index: 5
}

.page-template-page-student-writing-contest .a2a_button_facebook,
.single-yes-for-teacher .a2a_button_facebook {
    margin-left: 0
}

.page-template-page-student-writing-contest .addtoany_share_save,
.single-yes-for-teacher .addtoany_share_save {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: url(https://www.yesmagazine.org/wp-content/themes/generatepress_child/svg/sharing-icon.svg) 50% 50% no-repeat;
    border: 1px solid #6b91d1
}

.page-template-page-student-writing-contest .addtoany_share_save span,
.single-yes-for-teacher .addtoany_share_save span {
    display: none;
}

.page-template-page-student-writing-contest .addtoany_share_save:hover,
.single-yes-for-teacher .addtoany_share_save:hover {
    border: 1px solid #6b91d1
}

.page-template-page-student-writing-contest .addtoany_share_save img,
.single-yes-for-teacher .addtoany_share_save img {
    display: none
}

.page-template-page-student-writing-contest .social-icons-wrapper,
.single-yes-for-teacher .social-icons-wrapper {
    background-color: rgba(255, 255, 255, 0.9);
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    z-index: 10
}

.page-template-page-student-writing-contest .social-icons-wrapper a:not(.addtoany_share_save):not(.download) svg,
.single-yes-for-teacher .social-icons-wrapper a:not(.addtoany_share_save):not(.download) svg {
    margin-top: 3px
}

.page-template-page-student-writing-contest .social-icons-wrapper a:not(.addtoany_share_save):not(.download),
.page-template-page-student-writing-contest .a2a_mini_services a:not(.addtoany_share_save):not(.download),
.single-yes-for-teacher .social-icons-wrapper a:not(.addtoany_share_save):not(.download),
.single-yes-for-teacher .a2a_mini_services a:not(.addtoany_share_save):not(.download) {
    line-height: 1
}

.page-template-page-student-writing-contest .social-icons-wrapper a:not(.addtoany_share_save):not(.download) img,
.page-template-page-student-writing-contest .social-icons-wrapper a:not(.addtoany_share_save):not(.download) svg,
.page-template-page-student-writing-contest .a2a_mini_services a:not(.addtoany_share_save):not(.download) img,
.page-template-page-student-writing-contest .a2a_mini_services a:not(.addtoany_share_save):not(.download) svg,
.single-yes-for-teacher .social-icons-wrapper a:not(.addtoany_share_save):not(.download) img,
.single-yes-for-teacher .social-icons-wrapper a:not(.addtoany_share_save):not(.download) svg,
.single-yes-for-teacher .a2a_mini_services a:not(.addtoany_share_save):not(.download) img,
.single-yes-for-teacher .a2a_mini_services a:not(.addtoany_share_save):not(.download) svg {
    display: block
}

.page-template-page-student-writing-contest .social-icons-wrapper a:not(.addtoany_share_save):not(.download) svg,
.page-template-page-student-writing-contest .a2a_mini_services a:not(.addtoany_share_save):not(.download) svg,
.single-yes-for-teacher .social-icons-wrapper a:not(.addtoany_share_save):not(.download) svg,
.single-yes-for-teacher .a2a_mini_services a:not(.addtoany_share_save):not(.download) svg {
    max-width: 24px;
    max-height: 24px
}

.page-template-page-student-writing-contest .social-icons-wrapper a:not(.addtoany_share_save):not(.download) span,
.page-template-page-student-writing-contest .a2a_mini_services a:not(.addtoany_share_save):not(.download) span,
.single-yes-for-teacher .social-icons-wrapper a:not(.addtoany_share_save):not(.download) span,
.single-yes-for-teacher .a2a_mini_services a:not(.addtoany_share_save):not(.download) span {
    background-color: #6b91d1 !important;
    display: inline-block;
    border-radius: 50% !important
}

.page-template-page-student-writing-contest .entry-content,
.page-template-page-student-writing-contest .clipped,
.single-yes-for-teacher .entry-content,
.single-yes-for-teacher .clipped {
    margin-bottom: 20px
}

.page-template-page-student-writing-contest .entry-content > h2,
.single-yes-for-teacher .entry-content > h2 {
    border-bottom: 1px solid #e3e9f3;
    padding-bottom: 10px
}

.page-template-page-student-writing-contest .entry-content p,
.page-template-page-student-writing-contest .entry-content h2,
.page-template-page-student-writing-contest .entry-content h3,
.single-yes-for-teacher .entry-content p,
.single-yes-for-teacher .entry-content h2,
.single-yes-for-teacher .entry-content h3 {
    padding-left: 0;
    padding-right: 0
}

.page-template-page-student-writing-contest .entry-content h3,
.single-yes-for-teacher .entry-content h3 {
    font-family: 'poppinsmedium'
}

.page-template-page-student-writing-contest .entry-content h4,
.single-yes-for-teacher .entry-content h4 {
    font-size: 16px
}

.page-template-page-student-writing-contest .entry-content ul,
.single-yes-for-teacher .entry-content ul {
    padding: 0;
    list-style: none;
    margin-left: 0
}

.page-template-page-student-writing-contest .entry-content li + li,
.single-yes-for-teacher .entry-content li + li {
    margin-top: 1em
}

.page-template-page-student-writing-contest .entry-content li {
    padding-left: 20px;
    position: relative
}

.page-template-page-student-writing-contest .entry-content li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    background-color: #6b91d1
}

.single-yes-for-teacher .entry-header {
    margin: 10px 0 0;
    padding: 0
}

.single-yes-for-teacher .article-title {
    color: #343333;
    font: normal 30px/1.2 'poppinsbold';
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e3e9f3
}

.single-yes-for-teacher .article-title + p {
    margin: 0;
    font-size: 18px
}

.single-yes-for-teacher .entry-content a[target="_blank"] {
    color: #343333
}

.single-yes-for-teacher .entry-content a[target="_blank"]::after {
    content: '';
    width: 12px;
    height: 11px;
    display: block;
    background: url(https://www.yesmagazine.org/wp-content/themes/generatepress_child/svg/external-icon.svg) 100% 50% no-repeat;
    right: 0;
    top: 3px;
    display: inline-block;
    margin-left: 4px
}

.single-yes-for-teacher .entry-content h4 {
    text-transform: uppercase;
    font-size: 1em;
    font-family: 'poppinsmedium'
}

.single-yes-for-teacher .entry-content li {
    padding-left: 1em;
    position: relative
}

.single-yes-for-teacher .entry-content > ul li::before {
    display: inline-block;
    position: absolute;
    content: '';
    left: 0
}

.single-yes-for-teacher .entry-content > ul li li::before {
    width: 7px;
    height: 0;
    top: 9px;
    border-bottom: 1px solid #6b91d1
}

.single-yes-for-teacher .entry-content > ul > li::before {
    width: 6px;
    height: 6px;
    background-color: #6b91d1;
    border-radius: 50%;
    top: 5px
}

.single-yes-for-teacher .entry-content > ul ul {
    margin-top: 1em
}

.single-yes-for-teacher .entry-content ol {
    list-style: none;
    padding: 0;
    margin: 0
}

.single-yes-for-teacher .entry-content ol li::before {
    color: #6b91d1;
    position: absolute;
    left: 0
}

.single-yes-for-teacher .entry-content > ol {
    counter-reset: li-counter;
    margin-bottom: 1.5em
}

.single-yes-for-teacher .entry-content > ol li {
    counter-increment: li-counter;
    padding-left: 20px
}

.single-yes-for-teacher .entry-content > ol li::before {
    content: counter(li-counter) ". ";
    position: absolute;
    left: 0
}

.single-yes-for-teacher .entry-content ol ol {
    counter-reset: li-counter-n;
    margin-top: 1em
}

.single-yes-for-teacher .entry-content ol ol li {
    counter-increment: li-counter-n
}

.single-yes-for-teacher .entry-content ol ol li::before {
    content: counter(li-counter-n, lower-alpha) ". "
}

.single-yes-for-teacher .social-icons-wrapper .download {
    color: #e22618;
    float: right;
    text-decoration: none;
    margin: 0;
    padding-top: 2px
}

.single-yes-for-teacher .social-icons-wrapper .download span {
    width: 30px;
    line-height: 30px;
    background-color: #e22618 !important;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    margin-left: 7px
}

.single-yes-for-teacher .social-icons-wrapper .download svg {
    margin-bottom: -3px
}

.single-yes-for-teacher .wp-block-image figcaption {
    width: auto;
    font-family: 'poppinslight';
    font-size: 12px
}

.sidebar-posts .ttl {
    font-size: 16px;
    margin-bottom: 1em;
    line-height: 1
}

.sidebar-posts .crp-list-item,
.sidebar-posts .post {
    width: 217px;
    margin: 0 10px 35px 0
}

.sidebar-posts .crp-list-item-title,
.sidebar-posts h3 {
    font-family: 'poppinsbold';
    margin-bottom: 0
}

.sidebar-posts .crp-list-item-title a,
.sidebar-posts h3 a {
    color: #343333;
    text-decoration: none;
    font-size: 18px
}

.sidebar-posts .crp-list-item-image,
.sidebar-posts .clipped {
    margin-bottom: 10px
}

.sidebar-posts .crp-list-item-image img,
.sidebar-posts .clipped img {
    max-width: 100% !important
}

.mobile-filtering-wrapper button,
.desk-filtering-wrapper button {
    padding: 0;
    margin: 0;
    border: none
}

.mobile-filtering-wrapper .see-results,
.desk-filtering-wrapper .see-results {
    margin-top: 30px
}

.mobile-filtering-wrapper ul,
.desk-filtering-wrapper ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.mobile-filtering-wrapper .all i,
.desk-filtering-wrapper .all i {
    background-color: #343333
}

.mobile-filtering-wrapper li,
.desk-filtering-wrapper li,
.tax-listing li {
    padding: 10px 9px 9px
}

.mobile-filtering-wrapper li .fa,
.desk-filtering-wrapper li .fa,
.tax-listing li .fa {
    width: 25px;
    line-height: 25px;
    border-radius: 50%;
    margin-right: 8px;
    text-align: center;
    color: #fff
}

.mobile-filtering-wrapper .tough-topics-discussion-guides,
.desk-filtering-wrapper .tough-topics-discussion-guides,
.tax-listing .tough-topics-discussion-guides {
    color: #e22618
}

.mobile-filtering-wrapper .tough-topics-discussion-guides i,
.desk-filtering-wrapper .tough-topics-discussion-guides i,
.tax-listing .tough-topics-discussion-guides i {
    background-color: #e22618
}

.mobile-filtering-wrapper .tough-topics-discussion-guides i::before,
.desk-filtering-wrapper .tough-topics-discussion-guides i::before,
.tax-listing .tough-topics-discussion-guides i::before {
    content: "\f024"
}

.mobile-filtering-wrapper .visual-learning-lessons,
.desk-filtering-wrapper .visual-learning-lessons,
.tax-listing .visual-learning-lessons {
    color: #e0a811
}

.mobile-filtering-wrapper .visual-learning-lessons i,
.desk-filtering-wrapper .visual-learning-lessons i,
.tax-listing .visual-learning-lessons i {
    background-color: #e0a811
}

.mobile-filtering-wrapper .visual-learning-lessons i::before,
.desk-filtering-wrapper .visual-learning-lessons i::before,
.tax-listing .visual-learning-lessons i::before {
    content: "\f06e"
}

.mobile-filtering-wrapper .teaching-social-justice,
.desk-filtering-wrapper .teaching-social-justice,
.tax-listing .teaching-social-justice {
    color: #1dc1cb
}

.mobile-filtering-wrapper .teaching-social-justice i,
.desk-filtering-wrapper .teaching-social-justice i,
.tax-listing .teaching-social-justice i {
    background-color: #1dc1cb
}

.mobile-filtering-wrapper .teaching-social-justice i::before,
.desk-filtering-wrapper .teaching-social-justice i::before,
.tax-listing .teaching-social-justice i::before {
    content: "\f0c0"
}

.mobile-filtering-wrapper .teaching-sustainability,
.desk-filtering-wrapper .teaching-sustainability,
.tax-listing .teaching-sustainability {
    color: #799900
}

.mobile-filtering-wrapper .teaching-sustainability i,
.desk-filtering-wrapper .teaching-sustainability i,
.tax-listing .teaching-sustainability i {
    background-color: #799900
}

.mobile-filtering-wrapper .teaching-sustainability i::before,
.desk-filtering-wrapper .teaching-sustainability i::before,
.tax-listing .teaching-sustainability i::before {
    content: "\f06c"
}

.mobile-filtering-wrapper .student-writing-lessons,
.desk-filtering-wrapper .student-writing-lessons,
.tax-listing .student-writing-lessons {
    color: #be44c9
}

.mobile-filtering-wrapper .student-writing-lessons i,
.desk-filtering-wrapper .student-writing-lessons i,
.tax-listing .student-writing-lessons i {
    background-color: #be44c9
}

.mobile-filtering-wrapper .student-writing-lessons i::before,
.desk-filtering-wrapper .student-writing-lessons i::before,
.tax-listing .student-writing-lessons i::before {
    content: "\f040"
}

.mobile-filtering-wrapper .teaching-respect-empathy,
.desk-filtering-wrapper .teaching-respect-empathy,
.tax-listing .teaching-respect-empathy {
    color: #fc823f
}

.mobile-filtering-wrapper .teaching-respect-empathy i,
.desk-filtering-wrapper .teaching-respect-empathy i,
.tax-listing .teaching-respect-empathy i {
    background-color: #fc823f
}

.mobile-filtering-wrapper .teaching-respect-empathy i::before,
.desk-filtering-wrapper .teaching-respect-empathy i::before,
.tax-listing .teaching-respect-empathy i::before {
    content: "\f004"
}

.tax-listing {
    padding: 0;
    margin: 0;
    list-style: none
}

.mobile-filtering-wrapper button:not(.see-results):not(.search-btn) {
    color: #343333
}

.see-results,
.show-more {
    width: 100%;
    text-align: center;
    background-color: #6b91d1;
    color: #fff;
    height: 40px;
    padding: 0
}

.donate-wrapper {
    clear: both;
    margin-top: 20px
}

.page-template-page-yesft-resources-landing #primary {
    position: relative;
}

.overlayBG2 {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

.single-yes-for-teacher .a2a_floating_style, .menu-toggle, .page-template-page-yes-teachers .a2a_floating_style, .page-template-page-the-latest-yesft .a2a_floating_style {
    display: none;
}

.yft-related-articles {
    clear: both;
    margin: 20px 0;
    padding: 20px 0;
}

.yft-related-articles .h2 {
    margin: 0 0 20px;
    font: normal 24px 'poppinsbold';
    color: #6b91d1;
}

.yft-related-articles .mari-bold {
    margin-bottom: 10px;
}

.yft-related-articles h3 {
    margin: 0;
}

.yft-related-articles h3 a {
    color: #343333;
}

.yft-related-articles img {
    display: block;
}

.yft-related-articles .fa {
    margin-right: 5px;
}

body {
    padding-bottom: 0;
}

.subscriptions-cta .img-wrapper img {
    width: 100%;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    font-family: 'poppinsbold';
}


@media only screen and (max-width: 767px) {
    .yesft-footer-widgets {
        text-align: center
    }

    #custom_html-2 {
        float: left
    }

    #custom_html-3 {
        margin: 40px 0
    }

    .site-footer {
        padding-top: 40px
    }

    .resources-yesft-hp {
        text-align: center
    }

    .resources-yesft-hp .resource {
        border: 1px solid #e3e9f3;
        margin: 0 0 -1px -1px;
        background-image: none !important
    }

    .resources-yesft-hp p,
    .resources-yesft-hp .btn {
        display: none
    }

    .resources-yesft-hp h2 {
        font-weight: var(--font-oswald-bold-weight);
        font-family: var(--font-oswald-bold-family);
        letter-spacing: 0.025em
    }

    .resources-yesft-hp .teaching-sustainability,
    .resources-yesft-hp .teaching-sustainability h2 {
        color: #92a60e
    }

    .resources-yesft-hp .teaching-social-justice,
    .resources-yesft-hp .teaching-social-justice h2 {
        color: #1dc1cb
    }

    .resources-yesft-hp .teaching-respect-empathy,
    .resources-yesft-hp .teaching-respect-empathy h2 {
        color: #fc823f
    }

    .resources-yesft-hp .student-writing-lessons,
    .resources-yesft-hp .student-writing-lessons h2 {
        color: #be44c9
    }

    .resources-yesft-hp .visual-learning-lessons,
    .resources-yesft-hp .visual-learning-lessons h2 {
        color: #e0a811
    }

    .resources-yesft-hp .tough-topics-discussion-guides,
    .resources-yesft-hp .tough-topics-discussion-guides h2 {
        color: #e22618
    }

    .featured-posts {
        text-align: center
    }

    .featured-posts .img-wrapper {
        margin-left: -20px;
        margin-right: -20px
    }

    .post-yft:not(.latest) {
        overflow: hidden;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .post-yft:not(.latest) .img-wrapper {
        width: 31.5%;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .post-yft:not(.latest) .content-wrapper {
        width: 68.5%;
        padding-left: 10px;
    }

    .post-yft:not(.latest) .content {
        display: none
    }

    .post-yft:not(.latest) h3 {
        margin-bottom: 0
    }

    .post-yft.latest .img-wrapper {
        margin-bottom: 10px
    }

    .subscriptions-cta {
        max-width: 375px;
        margin-left: auto;
        margin-right: auto
    }

    .jff-cta-wrapper,
    .page-template-page-yesft-resources-landing #text-2,
    .desk-filtering-wrapper {
        display: none
    }

    .mobile-filtering-wrapper .recent {
        margin-left: 10px;
        background-color: transparent;
    }

    .mobile-filtering-wrapper .selected {
        background-color: #e3e9f3;
        height: 25px;
        padding: 0 5px;
        border-radius: 12.5px;

    }

    .mobile-filtering-wrapper .results-wrapper {
        float: right;
        display: flex;
        align-items: center;

    }

    .mobile-filtering-wrapper .results-wrapper > .fa {
        margin-right: 5px;
        font-size: 11px;
    }

    .mobile-filtering-wrapper .results-wrapper .tough-topics-discussion-guides {
        color: #e22618
    }

    .mobile-filtering-wrapper .results-wrapper .visual-learning-lessons {
        color: #e0a811
    }

    .mobile-filtering-wrapper .results-wrapper .teaching-social-justice {
        color: #1dc1cb
    }

    .mobile-filtering-wrapper .results-wrapper .teaching-sustainability {
        color: #799900
    }

    .mobile-filtering-wrapper .results-wrapper .student-writing-lessons {
        color: #be44c9
    }

    .mobile-filtering-wrapper .results-wrapper .teaching-respect-empathy {
        color: #fc823f
    }

    .mobile-filtering-wrapper .results {
        background-color: transparent
    }

    .mobile-filtering-wrapper .filters-container {
        position: absolute;
        left: 0;
        top: 77px;
        width: 100%;
        z-index: 10;
        padding: 0 20px;
        background-color: #fff;
        max-height: 0;
        overflow: hidden;
        transition: all 0.2s ease-in-out
    }

    .mobile-filtering-wrapper .filters-container.active {
        max-height: 1000px;
        padding: 40px 20px 20px
    }

    .mobile-filtering-wrapper h2 {
        font-size: 24px;
        line-height: 1;
        margin: 10px 0 15px;
        position: relative;
        z-index: 10;
        display: inline-block
    }

    .mobile-filtering-wrapper input.search-filed {
        background-color: #e3e9f3;
        color: #6b91d1;
        padding: 0 10px;
        height: 40px;
        border: none;
        width: calc(100% - 40px)
    }

    .mobile-filtering-wrapper input::-webkit-input-placeholder {
        color: #6b91d1
    }

    .mobile-filtering-wrapper input::-moz-placeholder {
        color: #6b91d1
    }

    .mobile-filtering-wrapper input:-ms-input-placeholder {
        color: #6b91d1
    }

    .mobile-filtering-wrapper input::-ms-input-placeholder {
        color: #6b91d1
    }

    .mobile-filtering-wrapper .search-btn {
        background-color: #6b91d1;
        color: #e3e9f3;
        width: 40px;
        height: 40px;
        vertical-align: top
    }

    .mobile-filtering-wrapper h3 {
        margin: 38px 0 15px;
        font-size: 18px
    }

    .mobile-filtering-wrapper .close-mob-filtering {
        position: absolute;
        top: 0;
        right: 20px;
        background-color: transparent
    }

    .mobile-filtering-wrapper .close-mob-filtering:focus {
        background-color: transparent
    }

    .mobile-filtering-wrapper ul {
        border-top: 1px solid #6b91d1
    }

    .mobile-filtering-wrapper li {
        border-bottom: 1px solid #6b91d1;
        position: relative;
        padding-right: 35px;
        cursor: pointer;
    }

    .mobile-filtering-wrapper li.active {
        background-color: #e3e9f3
    }

    .mobile-filtering-wrapper li.active em {
        position: absolute;
        right: 0;
        top: 9px;
        color: #6b91d1
    }

    .single-yes-for-teacher .featured-img,
    .single-yes-for-teacher .social-icons-wrapper,
    .page-template-page-student-writing-contest .featured-img,
    .page-template-page-student-writing-contest .social-icons-wrapper {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px)
    }

    .single-yes-for-teacher .social-icons-wrapper,
    .page-template-page-student-writing-contest .social-icons-wrapper {
        padding: 15px 20px
    }

    .yft-related-articles {
        background-color: #e3e9f3;
    }

    .yft-related-articles article {
        overflow: hidden;
    }

    .yft-related-articles article + article {
        margin-top: 20px;
    }

    .yft-related-articles article > a:first-child {
        float: left;
        display: block;
        margin-right: 10px;
    }

    .yft-related-articles .fa {
        width: 26px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        color: #fff;
        border-radius: 50%
    }

    .yft-related-articles .visual-learning-lessons .fa {
        background-color: #e0a811;
    }

    .yft-related-articles .student-writing-lessons .fa {
        background-color: #be44c9
    }

    .yft-related-articles .tough-topics-discussion-guides .fa {
        background-color: #e22618
    }

    .yft-related-articles svg {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .flex-768 {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .wrap {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1366px;
        margin-left: auto;
        margin-right: auto
    }

    .resources-yesft-hp .flex {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .resources-yesft-hp .resource {
        width: 198px;
        height: 358px;
        position: relative;
        padding: 55px 20px 110px
    }

    .resources-yesft-hp .resource::before,
    .resources-yesft-hp .resource::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0
    }

    .resources-yesft-hp .resource::before {
        mix-blend-mode: multiply
    }

    .resources-yesft-hp .resource::after {
        opacity: 0.6;
        transition: opacity 0.3s ease-in-out
    }

    .resources-yesft-hp .resource:hover::after {
        opacity: 0.9
    }

    .resources-yesft-hp .resource > * {
        position: relative;
        z-index: 5;
        color: #fff
    }

    .resources-yesft-hp .resource > i {
        font-size: 36px;
        line-height: 1
    }

    .resources-yesft-hp .resource h2 {
        text-transform: none;
        letter-spacing: normal;
        font: 20px 'poppinsbold';
        transition: opacity 0.3s ease-in-out
    }

    .resources-yesft-hp .resource:hover h2 {
        opacity: 0
    }

    .resources-yesft-hp .resource p {
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        position: absolute;
        width: 100%;
        margin: 0;
        top: 95px;
        left: 0;
        padding: 0 20px;
        text-align: left
    }

    .resources-yesft-hp .resource:hover p {
        opacity: 1
    }

    .resources-yesft-hp .resource:hover .btn {
        background-color: #fff
    }

    .resources-yesft-hp .btn {
        display: inline-block;
        width: 150px;
        line-height: 44px;
        position: absolute;
        left: 50%;
        bottom: 65px;
        transform: translateX(-50%);
        border: 3px solid #fff;
        transition: all 0.3s ease-in-out;
        text-transform: uppercase
    }

    .resources-yesft-hp .btn i {
        font-size: 16px
    }

    .resources-yesft-hp .btn i::before {
        margin-left: 2px
    }

    .resources-yesft-hp .teaching-sustainability::before,
    .resources-yesft-hp .teaching-sustainability::after {
        background-color: #92a60e
    }

    .resources-yesft-hp .teaching-sustainability:hover .btn {
        color: #92a60e
    }

    .resources-yesft-hp .teaching-social-justice::before,
    .resources-yesft-hp .teaching-social-justice::after {
        background-color: #1dc1cb
    }

    .resources-yesft-hp .teaching-social-justice:hover .btn {
        color: #1dc1cb
    }

    .resources-yesft-hp .teaching-respect-empathy::before,
    .resources-yesft-hp .teaching-respect-empathy::after {
        background-color: #fc823f
    }

    .resources-yesft-hp .teaching-respect-empathy:hover .btn {
        color: #fc823f
    }

    .resources-yesft-hp .student-writing-lessons::before,
    .resources-yesft-hp .student-writing-lessons::after {
        background-color: #be44c9
    }

    .resources-yesft-hp .student-writing-lessons:hover .btn {
        color: #be44c9
    }

    .resources-yesft-hp .visual-learning-lessons h2 {
        padding: 0 5px
    }

    .resources-yesft-hp .visual-learning-lessons::before,
    .resources-yesft-hp .visual-learning-lessons::after {
        background-color: #e0a811
    }

    .resources-yesft-hp .visual-learning-lessons:hover .btn {
        color: #e0a811
    }

    .resources-yesft-hp .tough-topics-discussion-guides::before,
    .resources-yesft-hp .tough-topics-discussion-guides::after {
        background-color: #e22618
    }

    .resources-yesft-hp .tough-topics-discussion-guides:hover .btn {
        color: #e22618
    }

    .writing-cta-yesft .content-wrapper {
        padding: 30px 0
    }

    .main-featured .content-wrapper {
        width: 300px;
        text-align: right;
        padding-right: 20px
    }

    .main-featured .img-wrapper {
        width: calc(100% - 300px)
    }

    .post-yft:not(.latest) {
        width: calc((100% - 40px) / 3)
    }

    .post-yft:not(.latest):not(:nth-child(3n+1)) {
        margin-left: 20px
    }

    .post-yft:not(.latest)::after {
        opacity: 0;
        content: '';
        position: absolute;
        left: -10px;
        top: -10px;
        width: calc(100% + 20px);
        height: calc(100% + 20px);
        z-index: -1;
        background-color: #6b91d1
    }

    .post-yft:not(.latest)::after,
    .post-yft:not(.latest) p,
    .post-yft:not(.latest) a,
    .post-yft:not(.latest) span,
    .post-yft:not(.latest) i::before {
        transition: all 0.3s ease-in-out
    }

    .post-yft:not(.latest):hover p,
    .post-yft:not(.latest):hover a,
    .post-yft:not(.latest):hover span,
    .post-yft:not(.latest):hover i::before {
        color: #fff
    }

    .post-yft:not(.latest):hover::after {
        opacity: 1
    }

    .post-yft p {
        font-size: 14px
    }

    .post-yft .img-wrapper {
        margin-bottom: 10px
    }

    .post-yft.latest {
        overflow: hidden
    }

    .post-yft.latest .img-wrapper {
        float: left;
        max-width: 350px;
        margin-right: 20px
    }

    .jff-cta-wrapper {
        max-height: 29px;
        overflow: hidden;
        transition: all 0.3s ease-in-out;
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        z-index: 50
    }

    .jff-cta-wrapper button {
        text-align: center;
        font-size: 16px;
        padding: 5px;
        background: linear-gradient(to right, #7db9e8 0%, #e22618 100%);
        width: 100%;
        line-height: 1;
        width: 100%;
        z-index: 50;
        position: absolute;
        left: 0;
        top: 0
    }

    .jff-cta-wrapper.active {
        max-height: 400px
    }

    .jff-cta-wrapper.active button i {
        transform: rotate(180deg);
        vertical-align: text-bottom
    }

    .jff-cta {
        text-align: center;
        background-position: 50% 50%;
        -webkit-background-size: cover;
        background-size: cover;
        position: relative;
        padding: 49px 0 20px
    }

    .jff-cta::before,
    .jff-cta::after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }

    .jff-cta::before {
        background-color: #343333;
        opacity: 0.5
    }

    .jff-cta .content {
        position: relative;
        z-index: 5
    }

    .jff-cta .logo {
        width: 72px;
        position: absolute;
        left: 40px;
        top: -20px
    }

    .jff-cta .logo img {
        display: block
    }

    .jff-cta .logo img + img {
        margin-top: 3px;
    }

    .jff-cta h2,
    .jff-cta p {
        color: #fff
    }

    footer.site-info {
        margin-bottom: 40px
    }

    .mobile-filtering-wrapper {
        display: none
    }

    .desk-filtering-wrapper {
        z-index: 10;
        position: relative
    }

    .desk-filtering-wrapper .topics-wrapper,
    .desk-filtering-wrapper .types-wrapper,
    .desk-filtering-wrapper .sort-by {
        position: relative
    }

    .desk-filtering-wrapper .topic-placeholder,
    .desk-filtering-wrapper .type-placeholder,
    .desk-filtering-wrapper .sort-by {
        cursor: pointer
    }

    .desk-filtering-wrapper .topics-wrapper {
        min-width: 300px
    }

    .desk-filtering-wrapper .sort-by {
        margin-left: auto
    }

    .desk-filtering-wrapper ul {
        max-height: 0;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 100%;
        transition: all 0.2s ease-in-out;
        padding: 0 10px
    }

    .desk-filtering-wrapper .active + ul {
        max-height: 500px;
        padding: 15px 10px
    }

    .desk-filtering-wrapper .topics-wrapper ul,
    .desk-filtering-wrapper .types-wrapper ul {
        background-color: #fff;
        width: 260px
    }

    .desk-filtering-wrapper .topics-wrapper li:hover,
    .desk-filtering-wrapper .types-wrapper li:hover {
        background-color: #e3e9f3;
        cursor: pointer
    }

    .desk-filtering-wrapper ul {
        box-shadow: 0px 0px 12px #a7a5a5;
        z-index: 10
    }

    .desk-filtering-wrapper p.mari {
        font-size: 12px;
        margin-bottom: 20px
    }

    .desk-filtering-wrapper .filters-container {
        margin-bottom: 15px
    }

    .desk-filtering-wrapper .tax {
        display: inline-block;
        border-bottom: 2px solid #343333;
        margin-right: 10px
    }

    .desk-filtering-wrapper .types-wrapper .placeholder:hover,
    .desk-filtering-wrapper .types-wrapper .active .placeholder,
    .desk-filtering-wrapper .topics-wrapper .placeholder:hover,
    .desk-filtering-wrapper .topics-wrapper .active .placeholder {
        color: #6b91d1
    }

    .desk-filtering-wrapper .types-wrapper .placeholder:hover .tax,
    .desk-filtering-wrapper .types-wrapper .active .placeholder .tax,
    .desk-filtering-wrapper .topics-wrapper .placeholder:hover .tax,
    .desk-filtering-wrapper .topics-wrapper .active .placeholder .tax {
        border-color: #6b91d1
    }

    .desk-filtering-wrapper span.selected {
        border-bottom: 2px solid currentColor
    }

    .desk-filtering-wrapper span.selected + em {
        margin-left: 10px
    }

    .sort-by button {
        background-color: #e3e9f3;
        min-width: 160px;
        height: 28px;
        text-align: center;
        border-radius: 14px;
        cursor: pointer;
        color: #343333;
        padding: 0 10px;
    }

    .sort-by button:hover,
    .sort-by button.active {
        color: #e3e9f3;
        background-color: #6b91d1
    }

    .sort-by button i {
        font-size: 16px
    }

    .sort-by ul {
        width: 166px;
        background-color: #e3e9f3;
        text-align: right;
        right: 0;
        top: 34px;
        left: auto
    }

    .sort-by .active + ul {
        padding: 10px;
        border: 1px solid #fff
    }

    .search-toggle,
    .search-btn {
        background-color: transparent
    }

    .search-toggle:hover,
    .search-toggle:focus,
    .search-btn:hover,
    .search-btn:focus {
        background-color: transparent
    }

    .search-toggle {
        line-height: 1;
        cursor: pointer;
        vertical-align: middle
    }

    .search-wrapper {
        position: relative
    }

    .search-wrapper .arformDivSerch {
        max-width: 0;
        overflow: hidden;
        transition: all 0.2s ease-in-out;
        padding: 0 10px;
        position: absolute;
        left: 35px;
        top: -7px;
        padding: 0;
        width: 100%
    }

    .search-wrapper .active + .arformDivSerch {
        max-width: 585px;
        border: none;
        border-bottom: 2px solid #6b91d1
    }

    .search-wrapper input {
        background-color: #fff;
        height: 24px;
        padding: 0;
        width: calc(100% - 30px);
        border: none;
        margin-right: 10px;
        outline: none
    }

    .search-wrapper input::-webkit-input-placeholder {
        color: #6b91d1
    }

    .search-wrapper input::-moz-placeholder {
        color: #6b91d1
    }

    .search-wrapper input:-ms-input-placeholder {
        color: #6b91d1
    }

    .search-wrapper input::-ms-input-placeholder {
        color: #6b91d1
    }

    .search-wrapper .s-keywords {
        margin-left: 10px;
        display: inline-block
    }

    .search-wrapper .keywords {
        font-family: 'poppinsregular';
        text-transform: none
    }

    .search-wrapper .search-btn {
        color: #6b91d1;
        width: 20px
    }

    .yft-related-articles {
        margin: 40px 0 0;
        position: relative;
        background: url(https://www.yesmagazine.org/wp-content/themes/generatepress_child/svg/yft-related-articles-bg.svg) 50% 100% no-repeat;
        background-size: cover;
        padding: 50px 0 120px;
    }

    .yft-related-articles .wrap {
        max-width: 850px;
    }

    .yft-related-articles article {
        width: calc(100% - 40px);
    }

    .yft-related-articles article + article {
        margin-left: 20px;
    }

    .yft-related-articles .mari-bold {
        margin-top: 10px;
        font-size: 14px;
    }

    .yft-related-articles h3 {
        font-size: 18px;
    }

    .yft-related-articles .h2 {
        font-size: 30px;
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .yesft-footer-widgets {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .single-yes-for-teacher .inside-article,
    .page-template-page-student-writing-contest .inside-article {
        padding: 0
    }

    .single-yes-for-teacher .featured-img,
    .single-yes-for-teacher .social-icons-wrapper,
    .page-template-page-student-writing-contest .featured-img,
    .page-template-page-student-writing-contest .social-icons-wrapper {
        margin-left: -40px;
        margin-right: -40px;
        width: calc(100% + 80px)
    }

    .single-yes-for-teacher .social-icons-wrapper,
    .page-template-page-student-writing-contest .social-icons-wrapper {
        padding: 15px 40px
    }
}

@media only screen and (max-width: 992px) {
    body {
        padding-top: 62px
    }

    .ftUinconar.yesft {
        padding-top: 11px;
        position: fixed;
        border-top: none
    }

    .ftUinconar.yesft::before {
        content: '';
        width: 100%;
        height: 5px;
        position: absolute;
        left: 0;
        top: 11px;
        background: linear-gradient(to right, #6b91d1 0%, #e22618 100%)
    }

    .ftUinconar .mobMenuSrc {
        padding-bottom: 25px;
    }

    .ftUinconar.yesft.shadow {
        box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.12)
    }

    nav#site-navigation {
        display: none
    }

    .centeredLogo.yesft a {
        display: inline-block;
        width: 107px;
        margin-top: 0
    }

    .centeredLogo.yesft img {
        display: block;
        width: 48px;
        float: left
    }

    .centeredLogo.yesft span.logoText {
        width: 42px;
        margin-left: 10px;
        vertical-align: middle;
        display: inline-block;
        margin-top: 20px
    }

    .centeredLogo.yesft .fill {
        fill: #e22618
    }

    #menu-top-menu-yes-for-teachers-mobile-top ul.sub-menu {
        background-color: transparent
    }

    #menu-top-menu-yes-for-teachers-mobile-top ul.sub-menu li {
        margin-top: 8px
    }

    #menu-top-menu-yes-for-teachers-mobile-top ul.sub-menu i {
        width: 25px;
        line-height: 25px;
        border-radius: 50%;
        text-align: center;
        margin-right: 10px;
        color: #fff
    }

    #menu-top-menu-yes-for-teachers-mobile-top span:after {
        display: none
    }

    #menu-top-menu-yes-for-teachers-mobile-top a {
        font-family: var(--font-oswald-semi-bold-family);
        padding-left: 10px
    }

    #menu-top-menu-yes-for-teachers-mobile-top a:hover {
        background-color: #e3e9f3
    }

    #menu-top-menu-yes-for-teachers-mobile-top .menu-image-title {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    #menu-top-menu-yes-for-teachers-mobile-top > li > a > span {
        padding-left: 0
    }

    #menu-top-menu-yes-for-teachers-mobile-bottom > li {
        margin: 5px 0
    }

    #menu-top-menu-yes-for-teachers-mobile-bottom > li > a span {
        padding: 0
    }

    #menu-top-menu-yes-for-teachers-mobile-bottom > li.home-dd {
        margin-top: 10px
    }

    .hamBurgerMenus .for-teachers-ttl > a {
        margin: 23px 0 12px
    }

    .hamBurgerMenus .for-teachers-ttl > a span {
        color: #6b91d1;
    }

    .hamBurgerMenus .for-teachers-ttl ul.sub-menu {
        background-color: #fff;
        font-size: 15px;
    }

    .ftUinconar .hamBurgerMenus .menu-image {
        width: 100px !important;
        float: left;
    }

    .hamBurgerMenus .current-issue-title {
        font: var(--font-canela-medium-weight) 20px/1.2 var(--font-canela-medium-family);
        text-transform: none;
        margin: 10px 0 0;
        color: #0c3a4e;
    }

    .hamBurgerMenus .current-issue-date {
        color: #0c3a4e;
    }

    .hamBurgerMenus .for-teachers-ttl ul.sub-menu li a span:after {
        display: none;
    }

    .hamBurgerMenus .all-issues, .hamBurgerMenus .join {
        float: right;
        clear: right;
        white-space: nowrap;
    }

    .hamBurgerMenus ul li.all-issues {
        margin-top: -40px;
    }

    .hamBurgerMenus ul li.join {
        margin-top: -20px;
    }

    .hamBurgerMenus .home-dd {
        padding: 24px 0;
        border-bottom: 1px solid #b8c7d0;
        border-top: 1px solid #b8c7d0
    }

    .hamBurgerMenus .home-dd i {
        color: #6b91d1;
        margin: 2px 5px 0 0
    }

    .hamBurgerMenus .home-dd ul.sub-menu {
        margin: 0 -15px;
        background-color: #e3e9f3;
        padding-left: 15px;
        max-height: 0;
        overflow: hidden;
        transition: all 0.3s ease-in-out
    }

    .hamBurgerMenus .home-dd ul.sub-menu li {
        margin: 0;
        padding-top: 20px
    }

    .hamBurgerMenus .home-dd ul.sub-menu li:last-child {
        padding-bottom: 20px
    }

    .hamBurgerMenus .home-dd ul.sub-menu a {
        color: #5076b4
    }

    .hamBurgerMenus .home-dd ul.sub-menu span::after {
        display: none
    }

    .hamBurgerMenus .home-dd.active i {
        transform: rotate(180deg)
    }

    .hamBurgerMenus .home-dd.active ul.sub-menu {
        max-height: 1000px;
        margin-top: 24px
    }

    .hamBurgerMenus .current-issue-date, .ftUinconar ul li.all-issues a, .ftUinconar ul li.join a {
        font-family: var(--font-oswald-light-family);
    }

    .mobileSocialIcons.yesft {
        text-align: center;
        clear: both;
        padding-top: 25px;
        border-top: 1px solid #b8c7d0;
    }

    #text-2::after {
        width: 100%;
        left: 0
    }

    .writing-cta-yesft {
        background-image: none !important
    }

    .page-template-page-student-writing-contest #text-2,
    .single-yes-for-teacher #text-2 {
        display: none
    }

    .sidebar-posts {
        margin-top: 50px
    }

    .post-yft h3 {
        font-size: 20px;
    }
}

@media only screen and (min-width: 993px) {
    body,
    p,
    ul,
    ol {
        font-family: poppinsregular;
        font-size: 16px
    }

    .flex-993 {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    body:not(.page-id-400) #sticky-navigation {
        display: block
    }

    #menu-top-menu-yes-for-teachers a {
        font-size: 13px
    }

    #menu-top-menu-yes-for-teachers ul a {
        font-family: var(--font-oswald-semi-bold-family);
        padding-left: 10px
    }

    #menu-top-menu-yes-for-teachers ul a:hover {
        background-color: #e3e9f3
    }

    #menu-top-menu-yes-for-teachers > li:first-child ul i {
        width: 25px;
        line-height: 25px;
        border-radius: 50%;
        text-align: center;
        margin-right: 10px;
        color: #fff
    }

    nav#site-navigation {
        position: relative
    }

    nav#site-navigation::before,
    nav#sticky-navigation::before {
        content: '';
        width: 100%;
        height: 10px;
        position: absolute;
        left: 0;
        top: -10px;
        background: linear-gradient(to right, #6b91d1 0%, #e22618 100%);
        visibility: visible
    }

    #menu-top-menu-yes-for-teachers > li:first-child:hover {
        cursor: pointer
    }

    #menu-top-menu-yes-for-teachers > li:first-child ul {
        text-align: left;
        width: 310px;
        left: 0
    }

    #menu-top-menu-yes-for-teachers > li:first-child ul i {
        width: 30px;
        line-height: 30px
    }

    #menu-top-menu-yes-for-teachers > li:first-child .dropdown-menu-toggle::before {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f0d7"
    }

    #menu-top-menu-yes-for-teachers > li > a {
        line-height: 84px !important
    }

    #menu-top-menu-yes-for-teachers > li ul {
        padding: 10px
    }

    #menu-top-menu-yes-for-teachers li.magazine:hover {
        cursor: pointer
    }

    #menu-top-menu-yes-for-teachers li.magazine:hover > ul {
        width: 205px;
        height: auto
    }

    #menu-top-menu-yes-for-teachers .join-btn {
        float: right;
        padding-top: 20px
    }

    #menu-top-menu-yes-for-teachers .join-btn a {
        display: block;
        width: 120px;
        line-height: 46px !important;
        text-align: center;
        background-color: #e22618;
        color: #fff
    }

    .site-logo a {
        padding-bottom: 40px;
        background: url(https://www.yesmagazine.org/wp-content/themes/generatepress_child/svg/logo-text.svg) 0 100% no-repeat
    }

    .site-logo img {
        display: block
    }

    #text-2 .textwidget {
        padding-left: 165px
    }

    #text-2::after {
        right: 0;
        width: calc(100% - 155px);
        border-radius: 20px 0 0 20px
    }

    #nav_menu-10 {
        padding-left: 80px;
        text-align: left
    }

    #custom_html-5 {
        margin-left: auto;
        text-align: right
    }

    #custom_html-2 {
        padding-left: 15px
    }

    .footer-widgets {
        padding: 40px !important
    }

    .mobileSocialIcons.yesft a {
        text-align: center;
        width: 30px;
        line-height: 30px;
        margin: 0 0 0 10px
    }

    .main-navigation #primary-menu {
        margin-left: 150px
    }

    .navigation-search input#search-button.nav-search-submit {
        right: 0
    }

    .writing-cta-yesft .wrap {
        background-position: 130% 50%;
        background-repeat: no-repeat;
        -webkit-background-size: auto 100%;
        background-size: auto 100%
    }

    .writing-cta-yesft .content-wrapper {
        width: 530px;
        text-align: right;
        padding-right: 0
    }

    .writing-cta-yesft p {
        margin-bottom: 0
    }

    .writing-cta-yesft .btn-wrapper {
        width: 115px;
        padding-left: 20px
    }

    .writing-cta-yesft .btn.red {
        min-width: 95px
    }

    .main-featured .tax i,
    .post-yft .tax i {
        width: 30px;
        line-height: 30px
    }

    .donate-cta {
        padding-bottom: 30px;
        margin-top: 60px
    }

    .donate-cta h2 {
        margin-top: 25px
    }

    .donate-cta p {
        margin: 20px 0;
        font-size: 22px
    }

    .donate-cta .logo {
        width: 72px
    }

    .donate-cta .logo img:last-child {
        display: block;
        margin-top: 3px;
    }

    .jff-cta h2 {
        font-size: 40px
    }

    .jff-cta p {
        font-size: 18px
    }

    .jff-cta .logo {
        top: -25px
    }

    .page-template-page-student-writing-contest .site-main,
    .single-yes-for-teacher .site-main {
        margin-left: 0
    }

    .page-template-page-student-writing-contest .inside-article,
    .single-yes-for-teacher .inside-article {
        position: relative;
        padding: 0
    }

    .page-template-page-student-writing-contest #main,
    .single-yes-for-teacher #main {
        max-width: 770px;
        margin-right: 0
    }

    .page-template-page-student-writing-contest .social-icons-wrapper,
    .single-yes-for-teacher .social-icons-wrapper {
        margin-bottom: 20px;
        top: 94px
    }

    .page-template-page-student-writing-contest .entry-content,
    .single-yes-for-teacher .entry-content {
        margin-top: 0
    }

    .page-template-page-student-writing-contest .entry-content > h2:first-child,
    .single-yes-for-teacher .entry-content > h2:first-child {
        font-size: 40px;
        line-height: 1.2
    }

    .page-template-page-student-writing-contest .entry-content > h2:first-child + p,
    .single-yes-for-teacher .entry-content > h2:first-child + p {
        font-size: 21px
    }

    .page-template-page-student-writing-contest .entry-content h3,
    .single-yes-for-teacher .entry-content h3 {
        font-size: 24px
    }

    .page-template-page-student-writing-contest .article-title,
    .single-yes-for-teacher .article-title {
        font-size: 40px;
        line-height: 1.2
    }

    .page-template-page-student-writing-contest .article-title + p,
    .single-yes-for-teacher .article-title + p {
        font-size: 21px;
        margin-bottom: 20px
    }

    .page-template-page-student-writing-contest .announcements p,
    .single-yes-for-teacher .announcements p {
        font-size: 21px;
        line-height: 1.43
    }

    .page-template-page-student-writing-contest .body-copy h3,
    .single-yes-for-teacher .body-copy h3 {
        margin: 40px 0 25px
    }

    .page-template-page-student-writing-contest .body-copy h4,
    .single-yes-for-teacher .body-copy h4 {
        text-transform: uppercase;
        margin: 45px 0 30px
    }

    .page-template-page-student-writing-contest .body-copy p,
    .single-yes-for-teacher .body-copy p {
        line-height: 1.875
    }

    .page-template-page-student-writing-contest #primary,
    .single-yes-for-teacher #primary {
        float: right;
        width: calc(100% - 257px)
    }

    .page-template-page-student-writing-contest #left-sidebar,
    .page-template-page-student-writing-contest .tax-listing,
    .single-yes-for-teacher #left-sidebar,
    .single-yes-for-teacher .tax-listing {
        float: left;
        width: 257px
    }

    .page-template-page-student-writing-contest .tax-listing,
    .single-yes-for-teacher .tax-listing {
        margin: 10px 0 50px
    }

    .single-yes-for-teacher .main-navigation #menu-item-10042 ul li[class*="current-menu-"] > a span {
        border-bottom: none
    }

    .single-yes-for-teacher .entry-content > ul li li::before {
        width: 11px
    }

    .single-yes-for-teacher .entry-content > ul > li::before {
        width: 8px;
        height: 8px;
        top: 4px
    }

    .sidebar-posts .crp-list-item,
    .sidebar-posts .post {
        margin-right: 0
    }

    .main-navigation .site-logo.navigation-logo {
        transition: max-width 0.2s ease-in-out;
    }

    nav.is_stuck .site-logo.navigation-logo {
        max-width: 67px;
    }

    nav.is_stuck .site-logo a {
        padding-bottom: 27px;
        background-size: 100% auto;
    }

    .navigation-search.nav-search-active {
        left: 156px;
        width: calc(100% - 515px);
    }

    .navigation-search input {
        margin-top: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .featured-posts .featured {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .featured-posts .featured .content-wrapper {
        width: calc((100% - 40px) / 3)
    }

    .subscriptions-cta {
        overflow: hidden
    }

    .subscriptions-cta .img-wrapper {
        width: 47%;
        float: left
    }

    .subscriptions-cta .content {
        padding-left: 20px;
        overflow: hidden
    }
}

@media only screen and (min-width: 1025px) {
    .flex-1025 {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .writing-cta-yesft .wrap {
        background-position: 110% 50%
    }

    .featured-posts {
        position: relative;
        margin-top: 30px;
    }

    .featured-posts > p {
        position: absolute;
        right: 40px;
        top: 0;
        font-size: 16px;
        width: 210px;
        line-height: 1
    }

    .featured-posts .featured {
        width: 230px;
        padding: 40px 0 0 20px
    }

    .featured-posts .featured h3 {
        font-size: 18px;
        margin: 5px 0
    }

    .featured-posts .featured p {
        font-size: 14px
    }

    .featured-posts .featured .content p {
        margin-bottom: 20px
    }

    .featured-posts .main-featured {
        width: calc(100% - 230px)
    }

    .separate-containers .posts-wrapper {
        margin-bottom: 50px
    }

    .posts-wrapper .flex-768 {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .subscriptions-cta {
        -webkit-flex: 1 0 300px;
        -ms-flex: 1 0 300px;
        flex: 1 0 300px;
        margin-left: 20px
    }

    .subscriptions-cta h3 {
        font-size: 30px
    }

    .subscriptions-cta .img-wrapper {
        margin-bottom: 20px
    }
}


@media only screen and (min-width: 1136px) {
    .navigation-search.nav-search-active {
        width: calc(100% - 600px);
    }

    .page-template-page-student-writing-contest .inside-article, .single-yes-for-teacher .inside-article {
        position: static;
    }

    .page-template-page-student-writing-contest #main, .single-yes-for-teacher #main {
        position: relative;
    }

    .page-template-page-student-writing-contest .social-icons-wrapper,
    .single-yes-for-teacher .social-icons-wrapper {
        position: absolute;
        left: 790px;
        padding: 0;
        top: 20px;
        width: 30px;
        height: 100%;
    }

    /*.page-template-page-student-writing-contest .addtoany_shortcode,.single-yes-for-teacher .addtoany_shortcode	{position: sticky;top: 0;left: 0;}*/
    .page-template-page-student-writing-contest .social-icons-wrapper a,
    .single-yes-for-teacher .social-icons-wrapper a {
        padding: 0;
        margin: 0 0 20px
    }

    .page-template-page-student-writing-contest .social-icons-wrapper, .single-yes-for-teacher .social-icons-wrapper {
        background-color: transparent;
    }

    .single-yes-for-teacher .social-icons-wrapper.has-pdf {
        /*top: 170px;*/
        width: 60px;
        left: 770px;
    }

    .single-yes-for-teacher .social-icons-wrapper.has-pdf a:not(.download) {
        margin-left: 15px
    }

    .single-yes-for-teacher .social-icons-wrapper.has-pdf .download span {
        margin: 5px 0 20px 15px
    }

    .page-template-page-yesft-resources-landing .post-yft:not(.latest) {
        width: calc((100% - 120px) / 4);
        margin-bottom: 70px
    }

    .page-template-page-yesft-resources-landing .post-yft:not(.latest):nth-child(4n+1) {
        margin-left: 0
    }

    .page-template-page-yesft-resources-landing .post-yft:not(.latest):not(:nth-child(4n+1)) {
        margin-left: 40px
    }
}

@media only screen and (min-width: 993px) and (max-width: 1300px) {
    .main-navigation #primary-menu {
        margin-top: 0
    }
}

@media only screen and (max-width: 1300px) {
    .page-template-page-student-writing-contest .social-icons-wrapper a:not(.addtoany_share_save):not(.download),
    .single-yes-for-teacher .social-icons-wrapper a:not(.addtoany_share_save):not(.download) {
        margin-right: 10px
    }

}

@media only screen and (min-width: 1301px) {

    .navigation-search.nav-search-active {
        width: calc(100% - 620px);
    }

    .page-template-page-student-writing-contest .social-icons-wrapper,
    .single-yes-for-teacher .social-icons-wrapper {
        left: 810px;
    }

    .single-yes-for-teacher .social-icons-wrapper.has-pdf {
        left: 790px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1365px) {
    .resources-yesft-hp {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto
    }

    .resources-yesft-hp .resource {
        margin-bottom: 20px
    }

    .resources-yesft-hp .resource:nth-child(2),
    .resources-yesft-hp .resource:nth-child(5) {
        margin-left: 20px;
        margin-right: 20px
    }

}

@media only screen and (min-width: 993px) and (max-width: 1365px) {
    /*.yft-related-articles .wrap{padding:0 0 0 227px;}*/
}

@media only screen and (min-width: 1366px) {
    #menu-top-menu-yes-for-teachers .join-btn a {
        width: 170px
    }

    h2 {
        font-size: 40px
    }

    #text-2 {
        overflow: hidden;
    }

    #text-2 .textwidget {
        /*padding-left: calc((50% - 683px) + 185px)*/
        padding-left: calc((50% - 683px));
        transform: translateX(185px);
    }

    #text-2::after {
        /*width: calc(50% + 518px)*/
        width: calc(100% - ((100% - 1306px) / 2) - 140px);
        right: auto;
        left: calc((100% - 1026px) / 2);
    }

    .resources-yesft-hp h3 {
        text-align: left;
        margin-bottom: 10px
    }

    .resources-yesft-hp .resource {
        margin-bottom: 20px
    }

    .resources-yesft-hp .resource:not(:first-child) {
        margin-left: calc((100% - 1188px) / 5);
    }

    .writing-cta-yesft .wrap {
        background-position: 100% 50%
    }

    .writing-cta-yesft::before {
        height: 86px
    }

    .writing-cta-yesft h2 {
        font-size: 40px
    }

    .featured-posts .featured {
        width: 250px;
        padding: 40px 0 0 40px
    }

    .featured-posts .main-featured {
        width: calc(100% - 250px)
    }

    .featured-posts .main-featured .img-wrapper {
        width: 673px
    }

    .featured-posts .main-featured .content-wrapper {
        width: 363px;
        padding-right: 40px
    }

    .post-yft:not(.latest) {
        width: calc((100% - 80px) / 3);
        margin-bottom: 60px
    }

    .post-yft:not(.latest):not(:nth-child(3n+1)) {
        margin-left: 40px
    }

    .post-yft:not(.latest)::after {
        left: -15px;
        top: -15px;
        width: calc(100% + 30px);
        height: calc(100% + 30px)
    }

    .subscriptions-cta {
        -webkit-flex: 1 0 375px;
        -ms-flex: 1 0 375px;
        flex: 1 0 375px;
        margin-left: 40px
    }

    .subscriptions-cta .cta-title {
        -webkit-background-size: 71px auto;
        background-size: 71px auto
    }

    .page-template-page-student-writing-contest .social-icons-wrapper,
    .single-yes-for-teacher .social-icons-wrapper {
        left: calc(((100% - 1366px) / 2) + 1100px)
    }

    .navigation-search.nav-search-active {
        width: calc(100% - 680px);
        left: 166px;
    }

    .yft-related-articles {
        padding-bottom: 140px;
    }
}

@media only screen and (min-width: 1600px) {
    .yft-related-articles {
        min-height: 408px;
    }
}

@supports (mix-blend-mode: multiply) {
    .writing-cta-yesft::before {
        background: linear-gradient(to bottom, rgba(227, 233, 243, 0) 0%, #e3e9f3 100%);
        mix-blend-mode: multiply
    }

    .donate-cta::before {
        mix-blend-mode: multiply
    }

    .jff-cta::after {
        background: linear-gradient(to right, #6b91d1 0%, #e22618 100%);
        mix-blend-mode: multiply
    }
}

@supports (-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 84.67%, 33.88% 100%, 0% 84.43%)) or (clip-path: polygon(0% 0%, 100% 0%, 100% 84.67%, 33.88% 100%, 0% 84.43%)) {
    .featured-posts .img-wrapper,
    .clipped,
    .crp-list-item-image {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 84.67%, 33.88% 100%, 0% 84.43%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 84.67%, 33.88% 100%, 0% 84.43%)
    }
}

@media only screen and (max-width: 767px) {
    @supports (-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 84.67%, 33.88% 100%, 0% 84.43%)) or (clip-path: polygon(0% 0%, 100% 0%, 100% 84.67%, 33.88% 100%, 0% 84.43%)) {
        .yft-related-articles article > a:first-child {
            -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 84.67%, 33.88% 100%, 0% 84.43%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 84.67%, 33.88% 100%, 0% 84.43%)
        }
    }
}

@media only screen and (min-width: 768px) {
    @supports (-webkit-clip-path: polygon(0px 339px, 68px 358px, 198px 339px, 198px 0px, 0px 0px)) or (clip-path: polygon(0px 339px, 68px 358px, 198px 339px, 198px 0px, 0px 0px)) {
        .resources-yesft-hp .resource {
            -webkit-clip-path: polygon(0px 339px, 68px 358px, 198px 339px, 198px 0px, 0px 0px);
            clip-path: polygon(0px 339px, 68px 358px, 198px 339px, 198px 0px, 0px 0px)
        }
    }

}

.page-template-page-yesft-resources-landing #primary {
    position: relative;
}

.overlayBG2 {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

@media only screen and (max-width: 600px) {
    .mobile-filtering-wrapper button:not(.see-results):not(.search-btn) {
        color: #343333;
        font-size: 16px;
    }

    .see-results, .show-more {
        height: 34px;
        line-height: 34px;
    }
}

.popularBtn {
    color: #343333;
}