Youth Policy Program

A Glimpse into #YPP2020 Module 1

Reflecting Back on 2019

Meet: Kris Statnyk

Reflecting on #YPP2019

#YPP2019 Profile: Marcus Reid

Meet: Nathalie Lozano-Neira

/* ----------------------------------------- */ /* View slug: ypp-stories-view - start */ /* ----------------------------------------- */ #news-grid #modal-ready { display: block; } #news-grid div{ display: grid; grid-template-columns: 1fr 1fr ; grid-column-gap: 20px; grid-row-gap: 20px; } .page-header {padding:0;} .page-header + .container { display: ; } #news-grid article a { display: block; text-decoration: none; padding-top: 250px; background-size: cover; background-repeat: no-repeat; background-position: center center; } #news-grid article a:hover { display:block; text-decoration:none; } #news-grid article { height: 390px; width: 100%; } #news-grid .read_more { display: block; content: "Read More"; color: #fff !important; width: 150px; height: 40px; background: #00437a; z-index: 999; text-align: center; line-height: 40px; font-size: 15px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a.elementor-post__thumbnail__link:hover::before { background:#2674bc !important; } #news-grid a.elementor-post__thumbnail__link .elementor-portfolio-item__img elementor-post__thumbnail { height: auto; width: 120%; } #news-grid .elementor-post__thumbnail__link { padding-bottom: calc( 0.6 * 100% ) !important; } #news-grid .item_overlay { opacity:1 !important; background-color: #00b3dc; height: 140px; padding: 5px; display: flex; flex-direction: row; align-items: center; transition: all .5s; } /* convert this to color coding by category */ #news-grid article.youth-organizing .item_overlay { background:#ea5229; } #news-grid article.stories .item_overlay { background:#00b3dc; } #news-grid article.youth-policy-program .item_overlay { background:#00b3dc; } #news-grid article.youth-granting .item_overlay { background:#62bb47; } #news-grid h3 { font-size: 21px !important; font-weight: 300 !important; color: #fff !important; text-transform: initial !important; text-align: left; width: 50%; padding-left: 10px; line-height: 23px; } .single-page-article #modal-ready { grid-column: auto !important; } #news-grid h3, #news-grid a::after { flex: inherit; align-items: center; width: 50%; margin: 0 10px; } .oceanwp-pagination { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .page-numbers a, .page-numbers span:not(.elementor-screen-only), .page-links span { border-radius:0px; text-decoration:none; } ul.wpv-pagination-nav-links-container { grid-column: 2 / span 10; padding-right: 11px; } ul.wpv-pagination-nav-links-container { text-align: right; clear: both; } li.wpv-pagination-nav-links-item { display: inline-block; width: 30px; height: 30px; background: #ebebeb; text-align: center; margin: 10px 10px 0 0; line-height: 30px; color:#fff; } li.wpv-pagination-nav-links-item:hover { background: #00437a; } li.wpv-pagination-nav-links-item.wpv_page_current:hover { background: #00b3dc; } li.wpv_page_current { background: #00b3dc; } li.wpv-pagination-nav-links-item a { color:#00437a; display: inline-block; width: 30px; height: 30px; } li.wpv-pagination-nav-links-item a:hover {color:#fff;} @media (max-width: 1200px){ #news-grid h3 { font-size: 2vw !important; line-height: 2vw; } } @media (max-width: 950px){ #news-grid #modal-ready{ width:100%} ul.wpv-pagination-nav-links-container { margin-right: -10px; padding-right:0; } } @media (max-width: 780px) { #news-grid .item_overlay { display: block; } #news-grid div{ display: grid; grid-template-columns: 1fr ; grid-column-gap: 20px; grid-row-gap: 20px; } #news-grid h3 { width: 100%; text-align: center; margin: 0; margin-bottom: 15px; padding-top: 15px; font-size: 20px !important; line-height: 20px; } #news-grid .read_more { width: 100% } } /* ----------------------------------------- */ /* View slug: ypp-stories-view - end */ /* ----------------------------------------- */