/* -------------------------------------------------- Base -------------------------------------------------- */ * { box-sizing:border-box; -ms-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } body { background:#000; /*color:#555659;*/ color:#6d6e71; font-family: 'Oswald', sans-serif; font-size:62.5%; line-height:1.5; } html body .one-fourth.v2 {width: 49.9%;margin-right:0;} html body .hashtag {background-size:cover; background-repeat:no-repeat; display: flex; align-items: center; justify-content: center;} html body .hashtag p {font-size:7em} button + .btn, button + .btn + .btn {margin-left:10px; margin-top:5px} /* -------------------------------------------------- Helpers -------------------------------------------------- */ /* .latest-news .inner a.one-third:nth-of-type(n + 4) {display:none} */ /* .category-news .latest-news .inner a.one-third:nth-of-type(n + 4) {display:block} */ body.single .apss-single-icon i {font-family: FontAwesome; position:absolute !important; top:50%; left:50%; transform:translate3d(-50%,-50%,0)} .enable__spotlights p.color-white a {background:none !important; color:#fff !important; padding:0} .paginate-links { clear: both; font-size: 18px; text-align: center; margin-top:20px; } .paginate-links span { background-color: #3e3e3e; padding: 5px 9px; color: #fff; } a.page-numbers { background-color: #b3b8a8; color: #fff; padding: 5px 9px; } span.page-numbers.dots { background-color: #b3b8a8; } a.prev.page-numbers{background-color: #b3b8a8;} a.next.page-numbers{ background-color: #b3b8a8; } .kc_mg{clear: left;} @media only screen and (max-width: 1110px) { .kc_mg{clear: none;} } div#story2010 a { display: block; width: 100%; height: 100%; } .timeline-background.about_bg { padding-top: 60px !important; } .profil_pic_large { float: left; width: 30%; margin-right: 15px; } .profil_pic_large img{width: 100%;} .profil_pic_large img{width: 100%;} .profile__content { float: left; width: 60%; margin-top: 3%; margin-left: 2%; margin-right: 2%; } .profile__content h3 { font-size: 3.5em; margin: 0; color: #222222; } p.profile_cub_cont { font-size: 2.2em !important; color: #c11229 !important; margin: 10px 0 10px 0 !important; font-weight: 600; line-height: 1.5em; padding-bottom: 11px; } .profile__content p { font-size: 1.9em; color: #222222; } .supportedby-team { font-size: 1.13em !important; padding: 1% 4%; } .one-fourth.height7.ent-rev-center.supportedby-team { background: url('../img/to-apply.png') center no-repeat; background-size: cover; color: #fff; height: 412px !important; } .supportedby-team .table { height: 390px; } p.margin-bottom-0.size-40.support_team { font-size: 3.6em !important; font-weight: bold; line-height: 1.2em; padding: 0 5%; } .case-study-two { margin-top: 50px; margin-bottom: 20px; } .case-study-two img { margin: 0 auto; } .prof__name { background-color: #fff; float: left; display: block; width: 100%; padding: 1% 7% 5% 7%; } .prof__name p{color: #c11229; font-size: 30px !important; font-family: 'Oswald', sans-serif; margin: 15px 0px !important;} .prof__name a.linkpop{background-color: #7d7a76; color: #fff !important; font-size: 20px !important; padding: 8px 26px !important; display: inline-block; float: left;} @media screen and (max-width: 500px) { .nav-trigger{top: 18px !important;} header ul.social{top: 10px !important;} } @media screen and (max-width: 650px) { .column-5.ent-rev-right.sm__content_sec {width: 95%; margin: 0 auto;} } @media screen and (max-width: 700px) { .border-bottom:after {display: none} .timeline:before{display: none !important;} .sm__content_sec{width:90% !important; float: none !important; margin: 0 auto; padding: 0px 10px !important;} .wwfund-cont {display: block !important; padding: 20px !important;} .fund__info {padding-bottom: 30px !important;} .wwfund-cont{margin-top: 0px !important; padding-top: 0px !important;} img.show-on-mobile.loc__map{display: none !important;} .row.we-accept-background .inner{padding: 0px 20px 20px 20px; margin: 0px;} } @media screen and (max-width: 14050px) and (min-width: 1295px) { .we-accept-background{background-position-x: 76% !important;} .enablefunding_cont p{width: 100% !important;} .enablefunding_cont a {margin-top: 0px !important; margin-left: 0% !important; margin-bottom: 20px !important;} } @media screen and (max-width: 1298px) and (min-width: 1180px) { .we-accept-background{background-position-x: 71% !important; padding-top: 2% !important; padding-bottom: 2% !important;} .enablefunding_cont p{width: 100% !important;} .enablefunding_cont a {margin-top: 0px !important; margin-left: 0% !important; margin-bottom: 20px !important;} } /* Portrait*/ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .smiley__logo{display: none;} .smiley_content{width: 100%;} } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { body.page-template-page-types-of-funding .time-item.tof.right:first-of-type .content-line { background: url(../img/tof_enable_bg.jpg) no-repeat right bottom, #b41227; margin-top: 0px; padding: 73px 68px 39px; position: relative; background-size: cover; min-height: 359px !important; } body.page-template-page-types-of-funding .time-item.right:nth-of-type(2) .content-line{ padding: 65px 45px 45px !important; } .application__adults{padding: 1% 3% !important;} .application__children{padding: 1% 3% !important;} .application__organisations{padding: 1% 3% !important;} .smiley__logo {margin-top: 100px !important; right: 20px !important;} .smiley_content{width: 70% !important;} div#howto2.time-item.tof.left:nth-of-type(2) .content-line {padding: 30px 48px !important;} .contact_pg_quote{padding-top: 5px !important;} footer nav ul.social {width: 100% !important;} .profiles .one-fourth{min-height: 430px !important;} } @media screen and (max-width: 1180px) and (min-width: 800px) { .we-accept-background{ background: rgba(193, 18, 41, 1) !important; padding-top: 0 !important; padding-bottom: 0 !important;} .enablefunding_cont p{width: 100% !important;} .enablefunding_cont a {margin-top: 0px !important; margin-left: 0% !important; margin-bottom: 20px !important;} .column-6.background-white.padding-17.ent-rev-left.wwfund-cont{width: 95% !important; float: none; margin: 0 auto !important;} .column-6.background-white.padding-17.ent-rev-left.wwfund-cont h2{padding-top: 0.4em;} } @media screen and (max-width: 870px) and (min-width: 800px) { .nav-trigger {display: block; top: 60px !important;} .hero-item--content.left{top: 5em !important;} .smiley_content{padding: 30px 0 50px 0;} .row.clearfix.content__cont{display: block !important;} .contact-form{display: none !important;} } @media (max-width: 1140px) { .ipad-lan-hide {display:none !important;} } @media (min-width: 1140px) { .desktop-hide {display:none !important} } @media screen and (max-width: 1140px) and (min-width: 870px) { .profiles .one-fourth{width: 32.85% !important; min-height: 450px;} .profiles .one-fourth:nth-of-type(4n) {margin-right: 0.2% !important;} html body .one-fourth.v2 {width: 65.9% !important;margin-right:0.2%;} } @media screen and (max-width: 1290px) and (min-width: 960px) {} @media screen and (max-width: 860px) and (min-width: 800px) { .background-image.about-steve{width: 100% !important;} } @media screen and (max-width: 900px) and (min-width: 768px) { .latest-news .one-third{width: 47% !important;} .latest-news .one-third:nth-of-type(3n){margin-right: 3% !important;} } @media screen and (max-width: 1640px) and (min-width: 490px) { .hero-item--content.left{left: 2em !important;} } @media screen and (max-width: 1440px) and (min-width: 1200px) { /* #logo{width: 27% !important;} header nav{width: 73% !important;} header nav ul{width: 89% !important;} nav ul.social{width: 11% !important;} */ } @media screen and (max-width: 1200px) and (min-width: 1000px) { /* #logo{width: 22% !important;} #logo img{padding-right: 0px !important;} header nav ul{width: 90% !important; padding-left: 10px !important;} header nav a{font-size: 1.5em !important;} nav ul.social{width: 10% !important;} header nav {width:77% !important;} */ } a.quarter.recent-projects.ent-rev-center{background-position: center;} body.category-news .article-content{vertical-align: top !important;} .slick-slide{max-height: 520px !important;} body.page-id-320 .banner{display: none;} .about_bg {background: #d8d8da !important;} .inner.clearfix.max-width-medium.about__staff{max-width: 97% !important;} h2.thefoundation{padding: 18px 25px;} .about_bg{background:none;} h2.sitepages { font-size: 4em !important; text-align: center; margin: 20px 0 !important; font-weight: 500; color: #c41d30; } .wefund_list ul { float: left; width: 40%; } ul.sitemap li a { color: #42413f; font-size: 1em; font-weight: 100; } ul.sitemap li a:hover{text-decoration: underline;} ul.sitemap li { text-align: center; padding: 11px; list-style-type: none; } ul.sitemap li:nth-child(odd) { background-color:rgba(179, 184, 168, 0.21); } ul.sitemap li:nth-child(even) {background-color: rgb(255, 255, 255);} ul.sitemap { width: 60%; margin: 10px auto 70px auto !important; padding: 0; } ul.sitemap li:before{display: none !important;} body.single-case_studies .banner{max-height: 250px !important;} body.page-id-320 h1{color: #c41d30 !important; text-shadow: none !important; text-align: center; margin-bottom: 0px;} @media screen and (max-width: 1195px) { .story_row { max-width: 1050px !important; margin: 0 auto; margin-bottom: 25px;} #story2001{width: 500px !important; height: 160px !important; background-size: contain;} #story2005{width: 500px !important; height: 160px !important; background-size: contain;} #story2007{width: 500px !important; height: 160px !important; background-size: contain;} #story2006{width: 500px !important; height: 160px !important; background-size: contain;} #story2008{width: 500px !important; height: 160px !important; background-size: contain;} #story2010{width: 500px !important; height: 160px !important; background-size: contain;} #story2014{width: 500px !important; height: 160px !important; background-size: contain;} #story2012{width: 500px !important; height: 160px !important; background-size: contain;} #story2015a{width: 500px !important; height: 160px !important; background-size: contain;} #story2015b{width: 500px !important; height: 160px !important; background-size: contain;} #story2016{width: 500px !important; height: 160px !important; background-size: contain;} #story2016b{width: 500px !important; height: 160px !important; background-size: contain;} #story2016c{width: 500px !important; height: 160px !important; background-size: contain;} #story2017a{width: 500px !important; height: 160px !important; background-size: contain;} #story2017b{width: 500px !important; height: 160px !important; background-size: contain;} #story2017c{width: 500px !important; height: 160px !important; background-size: contain;} #story2017d{width: 500px !important; height: 160px !important; background-size: contain;} #story2018, #story2018b, #story2018c, #story2019-1, #story2019-2, #story2020-1, #story2020-2, #story2021-1, #story2021-2 {width: 500px !important; height: 160px !important; background-size: contain;} } @media screen and (max-width: 1050px) { .story_row { max-width: 810px !important; margin: 0 auto; margin-bottom: 25px;} #story2001{width: 380px !important; height: 121px !important; background-size: contain;} #story2005{width: 380px !important; height: 121px !important; background-size: contain;} #story2007{width: 380px !important; height: 121px !important; background-size: contain;} #story2006{width: 380px !important; height: 121px !important; background-size: contain;} #story2008{width: 380px !important; height: 121px !important; background-size: contain;} #story2010{width: 380px !important; height: 121px !important; background-size: contain;} #story2014{width: 380px !important; height: 121px !important; background-size: contain;} #story2012{width: 380px !important; height: 121px !important; background-size: contain;} #story2015a{width: 380px !important; height: 121px !important; background-size: contain;} #story2015b{width: 380px !important; height: 121px !important; background-size: contain;} #story2016{width: 380px !important; height: 121px !important; background-size: contain;} #story2016b{width: 380px !important; height: 121px !important; background-size: contain;} #story2016c{width: 380px !important; height: 121px !important; background-size: contain;} #story2017a{width: 380px !important; height: 121px !important; background-size: contain;} #story2017b{width: 380px !important; height: 121px !important; background-size: contain;} #story2017c{width: 380px !important; height: 121px !important; background-size: contain;} #story2017d{width: 380px !important; height: 121px !important; background-size: contain;} #story2018, #story2018b, #story2018c, #story2019-1, #story2019-2, #story2020-1, #story2020-2, #story2021-1, #story2021-2 {width: 380px !important; height: 121px !important; background-size: contain;} } @media screen and (max-width: 870px) {.timeline.wpb_column.vc_column_container.vc_col-sm-12{z-index: 0 !important;} .one-fourth.about_profile{width: 48% !important; margin-right: 4% !important; margin-bottom: 2%;} .one-fourth.about_profile:nth-child(2) {width: 48% !important; margin-right: 0% !important; margin-bottom: 2%;} .one-fourth.about_profile:nth-child(3) {width: 48% !important; margin-right: 4% !important; margin-bottom: 2%;} .one-fourth.about_profile:nth-child(4) {width: 48% !important; margin-right: 0% !important; margin-bottom: 2%;} .one-fourth.about_profile:nth-child(5) {width: 48% !important; margin-right: 4% !important; margin-bottom: 2%;} .one-fourth.about_profile:nth-child(6) {width: 48% !important; margin-right: 0% !important; margin-bottom: 2%;} .one-fourth.about_profile:nth-child(7) {width: 48% !important; margin-right: 4% !important; margin-bottom: 2%;} .one-fourth.about_profile:nth-child(8) {width: 48% !important; margin-right: 0% !important; margin-bottom: 2%;} .one-fourth.about_profile:nth-child(9) {width: 48% !important; margin-right: 4% !important; margin-bottom: 2%;} .one-fourth.height7.ent-rev-center.supportedby-team{width: 48% !important; margin-right: 0% !important;} .profiles .one-fourth{min-height: 460px;} .profile__content{width: 90% !important;} .profil_pic_large{width: 70% !important; margin: 0 auto !important;} .close{top: 10px !important; right: 10px !important;} .picture-right {float: left; left: auto;} html body .hashtag p {font-size:3em} } @media (max-width: 870px) and (min-width: 650px) { html body .one-fourth.about_profile.vmobile:nth-child(n) { width: 48% !important; margin-right: 4% !important; margin-bottom: 2%; } html body .one-fourth.about_profile.vmobile:nth-child(2n+1) { margin-right: 0% !important; } } @media screen and (max-width: 800px) { .row.clearfix.content__cont{display: block !important;} .contact-form{display: none !important;} .column-5.ent-rev-right.sm__content_sec {width: 90%; margin: 0 auto; float: none;} .column-5.ent-rev-right.sm__content_sec h2{margin: 0;} #story2001{width: 550px !important; height: 200px !important;} #story2005{width: 550px !important; height: 200px !important;} #story2007{width: 550px !important; height: 200px !important;} #story2006{width: 550px !important; height: 200px !important;} #story2008{width: 550px !important; height: 200px !important;} #story2010{width: 550px !important; height: 200px !important;} #story2014{width: 550px !important; height: 200px !important;} #story2012{width: 550px !important; height: 200px !important;} #story2015a{width: 550px !important; height: 200px !important;} #story2015b{width: 550px !important; height: 200px !important;} #story2016{width: 550px !important; height: 200px !important;} #story2016b{width: 550px !important; height: 200px !important;} #story2016c{width: 550px !important; height: 200px !important;} #story2017a{width: 550px !important; height: 200px !important;} #story2017b{width: 550px !important; height: 200px !important;} #story2017c{width: 550px !important; height: 200px !important;} #story2017d{width: 550px !important; height: 200px !important;} #story2018, #story2018b, #story2018c, #story2019-1, #story2019-2, #story2020-1, #story2020-2, #story2021-1, #story2021-2 {width: 550px !important; height: 200px !important;} .time-item.tof.left:first-of-type .content-line{display: block; margin: 0 auto !important;} div#howto2.time-item.tof.left:nth-of-type(2) .content-line{display: block; margin: 0 auto !important;} .time-item.tof.right:first-of-type .content-line{display: block; margin: 0 auto !important;} .time-item.tof.right:nth-of-type(2) .content-line{display: block; margin: 0 auto !important; padding: 70px 58px 45px !important;} .logo_enable{width: 250px !important; height: 178px !important;} .funding_header_content{width: 90% !important;} .application__children{margin-bottom: 20px; text-align: center;} .application__children a{float: none !important; display: inline-block !important;} .application__adults{margin-bottom: 20px; text-align: center;} .application__adults a{float: none !important; display: inline-block !important;} .application__organisations{margin-bottom: 20px; text-align: center;} .application__organisations a{float: none !important; display: inline-block !important;} .logo_enable.jack_enable{display: none !important;} .enable_funding.one-third.elderly h2{padding: 5% 16% 15% 6% !important; font-size: 2.5em !important;} .enable_funding.one-third.wheelchair h2{padding: 5% 16% 15% 6% !important; font-size: 2.5em !important;} .enable_funding.one-third.sensory h2{padding: 5% 16% 15% 6% !important; font-size: 2.5em !important;} .timeline .time-item.right .content-line{left: 0px !important;} div#howto2.time-item.tof.left:nth-of-type(2) .content-line{height: auto !important;} .smiley__logo{display: none !important;} .smiley_content{width: 100% !important;} .latest__tweet ul{width:90% !important;} .can_we_help_copy{display: none !important;} body.page-id-13 .banner{display: none !important;} .smilebusimg {display: none !important;} li.g-funding{display: block !important; clear: left;} ul.buttons-centered{display: none;} .map-background{height: 330px !important;} } @media screen and (max-width: 600px) { .map-background{display: none;} .social-background{margin-top: 30px !important;} .wefund_list ul{width: 100% !important;} .we-accept-background{display: block; padding-top: 0px !important; padding-bottom: 0px !important;} .wwfund-cont {padding: 0px 20px;} .background-image.about-steve{display: none;} .casestudy_deets{width: 90% !important; font-size: 0.8em;} .col-8.contact-form { display: none;} #story2001{width: 360px !important; height: 120px !important;} #story2005{width: 360px !important; height: 120px !important;} #story2007{width: 360px !important; height: 120px !important;} #story2006{width: 360px !important; height: 120px !important;} #story2008{width: 360px !important; height: 120px !important;} #story2010{width: 360px !important; height: 120px !important;} #story2014{width: 360px !important; height: 120px !important;} #story2012{width: 360px !important; height: 120px !important;} #story2015a{width: 360px !important; height: 120px !important;} #story2015b{width: 360px !important; height: 120px !important;} #story2016{width: 360px !important; height: 120px !important;} #story2016b{width: 360px !important; height: 120px !important;} #story2016c{width: 360px !important; height: 120px !important;} #story2017a{width: 360px !important; height: 120px !important;} #story2017b{width: 360px !important; height: 120px !important;} #story2017c{width: 360px !important; height: 120px !important;} #story2017d{width: 360px !important; height: 120px !important;} #story2018, #story2018b, #story2018c, #story2019-1, #story2019-2, #story2020-1, #story2020-2, #story2021-1, #story2021-2 {width: 360px !important; height: 120px !important;} } .lightbox { background-color: rgba(0, 0, 0, 0.8); overflow: scroll; position: fixed; display: none; z-index: 9999; bottom: 0; right: 0; left: 0; top: 0; } .lightbox-container { position: relative; max-width: 960px; margin: 7% auto; display: block; padding: 0 3%; height: auto; z-index: 10; } @media screen and (max-width: 800px) { .lightbox-container { margin-top: 10%; } .testimonial{padding: 0.5em 5em !important;} } @media screen and (max-width: 414px) { .lightbox-container { margin-top: 13%; } } .lightbox-content { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7); } .lightbox-close { text-transform: uppercase; background: transparent; position: absolute; font-weight: 300; font-size: 12px; display: block; border: none; color: white; top: -22px; right: 3%; } .video-container { padding-bottom: 56.25%; position: relative; padding-top: 30px; overflow: hidden; height: 0; } .video-container iframe, .video-container object, .video-container embed { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } #playme { background: #c11229; border: none; color: white; padding: 7px 30px; display: inline-block; font-size:2em; margin-left: 35px; } h2.latestnews-home {margin-top: 40px !important;} h2.we-fund{font-size: 3.9em !important;} .fund__info { padding-top: 15px;} .row.padding-1.background-light-grey.latest-news { /* background-image: url(../img/sm_news_bg.jpg); background-position: bottom; background-repeat: no-repeat; */ } .timeline .time-item.hta.right:nth-of-type(2) .content-line:before{display: none;} .timeline .time-item.hta.left .content-line:before{display: none;} .timeline .time-item.hta.left .content-line:after { top: 100%; right: 6%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .timeline .time-item.hta.left .content-line:after { border-color: rgba(136, 183, 213, 0); border-top-color: #69161d; border-width: 20px; margin-left: -20px; } .timeline .time-item.htap.left:nth-of-type(2) .content-line:before { display: none; } .timeline .time-item.htap.left:nth-of-type(2) .content-line:after { top: 100%; left: 9%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .timeline .time-item.htap.left:nth-of-type(2) .content-line:after { border-color: rgba(136, 183, 213, 0); border-top-color: #b41227; border-width: 20px; margin-left: -20px; } .timeline .time-item.htaa.right:nth-of-type(2) .content-line:before{display: none;} .timeline .time-item.smilebus.right .content-line:before{display: none;} .timeline .time-item.smilebus.right .content-line:after { top: 100%; right: 7%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .timeline .time-item.smilebus.right .content-line:after { border-color: rgba(136, 183, 213, 0); border-top-color: #9d9989; border-width: 20px; margin-left: -20px; } #howto1.timeline .time-item.left .content-line:before{display: none;} .timeline .time-item.hta.right:first-of-type .content-line:before{display: none;} .timeline .time-item.hta.right:first-of-type .content-line:after { top: 100%; right: 6%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .timeline .time-item.hta.right:first-of-type .content-line:after { border-color: rgba(136, 183, 213, 0); border-top-color: #2d2123; border-width: 20px; margin-left: -20px; } .story__intro{padding: 40px 0;} .row.timeline-background.padding-27.storybg { background: #e2e0dd; } .story_row { max-width: 1194px; margin: 0 auto; margin-bottom: 25px; } #story2001{background-image: url(../img/story2001.jpg); height: 182px; width: 572px; margin-right:25px; display:block; background-repeat: no-repeat; float: left; position: relative;} #story2001:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #story2001:after { border-color: rgba(136, 183, 213, 0); border-left-color: #d1a053; border-width: 20px; margin-top: -20px; } #story2005{background-image: url(../img/story2005.jpg); height: 182px; width: 572px; margin-left:25px; display:block; background-repeat: no-repeat; float: left; position: relative;} #story2005:after { top: 99%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #story2005:after { border-color: rgba(136, 183, 213, 0); border-top-color: #b41227; border-width: 20px; margin-left: -20px; } #story2007{background-image: url(../img/story2007.jpg); height: 182px; width: 572px; margin-right:25px; display:block; background-repeat: no-repeat; float: left; position: relative;} #story2007:after { top: 99%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #story2007:after { border-color: rgba(136, 183, 213, 0); border-top-color: #382e2f; border-width: 20px; margin-left: -20px; } #story2006{background-image: url(../img/story2006.jpg); height: 182px; width: 572px; margin-left:25px; display:block; background-repeat: no-repeat; float: left; position: relative;} #story2006:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #story2006:after { border-color: rgba(136, 183, 213, 0); border-right-color: #d1a053; border-width: 20px; margin-top: -20px; } #story2008{background-image: url(../img/story2008.jpg); height: 182px; width: 572px; margin-right:25px; display:block; background-repeat: no-repeat; float: left; position: relative;} #story2008:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #story2008:after { border-color: rgba(136, 183, 213, 0); border-left-color: #d1a053; border-width:20px; margin-top: -20px; } #story2010{background-image: url(../img/story2010.jpg); height: 182px; width: 572px; margin-left:25px; display:block; background-repeat: no-repeat; float: left; position: relative;} #story2010:after { top: 99%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #story2010:after { border-color: rgba(136, 183, 213, 0); border-top-color: #382e2f; border-width: 20px; margin-left: -20px; } #story2014{background-image: url(../img/story2014.jpg); height: 182px; width: 572px; margin-right:25px; display:block; background-repeat: no-repeat; float: left; position: relative;} #story2014:after{ top: 99%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #story2014:after { border-color: rgba(136, 183, 213, 0); border-top-color: #61466F; border-width: 20px; margin-left: -20px; } #story2012{background-image: url(../img/story2012.jpg); height: 182px; width: 572px; margin-left:25px; display:block; background-repeat: no-repeat; float: left; position: relative;} #story2012:after{ right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #story2012:after { border-color: rgba(136, 183, 213, 0); border-right-color: #D1243A; border-width: 20px; margin-top: -20px; } #story2015a{background-image: url(../img/story2015a.jpg); height: 182px; width: 572px; margin-right:25px; display:block; background-repeat: no-repeat; float: left; position: relative;} #story2015a:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #story2015a:after { border-color: rgba(136, 183, 213, 0); border-left-color: #382e2f; border-width: 20px; margin-top: -20px; } #story2010{background-image: url(../img/story2010.jpg); height: 182px; width: 572px; margin-left:25px; display:block; background-repeat: no-repeat; float: left;position: relative;} #story2015b{background-image: url(../img/story2015b.jpg); height: 182px; width: 572px; margin-left:25px; display:block; background-repeat: no-repeat; float: left;position: relative;} #story2015b:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #story2015b:after { border-color: rgba(136, 183, 213, 0); border-top-color: #B3B8A9; border-width: 20px; margin-left: -20px; } #story2016{background-image: url(../img/story2016.jpg); height: 182px; width: 572px; margin-right:25px; display:block; background-repeat: no-repeat; float: left;position: relative;} #story2016:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #story2016:after { border-color: rgba(136, 183, 213, 0); border-top-color: #105970; border-width: 20px; margin-left: -20px; } #story2016b{background-image: url(../img/story2016b.jpg); height: 182px; width: 572px; margin-left:25px; display:block; background-repeat: no-repeat; float: left;position: relative;} #story2016b:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #story2016b:after { border-color: rgba(136, 183, 213, 0); border-right-color: #d1a053; border-width: 20px; margin-top: -20px; } #story2015b{background-image: url(../img/story2015b.jpg); height: 182px; width: 572px; margin-left:25px; display:block; background-repeat: no-repeat; float: left;position: relative;} #story2016b{background-image: url(../img/story2016b.jpg); height: 182px; width: 572px; margin-left:25px; display:block; background-repeat: no-repeat; float: left;position: relative;} #story2016c{background-image: url(../img/story2016c.jpg); height: 182px; width: 572px; margin-right:25px; display:block; background-repeat: no-repeat; float: left;position: relative;} #story2016c:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #story2016c:after { border-color: rgba(136, 183, 213, 0); border-left-color: #3A2F30; border-width: 20px; margin-top: -20px; } #story2017a{background-image: url(../img/story2017a.jpg); height: 182px; width: 572px; margin-left:25px; display:block; background-repeat: no-repeat; float: left;position: relative;} #story2017a:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #story2017a:after { border-color: rgba(136, 183, 213, 0); border-top-color: #372E2D; border-width: 20px; margin-left: -20px; } #story2017b{background-image: url(../img/story2017b.jpg); height: 182px; width: 572px; margin-right:25px; display:block; background-repeat: no-repeat; float: left;position: relative;} #story2017b:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #story2017b:after { border-color: rgba(136, 183, 213, 0); border-top-color: #6b6863; border-width: 20px; margin-left: -20px; } #story2017c{background-image: url(../img/story2017c.jpg); height: 182px; width: 572px; margin-left:25px; display:block; background-repeat: no-repeat; float: left;position: relative;} #story2017c:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #story2017c:after { border-color: rgba(136, 183, 213, 0); border-right-color: #105970; border-width: 20px; margin-top: -20px; } #story2017d{background-image: url(../img/story2017d.jpg); height: 182px; width: 572px; margin-right:25px; display:block; background-repeat: no-repeat; float: left;position: relative;} #story2018{background-image: url(../img/story-2018.jpg); height: 182px; width: 572px; margin-left:25px; display:block; background-repeat: no-repeat; float: left;position: relative;} #story2017d:after { border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #D1A053; margin-top: -20px; left: 100%; top: 50%; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } #story2018b{background-image: url(../img/story-2018b.jpg); height: 182px; width: 572px; margin-right:25px; display:block; background-repeat: no-repeat; float: left;position: relative;} #story2018b:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #b41227; border-width: 20px; margin-left: -20px; } #story2018c{background-image: url(../img/story-2018c.jpg); height: 182px; width: 572px; margin-left:25px; display:block; background-repeat: no-repeat; float: left;position: relative;} #story2019-1{background-image: url(../img/os-1.jpg); height: 182px; width: 572px; margin-right:25px; display:block; background-repeat: no-repeat; float: left;position: relative;} #story2019-2{background-image: url(../img/os-2.jpg); height: 182px; width: 572px; margin-left:25px; display:block; background-repeat: no-repeat; float: left;position: relative; background-size: cover;} #story2020-1{background-image: url(../img/os-3.jpg); height: 182px; width: 572px; margin-right:25px; display:block; background-repeat: no-repeat; float: left;position: relative; background-size: cover;} #story2020-2{background-image: url(../img/os-4.jpg); height: 182px; width: 572px; margin-left:25px; display:block; background-repeat: no-repeat; float: left;position: relative;} #story2021-1{background-image: url(../img/os-5.jpg); height: 182px; width: 572px; margin-right:25px; display:block; background-repeat: no-repeat; float: left;position: relative;} #story2021-2{background-image: url(../img/os-6.jpg); height: 182px; width: 572px; margin-left:25px; display:block; background-repeat: no-repeat; float: left;position: relative;} #story2019-1:after { border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #382e2f; margin-top: -20px; left: 100%; top: 50%; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } #story2019-2:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #B2B7A8; border-width: 20px; margin-left: -20px; } #story2020-1:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #B2B7A8; border-width: 20px; margin-left: -20px; } #story2020-2:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #62436F; border-width: 20px; margin-top: -20px; } #story2021-1:after { border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #CCA354; margin-top: -20px; left: 100%; top: 50%; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } #story2021-2:after { } #story2018:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #382e2f; border-width: 20px; margin-left: -20px; } /*#story2018c:after { border-color: rgba(136, 183, 213, 0); border-right-color: #d1a053; border-width: 20px; margin-top: -20px; right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }*/ #story2018c:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #d1a053; border-width: 20px; margin-top: -20px; } body.category-10 .main.header_banner h1 { padding-top: 340px; } li.g-funding { background-image: url(../img/grant_funding_icon_l.png); font-size: 1.5em; background-position: 0px; background-repeat: no-repeat; padding-left: 80px; line-height: 3em; margin-right: 40px; } li.cap-investments{background-image: url(../img/capital_investments_icon_l.png); font-size: 1.5em; background-position: 0px; background-repeat: no-repeat; padding-left: 80px; line-height: 3em; margin-right: 40px;} li.e-funding{background-image: url(../img/enable_funding_icon_l.png); font-size: 1.5em; background-position: 0px; background-repeat: no-repeat; padding-left: 80px; line-height: 3em; margin-right: 40px;} li.s-buses{background-image: url(../img/smiley_buses_icon_l.png); font-size: 1.5em; background-position: 0px; background-repeat: no-repeat; padding-left: 80px; line-height: 3em;} .cat-wrapper .cats__icon.btnn.v2.color-white { position: absolute; display: inline-block; } .casestudy_deets { float: left; width: 80%; } .casestudy_cats { float: right; width: 28%; margin-right: -80px; } a.btn.casestudy_btn { padding: 7px 30px; display: block; width: 220px !important; } .case_study__content h1 a { color: #000 !important; font-size: 0.9em !important; } .case_study__content h1 { color: #000 !important; font-size: 4.5em !important; margin: 45px 0 0 0 !important; } .case_study__content h2{ color: #c11229 !important; font-size: 3em !important; margin-top:10px !important; } .cat-wrapper.cs_icons { float: left; background-color: blue; display: block; width: 100px; height: 100px; } .cs_icons { display: block; width: 100%; height: 100px; margin-top: 40px; float: left; } p.case_study_text { font-size: 1.1em !important; } p.case_study_text span{font-weight: 100 !important;} .logo_enable { width: 321px; height: 208px; position: absolute; margin-top: -148px; /* z-index: 9999999999; */ margin-left: 70px; background-image: url(../img/enable__logo.jpg); background-size: contain; background-position: center; } .enablefunding_cont {background-color: #858481 !important;} .enablefunding_cont h2{margin-bottom: 15px !important;} .enablefunding_cont p { width: 63%; float: left; font-size: 2.2em !important; font-weight: 100; } .enablefunding_cont a { margin-top:30px; margin-left:5%; } .main.header_banner {background-color: transparent;} h2.home_asm{color: #c7192f !important;} .main.header_banner h1 {padding-top: 270px;} body.page-id-13 .main.header_banner h1 { padding-top: 315px; } body.page-id-86 .main.header_banner h1{display: none;} h2.how_apply.projectandcap {margin-top: 0px !important;} p.smiley_bus_con {margin-bottom: 0 !important;} a.btn.background-light-grey {color: #000;} a.btn.enable__btn{background-color: #c11329;} a.btn.enable__btn:hover{background-color: #fff;} a.btn.video_link {margin-left: 35px;} div#story1 { background: url(../img/steve_morgan_story.jpg) #d1a053;} .clear{clear:both;} .background-black { background:#000 !important; } .background-white { background:#fff; } .background-red {background:#C3152B} .background-seashell {background:#f1f1f1} .background-flint {background:#72706B !important} .background-thunder {background:#392E2F !important} .background-iron {background:#D3D3D4 !important} .background-grey {background-color: #6B6863} .background-light-grey {background-color: #E2E0DD !important} .background-cod-grey {background-color: #181818 !important} .background-masala {background-color: #454341 !important} .background-enable {background: url(../img/enable-logo.png) center no-repeat} .background-enable h1 {text-indent: -99999px} .color-black { color:#000 !important} .color-white { color:#fff !important} .color-red {color:#C3152B !important} .color-blue {color:#3EAEFF !important} .color-blue-2 {color:#6CB4E4 !important} .color-yellow {color:#E58F05 !important} /*.color-grey {color:#555659 !important}*/ .color-grey {color:#6d6e71 !important} .color-fuscous-gray {color:#4B4947 !important} .color-chathams-blue {color:#115970 !important} .color-cocoa-brown {color:#2D2122 !important} .color-abbey {color:#555659 !important} .color-cocoa-brown-opacity {color:rgba(45,33,34,0.5) !important} .color-mine-shaft {color:#222222 !important} .color-scorpion {color:#565656 !important} .text-even {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-flow: row wrap !important; -moz-flex-flow: row wrap !important; -ms-flex-flow: row wrap !important; flex-flow: row wrap !important; -webkit-justify-content: space-between !important;} .text-even a.btn {text-align: left; display: inline-block; position:relative} .clearfix:before, .clearfix:after { content:''; display:table; } .clearfix:after { clear:both; } .clearfix { *zoom:1; } .font-135 {font-size: 135px !important} .font-45 {font-size: 4.5em !important} .font-30 { font-size:3.0em; } .font-27 { font-size:2.7em; } .font-24 { font-size:2.4em; } .font-21 { font-size:2.1em; } .font-18 { font-size:1.8em !important; } .font-15 { font-size:1.5em; } .weight-300 {font-weight: 300 !important} .flex-height {display: flex; flex-wrap: wrap;} h2.title {font-size:4em !important;} .float-left { float:left; } .float-right { float:right; } .font-bold { font-weight:bold; } .font-normal { font-weight:normal !important; } .margin-0 { margin:0 !important; } .margin-top-0 { margin-top:0 !important; } .margin-bottom-0 { margin-bottom:0 !important; } .margin-left-0 { margin-left:0; } .margin-right-0 { margin-right:0; } .margin-bottom-1 {margin-bottom:2em !important} .margin-bottom-2 {margin-bottom:0.6em !important } .margin-bottom-3 {margin-bottom:3% !important} .margin-bottom-4 {margin-bottom:8em !important} .margin-bottom-5 {margin-bottom:1em !important} .margin-left-1 {margin-left: 6em} .margin-top-1 {margin-top: 5px !important} .margin-top-2 {margin-top:-42px} .margin-top-3 {margin-top:30px !important} .z-index-0 {z-index: 0} .z-index-1 {z-index: 1} .z-index-2 {z-index: 2} .padding-0 { padding:0; } .padding-top-0 { padding-top:0; } .padding-bottom-0 { padding-bottom:0 !important; } .padding-left-0 { padding-left:0; } .padding-right-0 { padding-right:0; } .padding-top-15 {padding-top:15px} .text-left { text-align:left; } .text-center { text-align:center !important; } .text-right { text-align:right; } .text-lowercase { text-transform:lowercase; } .text-uppercase { text-transform:uppercase; } .spacer-1 {position:relative; margin-bottom: 50px !important} .spacer-1:after {position:absolute; width:127px; height:4px; left:50%; bottom:-20px; content: ""; background:#c11229; margin-left: -63px} .background-left-right {background:url(../img/background-left-right.png) center top no-repeat; background-size: cover; min-height: 558px} .border-bottom {position: relative;} .border-bottom:after {position: absolute; bottom:-10px; left:0; content:""; width:50%; height:3px; background: rgba(255,255,255,0.5)} .red-list > p {background:#99091b; } .grey-list > p {background:rgba(255,255,255,0.4)} .red-list > p, .grey-list > p {padding:0.7em 1em; line-height: 1.2em; margin:7px 0 !important; letter-spacing: -1px} .background-reaching {background: url(../img/reaching-children-background.jpg) no-repeat center top;} .main p > a {color:#000; font-size:1em; font-weight: 700} .main p > a:hover {text-decoration: underline} .text-shadow-0 {text-shadow: inherit !important} .content a.btn + a.btn {margin-top: 0.5em} .content h2, .background-white h2, .article-content h2, .background-red h2, .background-light-grey h2 {color:#000} .underline {text-decoration: underline !important} h2 > a {font-size:1em !important} .line-height-1 { line-height: 1.2em;} .line-height-2 li { line-height: 1.4em;} .one-fourth a { color: inherit !important; font-size: inherit !important; } .cat-col-11 {background: rgba(190,47,63,0.85) !important} .cat-col-12 {background: rgba(190,47,63,0.85) !important} .cat-col-13 {background: rgba(190,47,63,0.85) !important} .cat-col-14 {background: rgba(190,47,63,0.85) !important} .single-content p {font-size:2em; line-height:1.3em; margin-bottom:26px} /* -------------------------------------------------- Layouts -------------------------------------------------- */ .row { height:auto; width:100%; margin-bottom:0px; } .column { background:green; float:left; margin-left:2%; } .column:first-child, .column.first { margin-left:0; } .column:last-child, .column.last { } div[class*=column-] {float:left; margin-right:5%} div[class*=column-]:last-of-type {margin-right:0} /*column gap 5%*/ .column-1 { width: 3.75%;} .column-2 { width: 12.5%; } .column-3 { width: 21.25%; } .column-4 { width: 30%;} .column-5 { width: 38.75%; } .column-6 { width: 47.5%;} .column-7 { width: 56.25%; } .column-8 { width: 65%;} .column-9 { width: 73.75%; } .column-10 { width: 82.5%; } .column-11 { width: 91.25%; } .column-12 { width:100%; } .column-61 {width:61%; position: relative} .center-content {text-align: center} .center-content > a {display:inline-block } .social-wrapper {} .social-wrapper > a {padding:32px 0 5px; margin-right: 20px; width:205px; } .social-wrapper > a:last-of-type {margin-right:0} .social-wrapper > a i {font-size:3em} .social-wrapper > a p {font-size:1em;margin-top: 0;} .social-wrapper > a:hover {background:#373533} .social-fb {background:#3b5998} .social-tw {background:#1da1f2} .social-ins {background:#DF4E53} .social-background {background: url(../img/contact-page-background.png) center top no-repeat; background-size: cover;margin-top:-75px} div[class*=column-w-] {float:left; margin-right:0} /* wide column - no gap */ .column-w-1 { width:8.333333333333333%; } .column-w-2 { width:16.66666666666667%; } .column-w-3 { width:25%; } .column-w-4 { width:33.33333333333333%; } .column-w-5 { width:41.66666666666667%; } .column-w-6 { width:50%; } .column-w-7 { width:58.33333333333333%; } .column-w-8 { width:66.66666666666666% } .column-w-9 { width:75%; } .column-w-10 { width:83.33333333333333%; } .column-w-11 { width:91.66666666666667%; } .column-w-12 { width:100%; } /*.height {min-height:188px !important}*/ .height-plus-1 {position:absolute;top:-25px;right:100px ;height: calc( 100% + 50px);} .position-relative {position: relative} /* -------------------------------------------------- Header -------------------------------------------------- */ .header { } .header .inner { background:green; margin:0 auto; max-width:960px; } body .main header a {font-size:1em} .logo { } .logo a { } .navigation { } .navigation ul { } .navigation ul li { } .navigation ul li a { } /* -------------------------------------------------- Main -------------------------------------------------- */ .main { max-width: 1441px;margin: 0 auto;background-color: #fff;} .main .inner { margin:0 auto; max-width:1300px; padding-left: 10px; padding-right: 10px } .main h1 { font-size:6.0em; margin:20px 0; line-height: 1.1em; } .main h2 { font-size:3.2em; margin:20px 0; line-height: 1.3em;/* padding-top: 5px; padding-bottom: 5px;*/} .main h3 { font-size:2.4em; margin:20px 0; } .main h4 { font-size:2.1em; margin:20px 0; } .main h5 { font-size:1.8em; margin:20px 0; } .main h6 { font-size:1.5em; margin:20px 0; } .main h2 + h2 {margin-top:-20px} .main p { font-size:2.2em; margin:20px 0; line-height: 1.4em; } .main a { color:#fff; text-decoration:none; font-size: 2em } .mina a:hover { text-decoration:underline; } .main img { display:block; max-width:100%; } .main ol, .main ul { font-size:1.5em; margin:20px 0; } .main ul:not(.buttons-centered) li {position:relative; list-style: none; font-size: 1.4em; padding-left: 5px;} .main ul li:before {position:absolute; content:"•"; top:50%; left:-20px; color:#c3152c; font-size:2em; transform: translate(0,-51%)} ul.fund_sec2 li { color: #c3152c !important; font-size: 29px !important; list-style-type: disc !important; } ul.fund_sec2 li { line-height: 0.8em; margin-bottom: 12px; padding-left: 0px !important; margin-left: 9px !important; } ul.fund_sec2 li span{color: #565656; font-size: 0.75em;} ul.fund_sec2 li:before {display: none;} ul.fund_sec li:before {display: none;} .main ul li .btn {font-size:1em} .breadcrumbs { } .breadcrumbs ul { } .breadcrumbs ul li { } .breadcrumbs ul li a { } .menu { } .menu ul { } .menu ul li { } .menu ul li a { } .title { } .title h1 { } .subtitle { } .subtitle h2 { } .intro { } .intro p { } .teaser { } .teaser-header { } .teaser-content { } .teaser-footer { } /* -------------------------------------------------- Footer -------------------------------------------------- */ .footer { } .footer .inner { background:green; margin:0 auto; max-width:960px; } .copyright { } .copyright p { } /* -------------------------------------------------- Hacks -------------------------------------------------- */ .ie7 { } .ie8 { } .ie9 { } /* -------------------------------------------------- Twitter -------------------------------------------------- */ .latest__tweet h3.widget-title{display: none;} .latest__tweet ul li{list-style-type: none;} .latest__tweet ul { width: 60%; margin: 0 auto; text-align: center; list-style-type: none; padding: 0; } .latest__tweet{padding-bottom: 3em;} .latest__tweet ul li:before{display: none; } .latest__tweet a{color: #1e1e1f; font-size: 1.1em;} .latest__tweet span.from-meta { display: none; } .latest__tweet span.entry-content { clear: both; display: block; } span.time-meta a { color: #6d6e71; font-size: 1em; } span.intent-meta { margin-left: 20px; } .latest__tweet span.intent-meta a.in-reply-to{background-image: url(../img/twitter_reply.jpg); background-repeat: no-repeat; text-indent: -9999999px; width: 30px; height: 18px; display:inline-block;} .latest__tweet span.intent-meta a.retweet{background-image: url(../img/twitter_retweet.jpg); background-repeat: no-repeat; text-indent: -9999999px; width: 30px; height: 18px; display: inline-block;} .latest__tweet span.intent-meta a.favorite{background-image: url(../img/twitter_favourite.jpg); background-repeat: no-repeat; text-indent: -9999999px; width: 30px; height: 18px; display: inline-block;} .cats__icon.btnn.v2.color-white { /* position: absolute !important; */ top: 10px; width: 51px !important; height: 51px !important; float: right; right: 20px !important; transform: none !important; display: block !important; min-height: auto !important; left: auto !important; padding: 0; z-index: 9999999; } .cats__icon.btnn.v2.color-white.cat-col-11 { background: transparent !important; background-image: url(../img/capital_investment_icon.png) !important; background-size: contain !important; } .cats__icon.btnn.v2.color-white.cat-col-12 { background: transparent !important; background-image: url(../img/enable_funding_icon.png) !important; background-size: contain !important; } .cats__icon.btnn.v2.color-white.cat-col-13 { background: transparent !important; background-image: url(../img/grant_funding_icon.png) !important; background-size: contain !important; } .cats__icon.btnn.v2.color-white.cat-col-14 { background: transparent !important; background-image: url(../img/smiley_buses_icon.png) !important; background-size: contain !important; } .btn.v2.color-white.cat-col-11{background: rgba(190,47,63,0.85) !important;} .latest__tweet { /* border: 1px solid rgba(0, 0, 0, 0.21); */ margin: 0 auto; max-width: 1280px; background-color: #fff; /* background-image: url(../img/twitter_bg.jpg); */ background-position: bottom; background-size: cover; } .latest__tweet h3 { text-align: center; color: #000; margin: 5px 0 25px 0; } .tweet_bird { background-image: url(../img/twitter_bird.png); width: 53px; height: 45px; margin: 30px auto 0px auto; } /* timeline */ .timeline{ position: relative; } .timeline:after { content:''; display:block; width:100%; clear:both; } .timeline:before{ content: ""; display: block; height: 100%; width: 3px; position: absolute; top: 0; left: 50%; margin-left: 0px; /*background-color:rgba(0,0,0, 0.1);*/ background: rgba(108,108,108,0); background: -moz-linear-gradient(top, rgba(108,108,108,0) 0%, rgba(108,108,108,0.5) 10%, rgba(108,108,108,0.5) 90%, rgba(108,108,108,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(108,108,108,0)), color-stop(10%, rgba(108,108,108,0.5)), color-stop(90%, rgba(108,108,108,0.5)), color-stop(100%, rgba(108,108,108,0))); background: -webkit-linear-gradient(top, rgba(108,108,108,0) 0%, rgba(108,108,108,0.5) 10%, rgba(108,108,108,0.5) 90%, rgba(108,108,108,0) 100%); background: -o-linear-gradient(top, rgba(108,108,108,0) 0%, rgba(108,108,108,0.5) 10%, rgba(108,108,108,0.5) 90%, rgba(108,108,108,0) 100%); background: -ms-linear-gradient(top, rgba(108,108,108,0) 0%, rgba(108,108,108,0.5) 10%, rgba(108,108,108,0.5) 90%, rgba(108,108,108,0) 100%); background: linear-gradient(to bottom, rgba(108,108,108,0) 0%, rgba(108,108,108,0.5) 10%, rgba(108,108,108,0.5) 90%, rgba(108,108,108,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6c6c', endColorstr='#6c6c6c', GradientType=0 ); } .timeline .time-separator{ text-align: center; } .timeline .time-item .center-line{ position: absolute; top: 50%; margin-top: -7.5px; } .timeline .time-item .center-line { background-color:#fff!Important; } .timeline .time-item .center-line.circle i{ width:18px; height:18px; border:3px solid rgba(0,0,0, 0.1); display:block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .timeline .time-item .center-line.square i { width:18px; height:18px; border:3px solid rgba(0,0,0, 0.1); display:block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .timeline .time-item .center-line i:after { content:''; border:4px solid #fff; width:26px; height:26px; display:block; position:absolute; top:-4px; left:-4px; } .timeline .time-item .center-line.circle i{ border-radius: 100%;} .timeline .time-item .center-line.square i{ border-radius: 0;} .timeline .time-item .content-line{ border: 1px solid rgba(0,0,0, 0.1); position: relative; padding: 20px; position: relative; background: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .timeline-left-group .content-line { margin: 0 50px 0 0; } .timeline-right-group .content-line { margin: 0 0 0 50px; } .timeline .time-item.left .content-line{ right: 100px; } .timeline .time-item.right .content-line{ left: 100px; } .timeline .time-item:hover .content-line *{ -webkit-transition:0s; -moz-transition:0s; -ms-transition:0s; -o-transition:0s; transition:0s; } .timeline .time-item:hover .center-line i{ background: #666; color: #fff; } .timeline .time-item.left:hover .content-line{ right: -10px; } .timeline .time-item.right:hover .content-line{ left: -10px; } .timeline .time-item .content-line:before { position: absolute; top: 50%; margin-top: -7px; display: block; width: 14px; height: 14px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); background: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .timeline .time-item.left .content-line:before { right: -7px; border-right: 1px solid rgba(0,0,0, 0.1); border-top: 1px solid rgba(0,0,0, 0.1); } .time-item.left:first-of-type .content-line:after{ right: -7px; border-right: 1px solid rgba(0,0,0, 0.1); border-top: 1px solid rgba(0,0,0, 0.1); } .funding_header_content{ width: 40%; margin: 60px auto 70px auto; text-align: center; } .funding_header_content h2 { color: #c11229; font-size: 5em; } #howto5 .content-line:before {display: none;} #howto3 .content-line:before {display: none;} .timeline .time-item.right .content-line:before { left: -7px; border-left: 1px solid rgba(0,0,0, 0.1); border-bottom: 1px solid rgba(0,0,0, 0.1); } .timeline .time-item{ padding: 45px 0; position: relative; } .timeline-left-group { float:left; width:50%; } .timeline-right-group { float:right; width:50%; } .timeline .time-item.right { float:right; width: 100%; } .timeline .time-item.left{ float:left; width: 100%; } .timeline .time-item.left .center-line{ right: -8px; } .timeline .time-item.left .content-line{ right: 0; } .timeline .time-item.right .content-line{ left: 0; } .timeline .time-item.right .center-line{ left: -10px; } @media handheld, only screen and (max-width: 800px) { .story_row{margin-bottom: 0;} #story2001{float: none; margin: 0 auto 5px auto; width: 95%; height:130px; background-size: contain;} #story2001:after{display: none;} #story2005{float: none; margin: 0 auto 5px auto; width: 95%; height:130px; background-size: contain;} #story2005:after{display: none;} #story2007{float: none; margin: 0 auto 5px auto; width: 95%; height:130px; background-size: contain;} #story2007:after{display: none;} #story2006{float: none; margin: 0 auto 5px auto; width: 95%; height:130px; background-size: contain;} #story2006:after{display: none;} #story2008{float: none; margin: 0 auto 5px auto; width: 95%; height:130px; background-size: contain;} #story2008:after{display: none;} #story2010{float: none; margin: 0 auto 5px auto; width: 95%; height:130px; background-size: contain;} #story2010:after{display: none;} #story2014{float: none; margin: 0 auto 5px auto; width: 95%; height:130px; background-size: contain;} #story2014:after{display: none} #story2012{float: none; margin: 0 auto 5px auto; width: 95%; height:130px; background-size: contain;} #story2012:after{display: none;} #story2015a{float: none; margin: 0 auto 5px auto; width: 95%; height:130px; background-size: contain;} #story2015a:after{display: none;} #story2015b{float: none; margin: 0 auto 5px auto; width: 95%; height:130px; background-size: contain;} #story2015b:after{display: none;} #story2016{float: none; margin: 0 auto 5px auto; width: 95%; height:130px; background-size: contain;} #story2016:after{display: none;} #story2016b{float: none; margin: 0 auto 5px auto; width: 95%; height:130px; background-size: contain;} #story2016b:after{display: none;} #story2016c{float: none; margin: 0 auto 5px auto; width: 95%; height:130px; background-size: contain;} #story2016c:after{display: none;} #story2017a{float: none; margin: 0 auto 5px auto; width: 95%; height:130px; background-size: contain;} #story2017a:after{display: none;} #story2017b{float: none; margin: 0 auto 5px auto; width: 95%; height:130px; background-size: contain;} #story2017b:after{display: none;} #story2017c{float: none; margin: 0 auto 5px auto; width: 95%; height:130px; background-size: contain;} #story2017c:after{display: none;} #story2017d{float: none; margin: 0 auto 5px auto; width: 95%; height:130px; background-size: contain;} #story2017d:after{display: none;} #story2018{float: none; margin: 0 auto 5px auto; width: 95%; height:130px; background-size: contain;} #story2018:after{display: none;} .timeline .time-item,.timeline .time-item.right,.timeline .time-item.left { margin-left: 0; margin-right: 0; } .timeline-left-group, .timeline-right-group { margin-bottom: 15px; overflow: auto; } .timeline .center-line { display:none; } .timeline-left-group .content-line, .timeline-right-group .content-line { margin: 0; } .timeline .time-item.left .center-line{ right: 15px; } .timeline .time-item.right .center-line{ left: 15px; } .timeline-left-group, .timeline-right-group { float:none; width:100%; } .timeline .time-item.left .content-line:before, .timeline .time-item.right .content-line:before { display:none; } .timeline .time-item.left:hover .content-line, .timeline .time-item.right:hover .content-line { left:0; right:0; } .timeline .time-item.right .content-line:before { left:-6px; } .timeline .time-item.left .content-line:before { right: -6px; } .timeline .time-item .content-line:before { width: 12px; height: 12px; margin-top: -6px; } } /* timeline */ .timeline .time-item { width: 50%; position: relative; float: left; clear: left; margin-right: auto!important; margin-left: auto!important; padding-top: 10px; padding-bottom: 10px; } .timeline .time-item.left .content-line { right: 50px; margin-left: 50px; } .timeline .time-item.left:hover .content-line { right: 40px; } .timeline .time-item.right { float: right; clear: right; } .timeline .time-item.right .content-line { left: 50px; margin-right: 50px; } .timeline .time-item.right:hover .content-line { left: 40px; } .timeline .time-item:hover .content-line { border-color: #e5a300; } .timeline .time-item:hover .content-line:before { background-color: none; border-color: #e5a300; } .timeline .time-item .content-line { text-align: left; } .timeline .time-item .content-line h2 { margin-top: 0px; font-size: 4em; font-weight: 600; } .timeline .time-item .center-line i { color: #fff; } .timeline .time-item:hover .center-line i { background: #e5a300; } @media handheld, only screen and (max-width: 800px) { .timeline .time-item { width: 100%; float: left; clear: left; } .timeline .time-item.right { float: left; clear: left; } .timeline .time-item .center-line { display: none !important; } .timeline .time-item .content-line { margin: 0 auto !important; } .timeline .time-item:hover .content-line:before, .timeline .time-item .content-line:before { background: none!important; border: none !important; } } /*.timeline {width:100%}*/ .timeline {max-width: 1223px; margin:0 auto !important; display: block; float: none; position: relative; z-index: 1 !important; } .content-line { width: 94%; right: 0px !important; margin-left: 0 !important; } .timeline .time-item .content-line {border:0; color:#fff; margin-bottom: 10px} .timeline .time-item .content-line:before {background: #2d2122; height:42px; width:42px; border: 0 !important; margin-top:-21px; z-index: -1} .timeline .time-item.right:first-of-type .content-line:before {background: #b41227; top: 80%;} .timeline .time-item.right:nth-of-type(2) .content-line:before {background: #392e2f; top:inherit; bottom:30% } .timeline .time-item.left:nth-of-type(2) .content-line:before {background: #fff; top:180px } .timeline .time-item.left .content-line:before {right:-20px} .timeline .time-item.right .content-line:before {left:-20px} /*.timeline-no {position: absolute; top:-20px; right:20px; color:#d1d0d0;color:rgba(255,255,255,0.5); font-size: 9.6em !important; font-weight: 700}*/ .timeline-no { position: absolute; top: -35px; right: 30px; /*color: #d1d0d0;*/ color: rgba(255,255,255,0.5); font-size: 11em !important; font-weight: 800; font-family: 'Open Sans', sans-serif; } .time-item.hta.right:first-of-type .content-line { background: url(../img/1-enable.jpg) no-repeat right bottom !important; margin-top: 0px; padding: 106px 68px 39px !important; min-height: 355px !important; background-size: cover !important; background-position: center !important; } h2.how_apply.smileybf { padding-top: 20px; clear: both; display: block; padding-left: 20px; } .smiley__logo.htasb { margin-top: 50px; } p.cwhc_by{font-style: normal !important; margin-top:0px !important; padding-top: 0px !important;} .banner.height4.ent-rev-center.hta__ban {height: 336px !important;} .can_we_help_copy {width: 40%; margin-bottom: 0px !important; padding-bottom: 0px !important;} .can_we_help_copy p { color: #fff; font-style: italic; padding-bottom: 0px; margin-bottom: 8px; } div#howto2.time-item.htaa.right .content-line{padding-bottom: 40px;} div#howto2.time-item.htap.left .content-line{padding-bottom: 75px;} .time-item.left:first-of-type .content-line {background:url(../img/1-eligibility.jpg) no-repeat top; background-size: cover; padding: 74px 50px 58px 50px;} .time-item.left:nth-of-type(2) .content-line {background:url(../img/2-phone-us.png) no-repeat right bottom, #b41227; padding: 50px 60px;} .time-item.left:nth-of-type(3) .content-line {padding: 50px 60px; border: 1px solid #ababab;} .time-item.right:first-of-type .content-line {background:url(../img/1-enable.jpg) no-repeat right bottom, #b41227; margin-top:0px; padding: 53px 68px 39px; } .time-item.right:nth-of-type(2) .content-line {background:url(../img/capital_tofbg.jpg) no-repeat center !important; background-size: cover !important; padding: 45px 45px 45px !important; } .time-item.right:nth-of-type(3) .content-line { background: url(../img/smiley__bus_bg.jpg) no-repeat top; background-size: cover; padding: 45px 45px 25px; } .time-item.right:nth-of-type(4) .content-line {background:url(../img/2-phone-us.png) no-repeat right bottom, #b41227; padding: 50px 60px;} .time-item.tof.right:first-of-type .content-line {background:url(../img/tof_enable_bg.jpg) no-repeat right bottom, #b41227; margin-top:0px; padding: 53px 68px 39px; position: relative; background-size: cover; min-height: 330px !important; } .time-item.tof.right:nth-of-type(2) .content-line {background:url(../img/capital__tof_bg.jpg) no-repeat right bottom, #b41227; margin-top:0px; padding: 53px 68px 39px; background-size: cover; position: relative; min-height: 330px !important;} .time-item.tof.left:nth-of-type(2) .content-line {padding: 50px 60px; border: 1px solid #ababab;} .time-item.tof.left:nth-of-type(2) .content-line {background:url(../img/2-phone-us.png) no-repeat right bottom, #b41227; padding: 50px 60px; position: relative;} div#howto2.time-item.tof.left:nth-of-type(2) .content-line {background:url(../img/smiley__bus_bg.jpg) no-repeat top; background-size: cover; padding: 50px 60px; height: 330px;} .time-item.tof.left:first-of-type .content-line {background:url(../img/grant_funding_tof.jpg) no-repeat top; background-size: cover; padding: 74px 50px 58px 50px; min-height: 330px !important; position: relative;} .timeline .time-item.tof.left .content-line:before{display: none !important;} .timeline .time-item.tof.right:first-of-type .content-line:before{display: none !important;} .timeline .time-item.right .content-line { left: 40px; margin-right: 0; } .tof_grant_icon { position: absolute; top: 20px; right: 20px; height: 70px; width: 70px; background-image: url(../img/grant_funding_icon_l.png); background-repeat: no-repeat; } .tof_enable_icon { position: absolute; top: 20px; right: 20px; height: 70px; width: 70px; background-image: url(../img/enable_funding_icon_l.png); background-repeat: no-repeat; } .tof_smiley_icon { position: absolute; top: 20px; right: 20px; height: 70px; width: 70px; background-image: url(../img/smiley_buses_icon_l.png); background-repeat: no-repeat; } .tof_capital_icon { position: absolute; top: 20px; right: 20px; height: 70px; width: 70px; background-image: url(../img/capital_investments_icon_l.png); background-repeat: no-repeat; } h2.fund_header {margin: 0px;} p.discuss_eligi{margin: 0px;} p.funding_tel { margin: 0px; font-size: 3em; margin: 10px 0 0 0; background-image: url(../img/funding_telephone.jpg); background-repeat: no-repeat; background-position: 0px 7px; width: auto; display: inline-block; padding-left: 38px; clear: left; } p.funding_tel span{ background-image: url(../img/funding_telephone.jpg); background-repeat: no-repeat; height: 30px; width: 30px; } p.funding_email { margin: 0px; font-size: 3em; margin: 0px; background-image: url(../img/funding_email.jpg); background-position: 0px 14px; background-repeat: no-repeat; width: auto; display: inline-block; padding-left: 47px; clear: left; color: #6d6e71 !important; } p.funding_email a{color: #6d6e71 !important; font-weight: normal;} p.funding_email span{ background-image: url(../img/funding_telephone.jpg); background-repeat: no-repeat; height: 30px; width: 30px; } li#wp-admin-bar-my-account .wp-user-avatar {height:26px !important} h2.how_apply { text-align: center; color: #000; } .smiley_content { float: left; display: block; width: 60%; } .smiley__logo { display: block; margin-top: 90px; position: absolute; right: 50px; } /*v1*/ /*header { position: relative; width: 100%; } header.clone { position: fixed; top: -130px; left: 0; z-index: 99; transition: 0.5s ease; max-width: 1441px; transform: translate(-50%,0); left: 50%; } body.down header.clone { top: 0; } body.down.logged-in.admin-bar header.clone {top:32px;} header.clone {padding:1em} header.clone #logo img {max-width:230px;} header.clone nav ul {margin:0}*/ header { position: relative; width: 100%; } header.clone { position: fixed; top: -130px; left: 0; z-index: 99; /*transition: 0.6s top cubic-bezier(.3,.73,.3,.74);*/ transition: 0.5s ease } body.down header.clone { top: 0; } body.down.logged-in.admin-bar header.clone {top:32px;} header.clone {position:fixed; width:100%; top:-130px; left:0; z-index:99; padding:1em} header.clone #logo {width:24%;} header.clone #logo img {max-width:230px;} header.clone nav ul {margin:0} header.clone nav {width:76%} header.clone #menu-top-nav .menu-item .sub-menu {top:29px} body.down header.clone {position:fixed; width:100%; top:0; left:0; z-index:99; padding:1em} body.down header.clone #logo {width:24%;} body.down header.clone #logo img {max-width:230px;} body.down header.clone nav ul {margin:0} body.down header.clone nav {width:76%} body.down.logged-in.admin-bar header.clone {top:31px;} .three-quarters.slider .one-third .btn:before {opacity:0; transition:0.3s ease; position:absolute;content:""; top:-10px; left:-20px; width:120%; height:120%; z-index:-1;} .three-quarters.slider .one-third:hover .btn:before { opacity:1} .three-quarters.slider .one-third {overflow:hidden} .three-quarters.slider .one-third .btn:before {background:rgba(190,47,63,1) !important} /*.three-quarters.slider .one-third:nth-of-type(3n+1) .btn:before {background:rgba(190,47,63,1) !important)} .three-quarters.slider .one-third:nth-of-type(3n+2) .btn:before {background:rgba(190,47,63,1) !important} .three-quarters.slider .one-third:nth-of-type(3n+3) .btn:before {background:rgba(190,47,63,1) !important}*/ .three-quarters.slider .one-third .btn {transition:0.3s ease; padding: 0px 20px;} /*.three-quarters.slider .one-third:hover .btn { bottom: 0%; left:0; transform: translate(0,0) ; width:100%; padding-top: 50px; padding-bottom: 50px; }*/ .latest-news .one-third:hover img {transform: scale(1.1) ;} .width-100 img {transition:0.3s ease} .recent-projects {overflow:hidden} /*.recent-projects .btn {transition:0.3s ease; padding: 10px 35px;} .recent-projects:hover:not(.background-red-pattern):not(.background-grey-pattern):not(.background-grey.recent-projects) .btn { bottom: 0%; left:0; transform: translate(0,0) ; width:100%; padding-top:100%; padding-bottom:8%; }*/ .recent-projects .btn {} /* .recent-projects:not(.background-red-pattern):not(.background-grey-pattern):not(.background-grey.recent-projects) .btn { min-height: 101px; display: flex; align-items: center; } */ .sr .ent-rev-top, .sr .ent-rev-left, .sr .ent-rev-right, .sr .ent-rev-bottom, .sr .ent-rev-center {visibility: hidden;} /* Colours RED: #c11229 rgba(190,47,63,0.8) GREY: #c8c5be */ .no-hover:hover {background:#c11229 !important} .recent-projects.background-grey h3 {font-weight: 400; font-size:3em} .background-white .one-fifth p {line-height:1.35em} body .article-content h2 {margin-bottom:0; padding-top: 0 !important; padding-bottom: 0 !important; font-size: 2.7em !important;} .article-content p {line-height:1.35em; margin-top:10px; font-size: 2em;} .background-light-grey h2 {padding-top:0.3em; padding-bottom:0em} .background-white h2 {padding-top:0.7em; /*padding-bottom:1.2em*/} .story-grid .one-fourth .year {margin:0; padding:8px 0 0px 0; font-size:3.9em;} .story-grid .one-fourth p {font-weight:300; padding:0 25px 5px} /*----------------------------------------------- General -----------------------------------------------*/ html { padding: 0; margin: 0; } html body { height: 100%; background: #e5e8e9; padding: 0; margin: 0 auto; } /* Fonts */ /*p { font-family: 'Oswald', sans-serif; font-size: 3em; } a {font-size: 2em}*/ /* Images */ img { max-width: 100%; } /*----------------------------------------------- Header -----------------------------------------------*/ header { background: #fff; padding: 0 3em 2em 3em; /*overflow: hidden;*/ position: relative; z-index: 1; border-bottom: 1px solid rgba(0, 0, 0, 0.17); max-width: 1441px; margin: 0 auto; } header .inner { max-width: 1441px; margin: 0 auto; } #logo { width: 33%; float: left; } #logo img { max-width: 100%; vertical-align: middle; float:right; padding-right:25px } /*----------------------------------------------- Navigation -----------------------------------------------*/ header nav { width: 67%; float: left; padding-top:10px } header nav ul { list-style: none; width: 80%; float: left; margin: 25px 0; padding-left:25px } header nav ul li {margin-right:20px} header nav ul li.has-child > a:after { color: #444; content: ' ▾'; } nav ul li { display: block; float:left } nav a { color: #42413f; font-size: 1.7em; text-transform: uppercase; text-decoration: none; padding-bottom: 15px; text-align: center; border-bottom: 3px solid transparent; } nav a:hover { border-bottom: 3px solid #fff; transition:0.3s ease; padding-bottom: 5px } nav .current-menu-item a, nav .current-menu-parent > a { border-bottom: 3px solid #c11229; padding-bottom: 5px } /* nav a.active:hover { border-bottom: 3px solid #fff; } */ /* Social Icon Navigation */ nav ul.social { width: 20%; padding-left: 0; } nav ul.social li { padding-right:20px; margin-right:0 } nav ul.social li:last-of-type { padding-right:0px; } nav ul.social li i { color: #c11229; font-size:21px; transition: 0.3s ease } nav ul.social a:hover { border:0; color:#c11229; } nav ul.social a:hover i { color:#000 } footer nav ul.social a:hover i { color:#C11229 } .underline-red{ height: 4px; background-color: #C3152C; width: 120px; margin: 0 auto;} /*----------------------------------------------- Homepage -----------------------------------------------*/ .steve_quote { border-left: 9px solid #c11229; padding-left: 27px; font-size: 2.2em; margin-bottom: 30px; /* font-style: italic; */ } .steve_quote span{font-weight: bold; font-style: normal !important; color:#494A4E} /* Slider */ .hero { background: #000; position: relative; } .hero-item img { max-width: 100%; z-index: 0; } .hero-item--content { position: absolute; }.hero-item--content.left { top: 11em; left: 26em; } .hero-item--content.left h1, .hero-item--content.left p { color: #fff; margin: 10px 0; } .hero-item--content.left h1 { text-transform: uppercase; font-size: 10.4em; width: 100%; line-height: 1em; margin-bottom: 21px; text-shadow: -2px 4px 5px rgba(0, 0, 0, 0.6); } .hero-banner {position: relative} .hero-banner h1 {width:100%;} .hero-item--content.center { position: absolute; top: 5%; left: 50%; transform: translate(-50%,0); /*z-index: 2;*/z-index: 0 } .position-bottom-left {position: absolute;bottom:0; left:70px; z-index: 1} /*.hero-item--content-bottom {position:absolute;bottom:-20px; left:60%; transform: translate(-50%,0); width:62%; background: #6B6863; color:#fff; padding:2em 4em}*/ .hero-item--content-bottom { position: absolute; /*bottom: -80px;*/ left: 50%; transform: translate(-50%,0); width: 62%; background: #6B6863; color: #fff; padding: 0em 6em; top: 265px; } .banner { width:100%; position: relative; min-height: 275px; background-image: url(../img/news-single-banner.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; /*height:275px*/ } .banner h1 {margin:0; color:#fff; /*padding-left: 3em*/; text-shadow: -2px 4px 5px rgba(0, 0, 0, 0.6);} /* Divider */ .divider { background: #6b6863; padding: 10px 4.5em; } .divider p { margin: 0; padding: 10px 0; color: #fff; } .author { font-weight: 600; } .content p {color:#6d6e71} .table {display: table; width:100%;} .table:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ } .table-cell {display:table-cell; vertical-align: middle} .align-middle { position:relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top:50%;} .quarter {width:25%; float:left; padding: 1em 6em} .background-grey p,.background-grey h3 {color:#fff} .background-dune {background: #373533} .background-image {background-repeat: no-repeat; background-size: cover; background-position: center} .background-image.about-steve {background-image: url(../img/home-21-1.jpg)} /*.quarter {width:25%}*/ .three-quarters {width:75%; float:left; } .one-third {width:33.3333%; float:left; display: block} .one-fourth {width:25%; float:left; display: block} .one-fifth {width:20%; float:left;} .col-4 {width:35%; float:left} .col-8 {width:65%; float:left} .col-6 {float:left; width:50%} .col-gap-1 .one-fourth {margin-right:1%; width:calc(24.25% - 10px); margin-bottom:1%; background:#6B6863} .col-gap-1 .one-fourth:nth-of-type(4n) {margin-right:0%} .contact-form {background: url(../img/contact_header.png) center no-repeat; background-size: cover} .story-grid {text-align: center} .story-grid .one-fourth:first-of-type { /*margin-top:-40px*/ /*transform: translate(0,-10px);*/ } .story-grid .one-fourth .year {color: #C11229} .story-grid .one-fourth p {} .story-grid img {margin:0 auto} .story-grid .one-fourth .article-content {padding:0} .story-grid .one-fourth:nth-of-type(5n+1) .article-content {background:#C11229 !important; color:#fff} .story-grid .one-fourth:nth-of-type(5n+1) .year {color:#fff } .story-grid .one-fourth:nth-of-type(5n+2) .article-content {background:#fff !important; color:#6B6863} .story-grid .one-fourth:nth-of-type(5n+2) .year {color:#C11229 } .story-grid .one-fourth:nth-of-type(5n+3) .article-content {background:#000 !important; color:#fff} .story-grid .one-fourth:nth-of-type(5n+3) .year {color:#fff } .story-grid .one-fourth:nth-of-type(5n+4) .article-content {background:#fff !important; color:#fff} .story-grid .one-fourth:nth-of-type(5n+4) .year {color:#6B6863 } .story-grid .one-fourth:nth-of-type(5n+4) p {color:#6B6863 } .story-grid .one-fourth:nth-of-type(5n+5) .article-content {background:#6B6863 !important; color:#fff} .story-grid .one-fourth:nth-of-type(5n+5) .year {color:#fff } /* .story-grid .one-fourth:nth-of-type(5n+1) .article-content {background:#C11229 !important; color:#fff} .story-grid .one-fourth:nth-of-type(5n+1) .year {color:#fff } .story-grid .one-fourth:nth-of-type(9n+3) .article-content {background:#000 !important; color:#fff} .story-grid .one-fourth:nth-of-type(9n+3) .year {color:#fff } .story-grid .one-fourth:nth-of-type(5n+4) .article-content {background:#fff !important; color:#6B6863} .story-grid .one-fourth:nth-of-type(5n+4) .year {color:#6B6863 } .story-grid .one-fourth:nth-of-type(10n+5) .article-content {background:#6B6863 !important; color:#fff} .story-grid .one-fourth:nth-of-type(10n+5) .year {color:#fff }*/ /*.force-white .padding-4 {background: #fff !important; color: #6B6863;} .force-white .year { color: #C11229 !important; } #force-black .article-content { background: #000 !important; color: #fff; } #force-black .year { color: #fff; } #force-red .article-content { background: #C11229 !important; color: #fff !important; } #force-red .year { color: #fff; } #force-red p { color: #fff !important; } #force-grey .article-content { background: #6B6863 !important; color: #fff; } #force-grey .year { color: #fff; }*/ .recent-projects {height:403px; position: relative; background-repeat: no-repeat; background-size: cover;} .testimonial {height:403px; position: relative; background:url(../img/testimonial-background.jpg) no-repeat center; background-size: cover} .recent-projects .table, .testimonial .table { height: 403px; } .center-image img {margin-left:auto; margin-right: auto} .quote {position:relative} .quote .fa-quote-left {position:absolute; font-size:1.5em; top:-15px; left: -45px} .quote .fa-quote-left:before {content:""; background:url(../img/quote-left.png) no-repeat center; width:31px;height:24px;position: absolute; top: 0; left: 0;} .quote .fa-quote-right:before {content:""; background:red; background:url(../img/quote-right.png) no-repeat center; width:31px;height:24px;position: absolute; top: 0; left: 0;} .quote .fa-quote-right { position: relative; font-size: 1.5em; bottom: 24px; right: -7px;} /*.projects-wrapper .recent-projects .btn {position: absolute; bottom: 10px; left: 50%; transform: translate(-50%, 0); display: block; width: 90%;}*/ /*.projects-wrapper .recent-projects .btn {position: absolute; bottom: 10px; left: 50%; transform: translate(-50%, 0); display: block; width: 90%;min-height: 101px; display: flex; align-items: center;}*/ /*.projects-wrapper .recent-projects:nth-of-type(8n+1) .btn {background:#000} .projects-wrapper.our-impact {} .projects-wrapper.our-impact .recent-projects .btn {background:rgba(190,47,63,0.85)} .projects-wrapper.our-impact .recent-projects:nth-of-type(7n+2) .btn {background:rgba(231,151,23,0.85)} .projects-wrapper.our-impact .recent-projects:nth-of-type(7n+3) .btn {background:rgba(76,180,255,0.85)}*/ .projects-wrapper.our-impact .recent-projects:nth-of-type(7n+4) .btn {background:rgba(0,0,0,0.85)} /*.projects-wrapper.our-impact .recent-projects:nth-of-type(7n+6) .btn {background:rgba(17,89,112,0.85)}*/ .projects-wrapper .recent-projects:not(.background-red-pattern):not(.background-grey-pattern) .btn {position:absolute; bottom:10px; left:50%; transform: translate(-50%, 0); display: block; width:90%; min-height: 101px; display: flex; align-items: center; padding: 0 30px;} .projects-wrapper.our-impact .recent-projects:not(.background-red-pattern):not(.background-grey-pattern) .btn:before {opacity:0; transition:0.3s ease; position:absolute;content:""; top:-10px; left:-20px; width:120%; height:120%; z-index:-1;} .projects-wrapper.our-impact .recent-projects:not(.background-red-pattern):not(.background-grey-pattern):hover .btn:before {opacity:1; } .projects-wrapper .recent-projects .btn.v2.color-white:before {background: rgba(190,47,63,1) !important; } .projects-wrapper .recent-projects .btn.v2.color-white:before {background:rgba(190,47,63,1) !important} .projects-wrapper .recent-projects .btn.v2.color-white:before {background: rgba(190,47,63,1) !important} .projects-wrapper .recent-projects .btn.v2.color-white:before {background: rgba(190,47,63,1) !important;} .cats__icon.btnn.v2.color-white:before{background: transparent !important;} .latest-news > div > a { font-size: inherit !important; } .latest-news .btn {font-size:2em} .latest-news p {color:#6d6e71} .background-light-grey h2 {font-size:3.4em !important} span.wpcf7-not-valid-tip {color:#fff !important} .background-red-pattern {background: url(../img/to-apply.png) center no-repeat; background-size: cover; color:#fff} .size-33 {font-size: 3.3em !important} .size-40 {font-size: 3em !important} .background-red-pattern .btn {background: rgba(0,0,0,0.85);} .projects-wrapper.our-impact .background-red-pattern.recent-projects .btn {position:relative; bottom:inherit; left: inherit; transform: translate(0,0)} .background-grey-pattern {background: url(../img/background-grey-pattern.png) center no-repeat; background-size: cover; color:#fff} .projects-wrapper.our-impact .background-grey-pattern.recent-projects .btn {position:relative; bottom:inherit; left: inherit; transform: translate(-50%,0); left:50%} .background-grey-pattern.recent-projects .btn {width:75% !important; text-align: center} .max-width {max-width: 1300px; padding-left:10px; padding-right: 10px; margin-left:auto; margin-right: auto} body .max-width-medium {max-width:1087px !important; padding-left: 10px; padding-right:10px} body .inner.max-width-narrow {max-width: 860px; padding-left:10px; padding-right: 10px; margin-left:auto; margin-right: auto} body .inner.max-width-very-narrow {max-width: 600px; padding-left:10px; padding-right: 10px; margin-left:auto; margin-right: auto} .max-width-1 {max-width:790px !important; padding-left:10px !important; padding-right:10px !important; margin:0 auto !important} .max-width-2 {max-width:890px !important; /*padding-left:10px !important; padding-right:10px !important;*/ margin:0 auto !important} .padding-1 {padding:1em 0 7em} .padding-2 {padding:3em 0} .padding-3 {padding:2em 0 3em} .padding-4 {padding:1em} .padding-5 {padding:40px 0} .padding-6 {padding:1em 2em} .padding-7 {padding:0 2em} .padding-8 {padding:2em 3em} .padding-9 {padding:10em 0} .padding-10 {padding:2em 18em 5em 8em} .padding-11 {padding:10em 0 2em} .padding-12 {padding:0em 0 3em} .padding-13 {padding:2em 0 0.5em} .padding-14 {padding:1em 10em} .padding-15 {padding:2em 7em 2em 8em} .padding-16 {padding:3.5em 0} .padding-17 {padding:1em 8em} .padding-18 {padding:1em 4em} .padding-19 {padding:1em 3em} .padding-20 {padding:8em 1em} .padding-21 {padding:5em 4em 2em 6em} .padding-22 {padding:6em 10em} .padding-23 {padding:7em 1em 7em} .padding-24 {padding:7em 10em 1em 20em} .padding-25 {padding:0 1em} .padding-26 {padding:100px 0 40px} .padding-27 {padding:6em 0 4em} .padding-28 {padding:1em 0} .padding-29 {padding:1em 5em !important} .padding-30 {padding:3em 0 5em} .padding-31 { padding: 4em 0 2em; } .padding-top-1 {padding-top: 1em} .padding-top-2 {padding-top: 0.5em} .padding-left-1 {padding-left: 4em} .offset-1 { padding: 0.7em; margin: 0 auto -40px !important; max-width: 857px; position: relative;} .offset-2 {margin-top:1em !important; margin-bottom: 1em !important} .font-size-1 {font-size: 5.6em !important} .font-width-1 {font-weight: 400} .letter-spacing-1 {letter-spacing: 4px} .font-size-34 {font-size: 2.8em !important} .font-size-67 {font-size:5.5em !important} .column-padding .one-fifth {padding:0 20px} .article-content {padding:0.5em 3.5em 2.2em 3.5em; background:#fff;} .article-content h2 {line-height: 1.3em;} .inner.color-white.clearfix.funding__enable { width: 100%; padding-right: 0; max-width: 100%; display: flex; border-bottom: 1px solid rgba(165, 165, 165, 0.45); } .fund__info h2 { color: #565656; padding-top: 0.5em; font-size: 4em; } .fund__info p { color: #565656; } .fund__info ul li { color: #565656; } .fund__info { padding: 0 5%; } .enable_sm_container{background-image: url(../img/Steve-Morgan-Enable-Funding-BG.jpg); background-size: cover; padding: 4% 0;} .enable_apps .one-third {margin-right:3%; width:31.3333%; margin-bottom: 20px;} .enable_apps .one-third:nth-of-type(3n) {margin-right:0%} .row.clearfix.content__cont { display: flex; } .jacks_story { margin: 0 auto; /* float: left; */ clear: both; display: flex; background-color: #c5202e; clear: left; color: #fff; } .jack_content { background-color: #c5202e; clear: left; color: #fff; width: 65%; float: left; padding: 2% 4% 4% 3%; position: relative; } .logo_enable.jack_enable { position: absolute; top: -40px; right: -163px; width: 100px; background-repeat: no-repeat; margin-top: 0px; width: 154px; } .jack_content h3 { font-size: 3em !important; } .jack_picture { background-image: url(../img/jack_picture.jpg); background-size: cover; width: 35%; background-position: bottom; } .enable__spotlights { width: 87%; margin: 0 auto; clear: both; margin-top: 40px; margin-bottom: 40px; } .application__children{background-image: url(../img/enable-pic1.jpg); background-size: cover; margin-right:1.5%; width:32.3333%; padding: 1% 2%;} .application__children h3{color: #fff; font-weight: 500;} .application__children a{color: #fff; background-color: #121212; display: block; padding: 5px 20px; float: left; width: auto; margin-bottom: 15px;} .application__adults{background-image: url(../img/application__adults.jpg); background-size: cover; margin-right:1.5%; width:32.3333%; padding: 1% 2%;} .application__adults h3{color: #fff; font-weight: 500;} .application__adults a{color: #fff; background-color: #121212; width: auto; display: block; padding: 5px 20px; float: left; margin-bottom: 15px;} .application__organisations{background-image: url(../img/enable-pic2.jpg); background-size: cover; margin-right:0%; width:32.3333%; padding: 1% 2%;} .application__organisations h3{color: #fff; font-weight: 500;} .application__organisations a{color: #fff; background-color: #121212; width: auto; display: block; padding: 5px 20px; float: left; margin-bottom: 15px;} .enable_funding.one-third.elderly { background-image: url(../img/elderley_assistance.jpg); background-repeat: no-repeat; min-height: 375px; position: relative; width:32.3333%; padding: 5% 16% 5% 0%; margin-bottom: 25px; margin-right: 1.5%; background-size: cover; position: relative; background-position: center; } .enable_funding.one-third.wheelchair { background-image: url(../img/sm_enable2.jpg); background-repeat: no-repeat; min-height: 375px; position: relative; margin-bottom: 25px; width:32.3333%; padding: 5% 16% 5% 0%; margin-right: 1.5%; background-size: cover; position: relative; background-position: center; } .enable_funding.one-third.sensory { background-image: url(../img/sm_enable3.jpg); background-repeat: no-repeat; min-height: 375px; margin-bottom: 25px; position: relative;width:32.3333%; padding: 5% 16% 5% 0%; background-size: cover; position: relative; background-position: center; } p.image-credit { position: absolute; bottom: 0px; right: 23px; color: #fff; font-size: 14px; font-weight: 100; } .enable_content { width: 88%; margin: 0 auto; } .enable_funding .one-third {margin-right:3%; width:31.3333%; margin-bottom: 20px;} .enable_funding .one-third:nth-of-type(3n) {margin-right:0%} .enable_funding.one-third.elderly h2 { color: #fff; position: absolute; bottom: 0px; padding: 5% 16% 5% 6%; display: block; line-height: 1.2em; font-size: 3em; } .enable_funding.one-third.sensory h2 { color: #fff; position: absolute; bottom: 0px; padding: 5% 16% 5% 6%; display: block; line-height: 1.2em; font-size: 3em; } .enable_funding.one-third.wheelchair h2 { color: #fff; position: absolute; bottom: 0px; padding: 5% 16% 5% 6%; display: block; line-height: 1.2em; font-size: 3em; } h3.examples_funding{color: #c11229; text-align: center; font-size: 3.5em; margin-bottom: 50px;} .latest-news .one-third {margin-right:3%; width:31.3333%; margin-bottom: 20px;} .latest-news .one-third:nth-of-type(3n) {margin-right:0%} .width-100 {width:100%; overflow: hidden; position:relative} .latest-news .width-100 {max-height: 283px; } .width-100 img {object-fit: cover;width: 100vw;} .profiles {position:relative} .profiles .one-third {margin-right:3%; width:31.3333%; margin-bottom:3%} .profiles .one-third:nth-of-type(3n) {margin-right:0%} .profiles .one-fourth {margin-right:0.2%; width:24.85%; height:auto !important; margin-bottom:0.2%; background-color: #fff; min-height: 441px;} .profiles .one-fourth:nth-of-type(4n) {margin-right:0%} .profiles .width-100 {} .profiles-banner {position: absolute; bottom:4.2%; right:0; background:url(../img/profiles-banner.jpg) no-repeat center; background-size: cover; width:36.1%; padding:1em 4em} .profiles-banner img {position: absolute; left:2em; bottom: -40px;} .newsletter h2 {width:30%; float:left; line-height: 1em} .newsletter form {width:70%; float:left; margin: 20px 0; } .newsletter input {width:24.25%; margin-right: 1%; background:#99091B; border:0; padding:10px; color:#fff} ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff !important; opacity:1 } ::-moz-placeholder { /* Firefox 19+ */ color: #fff !important; opacity:1 } :-ms-input-placeholder { /* IE 10+ */ color: #fff !important; opacity:1 } :-moz-placeholder { /* Firefox 18- */ color: #fff !important; opacity:1 } .newsletter input:last-of-type {margin-right:0%; background:#fff; color:#000; font-weight: 700} .author-wrapper {border-bottom:1px solid #b0b0b0; padding-bottom:1em} .signup-wrapper input {width:100%; margin-bottom: 6px; background:#99091B; border:0; padding:10px; color:#fff} .signup-wrapper input:last-of-type {margin-right:0%; background:#fff; color:#000; font-weight: 700; margin-top:5px} .arrow-down {width:77px; height:77px; position: relative; margin:0 auto; margin-bottom:-38px; z-index:0; background:#fff; border-radius: 50px; border:1px solid rgba(0,0,0,0.3)} .arrow-down i {text-align: center; display: block; position: relative; font-size:45px; font-weight: 100; top:14px; color:rgba(0,0,0,0.7)} .triangle-down {width: 0; height: 0px; border-style: solid; border-width: 40px 40px 0 40px; border-color: #fff transparent transparent transparent; margin:0 auto; margin-bottom:-40px; position:relative } .faqs-background-1 {background:url(../img/faq-background.png) no-repeat, #C21229; background-position:top} .faqs-background-2 {background:url(../img/pattern-wide-3.png) repeat-y; background-attachment: fixed} .faq-container {max-width:760px !important; padding:5em 0 3em} .faq-wrapper {background:#fff; padding:1em 2em;margin-bottom:16px} .faq-wrapper:last-of-type {margin-bottom:0} .faq-title {position: relative; margin:0 !important ; padding:0; cursor: pointer; } .faq-title p {margin:1em 0; font-weight: 700} .faq-trigger {position: absolute; right:0; top:0} .faq-content {margin-top:10px; border-top:2px dotted #bcbcbc; display:none} .faq-content p {font-weight: 400; line-height: 1.3em; margin-bottom: 20px; font-size: 2.1em; } .faq-content a {font-weight:400 !important; } .faq-content a:hover {text-decoration: underline} .map-background {background-color: #e2e0dd; background-size: cover; height:282px} .we-fund-background {background: url(../img/wefund_bg.jpg) center no-repeat; background-size: cover;} .faq-wrapper a {text-decoration: underline} /*.faq-wrapper {border-bottom: 1px solid #d3d3d4; margin-bottom:30px} .faq-wrapper:first-of-type .faq-title {margin-top:0} .faq-title {margin-bottom: 40px; padding-top:25px !important; margin-top:-25px !important} .nav-icon5 {float:left; margin-top:7px; margin-right: 15px} .faq-content {padding:0px 10px 20px 60px; display:none} .faq-content-wrapper {position:relative} .faq-content-wrapper:before {position: absolute; top:-7px; left:-25px; content:"\2022"; font-size:60px; color:#6d6e71} .faq-content p {font-weight: 400; font-size: 1.16em; line-height: 1.3em; margin-bottom: 20px}*/ .btn-min-width > a {min-width: 292px} .btn-space-1 > a {margin-right: 20px} .btn-space-1 > a:last-of-type {margin-right: 0px} .btn-min-width-2 > a {min-width: 209px} .btn-space-2 > a {margin-right:100%; margin-bottom:10px} img.center {margin-left:auto; margin-right:auto; border:20px solid #fff} /* Icon 1 */ .nav-icon5 { width: 28px; height: 28px; /* position: relative; */ /* margin: 50px auto; */ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; background: transparent; border-radius: 25px; } .nav-icon5 span { display: block; position: absolute; height: 4px; width: 28px; background: #000; border-radius: 0px; opacity: 1; left: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .nav-icon5 span:nth-child(1) { top: 0px; display:none } .nav-icon5 span:nth-child(2),.nav-icon5 span:nth-child(3) { top: 11px; } .nav-icon5 span:nth-child(4) { top: 36px; display: none } .nav-icon5.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; } .nav-icon5.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(90deg); } .nav-icon5.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(180deg); } .nav-icon5.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; } .timeline-background {background:url(../img/how-to-apply-background.jpg) no-repeat top; background-size: cover} body.page-id-13 .timeline-background {background: url(../img/howtoapplybg.jpg) no-repeat; background-size: contain; background-position: 70% top; background-color: #e8e8e8;} .picture-right {position:absolute; right:-60%; bottom:-4%; padding:1.5em; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);} .overlay {position:absolute; bottom:0; left:0; color:#fff; text-align: center; width:100%; background:rgba(0,0,0,0.8)} .address, .telephone, .email {position:relative; margin-left:38px} .contact_pg_quote { width: 50%; margin: 0 auto; text-align: center; padding-top: 30px; } .address i, .telephone i, .email i{position: absolute; top:4px; left: -37px; font-size: 2.5em; color:#C3152B} .contact-wrapper {/*max-width:540px; margin-left:auto; margin-right:auto; */text-align: center} .contact-wrapper .telephone, .contact-wrapper .email {position:relative; margin-left:0; display: inline-block} .contact-wrapper .telephone i, .contact-wrapper .email i{position: relative; top:inherit; left:inherit; font-size: 2.8em; color:#C3152B; margin-right: 10px } .contact-wrapper .telephone p, .contact-wrapper .email a {/*float:left*/ display: inline} .we-accept-background { background: url(../img/eligibility-map.jpg) center no-repeat; background-position: 0; background-position-y: 0px; background-size: cover; padding-bottom: 55px; padding-top: 50px; background-position-x: -80px; } .we-accept-background .background-white{padding-bottom: 20px !important;} .overlay-title {position: absolute;right:0;bottom: 0; width:100%} .email a {font-size:2.2em} .contact-form .wpcf7 {max-width:323px; padding:0} .contact-form .wpcf7-form-control-wrap, .contact-form .wpcf7-form-control-wrap input, .contact-form .wpcf7-form-control-wrap textarea {display:block; float:none; width:100%; margin:0 0 10px 0; background:rgba(0,0,0,0); font-size: 0.9em; font-weight: 300;} .contact-form .wpcf7-form-control-wrap input, .contact-form .wpcf7-form-control-wrap textarea {border:1px solid #fff; padding:0.1em 0.5em; } .contact-form br {display:none} .contact-form .wpcf7-not-valid-tip {font-size:0.7em} .contact-form .wpcf7-response-output {font-size:1.5em; border:0; margin:0; padding:0} .contact-form .wpcf7-submit {background:#C3152C; border:0; padding:0.3em 1.5em;} .single-case_studies .background-reaching h2 {color:#000} #menu-top-nav .menu-item {position:relative} #menu-top-nav .menu-item .sub-menu {display:none} #menu-top-nav .menu-item:hover .sub-menu {position:absolute; top:2px; left:0; min-width:190px; background:#fff; z-index:20; padding:20px 0 5px 0; display:block; border: 1px solid rgba(140, 140, 140, 0.64);} #menu-top-nav .menu-item .sub-menu li {margin:0; padding:0; float:none} #menu-top-nav .menu-item .sub-menu li a {color:#6d6e71; text-transform:inherit; padding-bottom:5px; padding-top:5px; display:block; text-align:left; padding-left:20px; border-bottom:2px solid #fff;} #menu-top-nav .menu-item .sub-menu li a:hover {border-bottom:0; border-bottom: 2px solid #c11229; padding-bottom:5px; padding-top:5px;} #menu-top-nav .menu-item .sub-menu li.current-menu-item a {border-bottom: 3px solid transparent;} #menu-top-nav .menu-item .sub-menu li.current-menu-item a {border-bottom: 2px solid #C11229; display:block; } #menu-top-nav .menu-item .sub-menu li.current-menu-item:hover a {background:inherit} #menu-top-nav .menu-item .sub-menu li:first-child{} .latest-news a {text-decoration: none;} li#menu-item-88 {border-bottom: 1px solid rgba(142, 142, 142, 0.59); padding-bottom: 5px !important;} li#menu-item-89 a {margin-top: 5px;} li#menu-item-354 a {margin-top: 5px;} li#menu-item-255 a {margin-top: 5px;} li#menu-item-354 {border-bottom: 1px solid rgba(142, 142, 142, 0.59); padding-bottom: 5px !important;} li#menu-item-355 {border-bottom: 1px solid rgba(142, 142, 142, 0.59); padding-bottom: 5px !important;} #menu-top-nav .menu-item .sub-menu li { margin-bottom: 10px; width: 75%; margin:0 auto; padding-bottom: 10px; } #menu-top-nav .menu-item .sub-menu li a{padding-left: 0px;} #menu-top-nav .menu-item .sub-menu li:last-of-type { margin-bottom: 0px; } .nav-trigger { display: none; width: 50px; height: 34px; position: absolute; right: 30px; top: 60px; z-index: 99; } /* Icon 3 */ #nav-icon3 { width: 30px; height: 40px; /* position: relative; */ /* margin: 50px auto; */ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #nav-icon3 span { display: block; position: absolute; height: 5px; width: 100%; background: #404040; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #nav-icon3 span:nth-child(1) { top: 0px; } #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) { top: 10px; } #nav-icon3 span:nth-child(4) { top: 20px; } #nav-icon3.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; } #nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #nav-icon3.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; } .mobile-navigation{display:none;z-index:99;} .mobile-navigation, .mobile-navigation *{transition:none} .mobile-navigation li a{text-decoration:none;font-size:1.5em;padding:9px;padding-left:15px;border-bottom: 2px solid #fff;display:block;background: #373533;color:#fff;font-weight: 400;} .mobile-navigation ul#menu-mobile-nav, .mobile-navigation .menu-item-has-children .sub-menu{padding:0} .mobile-navigation{position:absolute;top: 128px;left:0;width:100%;} .mobile-navigation li{list-style:none} .mobile-navigation .menu-item-has-children .sub-menu{display:none} .mobile-navigation .menu-item-has-children{position:relative} .mobile-navigation .menu-item-has-children span{position:absolute;right:0px;top:0px;width:127px;height:40px;/*background:url(images/expand-arrow.png) no-repeat 85px 50%;*/ } .mobile-navigation .sub-menu a{padding-left:30px} .mobile-navigation .sub-menu .sub-menu a{padding-left:50px} .mobile-navigation li.current-menu-item > a{text-decoration:underline;} .mobile-navigation li:last-of-type a{border-bottom:0} .mobile-navigation li.menu-item-has-children li:last-of-type a, .mobile-navigation li.current-menu-parent > a{border-bottom:2px solid #fff !important;} .mobile-navigation .menu-item-has-children span:after {position:absolute; content:"\f078"; font-family: FontAwesome; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:20px} .mobile-navigation .menu-top-nav-container > ul {padding:0} .nav-trigger-desktop { display: block; width: 50px; height: 34px; position: relative; /* right: 30px; top: 60px; */ z-index: 99; } /* Icon 2 */ #nav-icon2 { width: 30px; height: 40px; /* position: relative; */ /* margin: 50px auto; */ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #nav-icon2 span { display: block; position: absolute; height: 5px; width: 100%; background: #404040; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #nav-icon2 span:nth-child(1) { top: 0px; } #nav-icon2 span:nth-child(2),#nav-icon2 span:nth-child(3) { top: 10px; } #nav-icon2 span:nth-child(4) { top: 20px; } #nav-icon2.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; } #nav-icon2.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-icon2.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #nav-icon2.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; } .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 14px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(193, 18, 41, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; z-index: 99999 } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { visibility: visible; opacity: 1; } .cd-top.cd-fade-out { opacity: .5; } .no-touch .cd-top:hover { background-color: #B2CE53; opacity: 1; } .apss-social-share { float: left; width: 80%; margin-left: 10px; margin-top: 11px; margin-bottom: -13px; } .apss-social-share a { min-height: inherit !important; margin: 4px !important; } .author-wrapper p,.share p {font-size:1.8em} img.show-on-mobile {display:none} .category-11 .cat-col-11 {background: rgba(34, 101, 122, 0.85) !important;} .category-12 .cat-col-12 {background:rgba(76,180,255,0.85) !important} .category-13 .cat-col-13 {background: rgba(190,47,63,0.85) !important} .category-14 .cat-col-14 {background: rgba(231, 151, 23, 0.85) !important;} .category-11 div[class*=cat-col-] {background: rgba(34, 101, 122, 0.85) !important;} .category-12 div[class*=cat-col-] {background:rgba(76,180,255,0.85) !important} .category-13 div[class*=cat-col-] {background: rgba(190,47,63,0.85) !important} .category-14 div[class*=cat-col-] {background: rgba(231, 151, 23, 0.85) !important;} .category-11 .projects-wrapper .recent-projects .btn[class*=cat-col-]:before {background: rgba(34, 101, 122, 1) !important; } .category-12 .projects-wrapper .recent-projects .btn[class*=cat-col-]:before {background:rgba(76,180,255,1) !important} .category-13 .projects-wrapper .recent-projects .btn[class*=cat-col-]:before {background: rgba(190,47,63,1) !important} .category-14 .projects-wrapper .recent-projects .btn[class*=cat-col-]:before {background: rgba(231, 151, 23,1) !important;} /*----------------------------------------------- Grid -----------------------------------------------*/ .grid { overflow: hidden; } .grid .half { width: 50%; float: left; display:block; } .grid .half:last-of-type { width: 50%; float: right; } .grid .half:last-of-type img { float: right; } .half .content { padding: 3em 5em; display:block; } /*----------------------------------------------- Slider -----------------------------------------------*/ .three-quarters.slider .one-third {position:relative; height: 403px; background-repeat: no-repeat; background-size: cover; background-position: center} .three-quarters.slider .btn {position:absolute; bottom:10px; left:50%; transform: translate(-50%, 0); display: block; width:90%; min-height: 101px; display: flex; align-items: center;} .three-quarters.slider .one-third:nth-of-type(3n+1) .btn {background: rgba(190,47,63,0.85) !important} .three-quarters.slider .one-third:nth-of-type(3n+2) .btn {background: rgba(190,47,63,0.85) !important} .three-quarters.slider .one-third:nth-of-type(3n+3) .btn {background: rgba(190,47,63,0.85) !important} .slider-wrapper {position:relative;width:100%;} .slider-wrapper .slick-arrow {display:block !important; background:none; border:0; position: absolute; top:50%; transform: translate(0,-50%); text-indent: -9999px; z-index: 10; color:#fff; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; font-size:6em} .slider-wrapper .slick-arrow.slick-prev { left:10px} .slider-wrapper .slick-arrow.slick-next { right:40px} .slider-wrapper .slick-arrow.slick-prev:before {content: "\f053"; text-indent:0; position: absolute; left:0; top:0} .slider-wrapper .slick-arrow.slick-next:before {content: "\f054"; text-indent:0; position: absolute; left:0; top:0} /*.slider-wrapper .slick-dots li {list-style:none; display:block; float:left; } .slider-wrapper .slick-dots li:hover {cursor: pointer} .slider-wrapper .slick-dots li button {text-indent: -9999px; background:#d4d3d3; border:0; width:59px; height:9px; padding:0; margin-right:9px; transition:0.3s ease} .slider-wrapper .slick-dots li.slick-active button {background:#868484} .slider-wrapper .slick-dots {position:absolute; top:382px; left:280px; z-index:999}*/ /*----------------------------------------------- Buttons -----------------------------------------------*/ .btn { background: #c11229; /*padding: 10px 20px;*/ padding: 7px 30px; color: #fff; text-decoration: none; display: inline-block; } .btn:hover { background: #a61628; transition: 0.5s ease-in-out; } .buttons-centered {text-align: center} .buttons-centered li:before {display: none} .buttons-centered li {display:inline-block;} .buttons-centered li .btn {margin-right:9px; font-size: 1.2em !important; padding-left:25px; padding-right:25px; position:relative} .buttons-centered li .btn:first-of-type {} .buttons-centered li:last-of-type .btn {margin-right:0} .buttons-centered li:nth-of-type(5n+1) .btn {background:#121212} .buttons-centered li:nth-of-type(5n+2) .btn {background:#c7263a} .buttons-centered li:nth-of-type(5n+3) .btn {background:#4cb4ff} .buttons-centered li:nth-of-type(5n+4) .btn {background:#e79717} .buttons-centered li:nth-of-type(5n+5) .btn {background:#22657a} .buttons-centered li.current-cat .btn:after { position: absolute; bottom: 0; left: 50%; content: ""; width: 0; height: 0px; border-style: solid; border-width: 13px 13px 0 13px; border-color: #000 transparent transparent transparent; margin-bottom: -12px; transform: translate(-50%,0); } .buttons-centered li.current-cat:nth-of-type(5n+1) .btn:after {border-color:#121212 transparent transparent transparent} .buttons-centered li.current-cat:nth-of-type(5n+2) .btn:after {border-color:#c7263a transparent transparent transparent} .buttons-centered li.current-cat:nth-of-type(5n+3) .btn:after {border-color:#4cb4ff transparent transparent transparent} .buttons-centered li.current-cat:nth-of-type(5n+4) .btn:after {border-color:#e79717 transparent transparent transparent} .buttons-centered li.current-cat:nth-of-type(5n+5) .btn:after {border-color:#22657a transparent transparent transparent} /*----------------------------------------------- Footer -----------------------------------------------*/ footer {background: #b3b8a8; max-width: 1441px; margin:0 auto;} footer p {color:#fff; float:left} nav.footerNav {float:left} nav.footerNav ul {} nav.footerNav li:hover a {border-bottom:0} nav.footerNav li:first-of-type a {padding-left:0} nav.footerNav li a {text-transform: inherit; position:relative; padding-right: 20px; font-size: 1.73em; color: #fff; padding-left: 13px;} nav.footerNav li a:after {position:absolute; top:-3px; right: 0px; content: "//"; letter-spacing: -2px; font-size: 1.3em; } nav.footerNav li:last-of-type a:after {display: none} nav.footerNav li:last-of-type a {padding-right:0} footer nav .social {width:inherit} footer nav ul.social li i{color: #fff;} footer nav ul.social li:hover i{border-bottom: none !important;} footer nav a:hover{border-bottom: none !important;} .single-post .column-8 img {max-width:100%; height:auto} /*----------------------------------------------- Media Queries -----------------------------------------------*/ @media screen and (max-width: 1025px) { nav a { padding-left: 0px; } } @media screen and (max-width: 960px) { nav a { font-size: 14px; } } @media screen and (max-width: 900px) { #logo, nav { width: 100%; float: none; text-align: center; } nav ul, nav ul.social{ text-align: center; margin: 10px auto; width: 100%; padding-left: 0; } } @media screen and (max-width: 650px) { .one-fourth.about_profile{width: 80% !important; margin: 0 auto 1% auto !important; float: none !important;} .one-fourth.about_profile:nth-child(2) {width: 80% !important; margin: 0 auto 1% auto !important; float: none !important;} .one-fourth.about_profile:nth-child(3) {width: 80% !important; margin: 0 auto 1% auto !important; float: none !important;} .one-fourth.about_profile:nth-child(4) {width: 80% !important; margin: 0 auto 1% auto !important; float: none !important;} .one-fourth.about_profile:nth-child(5) {width: 80% !important; margin: 0 auto 1% auto !important; float: none !important;} .one-fourth.about_profile:nth-child(6) {width: 80% !important; margin: 0 auto 1% auto !important; float: none !important;} .one-fourth.about_profile:nth-child(n) { width: 80% !important; margin: 0 auto 1% auto !important; float: none !important; } .one-fourth.height7.ent-rev-center.supportedby-team { float:none !important; width: 80% !important; margin: 0 auto 1% auto !important; } } @media screen and (max-width: 700px) { .inner.color-white.clearfix.funding__enable{display: block; padding: 0;} .enablefunding_cont a {margin-top: 0px !important; margin-left: 0%; margin-bottom: 20px;} .enablefunding_cont{width: 100%; } .enablefunding_cont p{width: 100%;} .jacks_story {width: 100%; display: block; padding: 2% 7%;} .jack_content{width:100%;} .jack_picture {width: 100%; display: block; height: 300px; float: left; margin-bottom: 20px;} .enable_funding.one-third.elderly {width: 100%; margin-top: 30px;} .enable_funding.one-third.wheelchair{width: 100%; } .enable_funding.one-third.sensory{width: 100%; margin-top: 30px;} .application__children{margin-bottom: 20px; text-align: center; padding-bottom: 30px;} .application__children a{float: none;} .application__adults{margin-bottom: 20px; text-align: center; padding-bottom: 30px;} .application__adults a{float: none;} .application__organisations{text-align: center; padding-bottom: 30px;} .application__organisations a{float: none;} body.page-template-page-types-of-funding .timeline-background{padding-bottom: 0px;} .funding_header_content{width: 80%; margin-top: 10%; margin-bottom: 5%;} .logo_enable{position: relative;margin: -150px auto 0 auto;} .smiley__logo{display: none;} .smiley_content{width: 100%;} div#howto2.time-item.tof.left:nth-of-type(2) .content-line{padding: 50px 40px;} p.funding_email{font-size: 2em; background-position: 0px 7px;} .time-item.tof.left:first-of-type .content-line{margin: 0 auto !important;} div#howto2.time-item.tof.left:nth-of-type(2) .content-line{margin: 0 auto !important; float: none !important;} div#howto4.time-item.tof.right:nth-of-type(1) .content-line{margin: 0 auto !important; float: none !important;} div#howto5.time-item.tof.right:nth-of-type(2) .content-line{margin: 0 auto !important; float: none !important; padding: 60px 45px !important;} } @media screen and (max-width: 580px) { h3.examples_funding{line-height: 1.2em; margin-top: 0px;} .logo_enable{margin: -50px auto 0 auto;} .latest-news .one-third h2{padding-top: 0; margin-top: 0; line-height: 1.3em;} .hero-item--content { top: 10%; } .hero-item--content h1 { font-size: 30px; } .grid .half { width: 100%; float: none; } } /* @media screen and (max-width: 480px) { .hero-item--content h1 { font-size: 20px; } .hero-item--content p { display: none; } } */ @media screen and (max-width:1366px) { .padding-26 { padding: 11% 0 40px; } } @media screen and (max-width: 1280px) { .hero-item--content-bottom { top: 284px; } .padding-26 { padding: 15% 0 40px; } } @media (max-width:1270px) and (min-width:1025px) { .column-61.background-red.padding-10 {padding-right: 26em;} } @media screen and (max-width:1170px) { nav ul.social { /* width: 10%; padding-left: 0; */ width: 25%; padding-left: 0; padding-right: 20px; } } @media screen and (max-width:1024px) { .profil_pic_large{margin-top: 40px;} .we-accept-background { background-size: cover; } .category .buttons-centered li { margin-bottom:20px} header nav ul { width: 90%; padding-left: 15px; } nav ul.social { /* width: 10%; padding-left: 0; */ width: 25%; padding-left: 0; padding-right: 20px; } .hero-item--content.left h1 { font-size: 6.4em; line-height: 1em; } .quarter.background-grey.recent-projects { width: 100%; height: inherit; padding-bottom: 4em } .three-quarters { width: 100%; } footer nav .social { width: 100% } .column-61 { width: 100%; position: relative; } .picture-right { position: relative; right:inherit; left:50%; bottom: 0%; padding: 1.5em; transform:translate(-50%,0) !important; max-width:591px; } .padding-10 { padding: 2em 8em 5em; } .profiles-banner { width: 31.333%; } /*.profiles-banner img { position: absolute; left: 2em; bottom: -40px; width:80% }*/ .profiles-banner img { position: relative; left: 2em; bottom: 0; width: 80%; } .padding-26 { padding: 26% 0 40px; } .padding-top-15 { padding-top: 0; } .quarter { padding: 1em 2em; } .padding-14 { padding: 1em 7em; } .content-line { width: 92%; } .padding-22 { padding: 6em 4em; } .font-size-67 { font-size: 4.3em !important; } .column-w-4.background-dune { width: 40%; right: 20px; } .overlay-title { font-size: 0.8em; } .col-4, .col-8 { width: 100%; float: none; } .slider-wrapper .slick-arrow {display:none !important} .apss-social-share { width: 70%; margin-bottom: 0px; } .btn-space-2 > a { margin-right: 0; margin-bottom: 10px; } } @media screen and (max-width:970px) { .nav-trigger { display: block; } header ul.social { float: none; position: absolute; top: 25px; right: 70px; } #menu-top-nav{display: none;} #logo img{float: left;} } @media screen and (max-width:800px) { .inner.color-white.clearfix.funding__enable{display: block; padding-left: 0;} .enablefunding_cont{width: 100% !important; margin-top: 20px;} .timeline:before{display: none;} .story__intro{width: 95%; margin: 0 auto !important;} .about-steve{ width: 100% !important; background-position-y: initial;} .contact_pg_quote{padding-top: 20px; width: 80%;} .contact-form{background-position: -300px;} .loc__map{display: none !important;} .casestudy_cats{ margin-right: 0px !important; clear: left!important; /* width: 100% !important; */ float: left; margin: 0px !important; height: auto; width: auto; } .cs_icons{margin-top:0px; height: auto;} ul.margin-bottom-1 {margin-bottom: 0 !important} .column-4 + .column-4 ul.margin-bottom-1 {margin-bottom: 2em !important} .column-6 {width:100%; margin-right:0 !important} .background-reaching {background:#fff} .column-6 .padding-24 {padding:1em 1em 1em 5em } p.quote { color: #000; } .padding-left-1 {padding-left:0} .column-8, .column-4 { width: 100%; } .wp-user-avatar + div {height:96px} .quarter { width: 50%; } .story-grid .one-fourth { width: calc(49% - 10px); } .nav-trigger { display: block } #logo img { float: left; padding-right: 0px; } header nav { /* display:none */ } #menu-top-nav { display: none; } header ul.social { float: none; position: absolute; top: 50px; right: 70px; } .hero-item--content.left { top: 1em; left: 12em; } .grid .half { float: none; width: 100% } .about-steve { display: none } .profiles-banner h2 { font-size: 2em } .profiles-banner { height: 238px } .hero-item--content.center { width: 90%; } .hero-item--content-bottom { top: 244px; } .hero-item--content-bottom { width: 82%; } .padding-26 { padding: 41% 0 40px; } ul.buttons-centered { padding: 0; } .buttons-centered li .btn { margin-right: 0px; font-size: 1.2em !important; padding-left: 14px; padding-right: 14px; } .banner { height: 275px; } .banner.height4.padding-23.z-index-0 { height: inherit; } .content-line { width: 89%; } .column-w-7 { padding-right: 1em } .overlay-title { font-size: 0.6em; } nav.footerNav { float: none; } nav.footerNav ul, footer nav .social { text-align: center; } nav.footerNav li, footer nav .social li { display: inline-block; float: none; }.padding-24 { padding: 7em 1em 1em 15em; } .background-enable {width:55%; } .margin-left-1 { margin-left: 0em; } .background-enable + .column-w-5 {width:40%; } body .main .one-third { margin-right: 0; width: 100% } .latest-news .one-third { margin-bottom: 10px; width: 100%; } body .main .latest-news .one-third, body .main .profiles .one-third { margin-right: 0; width: 100%; max-width:400px; margin-left:auto; margin-right:auto !important; display:block; float:none } .latest-news .latest-news .one-third { margin-bottom: 10px } .profiles-banner { height: inherit; } .profiles-banner { position: relative; bottom: 0; right: 0; width: 100%; } img.show-on-mobile {display:block} .column-6.background-white.padding-17 { /*border: 1px solid #000;*/ } .row.we-fund-background.position-relative .column-4 ul.margin-top-0 {margin-bottom:0} .row.we-fund-background.position-relative .column-4:last-of-type {margin-bottom:20px} .story-grid .one-fourth { width: 99% !important; float: none; } .we-accept-background { background: rgba(193, 18, 41, 1); padding-top: 3% !important; padding-bottom: 0; } .column-w-7, .column-w-4, .column-4 { width: 100% !important; float: none !important }.column-4 { max-width: 300px; margin: 0 auto !important; display: block; } body .height-plus-1 { position: relative; top: 0px; right: 0px !important; height: auto; } .we-fund-background .column-4 {margin:0 !important} .column-w-4.background-dune.height-plus-1.padding-18 { margin-bottom: 1em; } } @media screen and (max-width:479px) { .profiles .one-fourth{min-height: auto;} .one-fourth.height7.ent-rev-center.supportedby-team{width: 80% !important; margin: 0 auto !important;} .one-fourth.about_profile:nth-child(7){width: 80% !important; margin: 0 auto 0.5% auto !important;} .one-fourth.about_profile:nth-child(8){width: 80% !important; margin: 0 auto 0.5% auto !important;} p.profile_cub_cont { font-size: 1.9em !important; font-weight: 500; line-height: 1.4em;} .profile__content p{font-size: 1.7em;} .profile__content h3{font-size: 3.2em; line-height: 1.3em;} #logo { width: 50% } nav ul.social { width: 30% } .mobile-navigation { top: 47px } .hero-item--content.left h1 { font-size: 5.4em; /*margin-bottom: 0.4em;*/ } .hero-item--content.left .btn { /*font-size: 1em*/ } .hero-item--content.left { top: 6em; left: 2em; } .one-third { width: 100% } .one-fifth { width: 100% !important; float: none; } .padding-10 { padding: 2em 2em 2em; } .one-fourth { width: 100% !important; float: none; } .col-gap-1 .one-fourth { margin-right: 0; margin-bottom: 4%; } .hero-item--content-bottom { position: relative; /* bottom: -80px; */ left: 0%; transform: translate(0, 0); width: 100%; background: inherit; color: #fff; padding: 0em 6em; top: 0; background: #6B6863; padding: 2em; margin-top: 2em } .hero-item--content.center { position: relative; top: 0; left: 50%; transform: translate(-50%, 0); /* z-index: 2; */ z-index: 0; background: inherit } .hero-banner .hero-item.background-grey { background: #fff } .padding-26 { padding: 20px 0 40px; } .main h1 { font-size: 4em; } .buttons-centered li .btn { margin-bottom: 5px } .buttons-centered li.current-cat .btn:after { display: none } .quarter { width: 100%; float: none; display: block; } .col-6 { float: none; width: 100%; } .testimonial { height: inherit; padding: 1em 5em; } .content-line { width: 100%; } #howto1 .content-line { background: url(../img/1-eligibility.jpg) no-repeat top; background-size: cover; padding: 74px 50px 58px 50px; } #howto3 .content-line { background: url(../img/3-send-us-info.jpg) no-repeat top; background-size: cover; padding: 50px 60px; } #howto2 .content-line { background: url(../img/2-phone-us.png) no-repeat right bottom, #b41227; margin-top: 0px; padding: 53px 68px 39px; } #howto4 .content-line { /* background: url(../img/4-successful-applications.png) no-repeat center; */ background-size: cover; padding: 45px 45px 35px; } .time-item.tof.right:first-of-type .content-line {background:url(../img/tof_enable_bg.jpg) no-repeat right bottom, #b41227; margin-top:-10px; padding: 53px 68px 39px; position: relative; background-size: cover; min-height: 330px !important; } .background-red-left { background: url(../img/background-red-left.png) right top no-repeat; background-size: cover; } .background-grey-right { background: url(../img/background-grey-right.png) left top no-repeat; background-size: cover } .background-left-right { background: none } .column-w-6 { width: 100% } .margin-top-2 { margin-top: 26px; } .column-8, .column-w-5, .column-5, .column-6, .column-w-7, .column-w-4, .column-4 { width: 100% !important; float: none !important } .margin-left-1 { margin-left: 0em; } .padding-21 { padding: 2em } .padding-22 { padding: 3em 1em; } .font-size-34 { font-size: 1.5em !important; } .padding-17 { padding: 1em 1em; } .padding-18 { padding: 1em 2em; } .overlay-title h2 { font-size: 5em } .btn-space-1>a { margin: 0 0 10px 0 } .btn-space-1>a:last-of-type { margin-bottom: 0 } .author-wrapper .align-middle { transform: translateY(0); top: 0; } .faq-title { padding-right: 3em; } .padding-15 { padding: 2em 1em 2em 1em; } .social-wrapper > a { margin-right: 0px; margin-bottom: 10px; }.hero-item.width-100 img {height:275px} .timeline .time-item .content-line h2 { padding-right: 1em; } .projects-wrapper.our-impact .background-red-pattern.recent-projects, .projects-wrapper.our-impact .background-grey-pattern.recent-projects { text-align: center; height: 250px; } .projects-wrapper.our-impact .background-red-pattern.recent-projects .table, .projects-wrapper.our-impact .background-grey-pattern.recent-projects .table {text-align: center} .projects-wrapper.our-impact .background-red-pattern.recent-projects p, .projects-wrapper.our-impact .background-grey-pattern.recent-projects p {text-align: left} .projects-wrapper.our-impact .background-red-pattern.recent-projects p.margin-bottom-0, .projects-wrapper.our-impact .background-grey-pattern.recent-projects p.margin-bottom-0 {margin-top:0} .projects-wrapper.our-impact .background-red-pattern.recent-projects .btn, .projects-wrapper.our-impact .background-grey-pattern.recent-projects .btn {display: inline-block; width:inherit !important; left: inherit; transform: inherit;} .projects-wrapper.our-impact .background-red-pattern.recent-projects .table, .projects-wrapper.our-impact .background-grey-pattern.recent-projects .table { height: 250px; } .main h1 br {display:none} .wpb_wrapper p br { display: none; } } /* -------------------------------------------------- Amends -------------------------------------------------- */ .banner_covid { max-height: inherit !important; padding-top: 50px; padding-bottom: 50px; background-image: url("https://stevemorganfoundation.org.uk/wp-content/themes/entyce/img/home-covid-1x.jpg"); background-image: -webkit-image-set(url("https://stevemorganfoundation.org.uk/wp-content/themes/entyce/img/home-covid-1x.jpg") 1x, url("https://stevemorganfoundation.org.uk/wp-content/themes/entyce/img/home-covid-2x.jpg") 2x); background-image: image-set(url("https://stevemorganfoundation.org.uk/wp-content/themes/entyce/img/home-covid-1x.jpg") 1x, url("https://stevemorganfoundation.org.uk/wp-content/themes/entyce/img/home-covid-2x.jpg") 2x); background-size: cover; background-position: center; } .banner_covid .main { background: none; } .banner_covid .inner { display: flex; align-items: center; justify-content: center; } .banner_covid .ent-left { float: left; width: 48%; } .banner_covid .ent-right { float: left; width: 52%; text-align: center; } .banner_covid img { max-width: 240px; width: inherit; display: inline-block; } .banner_covid .font-70 { font-size: 70px; } .banner_covid .btn { font-size: 30px; padding: 5px 30px; margin-right: 20px; } .banner_covid .btn2 { font-size: 17px; color: #343434; text-decoration: underline; } .banner_covid .ent-buttons { display: flex; align-items: center; margin-top: 40px; margin-bottom: 30px; } .banner_covid .font-19 { color: #343434; } .banner_covid .grey_wrapper { background: rgba(190, 190, 190, 0.46); max-width: 410px; padding: 15px 25px; border-radius: 10px; } .banner_covid .grey_wrapper p { font-size: 14px; color: #343434; font-weight: 700; margin: 0; } .banner_covid .grey_wrapper p .thin { font-weight: 400; } @media (max-width: 1500px) { .banner_covid .ent-left { padding-left: 40px; } } @media (max-width: 800px) { .banner_covid { padding-top: 40px; padding-bottom: 40px; } .banner_covid .ent-left { padding-left: 40px; padding-right: 40px; margin-bottom: 20px; } .banner_covid .ent-left { float: none; width: 100%; } .banner_covid .ent-right { float: none; width: 100%; text-align: center; } .banner_covid .main .inner { display: block; } .banner_covid .font-70 { font-size: 40px; } .banner_covid .ent-buttons { display: block; align-items: center; margin-top: 40px; margin-bottom: 30px; } .banner_covid .btn { margin-bottom: 20px; } .popup_wrapper .image { margin-top: 50px; } } /* home page fix */ @media (max-width:1449px) and (min-width:1025px) { .recent-projects.background-grey h3 + p { font-size: 1.6em; } .recent-projects.background-grey h3 + p + a, .recent-projects.background-grey h3 + p + a + a, .recent-projects.background-grey h3 + p + a + a + a { font-size: 1.3em; } } .entyce1 .one-fifth { width: 16%; } @media (max-width:700px){ nav ul.social li { padding-right: 10px; } nav ul.social li i { font-size: 18px; } } figure.wp-block-table table {min-width:768px} figure.wp-block-table tr {border:1px solid black} figure.wp-block-table td {border:1px solid black; padding:0.5em 1em; font-size:2em} .moove-gdpr-modal-footer-content { display: none !important; } /* 2021 */ html header nav { display: flex; justify-content: flex-end; padding-top: 0; } body.home { background: #fff; } header { position: relative; border-bottom: 0; } header .inner { display: flex; align-items: center; height: 100%; } header nav ul#menu-top-nav { list-style: none; width: 600px; height: 500px; float: none; margin: 0; padding: 104px 70px 50px 70px; position: absolute; top: 119px; right: 20px; column-count: 1; background: #fff; overflow: hidden; } header nav ul#menu-top-nav > li { float: none; margin-bottom: 13px; max-width: 50%; } header nav ul#menu-top-nav > li:nth-of-type(1) { margin-top: -44px; } header nav ul#menu-top-nav > li:nth-of-type(n+9) { /* margin-left: -180px; */ } header nav ul#menu-top-nav > li a { font-weight: 700; text-transform: inherit; color: #393939 !important; font-size: 2.5em; } html #menu-top-nav { display: none; } html #menu-top-nav a { opacity: 0; transition: 0.1s ease; } html #menu-top-nav.toggle-opacity a { opacity: 1; } html #menu-top-nav .menu-item:hover .sub-menu { position: absolute; top: 20px; left: 0; min-width: 250px; background: #fff; z-index: 20; padding: 20px 0 5px 0; display: block; border: 1px solid rgba(140, 140, 140, 0.64); } html #menu-top-nav .menu-item:hover .sub-menu a { font-size: 2em; } html header nav ul li.has-child > a:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 15px; content: "\f054"; color: #578a9b; } header nav ul.social { /* margin: 25px 0; */ padding-left: 0; } header nav ul.social a { padding: 0; margin: 0; border: 0; } header nav ul.social i { font-size: 1.7em; } html #nav-icon2 { top: 25px; width: 30px; height: 30px; right: 20px; transform: scale(1.3); } h2.home_asm.font-59 { color: #6b6863 !important; font-weight: 500; font-size: 5em; margin-bottom: 10px; } .font-63 { font-size: 5.5em !important; } .center-buttons { display: flex; justify-content: center; } .center-buttons .btn { margin-top: 0 !important; margin-left: 5px; margin-right: 5px; } .entyce1.v2 { max-width: 100%; } .entyce1.v2 .one-fifth { padding: 0 10px; width: 16.6%; } .entyce1.v2 .one-fifth .content-1 { background: #afc7cf; border-radius: 10px; padding-top: 77px; margin-top: -77px; padding-bottom: 20px; } .entyce1.v2 .one-fifth .content-1 p { color: #2e2e2e; font-size: 1.8em; font-weight: 700; } .entyce1.v2 .one-fifth:nth-of-type(2) .content-1 { background: #b4e0ff; } .entyce1.v2 .one-fifth:nth-of-type(3) .content-1 { background: #eecad1; } .entyce1.v2 .one-fifth:nth-of-type(4) .content-1 { background: #f1e2c4; } .entyce1.v2 .one-fifth:nth-of-type(5) .content-1 { background: #c5c5c4; } .entyce1.v2 .one-fifth:nth-of-type(6) .content-1 { background: #d7d1db; } .latest__tweet { padding-top: 50px; padding-bottom: 50px; } .latest__tweet i { color: #1da1f2; font-size: 1.2em; padding-right: 5px; } .latest__tweet h3 { font-size: 3.3em; margin-bottom: 15px; } .latest__tweet span.entry-content { font-size: 1.3em !important; line-height: 1.3em; } .latest__tweet span.entry-content a { font-size: 1em; } .latest__tweet span.intent-meta { margin-left: 20px; bottom: -10px; position: relative; } html h2.latestnews-home { font-size: 6.5em; } .latest-news .btn.red { background: #ce2739; padding: 10px 25px; font-size: 2em !important; } .latest-news .btn { background: #61466f; padding: 2px 15px; font-size: 1.8em; } .row.padding-1.latest-news { padding-bottom: 3em; } @media screen and (max-width: 1351px) { h2.home_asm.font-59 { font-size: 3em; margin-top: 0; } .font-63 { font-size: 3.5em !important; } .hero-content { font-size: 2em !important; } .steve_quote { font-size: 2em !important; } .center-buttons { display: block; } .center-buttons .btn { margin-top: 5px !important; margin-left: 5px; margin-right: 5px; font-size: 1.5em; } .home .half .content { padding: 2em 4em; display: block; } .entyce1.v2 .one-fifth { padding: 0 10px; width: 33.3%; margin-bottom: 20px; } .entyce1.v2 .one-fifth .content-1 { padding-left: 20px; padding-right: 20px; } } @media (max-width: 1024px) { .hero-content { font-size: 1.7em !important; } .steve_quote { font-size: 1.5em !important; } } @media (max-width: 970px) { .nav-trigger-desktop { display: none; } } @media (max-width: 570px) { .center-buttons .btn { margin-top: 5px !important; margin-left: auto; margin-right: auto; font-size: 1.5em; display: block; text-align: center; max-width: 200px; } h2.home_asm { line-height: 1em; } h2.home_asm.font-59 { margin-bottom: 24px; } html h2.latestnews-home { font-size: 3.5em; } .latest__tweet { font-size: 80%; } .story_row > div { float: none !important; margin: 0 auto 5px auto!important; width: 360px !important; height: 130px!important; background-size: contain!important; } .story_row > div:after { display:none!important; } .story_row .clear { display:none!important; } } /* podcasts */ .post-type-archive-podcasts .article-content h2 { font-size: 1.25em !important; font-weight: 400; line-height:1.2em; margin-bottom:20px; } .post-type-archive-podcasts .latest-news .btn { background: #5A5A5A; padding: 4px 15px; font-size: 1.1em; } .post-type-archive-podcasts .article-content { padding: 0; background: #fff; } .post-type-archive-podcasts .arrow_left { padding: 5px 20px 5px 10px; font-weight: 500 !important; font-family: 'Oswald', sans-serif; background:#4E4E4E !important; } .post-type-archive-podcasts .arrow_left img { display: inline-block; margin-right: 10px; } .post-type-archive-podcasts .main.header_banner h1 { padding-top: 200px; text-transform: uppercase; padding-left: 40px; color:#D4A240; text-shadow:inherit; } .post-type-archive-podcasts .banner { height:280px !important; } .post-type-archive-podcasts .podcast_content { margin-top: -60px; } .post-type-archive-podcasts .podcast_pic { margin-top: -200px; } .post-type-archive-podcasts .latest-news .one-third { width: 31.3333%; float: left; display: block; margin-right:3%; margin-bottom:30px; } .latest-news .one-third:nth-of-type(3n) { margin-right: 0%; } .latest-news .one-third .btn img { transform: scale(1) !important; } .post-type-archive-podcasts .load-more { background:#21657A; margin-bottom:30px; } @media (max-width:1170px){ .post-type-archive-podcasts .podcast_pic { margin-top: -100px; width:40%; float:left; } .post-type-archive-podcasts .podcast_pic img { } } @media (max-width:1023px){ .post-type-archive-podcasts .podcast_pic { margin-top: 0px; float:none; width:100%; } .post-type-archive-podcasts .podcast_pic img { margin:0 auto } } .post-type-archive-podcasts .insights-wrapper { display:flex; /* justify-content:center; */ align-content: flex-start; flex-wrap: wrap; } html .post-type-archive-podcasts .latest-news .one-third { float:none; margin:0 10px 30px; } .category-list {padding-bottom: 60px !important; margin-top:10px; margin-bottom:0px;text-align: center} .category-list > ul {background:#fff; border-radius:10px; box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);} .category-list > ul > li {display:block; height:100%; padding:16px 10px !important; } .category-list ul {text-align: center; padding:0; display:inline-block;} .category-list ul li {display:inline-block; margin-bottomm: 40px;} .category-list ul li:before {display:none} .category-list ul li a {color:#000; margin:0 3px; transition: 0.3s ease; padding:7px 35px; font-weight: 500; text-decoration:none; font-size:2.2em} .category-list ul li.current-cat > a {background:#D4A241 !important; color:#fff} .category-list ul li a:hover {background:#D4A241 !important; color:#fff} .main .category-list ul { font-size: 1em; margin: 0; } .main .category-list ul:not(.buttons-centered) li { position: relative; list-style: none; font-size: 1em; } html body .font-80 { font-size:7em !important; } @media (max-width:560px) { .category-list ul, .category-list ul li { display:block !important; max-width:300px; margin:5px auto; } .category-list a { display:block !important; max-width:300px; margin:5px auto; } .category-list { max-width:300px; margin:0 auto; } .category-list li { padding:0 !important; } } html body #menu-top-nav .menu-item:hover .sub-menu { position: absolute; top: -30px; left: 220px; min-width: 250px; background: #fff; z-index: 20; padding: 0px 0 0px 0; display: block; border: 0px solid rgba(140, 140, 140, 0.64); } html body #menu-top-nav .menu-item:hover .sub-menu > li { margin:0; padding-bottom: 0; border-bottom: 0px solid rgba(142, 142, 142, 0.59) !important; padding-bottom: 0px !important; margin-bottom: 9px; } html header nav ul#menu-top-nav { width: 620px; height: 620px; right: 0px; z-index: 999999999999 !important; } html #menu-top-nav .menu-item .sub-menu li a { font-weight: 500; } html header nav ul#menu-top-nav > li > a { padding-bottom:5px; } html header nav ul#menu-top-nav > li:hover > a { border-bottom: 3px solid #c11229; } html #menu-top-nav .menu-item .sub-menu li a { display: inline-block; } .banner.v2 { } .banner.v2 .main.header_banner { height: 100%; background-size: cover !important; background-repeat: no-repeat; } .banner.v2.height4.ent-rev-center.hta__ban { height: 227px !important; min-height: 227px; } html header { z-index: 2; } .banner.v2 .main.header_banner h1 { padding-top: 0px; } @media (min-width:480px){ .banner.v2 .main.header_banner h1 { padding-top: 0px; font-size: 5em; line-height: 1.4em; } body { overflow-x:hidden; } header:before { position:absolute; top:0; left:-100%; background:#fff; height:100%; width:300%; content:""; z-index: -1; } header .inner { z-index: 1; } } @media (max-width: 479px){ .page-template-page-types-of-funding .content-line, #howto2 .content-line { width: 100%; max-width: 300px; padding: 74px 20px 25px 35px !important; } .timeline .vc_column-inner { float:none; } #howto2 br { display:block; } #howto2 a { font-size: 0.7em; } }