Youth Policy Program

/* ----------------------------------------- */ /* Content Template: loop-item-in-ypp-stories-view - start */ /* ----------------------------------------- */ .page-header {padding:0;} .page-header + .container { display: ; } #blog-entries { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } #news-grid { grid-column: 2 / span 10; } #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 #modal-ready{ display:block; } #news-grid #modal-ready { display: block; width: calc(50% - 20px); margin: 0 20px 20px 0; float: left; } #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: #61ce70; height: 140px; padding: 5px; display: flex; flex-direction: row; align-items: center; transition: all .5s; } /* convert this to color coding by category */ #news-grid #modal-ready:nth-child(1) .item_overlay { background:#ea5229; } #news-grid #modal-ready:nth-child(2) .item_overlay { background:#00b3dc; } #news-grid #modal-ready:nth-child(3) .item_overlay { background:#00b3dc; } #news-grid #modal-ready:nth-child(4) .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; } #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; } } /* ----------------------------------------- */ /* Content Template: loop-item-in-ypp-stories-view - end */ /* ----------------------------------------- */

Youth Policy Program

#YPP2019 Profile: Aida Mwanzia

LEVEL Youth Policy Program: Laying the Foundation

Youth Policy Program: FAQ

Attend an Info Session on the Youth Policy Program