Loading
Young People Today
  • Home
  • About
    • Issues Young People Face
    • Our Partners
  • ESA Commitment
    • 2016 Re-Affirmation
    • 2020 RoadMap
    • Accountability Framework
  • Progress
  • Take Action
    • Recommendations
      • Government
      • Young People
      • Development Partners and Other Stakeholders
      • Communities
  • News
    • Articles
    • Gallery
    • Videos
    • Events (Coming Soon)
  • Resources
    • AMAZE Project
  • Contact
  • Search
  • Menu
  • Twitter
  • Facebook
  • Youtube
Brochure, Guidelines, Publication CSE 2017

International Technical Guidance on Sexuality Education

Resources / Brochure, Guidelines, Publication

International Technical Guidance on Sexuality Education



Year: 2017
June 14, 2018 CSE

The revised Guidance provides a comprehensive set of key concepts, topics and illustrative learning objectives
to guide the development of locally-adapted curricula.

Download EN

Related Publications

A report Informing approaches to the prevention of school-related gender based violence in East and Southern Africa…
Publication, Report
Download
Needs assessment for sexuality education curriculum implementation…
Publication, Report
Download
Apresentação do Programa ‘Nossos Direitos, Nossas Vidas e Nosso Futuro (O³)’…
Brochure
Download
Présentation du programme Nos droits, Nos Vies, Notre Avenir (O3)…
Brochure
Download
Comprehensive Sexuality Education…
Brochure
Download
Introducing the Our Rights, Our Lives, Our Future (O3) Programme…
Brochure
Download
June 14, 2018/by YPToday
Share this entry
  • Share on Facebook
  • Share on Twitter
  • Share on Google+
  • Share on Linkedin
  • Share by Mail
https://www.youngpeopletoday.org/wp-content/uploads/2017/12/logoYPT_340_156.png 0 0 YPToday https://www.youngpeopletoday.org/wp-content/uploads/2017/12/logoYPT_340_156.png YPToday2018-06-14 20:46:562018-08-03 11:43:19International Technical Guidance on Sexuality Education

Young People Today Initiative

Young People Today is a platform that supports implementation of the ESA Ministerial Commitment on access to Comprehensive Sexuality Education and Youth-Friendly Health Services.

ESA Commitment

Led by Ministries of Health and Education from the ESA region and supported by the United Nations, the Southern African Development Community (SADC) and the East African Community (EAC) joined efforts to improve the lives of young people with sexuality education and health services in the region.

Learn More

Latest News and Updates

  • APPLY NOW: Call for proposals for Evaluation of the Ministerial Commitment on comprehensive sexuality education and sexual and reproductive health services for adolescents and young people in Eastern and Southern African (ESA)May 21, 2020 - 1:54 pm
  • 16 Days of Activism: Together we can end gender-based violence in schools Introducing the ‘Whole School Approach’November 27, 2019 - 9:47 am
  • “Let’s Talk!” Campaign Launch in Harare: Eliminating Early and Unintended PregnancyOctober 28, 2019 - 9:11 am

© Copyright - Young People Today Initiative 2019 | UNESCO
  • Twitter
  • Facebook
  • Youtube
  • About
  • News
  • Take Action
  • Contact
Scroll to top
/* ----------------------------------------- */ /* View slug: related - start */ /* ----------------------------------------- */ .grid-block-title { height: 50px !important; overflow: hidden; font-size: 1em !important; } /* ----------------------------------------- */ /* View slug: related - end */ /* ----------------------------------------- */
/* ----------------------------------------- */ /* Content Template: Template for publications - start */ /* ----------------------------------------- */ /* Colours */ .col-orange, .col-orange a { color: #f47121 !important; } #top .fullsize .template-blog .post .entry-content-wrapper { text-align: left !important; } .background-white { background-color: #fff; padding: 20px 30px; } .background-beige { background-color: #dbd9d9; margin-top: 40px; margin-bottom: 0px; } /* Text */ body, html { overflow-x: hidden; } body { border-top: 0 solid #666; } body, p { font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 300 !important; line-height: 1.4; } p { padding-top: 10px; } @media (min-width: 768px) { body, p { font-size: 15px; line-height: 1.4; } } @media (min-width: 992px) { body, p { font-size: 17px; line-height: 1.5; } } @media (min-width: 1200px) { body, p { font-size: 17px; line-height: 1.5; } } a, p a { text-decoration: none !important; transition: all 0.3s ease 0s; } #wpadminbar a { color: #dbd9d9 !important; text-decoration: none !important; transition: all 0.3s ease 0s; } p a:hover { text-decoration: underline !important; } #wpadminbar a { color: #dbd9d9 !important; text-decoration: none !important; transition: all 0.3s ease 0s; } .uppercase { text-transform: uppercase !important; } hr { margin-top: 10px !important; margin-bottom: 10px !important; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 700; color: #000; line-height: 1.1; } .align-centre { text-align: center !important; } .align-left { text-align: left !important; } .align-right { text-align: right !important; } h1 { font-size: 1.8em; margin-top: 0 !important; } @media (min-width: 768px) { h1 { font-size: 2.2em; } } @media (min-width: 992px) { h1 { font-size: 2.4em; } } h1.page-h1 { padding-bottom: 20px; } .h1-title { text-align: center; } .h1-subtitle { text-align: center; font-size: 28px; padding-bottom: 40px; } h1.archive-page { text-align: center; padding-bottom: 20px; } h1.h1-person { font-size: 34px; padding-top: 20px; } h2 { font-size: 1.6em; padding-top: 2rem; padding-bottom: 1rem; } h3 { font-size: 1.3em; padding-top: 1rem; } h3-top0 { padding-top: 0 !important; margin-top: 0 !important; } h3-top30 { padding-top: 30px !important; } h4 { font-size: 1.6em; } .home-section { padding: 60px 0 30px !important; } .title-sidebar { font-size: 1em; font-weight: 700; color: #b2b2b2; } .text-sidebar { font-size: 0.9em; font-weight: 400; color: #666; } .title-xlarge, .title-large, .title-medium, .title-small, .title-xsmall, .title-xlarge p, .title-large p, .title-medium p, .title-small p, .title-xsmall p, .title-xlarge a, .title-large a, .title-medium a, .title-small a, .title-xsmall a { font-weight: 700; color: #000; line-height: 1.1; margin-bottom: 0; border: none !important; } .title-xlarge, .title-xlarge p { font-size: 1.6em; padding-bottom: 12px; } .title-large, .title-large p { font-size: 1.3em; padding-bottom: 10px; } .title-medium, .title-medium p { font-size: 1.1em; padding-bottom: 10px; } .title-small, .title-small p { font-size: 1em; padding-bottom: 8px; } .title-xsmall, .title-xsmall p { font-size: 0.9em; padding-bottom: 8px; } .title-xxsmall, .title-xxsmall p { font-size: 0.9em; } .title-box { background-color: #f47121; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; padding: 2px 10px; text-transform: uppercase; } .text-xlarge, .text-large, .text-medium, .text-small, .text-xsmall, .text-xlarge p, .text-large p, .text-medium p, .text-small p, .text-xsmall p { font-weight: 400; color: #666 !important; line-height: 1.1; padding-bottom: 10px; } .text-xlarge, .text-xlarge p { font-size: 1.4em; } .text-large, .text-large p { font-size: 1.2em; } .text-medium, .text-medium p { font-size: 1em; } .text-small, .text-small p { font-size: 0.9em; } .text-xsmall, .text-xsmall p { font-size: 0.8em; } .date-xlarge, .date-large, .date-medium, .date-small, .date-xsmall, .date-xlarge p, .date-large p, .date-medium p, .date-small p, .date-xsmall p { font-weight: 300; line-height: 1.1; color: #b2b2b2; text-transform: uppercase; padding-bottom: 6px; } .date-xlarge span, .date-large span, .date-medium span, .date-small span, .date-xsmall span { font-weight: 700; } .date-xlarge { font-size: 1.3em; } .date-large { font-size: 1.1em; } .date-medium { font-size: 0.9em; } .date-small { font-size: 0.8em; } .date-xsmall { font-size: 0.7em; } .main-details-heading { color: #b2b2b2; font-weight: 300; font-size: 12px; padding-bottom: 20px; line-height: 1.3; } .main-details-text { color: #b2b2b2; font-weight: 400; font-size: 11px; padding-bottom: 15px; line-height: 1.4; } .main-details-newsflash { color: #b2b2b2; font-weight: 400; font-size: 12px; line-height: 1.3; } .main-details-date { color: #b2b2b2; font-weight: 400; font-size: 11px; padding-bottom: 15px; line-height: 1.3; } /* Text on Image Block */ .textblock { padding: 0 15px; } .textblock .col-sm-6 { padding: 2px; } .textblock .col-sm-3 { padding: 5px; } .text-image { position: relative; } .text-type { position: absolute; z-index: 2; top: 0; margin-top: 0; color: #fff; } .text-type span { background-color: #333; color: #fff; display: inline; padding: 0.4rem 1rem; font-size: 1.2rem; text-transform: uppercase; } .text-title { position: absolute; bottom: 1.71429rem; left: 1.71429rem; right: 1.71429rem; color: #333; line-height: 1.4; } .text-title a { color: #333 !important; text-decoration: none !important; } .text-title span { background-color: #fff; color: #333; display: inline; padding: 0.3rem 1rem; font-size: 1.4rem; -webkit-box-decoration-break: clone; box-decoration-break: clone; } #main-details { background-color: #666; margin-top: 30px; padding: 20px 30px 10px; } #main-details .container { background-color: #666 !important; margin-bottom: 0 !important; } .pageparent { /* font-size: 1em;*/ color: #fff; font-weight: 500; padding-top: 0px; } .pageparent a { color: #fff; } header, #mainmenu { background-color: #fff; } header { padding: 30px 0 10px; } #menulogo { text-align: left; } #mainmenu .container { margin-bottom: 40px !important; padding: 0 !important; } /* .ubermenu-item-layout-default, .ubermenu-item-layout-default a { font-weight: 400 !important; } */ .orangebar { background-color: #f47121; color: #fff !important; padding: 3em 0; } .orangebar h1 { color: #fff; } .orangebar-title { color: #fff; font-weight: 700; line-height: 1.1; font-size: 1.8em; margin-top: 0 !important; } @media (min-width: 768px) { .orangebar-title { font-size: 2.2em; } } @media (min-width: 992px) { .orangebar-title { font-size: 2.4em; } } .more-bar { background-color: #f0efef; margin-top: 60px; padding: 60px 0; } .more-bar .grid-block { border: 1px solid #dbd9d9; } .main-content { padding-top: 40px; padding-bottom: 60px; } .more-title { font-weight: 700; color: #000; font-size: 1.6em; padding-bottom: 1em; text-transform: uppercase; } footer { background-color: #f0efef; margin-bottom: 0; padding: 40px 0; } .footer-heading { color: #dbd9d9; text-transform: uppercase; font-weight: 200; font-size: 13px; padding-bottom: 20px; line-height: 1.3; } .footer-text { font-weight: 400; font-size: 12px; padding-bottom: 12px; line-height: 1.4; } .footer-thinkteam { background-color: #000; color: #dbd9d9; font-size: 0.8em; text-transform: uppercase; padding: 5px; text-align: center; } .footer-thinkteam a { color: #f0efef; } .social-bar { background-color: #000; padding: 30px 0; text-align: center; } .social-bar a { color: #fff; } .social-icon { display: inline; padding: 0 16px; } /* Display as inline to put all contarols in one line */ .social-bar ul, .social-bar ul * { display: inline; padding: 0; } /* Display as inline to put all contarols in one line */ .social-bar li { border: none; margin: 0 4px; padding: 5px 10px; color: #fff; } .ddl-full-width-row > [class*="col-"]:first-child { padding-left: 0; } .ddl-full-width-row > [class*="col-"]:last-child { padding-right: 0; } .twocolumns { padding: 10px; width: 100%; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } ol li { line-height: inherit; list-style: decimal outside none; margin-left: 30px; padding-bottom: 8px; padding-left: 10px; } .page-tab { font-weight: 500; font-size: 14px; letter-spacing: normal; text-transform: uppercase; text-align: left; margin-top: 0; padding: 3px 0 30px; } .page-tab span { background-color: #dbd9d9; color: #fff !important; padding: 5px 18px; } .page-title { font-weight: 200; font-size: 20px; text-transform: uppercase; text-align: center; padding-top: 0; padding-bottom: 20px; } .home-head-first { font-weight: 300; text-transform: uppercase; font-size: 16px; padding-top: 20px; } .home-head { font-weight: 300; text-transform: uppercase; font-size: 16px; border-top: 1px dotted #dbd9d9; padding-top: 10px; } .home-tab { font-weight: 700; font-size: 15px; text-transform: uppercase; background-color: #dbd9d9; padding: 2px 0; margin-bottom: 20px; } .home-tab span { background-color: #b2b2b2; color: #fff !important; padding: 3px 20px; } .title-section { font-size: 1.6em; font-weight: 600; padding-top: 2.4em; padding-bottom: 1.2em; text-transform: uppercase; } .title-section a { color: #000; } .section-head { font-weight: 500; text-transform: uppercase; font-size: 16px; line-height: 1; padding-bottom: 20px; } .box-head, .box-head-sidebar { font-weight: 300; text-transform: uppercase; font-size: 16px; line-height: 1; padding-bottom: 20px; } .box-head-first { font-weight: 300; text-transform: uppercase; font-size: 16px; padding-top: 20px; } .box-head-sidebar { padding-bottom: 12px; } .box-title { font-weight: 500; font-size: 15px; line-height: 1; padding-top: 5px; } .box-author { font-weight: 600; font-size: 13px; line-height: 1; color: #b2b2b2; padding: 5px 0; } .box-date { font-weight: 300; font-size: 13px; line-height: 1; color: #b2b2b2; padding: 5px 0; } .box-date span, .box-date span a { background-color: #dbd9d9; color: #fff !important; padding: 1px 5px; } .box-text { font-weight: 300; font-size: 13px; color: #333; line-height: 1.1; padding-bottom: 8px; } .box-text-large { font-weight: 300; font-size: 14px; color: #666; line-height: 1.1; padding-bottom: 8px; } /* Pagination */ .pagination-container { text-align: center; padding: 20px 0 30px; font-size: 15px; font-weight: 500; margin-bottom: 40px; } /* Display as inline to put all contarols in one line */ .pagination-container ul, .pagination-container ul * { display: inline; padding: 0; } /* Display as inline to put all contarols in one line */ .pagination-container li { border: none; margin: 0 4px; padding: 5px 10px; background-color: #f0efef; color: #b2b2b2; } .pagination-container a { border-bottom: none; color: #b2b2b2; } /* Highlight wpv_page_current to make the current page stand out */ .pagination-container .wpv_page_current { background-color: #b2b2b2; color: #fff; } /* Key Facts */ .key-facts-box { background-color: #f0efef; padding: 10px 20px 10px; font-size: 0.8em; margin: 0px 20px 20px; text-align: center; } .key-facts-box h2 { text-transform: uppercase; } .key-facts-box .key-number { font-size: 3em; text-decoration: underline; font-weight: 700; color: #000; padding-top: 20px; } .key-facts-box .key-text { color: #000; font-weight: 400 !important; padding-top: 10px; } /* Share links */ .essb_links .essb_icon::before { left: 0px; } .essb_links { margin-top: 20px; margin-bottom: 40px; } /* Buttons */ .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-color: #ff821b; border-color: #ff821b; } .grid-container { position: relative; } .grid-tighten { padding-left: 15px; padding-right: 15px; } .grid-tighten [class^="col-"] { padding-left: 5px; padding-right: 5px; } .grid-zero { padding-left: 15px; padding-right: 15px; } .grid-zero [class^="col-"] { padding-left: 0px; padding-right: 0px; } .grid-block { margin: 0; border: 1px solid #dbd9d9; padding: 3em; color: #000; } .grid-block a { color: #000; text-decoration: none; } a:hover .grid-block { background-color: #f0efef; text-decoration: none !important; } .grid-block-top { min-height: 16em; } .grid-block-icon { text-align: center; padding-bottom: 1.6em; } .grid-block-photo { text-align: center; padding-bottom: 0.8em; } .grid-block-cover { text-align: center; padding-bottom: 0.8em; } .grid-block-cover img { border: 1px solid #dbd9d9; } .grid-block-title { font-size: 1.2em; font-weight: 700; line-height: 1.2; } .grid-block-title-resources { font-size: 1.4em; font-weight: 400; line-height: 1.2; } .grid-block-cat { color: #f47121; font-size: 0.7em; font-weight: 700; padding-top: 0.5em; text-transform: uppercase; } .grid-block-cat span { font-weight: 400; } .grid-block-text { font-size: 1em; line-height: 1.1; padding-top: 0.8em; margin-bottom:15px;} .grid-block-button { text-align: center; background-color: #f47121; color: #fff; width: 100%; padding: 0.8em; } a:hover .grid-block-button { text-decoration: none !important; } .nopad-right { padding-right: 0; } .pad0 { padding: 0 !important; } .pad0tb { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .pad10 { padding: 10px !important; } .pad20 { padding: 20px !important; } .pad30 { padding: 30px !important; } .pad40 { padding: 40px !important; } .pad60 { padding: 60px !important; } .pad20-40 { padding: 20px 40px !important; } .top-minus40 { margin-top: -40px; } .top0 { margin-top: 0 !important; } .top0pad { padding-top: 0px !important; } .top5 { margin-top: 5px !important; } .top5pad { padding-top: 5px !important; } .top10 { margin-top: 10px !important; } .top10pad { padding-top: 10px !important; } .top20 { margin-top: 20px !important; } .top20pad { padding-top: 20px !important; } .top30 { margin-top: 30px !important; } .top30pad { padding-top: 30px !important; } .top40 { margin-top: 40px !important; } .top40pad { padding-top: 40px !important; } .top60 { margin-top: 40px !important; } .top60pad { padding-top: 40px !important; } .bottom0 { margin-bottom: 0px !important; } .bottom2 { margin-bottom: 2px !important; } .bottom4 { margin-bottom: 4px !important; } .bottom5 { margin-bottom: 5px !important; } .bottom5pad { padding-bottom: 5px !important; } .bottom10 { margin-bottom: 10px !important; } .bottom10pad { padding-bottom: 10px !important; } .bottom20 { margin-bottom: 20px !important; } .bottom20pad { padding-bottom: 20px !important; } .bottom30 { margin-bottom: 30px !important; } .bottom30pad { padding-bottom: 30px !important; } .bottom40 { margin-bottom: 40px !important; } .bottom40pad { padding-bottom: 40px !important; } .bottom60 { margin-bottom: 60px !important; } .bottom60pad { padding-bottom: 60px !important; } .bottom80 { margin-bottom: 80px !important; } .bottom80pad { padding-bottom: 80px !important; } .left-0 { padding-left: 0px !important; } .left-right-0 { padding-left: 0px !important; padding-right: 0px !important; } .left-right-1 { padding-left: 1px !important; padding-right: 1px !important; } .left-right-2 { padding-left: 2px !important; padding-right: 2px !important; } .left-right-5 { padding-left: 5px !important; padding-right: 5px !important; } .left-right-10 { padding-left: 10px !important; padding-right: 10px !important; } .left-right-11 { padding-left: 11px !important; padding-right: 11px !important; } .left-right-13 { padding-left: 13px !important; padding-right: 13px !important; } .left-right-15 { padding-left: 15px !important; padding-right: 15px !important; } .left-right-20 { padding-left: 20px !important; padding-right: 20px !important; } .two-column { column-count: 2; } .divider1 { font-weight: 200; text-transform: uppercase; font-size: 16px; margin: 40px 0 15px; padding-bottom: 4px; border-bottom: 1px solid #dbd9d9; } .alignleft { margin-right: 20px !important; } /* Banner */ .banner-container { background-color: #dbd9d9; /* position: relative; background-size: cover; background-position: center 0px; height: 700px; */ } .banner-nav { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .banner-container img, .banner-page-container img { width: 100% !important; text-align: center; } .banner-page-container { background-color: #dbd9d9; position: relative; background-size: cover; background-position: center 0px; height: 300px; } @media (min-width: 768px) { .banner-page-container { height: 400px; } } @media (min-width: 992px) { .banner-page-container { height: 500px; } } @media (min-width: 1200px) { .banner-page-container { height: 600px; } } .banner-thin-container { position: relative; background-color: #dbd9d9; background-size: cover; background-position: center 0px; height: 160px; } /* .fluid-ratio-resize { max-width: 1600px; height: 600px; background-size: cover; background-position: center 0px; } .fluid-ratio-resize:after { content: " "; display: block; width: 100%; padding-top: 20%; height: 280px; } */ .banner-block { display: inline-block; position: absolute; width: 90%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .banner-title { font-weight: 600; font-size: 2.2em; color: #fff; text-transform: uppercase; letter-spacing: 0.04em; line-height: 1.1; margin: 0 !important; padding-bottom: 20px; } @media (min-width: 768px) { .banner-title { font-size: 2.8em; } } @media (min-width: 992px) { .banner-title { font-size: 4.2em; } } @media (min-width: 1200px) { .banner-title { font-size: 4.6em; } } .banner-button .btn { font-weight: 500; font-size: 0.9em; text-transform: uppercase; } .banner-page-credit { display: inline-block; position: absolute; bottom: 5px; right: 5px; text-align: right; color: #b2b2b2; font-size: 12px; } .banner-page-block { display: inline-block; position: absolute; bottom: 10%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 95%; max-width: 1000px; text-align: center; } .banner-page-title { font-size: 1.6em; font-weight: 600; color: #fff; text-transform: uppercase; line-height: 1; margin: 0 !important; padding-bottom: 10px; } @media (min-width: 768px) { .banner-page-title .banner-page-title { font-size: 2.2em; } } @media (min-width: 992px) { .banner-page-title .banner-page-title { font-size: 2.6em; } } @media (min-width: 1200px) { .banner-page-title .banner-page-title { font-size: 3em; } } .banner-page-text, .banner-page-text p { font-size: 1.5em; font-weight: 700; color: #fff; line-height: 1.3; margin: 0 !important; padding-bottom: 10px; } @media (min-width: 768px) { .banner-page-text, .banner-page-text p { font-size: 1.8em; } } @media (min-width: 992px) { .banner-page-text, .banner-page-text p { font-size: 2.2em; } } .banner-page-text a, .banner-page-text p a { color: #fff; text-decoration: underline; } .banner-photo { display: inline; bottom: 0; left: 0; width: 100%; text-align: center; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); } .banner-block-fade { display: inline; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; text-align: center; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); } /* Home */ .home-news-date { font-weight: 300; font-size: 11px; text-transform: uppercase; line-height: 1; color: #b2b2b2; padding: 8px 0 7px; } .home-news-date span, .home-news-date span a { background-color: #b2b2b2; color: #fff !important; padding: 1px 5px; } .home-news-text { font-weight: 300; font-size: 13px; color: #b2b2b2; line-height: 1.1; padding-bottom: 14px; } /* Home Mission statement */ .home-mission { padding: 6rem 0 2rem; color: #333; font-size: 1.1em; line-height: 1.3; margin-bottom: 0; border: none !important; text-align: center; } @media (min-width: 768px) { .home-mission { font-size: 1.2em; } } @media (min-width: 992px) { .home-mission { font-size: 1.3em; } } /* Programme Box */ .programme-grid [class^="col-"] { padding-bottom: 10px; } .home-programme-box { text-align: center; border: #000 1px solid; padding: 2.5em 3em 1em; min-height: 16em; } .home-programme-box img { margin-left: auto; margin-right: auto; } a:hover .home-programme-box { background-color: #f47121; border: none; } .home-programme-box-title { font-size: 1.2em; font-weight: 600; text-transform: uppercase; line-height: 1.1; padding-top: 0.5em; color: #000; } .home-programme-box-text { font-size: 1em; line-height: 1.2; padding-top: 1em; } /* Home Grid */ .title-section-home { font-size: 1.8em; font-weight: 600; padding-top: 2.4em; padding-bottom: 1.2em; text-align: center; text-transform: uppercase; } .title-section-home a { color: #000; } .home-grid-media-cat { color: #f47121; font-size: 0.7em; font-weight: 700; padding-top: 0.5em; text-transform: uppercase; } .home-grid-media-cat span { font-weight: 400; } .home-grid-media-title { font-size: 1.2em; font-weight: 700; padding-bottom: 40px; line-height: 1.1; } .home-grid-title { font-weight: 300; font-size: 16px; padding: 5px 6px 5px 0; line-height: 1.1; } .home-grid-title-large { font-weight: 300; font-size: 18px; padding: 5px 6px 5px 0; line-height: 1.1; } .home-text { font-weight: 300; font-size: 13px; line-height: 1.1; padding-bottom: 8px; } .home-text-large { font-weight: 300; font-size: 14px; line-height: 1.1; padding: 0 0 10px; } .home-grid-taxonomy { font-weight: 300; color: #b2b2b2; font-size: 11px; padding-bottom: 10px; text-transform: uppercase; } .home-grid-taxonomy span a { background-color: #b2b2b2; color: #fff !important; padding: 2px 6px; } /* News */ .news-category { font-weight: inherit; text-transform: uppercase; font-size: 0.8em; color: #000; padding-bottom: 10px; } .news-date { font-weight: 700; font-size: 1em; color: #b2b2b2; padding-top: 40px; } .news-title { font-weight: 300; font-size: 20px; line-height: 1.2; } .news-single-category { font-weight: inherit; text-transform: uppercase; font-size: 0.9em; color: #000; padding-bottom: 10px; } .news-single-title { padding-bottom: 0.4em; } .author-name { font-weight: 400; font-size: 1em; color: #000; padding-bottom: 10px; } .author-bio { font-weight: 400; font-size: 0.9em; color: #666; padding-bottom: 20px; } .grid-media-cat { color: #f47121; font-size: 0.7em; font-weight: 700; padding: 0.8em 0 0.4em; text-transform: uppercase; } .grid-media-cat span { font-weight: 400; } .grid-media-title { font-size: 1.2em; font-weight: 700; padding-bottom: 40px; line-height: 1.1; } .newsletter-dashicon { font-size: 28px !important; width: 60px !important; } .newsletter-heading { color: #000; font-weight: 900; font-size: 40px; text-align: center; line-height: 1; padding: 20px 0 10px; } .newsletter-section { color: #fff; font-weight: 900; font-size: 28px; text-align: center; text-transform: uppercase; line-height: 1; padding: 8px 0; margin-top: 30px; margin-bottom: 30px; background-color: #f47121; } .newsletter-cover-grid img { border: 1px solid #dbd9d9; } .newsletter-cover-grid { padding-bottom: 10px; } .newsletter-grid-title { font-weight: 300; font-size: 13px; text-align: center; line-height: 1; padding-top: 10px; } .newsletter-grid-subtitle { font-weight: 300; font-size: 11px; color: #b2b2b2; padding: 5px 0 30px; line-height: 1; } .newsletter-title { text-align: center; padding-bottom: 30px; } .newsletter-contents { margin-top: 0; padding-top: 0; } .newsletter-h2 { margin-top: 0; padding-top: 5px; } .newsletter-h3 { margin-top: 0; margin-bottom: 0; padding-bottom: 5px; } .newsletter-article-author { font-weight: 600; font-size: 12px; text-transform: uppercase; color: #b2b2b2; padding-bottom: 5px; border-bottom: 1px solid #b2b2b2; margin-bottom: 10px; } .newsletter-date { font-weight: 300; font-size: 14px; color: #b2b2b2; padding-bottom: 5px; } .newsletter-type { font-weight: 300; text-transform: uppercase; font-size: 12px; color: #b2b2b2; padding: 0 0 5px; } .newsletter-date span { background-color: #f47121; color: #fff !important; text-transform: uppercase; padding: 2px 6px; } .newsletter-photo-credit { font-weight: 100; font-size: 10px; text-transform: uppercase; color: #b2b2b2; text-align: right; padding: 2px 0 5px; margin-top: 0 !important; } .newsletter-readmore { font-weight: 600; font-size: 12px; text-transform: uppercase; color: #b2b2b2; padding-bottom: 5px; margin-bottom: 10px; } .newsletter-published { font-weight: 600; font-size: 10px; text-transform: uppercase; color: #666; padding-bottom: 5px; } /* New Newsletter */ .newsletter-new img { width: 100%; } .newsletter-white-box { background-color: #fff; padding: 24px; } .newsletter-banner { background-color: #f47121; color: #fff; font-size: 28px; font-weight: 500; text-transform: uppercase; line-height: 1.1; padding: 20px; } .newsletter-content-type { color: #f47121; font-weight: 300; font-size: 13px; text-transform: uppercase; padding-bottom: 10px; } .newsletter-feature { color: #666; font-size: 24px; font-weight: 600; line-height: 1.1; padding-bottom: 10px; } .newsletter-feature a { color: #666; text-decoration: none; } .newsletter-subfeature { color: #666; font-size: 16px; font-weight: 600; line-height: 1.1; padding-bottom: 10px; } .newsletter-subfeature a { color: #333; text-decoration: none; } .newsletter-subfeature-text { font-size: 0.8em; } /* Forms - Search */ .search-top .sbox { width: 25%; margin-right: 1.6%; float: left; } .search-top .sbox .last { width: 26.6%; margin-right: 0; } #gform_5 li, #gform_5 .gform_footer { text-align: center; } /* Filters */ .searchbar { background-color: #f0efef; font-size: 14px; margin-bottom: 40px; padding: 2em; text-align: left; } .searchbar-title { font-size: 1.2em; font-weight: 700; color: #666; padding-bottom: 20px; } .searchbar input[type="submit"] { background-color: #b2b2b2; border-color: #b2b2b2; } .searchbar .filter-button { text-align: center; } .wpv-filter-form input, .wpv-filter-form select { border-radius: 0; height: 38px; width: 100%; margin-bottom: 10px; } .wpv-filter-form input[type="submit"] { width: 80px; font-weight: 200; text-transform: uppercase; font-size: 12px; } .wpv-filter-previous-link, .wpv-filter-next-link { font-size: 12px; } .filter-label { text-align: left; font-weight: 600; color: #b2b2b2; text-transform: uppercase; font-size: 12px; letter-spacing: normal; padding-left: 20px; padding-bottom: 2px; } .filter-enter { text-align: left; font-weight: 300; font-size: 11px; letter-spacing: normal; } .js-wpv-filter-trigger { font-weight: 300; font-size: 14px; letter-spacing: normal; } .js-wpv-submit-trigger { margin-left: 20px; } /* Subscribe form */ .email-bar { background-color: #f47121; color: #fff; padding: 20px 0; } .form-inline { margin-bottom: 0; vertical-align: middle; } .form-label { font-size: 18px; font-weight: 700; } .form-inline-element { display: inline-block; padding-right: 20px; } #item-form { text-align: center; } #contact_email { padding: 0 20px; margin: 0; } .form-inline .public_button { background-color: #fff; border: none; font-size: 15px; color: #000; } .form-inline .public_button:hover { background-color: #333; } /* Images */ img, img .size-full, .wp-caption { max-width: 100%; height: auto; } .image-header, .image-header img { width: 100% !important; } .img-border img { border: 1px solid #dbd9d9; } p img, .wp-caption { padding-top: 20px; padding-bottom: 10px; } .wp-caption-text { font-weight: 400; font-size: 13px; color: #b2b2b2; padding: 10px 0 10px 10px; } .bannerimage { margin-top: -40px; background-color: #dbd9d9; } .banner-image img { margin-bottom: 0; background-color: #dbd9d9; } a[target="_blank"]:not(.notarget):after { display: none; } .hundredpercent { width: 100% !important; } .galleria-image-nav-left { opacity: 1 !important; } .galleria-image-nav-right { opacity: 1 !important; } .photo-credit { position: absolute; bottom: 10px; right: 10px; font-size: 12px; font-weight: 500; color: #fff; } /* Photo */ .photo-play { position: relative; } .photo-play-button, .photo-play-button-small, .photo-play-button-page { display: inline-block; position: absolute; bottom: 0px; left: 0px; } .photo-play-button span:before, .photo-play-button-small span:before, .photo-play-button-page span:before { display: inline-block; vertical-align: middle; font-family: "dashicons"; color: #666; content: "f161"; padding: 5px 10px 0 4px; } .photo-play-button span:before { font-size: 3.5rem; background-color: #dbd9d9; } .photo-play-button-small span:before { font-size: 2.2rem; background-color: #dbd9d9; } .photo-play-button-page span:before { font-size: 2.5rem; background-color: #fff; } /* People */ .staff-photo img { border: 1px solid #dbd9d9; } .staff-photo { text-align: right; } .staff-main-title { padding-top: 10px; line-height: 1.1; text-align: right; } .staff-job-title { font-weight: 300; font-size: 16px; line-height: 1.1; padding-bottom: 20px; text-align: right; } .people-grid { font-weight: 300; font-size: 13px; color: #b2b2b2; padding: 3px 0 20px; } .staff-name-large { font-weight: 300; font-size: 24px; padding-top: 60px; line-height: 1.1; } .staff-name { font-weight: 300; font-size: 20px; padding-top: 40px; line-height: 1.1; } .staff-category-large { font-weight: 300; color: #b2b2b2; font-size: 14px; padding-top: 6px; text-transform: uppercase; text-align: right; } .staff-category { font-weight: 300; color: #b2b2b2; font-size: 12px; padding-top: 4px; font-weight: 500; text-transform: uppercase; text-align: right; } .staff-category span, .staff-category-large span { background-color: #f47121; color: #fff !important; padding: 2px 6px; } .grid-pub-cover { border: 1px solid #dbd9d9; margin-bottom: 20px; margin-left: auto; margin-right: auto; width: 100px; } /* Article */ .article-title { padding-top: 20px; } .article-date { font-weight: 300; font-size: 16px; color: #b2b2b2; padding-bottom: 20px; } .article-divider { padding: 5px 0 10px; } .credit { font-size: 16px; font-weight: 600; color: #b2b2b2; padding: 2px 0 10px; text-transform: uppercase; } .author-name { font-size: 16px; font-weight: 600; color: #b2b2b2; padding: 2px 0 10px; line-height: 1.1; } .article-editor { font-size: 14px; font-weight: 400; color: #b2b2b2; padding-bottom: 20px; } .article-author-bio { font-size: 13px; color: #666; padding: 20px 0 30px; } /* Authors */ div[id^="wpv-view-layout-85"], div[id^="wpv-view-layout-5304"] { display: inline; } .authors { font-size: 1.3em; } .authors span { display: inline; font-weight: 700; } .authorlist { display: inline; list-style: none; padding: 0; margin: 0; } .authorlist li { display: inline; } .authorlist li:after { content: ", "; } .authorlist li:last-child:after { content: ""; } .authorlist li:nth-last-child(2):after { content: " & "; } .authorlist a { color: #666 !important; font-weight: 500; } /* Articles Grid */ .article-archive-image { margin-bottom: 20px; } .article-archive-title { font-weight: 300; font-size: 20px; padding: 5px 6px 5px 0; line-height: 1.1; } .article-archive-author { font-size: 15px; font-weight: 400; color: #b2b2b2; padding: 0; } .article-archive-date { font-weight: 300; font-size: 13px; color: #b2b2b2; padding-bottom: 10px; } .article-archive-date span { margin-left: 10px; background-color: #b2b2b2; color: #fff !important; font-size: 12px; padding: 2px 6px; text-transform: uppercase; } .article-grid-title-main { font-weight: 300; font-size: 18px; padding: 5px 6px 5px 0; line-height: 1.1; } .article-home-image { margin-bottom: 20px; float: left; margin-right: 20px; } .article-sidebar-image { margin-bottom: 20px; float: left; margin-right: 10px; } .article-sidebar-title { font-weight: 300; font-size: 15px; line-height: 1; } .article-sidebar-text { font-weight: 300; font-size: 12px; color: #b2b2b2; padding: 5px 0 30px; line-height: 1; } /* Publications */ .text-citation { font-weight: 700; padding: 20px 0; color: #b2b2b2; } ul.categorychecklist { padding: 0 !important; } .categorychecklist li { list-style-type: none; display: inline; padding-right: 20px; padding-bottom: 10px; } .categorychecklist li input { float: left; width: 30px; height: auto; } .searchintro { text-align: center; padding-bottom: 10px; } .searchbutton { text-align: center; padding-top: 10px; } .pub-cover { padding-bottom: 30px; } .pub-archive-title { font-size: 14px; line-height: 1.1; padding-top: 10px; } .pub-archive-subtitle { font-size: 12px; color: #b2b2b2; padding-top: 5px; line-height: 1.1; } .pub-archive-date { font-size: 9px; padding: 8px 0 30px; text-transform: uppercase; color: #333; } .pub-archive-date span { border: 1px solid #b2b2b2; padding: 2px 6px; } .pub-title { padding-top: 40px; } .pub-subtitle { font-weight: 300; font-size: 16px; color: #b2b2b2; line-height: 1.1; } .pub-date { font-weight: 700; font-size: 14px; color: #b2b2b2; padding-top: 10px; } .pub-sidebar-cover { /* border: 1px solid $light-grey; */ margin-bottom: 20px; float: left; margin-right: 15px; } .pub-grid-title { font-weight: 300; font-size: 13px; line-height: 1; padding-top: 10px; } .pub-grid-subtitle { font-weight: 300; font-size: 11px; color: #b2b2b2; padding: 5px 0 30px; line-height: 1; } .pub-sidebar-title { font-weight: 300; font-size: 13px; line-height: 1; padding-top: 8px; } .pub-sidebar-subtitle { font-weight: 300; font-size: 11px; color: #b2b2b2; padding-top: 5px; line-height: 1; } .pub-citation { font-weight: 300; font-size: 12px; color: #b2b2b2; padding-top: 15px; line-height: 1.1; } /* Download links */ /* .w3eden { padding-top: 20px; } */ .download-box { border: 1px solid #b2b2b2; padding: 8px 10px !important; } .download-box img { max-width: 30px; } .media-body { padding: 5px 0 0 10px; } /* Video */ .media-block { background-color: #fff; position: relative; } .media-block-overlay { display: inline; position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: rgba(244, 113, 33, 0.6); } .media-block-overlay p { color: #fff; } .grid-container:hover .media-block-overlay { opacity: 1; text-decoration: none !important; } .media-block-plus { display: inline-block; position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff; text-align: center; font-size: 4em; } .media-block-title { min-height: 90px; } .media-container { position: relative; } .media-container img { width: 100%; } .media-tab { position: absolute; top: 0; left: 2%; } .video-play-button, .video-play-button-small { position: absolute; top: 45%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.6); } .video-play-button { font-size: 3.6rem; } .video-play-button-small { font-size: 2rem; } .media-title { position: absolute; bottom: 1.71429rem; left: 1.71429rem; right: 1.71429rem; color: #fff; line-height: 1.8; } .media-title a { color: #fff !important; text-decoration: none !important; } .media-title span { background-color: black; color: #fff; display: inline; padding: 0.2rem 1.5rem; font-size: 2rem; -webkit-box-decoration-break: clone; box-decoration-break: clone; } .media-title-medium, .media-title-medium a { padding: 20px; font-size: 2rem; font-weight: 300; color: #333; } /* Card Stacks */ .card-block { background-color: #fed3b9; } div[id^="wpv-view-layout-14412"] { display: inline; } .no-cards { position: absolute; background-color: #f47121; top: 0; left: 0; z-index: 10; font-size: 1.6em; } .no-cards span { color: #fff; padding: 40px 20px; } .card-list { padding-left: 0; } .card-list li { padding-top: 10px; margin-top: 10px; border-top: 1px solid #b2b2b2; list-style: inside none decimal; margin-left: 0; padding-left: 0; } /* Table */ .column-head { font-weight: 500; } /* Twitter Facebook widget */ .cff-item a, #cff a { color: #226699; } #cff { border-radius: 5px !important; } /*# sourceMappingURL=base.css.map */ /* ----------------------------------------- */ /* Content Template: Template for publications - end */ /* ----------------------------------------- */