/* Theme Name: A4ID Theme URI: http://maltinpr.com Author: Liam Gorman | Maltin PR Author URI: www.maltinpr.com Description: Bespoke theme developed for global charity A4ID Version: 1 License: GNU General Public License License URI: https://www.gnu.org/licenses/gpl.html Text Domain: A4ID A4ID WordPress Theme © 2016 Maltin PR */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-size: 100%; font: inherit; padding: 0; border: 0; margin: 0; vertical-align: baseline } body .ult_pricing_table .ult_pricing_heading { padding: 20px 22px; } body { line-height: 1 } ol, ul { list-style: none } .speaker a h2 { color: #212529; } .six-col { width: 50%; margin-left: 25%; margin-top: 0px; margin-bottom: 30px; text-align: center } .single-case-studies .related-posts { margin-top: -350px; } .single-student_blog h1.entry-title { padding-bottom: 20px; padding-top: 25px; } .crse .vc_col-sm-12 { padding-left: 0; padding-right: 0; } .pub ul li { font-size: 16px; font-weight: 100; line-height: 18.5px; list-style: outside none disc; list-style-type: disc; list-style-position: outside; margin-bottom: 20px; margin-left: 0; } body .covid-19-update aside { border: 10px solid #fff; background-image: url('/wp-content/uploads/2020/04/Coronavirus-badge.jpg'); height: 75px; width: 75px; } .body-text {width:100%} .page-template-page-covid div.news.blog { padding-bottom: 0; } section .post-content aside {background-size:100%} body #main-slider_1 div.slider-content { background: #fef4f4 none repeat scroll 0 0; padding: 0; position: relative; width: 100%; } .page-template-page-policy-filters .blog h4 { margin-bottom: 30px; } p em { font-style: italic } .pub.news.blog a.external { display: inline; padding: 0; color: #e71e25; } .pub.news.blog a.tit { padding-left: 0 } .pub.news.blog a.tit::before { display: none } .pub.news.blog a.external::before { background-image: none; display: none; } blockquote, q { quotes: none } .wpcw_fe_enroll_button { display: none } .e-learning.post-content.grid span.fancy-date { display: none; } body .button-block { display: none; } .single-jobs-and-internships .post-content section h6 p { display: none } body #main-slider_1 .slider-content-wrapper .right-block .description { clear: both; color: #555555; font-size: 16px !important; font-weight: 100; line-height: 20px !important; position: relative; text-align: justify; } .single-course .related-posts, .single-events .related-posts { margin-top: -350px; } #menu-item-10105 a { background-color: #e71e25; padding: 7px 5px; color: #fff; } .addtoany_content_bottom img { height: auto; max-width: 18px; } .scroll #filters.pubs { bottom: 20px; } a.arrow.mid {bottom:33%} body #main-slider_1 .slider-content-wrapper .right-block .title { color: #e71e25; display: block; font-size: 18px !important; line-height: 16px !important; margin: 12px 0 0; position: relative; } .events.course.grid .e-learning h4 span, .business-and-human-rights-programme .fancy-date { display: none; } .business-and-human-rights-programme.January h4 span { display: none; } .post-content.grid ul li { border-right: 1px solid #e71e25; line-height: 19px; position: relative; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ .clear { clear: both } .tshowcase-box-photo { width: 100%; height: 0; padding-bottom: 100%; } #yasmin-batliwala .tshowcase-box-photo { padding-bottom: 140%; } .page .wpcw_fe_progress_box.wpcw_fe_progress_box_success, .single .wpcw_fe_progress_box.wpcw_fe_progress_box_success { color: #fde8e9; } /* FONTS */ .vc_custom_1571748260202, .vc_custom_1571748120891, .vc_custom_1571748112842, .vc_custom_1571744321123 { background-color: #fef6f6; } .vc_custom_1571744321123 { background-color: #fef6f6;padding-left: 60px; padding-right: 60px } h1, h2 { font-family: Myriad Pro, Arial, sans-serif; font-size: 35px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 40px; color: #e71e25; margin-top: 20px; margin-bottom: 20px } h3 { font-family: Myriad Pro, Arial, sans-serif; font-size: 20px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 24px; color: #e71e25 } h4 { color: #e71e25; font-family: Myriad Pro, Arial, sans-serif; font-size: 18px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 22px; } .ult_ecpsub_cont p { color: #e71e25; font-weight: 300; text-align: justify !important; } .page .ult_expheader { line-height: 22px; text-transform: uppercase; letter-spacing: 1.2px; font-size: 16px; font-weight: 500; } .wpcw_fe_quiz_title b, .wpcw_fe_progress_breakdown_wrap { display: none } .ult-just-icon-wrapper.ult_exp_icon { margin: 10px 0 0; } p { font-family: Myriad Pro, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 100; line-height: 20px; margin-bottom: 20px; } .page.page-template-page-case-studies .law-partners h4, .page .law-partners.absolute-cont h4 { visibility: visible; } .page .vc_btn, a.vc_btn, button.vc_btn { border-radius: 0; color: #e71e25 !important; } button.mapdetails { border: none; background-color: transparent; border-bottom: 1px solid black; cursor: pointer; } blockquote { font-family: Myriad Pro, Arial, sans-serif; font-size: 36px; font-style: normal; font-variant: normal; font-weight: 100; line-height: 46px; } .hero-quote.no-border blockquote p { border: medium none; } .vc_pageable-slide-wrapper { width: 100%; } .flexslider .slides img { height: auto; } .page .flexslider { border-radius: 0; box-shadow: none; margin: 0 0 60px; } .page .flex-caption h2 { line-height: 24px; margin-bottom: 15px; } .page .owl-carousel .owl-item img { height: auto; } .page .flex-direction-nav a::before { display: inline-block; font-family: "flexslider-icon"; font-size: 19px; padding: 11px; } body .wpcw_fe_custom_feedback_wrap { border-color: #ffffff; background: #fef4f4; } .related-posts .news.blog.policy section, .related-posts .news.blog.business-and-human-rights section, .related-posts .news.blog.blog section { min-height: 0 } body .wpcw_fe_custom_feedback_item { border-bottom: 1px solid #e71e25; } .body-text li { margin-bottom: 10px; } .post-content.grid ul li ul li, .post-content.grid ul li { border-right: 0; } .page .flex-direction-nav a { color: rgba(255, 255, 255, 0.9); cursor: pointer; display: block; height: 40px; margin: -20px 0 0; opacity: 0; overflow: hidden; position: absolute; text-decoration: none; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); top: 50%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 40px; z-index: 10; } .page .wpcw_fe_progress_box_success, .single .wpcw_fe_progress_box_success { background: #fde8e9 none repeat scroll 0 0; border: 0 none; color: black; } /* .single-course_unit .post-content h6 {display:none} */.single-course_unit .post-content .body-text img { height: auto; width: auto; } .post-content section h6 { color: #000000; float: left; margin-right: 6.6%; width: 60%; } #filters.pubs::before { display: none } #filters.pubs { background-color: #e71e25; float: left; max-width: 230px; margin-top: 40px; position: fixed; z-index: 9; width: 14%; } #filters > h4 { color: #fff; font-weight: 100; margin-bottom: 15px; } body .pubbers { float: right; width: 80%; margin-top: 30px; } .single .wpcw_fe_progress_box_warning, .page .wpcw_fe_progress_box_warning { background-color: #e71e25; border-color: #e71e25; color: #fff; background-image: none } .sdg-case .main h4 { border-top: 1px solid; padding-top: 15px; } .page a.fe_btn_completion, .page .wpcw_fe_quiz_submit_data input.fe_btn_completion, .single a.fe_btn_completion, .single .wpcw_fe_quiz_submit_data input.fe_btn_completion, .page a.fe_btn_completion:hover, .page .wpcw_fe_quiz_submit_data input.fe_btn_completion:hover, .single a.fe_btn_completion:hover, .single .wpcw_fe_quiz_submit_data input.fe_btn_completion:hover { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #e71e25; background-image: none; border-color: #63a62f #63a62f #5b992b; border-image: none; border-style: solid; border-width: 0; box-shadow: none; text-shadow: none; } .single-course #wpcw_fe_course .wpcw_fe_module td { background-color: #e71e25; color: #fef4f4; background-image: none; font-weight: bold; } #wpcw_fe_course td a { color: #000; font-weight: normal } .page a.fe_btn_navigation, .single a.fe_btn_navigation, .page a.fe_btn_navigation:hover, .single a.fe_btn_navigation:hover { background-color: #e71e25; background-image: none; border: 0 none; box-shadow: none; text-shadow: none; } .pub.news.blog .addtoany_list a::before { display: none } .page .pub.news.blog .addtoany_list a { border-right: 1px solid #fde8e9; height: 16px; display: inline-block; padding: 5px 8px; width: 16px; } .page .wpcw_fe_quiz_q_hdr, .single .wpcw_fe_quiz_q_hdr { border-bottom: 1px solid #e71e25; ; } .page .wpcw_fe_quiz_q_single, .single .wpcw_fe_quiz_q_single { border-bottom: 1px solid #e71e25; ; } .page .wpcw_fe_quiz_box_pending, .single .wpcw_fe_quiz_box_pending { background-color: #fef4f4; border-color: #fff; } .page .wpcw_fe_quiz_box_full_answers b, .single .wpcw_fe_quiz_box_full_answers b { color: #e71e25; } .page .flex-caption h2 a { color: #e71e25; text-decoration: none; font-size: 24px } h2 a { color: #e71e25; text-decoration: none; } .sdg-case ol li { list-style-type: decimal; } .page .wpb_posts_slider .flex-caption, .page .wpb_posts_slider .nivo-caption { background-color: #fef3f4; text-align: center; } .flex-direction-nav a { background: rgba(228, 34, 35, 0.9) none repeat scroll 0 0; } .law-partners.funders .news.blog img { margin-bottom: 0; } .page .flex-control-paging li a { background: rgba(228, 34, 35, 0.5) none repeat scroll 0 0; border-radius: 10px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset; cursor: pointer; display: block; height: 7px; text-indent: -9999px; width: 7px; } .pink.head { min-height: 0; } .quicksearch { border: 0 none; color: #e71e25; font-size: 11px; font-weight: bold; padding: 3%; width: 74%; } .quicksearch::-webkit-input-placeholder { color: #e71e25 !important; } .quicksearch:-moz-placeholder { /* Firefox 18- */ color: #e71e25 !important; } .quicksearch::-moz-placeholder { /* Firefox 19+ */ color: #e71e25 !important; } .quicksearch:-ms-input-placeholder { color: #e71e25 !important; } .bottom-links a { font-size: 18px; font-weight: 100; padding: 15px; border: 1px solid; margin-bottom: 20px; } .Fund .vc_gitem-row-position-bottom, .Fund .vc_gitem-row-position-middle { display: none; } .Fund .vc_gitem-post-data { margin-bottom: 0; } .page .wpb_btn-inverse:hover, .page .wpb_btn-inverse:active, .page .wpb_btn-inverse.active, .page .wpb_btn-inverse.disabled, .page .wpb_btn-inverse[disabled] { background-color: #e71e25; } .sdg-events .events, .LSN { padding-bottom: 110px; position: relative; } .page .flex-control-paging li a.flex-active { background: rgba(228, 34, 35, 0.9) none repeat scroll 0 0; } .page .vc_images_carousel .vc_carousel-indicators .vc_active { background-color: transparent; border: 1px solid #e71e25; height: 7px; margin: 1px; width: 7px; } .wpb_wrapper .SDG-grid > li { list-style: outside none none; padding-left: 0; } .wpb_wrapper .SDG-grid { list-style: outside none none; padding-left: 0; } .knwgr { position: absolute; bottom: 40px; width: 120px; background-color: #fff; display: block; text-align: center; padding: 14px 10px; color: #e75d71; text-decoration: none; left: 50%; margin-left: -70px; } .page .sdg-case .law-partners h4 { visibility: visible; } .law-partners.absolute-cont .news.blog img { height: auto; margin-bottom: 0%; margin-top: 25%; -webkit-filter: grayscale(100%); filter: grayscale(100%); max-height: 140px; max-width: 80%; width: auto; } .wpb_wrapper ul li a { color: #e71e25; line-height: 22px; } .page .vc_images_carousel .vc_carousel-indicators li { background-color: #e71e25; } .page .vc_images_carousel .vc_carousel-indicators li { border: 1px solid #e71e25; border-radius: 7px; cursor: pointer; display: inline-block; height: 7px; margin: 1px; text-indent: -999px; width: 7px; } a, div, button { font-family: Myriad Pro, Arial, sans-serif; } pre { font-family: Myriad Pro, Arial, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 21px; } .hero-quote h4 { font-size: 16px; font-weight: 300; } .menu li a { color: #e71e25; font-size: 18px; font-weight: 400; text-decoration: none; } #site-description { display: none; } .current-menu-item { background-color: #fef3f4; } .left-border { border-left: 1px solid #e71e25; } .wpcw_fe_quiz_q_result_correct { color: #e71e25; } .wpcw_fe_quiz_q_result_incorrect { color: black; font-weight: bold; } .hero-quote blockquote p { border-right: 1px solid #e71e25; color: #e71e25; font-size: 26px; font-weight: 100; letter-spacing: 0.5px; line-height: 38px; padding-left: 14%; padding-right: 8%; position: relative; } .tshowcase-box-photo { background: #e71e25; } .hero-quote p { color: #e71e25; } .single-publications .pink { min-height: 1000px; } .hero-quote blockquote::before { background-image: url("img/quote-r.png"); background-position: center center; content: " "; display: block; width: 86px; left: 5px; position: absolute; top: 6px; height: 68px; } .vc_row.wpb_row.red p, .vc_row.wpb_row.red h1, .vc_row.wpb_row.red h2, .vc_row.wpb_row.red h3, .vc_row.wpb_row.red h4, .vc_row.wpb_row.red a, .vc_row.wpb_row.red h5, .vc_row.wpb_row.red, h6 { color: #ffffff; } .vc_row.wpb_row.red h4 { font-weight: 100; } .page .mapplic-list-location > a:hover { background-color: #fff; } .main.blog aside { height: 60px; left: 5px; margin: 10px auto; position: static; right: auto; top: -60px; width: 60px; } .page .mapplic-list-location > a h4 { color: #e71e25; padding-left: 7px; } .sdg-case li { margin-left: 180px; } .blog.main { margin: 0 auto; max-width: 1300px; width: 92%; } .blog.main { margin: 0 auto; max-width: 1300px; width: 92%; position: relative; } .sdg-case ul { background-color: rgba(255, 255, 255, 0.4); margin-bottom: 40px; margin-top: 20px; padding: 24px 0; } .mapplic-list-location > a h4::before { /*background-image: url("img/marker.png");*/ content: ""; height: 20px; left: 0; position: absolute; width: 13px; } .sdg-case .main li, .sdg-case .main p { font-size: 16px; line-height: 20px; list-style: outside none disc; margin: 10px auto; max-width: 800px; text-align: left; width: 92%; } .sdg-case .main li, .sdg-case .main p, .sdg-case .main h4 { text-align: justify; margin: 10px auto; max-width: 800px; width: 92%; } .sdg-case ul { margin-bottom: 40px; margin-top: 20px; } .hero-quote blockquote::after { background-image: url("img/quote-rl.png"); background-position: center center; content: " "; display: block; width: 86px; right: 42px; position: absolute; bottom: 6px; height: 68px; } .single-tshowcase .board .cont { color: #fff; } .pink .sdg-news { float: left; width: 100%; margin-top: 25px; padding-top: 0px; margin-bottom: 40px; padding-bottom: 30px; } .single-tshowcase .board em { display: none } .board #tshowcase-single-wrap { color: #000000 } p a { color: #e71e25; text-decoration: underline; } /* HEADER */ body #catapult-cookie-bar { background-color: #000000; } body .ctcc-left-side { color: #f1efef; font-family: calibri; font-size: 13px; font-weight: 100; } body #catapult-cookie-bar a { color: #fff; font-weight: 100; text-decoration: none; } body .get-involved .wpb_button.wpb_btn-danger.wpb_regularsize { bottom: 0; height: 52%; opacity: 0.85; position: absolute; text-align: center; vertical-align: middle; left: 0; right: 0; color: #fff; text-shadow: none; padding-top: 48%; line-height: 25px; } .news.blog h4 { font-size: 26px; font-weight: 100; line-height: 30px; } .get-involved img:hover { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out; } .get-involved .vc_single_image-wrapper { overflow: hidden; } .get-involved .vc_col-sm-3 { margin-left: 0.125%; margin-right: 0.125%; overflow: hidden; padding-left: 0; padding-right: 0; width: 24.75%; } .get-involved .wpb_single_image.vc_align_left { text-align: left; margin-bottom: 0px; } .relative { position: relative } body button#catapultCookie { border-radius: 0; color: #000000; font-size: 12px; padding: 3px 9px; font-weight: 100; background-color: #fff; } .grid.key > a { background-color: #e71e25; color: #fff; font-size: 13px; line-height: 40px; margin-top: 10px; padding: 7px 8px; text-decoration: none; } .has-cookie-bar #catapult-cookie-bar { padding: 8px 20px !important; } body .cookie-bar-bar button#catapultCookie { margin: 0 0 0 40%; } body .pro-bono .wpb_button.wpb_btn-danger.wpb_regularsize { background-color: rgba(255,255,255,.75); color: #161616 } body .pro-bono .wpb_button.wpb_btn-danger.wpb_regularsize.top { background-color: rgba(255,255,255,1); } .pro-bono .wpb_button.wpb_btn-danger { display: block; margin-bottom: 10px; } .grid.key { border-bottom: 1px solid #e71e25; border-top: 1px solid #e71e25; padding-bottom: 15px; padding-top: 20px; } .page-template-page-map #container > section { background-color: #fef3f4; } .mapplic-list .Show { display: none; } .page-template-default #container ul li { font-weight: 100; line-height: 19px; font-size: 15px; list-style: outside none disc; } .page-template-default #container ul, .page-template-default #container table, .page-template-default #container ol { margin-bottom: 20px; } .page-template-default #container ol li { font-size: 15px; font-weight: 100; line-height: 19px; list-style-position: outside; list-style-type: decimal; margin-bottom: 10px; } pre { color: #e71e25; font-size: 28px; font-weight: 100; line-height: 40px; padding-left: 14%; font-family: Myriad Pro, Arial, sans-serif; padding-right: 8%; position: relative; white-space: normal; margin-bottom: 20px; } .manage_page a { color: #e71e25; text-decoration: none; } ul.children { margin-left: 40px; } ul.children { margin-left: 40px; } .page-template-default #container td { border: 1px solid #999; font-weight: 100; padding: 5px; } .mapplic-tooltip-content .mapdetails { display: none; } .key img { height: auto; vertical-align: middle; width: 18px; } #breadcrumbs { list-style: none; float: left; margin-bottom: 0; overflow: hidden; padding-left: 3px; } .key section { font-size: 11px; float: left; line-height: 20px; color: #e71e25 } body .swiper-slide { height: 100px } #wrapper > header { margin: 0 auto; max-width: 1300px; width: 92%; } .key h6 { color: #e71e25; font-size: 13px; font-weight: 600; letter-spacing: 1px; line-height: 20px; text-transform: uppercase; } .map-para .centralTitle { width: 200px; background-color: #fff; margin: 0 auto; } .page-template-page-dev-partners .map-para { background-size: cover; margin-bottom: 15px; position: relative; display: block; float: left; width: 100%; margin-top: 15px; } .map-para.ca { background-image: url("http://www.a4id.org/wp-content/uploads/2016/06/central-asia.jpg?id=3565"); } .map-para.er { background-image: url("http://www.a4id.org/wp-content/uploads/2016/06/eastern-europe.jpg"); } .map-para.na { background-image: url("http://www.a4id.org/wp-content/uploads/2016/06/northe-america.jpg"); } .map-para.nea { background-image: url("http://www.a4id.org/wp-content/uploads/2016/06/north-east-africa.jpg"); } .map-para.sa { background-image: url("http://www.a4id.org/wp-content/uploads/2016/06/south-america.jpg"); } a.button { font-size: 16px; line-height: 22px; padding: 0 5px; } .map-para.sea { background-image: url("http://www.a4id.org/wp-content/uploads/2016/06/south-east-asia.jpg"); } .map-para.sp { background-image: url("http://www.a4id.org/wp-content/uploads/2016/06/south-pacific.jpg"); } .map-para.sca { background-image: url("http://www.a4id.org/wp-content/uploads/2016/06/south-africa.jpg"); } .map-para.wa { background-image: url("http://www.a4id.org/wp-content/uploads/2016/06/west-africa.jpg"); } .map-para.we { background-image: url("http://www.a4id.org/wp-content/uploads/2016/06/west-europe.jpg"); } h4 span { font-weight: 100; } .dev h4 a { text-decoration: none; font-weight: 400; } .dev a { background-color: #fff; float: left; margin: 0 0.75% 1.5%; min-height: 80px; padding: 4%; text-align: center; width: 15.5%; } .dev p { margin-bottom: 0; } #container { clear: both; display: block; } .vc_carousel-inner img { width: 80%; height: auto; margin-left: 10%; vertical-align: middle; } #site-title a { background-image: url('img/a4id-hero-logo.png'); display: block; height: 85px; background-size: cover; margin: 10px 0; max-width: 215px; text-indent: -9999px; width: 100%; background-repeat: no-repeat; background-size:100%; background-position: center } span.wpb_button.wpb_btn-inverse.wpb_regularsize.middle.redcta { background-color: #e71e25; color: #fff; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; padding-bottom: 0px; } ul.social { float: right; width: 120px; display: block; margin-left: 20px; margin-bottom: 0; list-style: none } ul.social li a { width: 30px; height: 30px; text-indent: -9999px; display: block; background-color: rgba(255,255,255,.0); background-size: auto 15px; background-position: center; background-repeat: no-repeat; } ul.social li a:hover { background-color: rgba(255, 255, 255, 0.3); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } ul.social li a.fb { background-image: url('img/facebook.png'); background-image: url('img/facebook.svg'); } ul.social li a.tw { background-image: url('img/twitter.png'); background-image: url('img/twitter.svg'); } .social > li { float: left; } .contact-link a.donate::before { background-image: url("img/donate-button.png"); background-position: center center; content: " "; display: block; height: 15px; left: 5px; position: absolute; top: 6px; width: 15px; display: none } .contact-link a.donate.sub::before { display: none; } .contact-link a.donate.sub{ padding: 6px 8px 4px 8px; } .body-text { float: left; margin-top: 20px; } footer ul { margin-left: 0; list-style: none; } b { font-weight: 600; } .body-text ul { margin-bottom: 20px; padding-left: 15px; } .related-posts .event img { margin-bottom: 0; } aside.event { margin: 0; } .post-content.grid ul li span { color: #000000; } .related-posts > h4, .related-posts > h6 { margin: 40px 10% 10px; } .related-posts > h6 { margin: 20px 10% 10px; color: #000000; } .events.grid.knowledge { margin-top: 10px; } .related-posts > h6 { color: #000000; font-size: 18px; font-weight: 100; margin: 20px 10%; } #nav-below { background-color: #fef4f3; padding: 5px; width: 100%; float: left; } #responsive-menu .responsive-menu li a { background-color: #e71e25 !important; } .nav-previous a { color: #e71e25; float: left; font-size: 12px; text-decoration: none; width: 50%; } .nav-next a { color: #e71e25; float: right; text-align: right; font-size: 12px; text-decoration: none; width: 50%; } .single-case-studies h1.entry-title { padding-top: 10px; } .pink .posts.grid { padding-top: 40px; } .related-posts { background-color: #fef4f4; display: block; float: left; margin-left: 2%; /* margin-top: -350px; */ padding-bottom: 40px; width: 29%; } .cont { float: left; margin-right: 6.6%; width: 60%; } .single-tshowcase .pink { min-height: 800px; } .single-tshowcase .body-text { width: 100%; } .tshowcase-vcard-left { display: none; } .cont > a { color: #000; text-decoration: none; } .post-content.grid .cont h6 { margin-bottom: 20px; width: 100%; } .single-events .post-content.event h1 { border-bottom: 0 none; border-top: 0 none; padding-bottom: 0; padding-top: 0; } .post-content.grid span.fancy-date em { border-top: 1px solid rgba(255, 255, 255, 0.2); display: block; font-size: 14px; } .post-content.grid span.fancy-date { background-color: #e71e25; color: #ffffff; font-size: 23px; font-weight: 100; height: 65px; left: 0; line-height: 26px; min-width: 120px; padding-left: 10px; padding-right: 10px; padding-top: 15px; position: absolute; text-align: center; top: -80px; } .single-tshowcase .post-content h1 { border-bottom: 1px solid; display: block; font-size: 41px; line-height: 30px; margin-top: 5px; padding-bottom: 22px; width: 100%; } .single-events .post-content.event section h6 { font-size: 20px; font-weight: 600; line-height: 23px; margin-right: 0; width: 96%; } .single-tshowcase em { color: #e71e25; font-size: 12px; font-weight: 100; } section .tshowcase-box-social { position: absolute; right: 20px; top: 20px; } section.cont .tshowcase-box-social a i { border-radius: 0 !important; color: #e71e25; font-size: 30px; } .post-content.grid .cont h6 span { font-weight: 600; } .single-tshowcase .tshowcase-single-position { display: none; } .single-events .ui-tabs { margin-top: -27px; } section .post-content aside { bottom: auto; height: 50px; position: absolute; left: auto; right: 0; top: 0; width: 50px; } .date2013.resources::after, .date2012.resources::after, .date2011.resources::after, .date2010.resources::after { color: #e71e25; content: "Please note: Some content may be out of date"; display: block; font-size: 12px; line-height: 22px; text-align: center; width: 100%; position: absolute; } .single-course_unit .post-content section h6 { display: none; } .single-case-studies .related-posts .news.blog, .related-posts .news.blog { float: left; height: auto; margin: 10px 5%; padding-bottom: 0; position: relative; width: 90%; } .related-posts .news.blog section { position: static; min-height: auto; } .postid-238 .post-content .img img { margin-top: 0; } .post-content .body-text img { float: left; height: auto; margin: 10px 0 30px; width: 100%; } .page .tshowcase-box-title a { color: #e71e25; text-decoration: none; } .single .post-content section h6 { width: 100% } .post-content section.cntnt.case h6 { width: 90%; margin-bottom: 10px; } .post-content.grid ul li { line-height: 19px; position: relative; } .body-text li a { color: #e71e25; } .body-text li { font-weight: 100; } blockquote p, .post-content.grid blockquote p span { color: #e71e25; font-family: Myriad Pro, Arial, sans-serif; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 100; line-height: 33px; } .post-content h1 { border-bottom: 1px solid; display: block; font-size: 41px; margin-top: 15px; padding-bottom: 12px; width: 100%; } .post-content.grid > section.cntnt.case { background-color: #fff; margin-top: 0; padding: 3%; width: 63%; } .cntnt.case .vc_row { background-color: transparent; margin: 0 0 20px; padding: 0; } .post-content .img img { height: auto; margin-top: -140px; width: 100%; } #filters.posts button { font-size: 16px } .post-content.grid > section { background-color: #ffffff; float: left; position: relative; margin-top: 40px; margin-bottom: 40px; padding: 2%; width: 65%; } .post-content.grid h4 span { clear: both; font-weight: 600; } .post-content.grid .p1 { clear: both; } .news.blog aside { border-width: 7px; bottom: auto; height: 45px; left: auto; right: 0; top: 0; width: 45px; } .post-content section h6 p { font-size: 20px; font-weight: 600; line-height: 23px; } .post-content.grid p span { color: #000000; } .post-content section h6 { color: #000000; float: left; margin-right: 6.6%; width: 60%; } .post-content img { float: left; height: auto; width: 33.3%; } .post-content.grid span { color: #e71e25; font-size: 18px; font-weight: 100; } .news.blog a { text-decoration: none; } .news.blog a p { color: #000000; } .news.blog section span, .single-case-studies .related-posts .news.blog section span { border-bottom: 1px solid #e71e25; color: #000; display: block; float: left; font-size: 13px; font-weight: inherit; margin-bottom: 25px; padding-bottom: 5px; padding-top: 15px; width: 100%; } .rev { background-color: #e71e25; color: #fff; } #filters select { background-color: #fff; border: medium none; color: #e71e25; font-size: 11px; -webkit-appearance: none; margin-bottom: 5px; padding: 2.5%; width: 80%; } .single-case-studies .related-posts .news.blog section span { color: #e71e25; position: static } .news.blog section span b { color: #e71e25; } .news.blog section > span { color: #e71e25; } .centralTitle { clear: both; display: block; padding: 15px 0 0; text-align: center; width: 100%; } .dev-partners .news.blog section { background-color: #fde8e9 } .news.blog section { background-color: #ffffff; padding: 25px; } .single-case-studies .related-posts .news.blog img, .related-posts .news.blog img { height: auto; margin: 0; max-height: none; max-width: none; width: 100%; } .single-case-studies .related-posts .news.blog section { left: 0; padding: 25px 25px 50px; position: static; text-align: left; width: auto; } .centralTitle span { font-weight: 100; } ul.social li a.yt { background-image: url('img/youtube.png'); background-image: url('img/youtube.svg'); } ul.social li a.in { background-image: url('img/linkedin.png'); background-image: url('img/linkedin.svg'); } ul.social li a.vm { background-image: url('img/vimeo.png'); } .single-case-studies .related-posts .news.blog section { left: 0; padding: 25px; position: static; text-align: left; width: auto; } .dev-partners .news.blog { padding: 0; width: 18%; } .dev-partners .news.blog section { background-color: #fde8e9; padding: 5px 15px; position: static; } .submit { background-color: #d7d6d5; border: 0 none; border-radius: 0; float: left; height: 27px; text-indent: -999px; width: 27px; background-image: url('img/search.png'); background-position: center; background-repeat: no-repeat; } footer .grid div.six { margin-left: 6.25%; text-align: right; } .related-posts > h4::after { content: "_"; display: block; opacity: 0.3; } .contact-link a { color: #afafac; font-size: 18px; font-weight: 100; } .contact-link a.donate { background-color: #e71e25; color: #ffffff; margin-left: 0px; /* padding: 6px 8px 4px 25px; */ padding: 6px 8px 4px 8px; position: relative; text-decoration: none; } .page .tshowcase-box-social a { background-color: #e71e25; float: left; padding: 7px; } .contact-link { float: right; height: 105px; position: relative; width: 18%; text-align: right; max-width: 295px; } body .contact-link a { font-size: 13px; } .menu { height: 100%; vertical-align: middle; } .related-posts > h4 { font-size: 22px; font-weight: 100; } #search { bottom: 7px; position: absolute; right: 0; } .tshowcase-box.ts-col_4 { padding: 1%; position: relative; width: 22.5%; border-bottom: 1px solid rgba(255,255,255,.6); } .tshowcase-box.ts-col_4 img:hover { -webkit-filter: blur(3px); filter: blur(3px); opacity: 0.6; position: relative; filter: alpha(opacity=60); } .tshowcase-box.ts-col_4::after img:hover { content:'+'; position:absolute; color:#fff; top:10px; right:10px; font-size:22px; font-weight:100; } .tshowcase-box.ts-col_4 img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .tshowcase-single-telephone::before { color: #fff; content: "DD: "; font-size: 12px; font-weight: 100; } .tshowcase-single-email::before { color: #e71e25; content: "E: "; font-size: 12px; font-weight: 100; } .page .tshowcase-box-social a i { border-radius: 0; color: #fff; font-size: 25px; } .page .tshowcase-box-social { left: 0; position: absolute; text-align: center; top: -42px; width: 96%; } .tshowcase-single-telephone > a, .tshowcase-single-email > a { color: #000000; font-weight: 100; line-height: 18px; text-decoration: none; } .page .tshowcase-box-title { color: #e71e25; font-size: 24px; font-weight: bold; line-height: 28px; margin-top: 10px; } .page .tshowcase-single-position { font-size: 16px; font-style: normal; font-weight: 600; margin-bottom: 10px; } .tshowcase-box-info.ts-align-center { background-color: #ffffff; height: 140px; margin-top: -33px; padding: 4%; position: relative; width: 92.1%; } .single-case-studies .pink { min-height: 1300px; float: left; } .tshowcase-box.ts-col_4 img { height: auto; width: 100%; } .addtoany_shortcode { position: absolute; bottom: 0; border-top: 1px solid #fde8e9; text-align: center; width: 100%; } .page .addtoany_list a, .archive .addtoany_list a { width: 16px; height: 16px; padding: 5px 8px; border-right: 1px solid #fde8e9 } .contact-link > span { display: block; line-height: 105px; } .menu li { float: left; line-height: 105px; margin: 0 1px; padding: 0 5px; position: relative; text-align: center; } #branding { float: left; width: 20%; } /* STAFF */ .tier {text-align:center} .tshowcase-box.ts-col_4 {display: inline-block;vertical-align: top;} /* END STAFF */ .ts-board .tshowcase-box-info.ts-align-center { height: 70px; } #menu { float: left; } .contact-links { float: left; width: 15%; } .scroll .menu li:hover .sub-menu { top: 80px; } .menu li:hover .sub-menu { -webkit-transition: all .35s ease-in-out; -moz-transition: all .26s ease-in-out; -ms-transition: all .26s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; top: 105px; height: auto; } .dev-partners .news.blog section span { border: 0 none; margin-bottom: 0px; padding: 0; } .law-partners .news.blog img { height: auto; margin-bottom: 13%; margin-top: 20%; max-height: 110px; width: auto; max-width: 80%; } .law-partners .news.blog { overflow: hidden; } .law-partners .news.blog { display: block; float: left; height: 0; margin: 1%; background-color: #ffffff; padding-bottom: 23%; position: relative; width: 23%; } .law-partners .news.blog section span { border: 0 none; bottom: 20px; margin: 0; padding: 0; position: absolute; } .pol .vc_col-sm-4 { width: 100%; } .law-partners .news.blog section { background-color: #ffffff; bottom: 0; height: auto; left: 10%; padding: 0 0 33%; position: absolute; text-align: center; width: 80%; } .menu li ul li a { font-size: 16px; width: 100%; height: 100%; display: block; } .menu li .sub-menu { background-color: #fff; float: left; position: absolute; height: 0; overflow: hidden; width: 330px; z-index: 99999; } .menu .sub-menu li:hover { background-color: rgba(232,67,76,0.025); } body #responsive-menu-container { width: 100%; } body button#responsive-menu-button { background-color: #fff; width: 50px; height: 50px; position: fixed; top: 0; right: 0; } body .responsive-menu-label.responsive-menu-label-top, body .responsive-menu-label.responsive-menu-label-bottom { display: none; } .menu .sub-menu li, .scroll .menu .sub-menu li { font-size: 15px; line-height: 35px; padding-left: 5%; text-align: left; width: 95%; border-top: 1px solid rgba(232,67,76,0.025); } .vc_row.wpb_row.vc_row-fluid.grid { width: 100%; } .vc_row.wpb_row.vc_row-fluid.grid .vc_col-sm-12 { padding: 0; } #s.text { background-color: #efeeee; border: 0 none; color: #afafac; height: 25px; } #breadcrumbs li a { color: white; font-family: Myriad Pro, Arial, sans-serif; text-decoration: none; } .law-partners .news.blog a p { color: #000000; margin-top: -15px; } li { font-family: Myriad Pro, Arial, sans-serif; } #container.scroll { margin-top: 100px; } .home .pink.light { padding-bottom: 40px; } #breadcrumbs li { display: inline-block; line-height: 30px; margin-left: 8px; vertical-align: middle; color: white; font-family: Myriad Pro, Arial, sans-serif; text-decoration: none; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; } .scroll .frame { max-width: 1300px; margin: 0 auto; width: 98%; } /* SCROLL MENU #wrapper > header.scroll { background-color: #fff; margin: 0 auto; max-width: none; position: fixed; width: 100%; z-index: 99; } #header.scroll #branding { display: none; } .scroll .contact-link { float: right; height: 60px; margin-right: 20%; position: relative; text-align: right; width: 20%; } .scroll .menu li a { color: #e71e25; font-size: 16px; } .scroll .menu li { float: left; line-height: 60px; } .scroll #menu { float: left; margin-left: 20%; width: 40%; } */ #breadcrumbs .separator { color: #fff; font-size: 12px; font-weight: 100; } .bread { background-color: #e71e25; clear: both; display: block; height: 30px; margin: 0 auto; max-width: 1296px; padding: 4px 4px 4px 0; } .hero { position: relative; font-weight: bold; } a.chapter { -webkit-box-shadow: 7px 7px 3px -4px rgba(0,0,0,0.16); -moz-box-shadow: 7px 7px 3px -4px rgba(0,0,0,0.16); box-shadow: 7px 7px 3px -4px rgba(0,0,0,0.16); width: 28%; margin: 2.4%; display: inline-block; height: 0; overflow: hidden; padding-bottom: 28%; } /* .hero::before { background-color: #fff; content: ""; display: block; height: 12px; position: absolute; top: 10px; width: 5px; left: -13px; }*/ /* SLIDER */.button.red { background-color: #e71e25; border: 0 none; color: #ffffff; display: block; float: left; font-size: 16px; margin: 10px 1.5%; padding: 0px 1%; text-decoration: none; width: 45%; line-height: 60px; height: 60px; } .ls-l.blackout { width: 100% !important; height: 100% !important; } .learners .vc_gitem-link { text-decoration: none; max-height: 235px; overflow: hidden; display: block; } .home .news.blog { width: 48%; } .single-policy img.attachment-post-thumbnail { display: none; } .wpb_text_column.wpb_content_element.partner-with { width: 150px; background: #e71e25; text-align: center; color: #ffffff; height: 20px; font-weight: 100; font-size: 12px; margin-top: -10px; margin-bottom: 0; margin: -10px auto 0; } .wpb_text_column.wpb_content_element.partner-with p { color: #ffffff; line-height: 20px; font-size: 12px; font-weight: 100; text-transform: uppercase; } .policy-home .vc_grid-item .vc_grid-item-mini .vc_gitem-zone a { color: #e71e25; font-size: 24px; padding-top: 10px; line-height: 26px; } .policy-home .vc_grid-item .vc_grid-item-mini .vc_gitem-zone img { height: auto; position: absolute; right: -15px; top: -36px; width: 45px; } .policy-home .vc_grid-item .vc_grid-item-mini .vc_gitem-zone { padding: 40px 20px 0; } .eventer .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_image { margin-top: -40px; } .policy-home .vc_grid-item .vc_grid-item-mini { background-color: #fff; } .eventer .vc_grid .vc_pageable-load-more-btn { display: none; } .learners .eventer .vc_gitem-link { max-height: 225px; padding-bottom: 0; } .ls-slide h4 { color: #ffffff; display: block; font-size: 22px !important; font-weight: 300; line-height: 27px !important; } .related-posts .news.blog.policy section, .pink .law-partners .news.blog section { min-height: 0; } .ls-slide p.ls-l { left: 25% !important; position: absolute; text-align: center; bottom: 50px !important; width: 50% !important; top: auto !important; } strong { font-weight: 900; } .ls-slide h1 { color: #ffffff; font-size: 60px !important; font-weight: 100; } .page h4 .vc_gitem-link { color: #e71e25; font-size: 26px; font-weight: 100; line-height: 30px; min-height: 60px; padding: 15px 25px; text-decoration: none; text-align: left; } .scroll #site-title a { height: 60px; max-width: 240px; } .scroll #search { display: none; } .scroll .menu li { line-height: 80px; } .scroll .contact-link { height: 80px; } #wrapper header.scroll { background-color: #fff; display: block; z-index: 455555;border-bottom: 1px solid #eee; max-width: none; padding: 0px 3%; position: fixed; width: 94%; } .scroll .contact-link > span { line-height: 80px; } .page .vc_grid .vc_pageable-load-more-btn { margin-top: 0; margin-bottom: 20px; } .page .SUB h4 .vc_gitem-link { font-size: 24px; } .eventer .vc_gitem-post-data { padding-top: 10px; } /*Layout */ body .vc_row.grid, body .grid { margin: 0 auto; float: none; max-width: 1300px; width: 92%; } .no-results { margin: 0 auto 30px; float: none; max-width: 1300px; width: 92%; } body .wpb_row, .wpb_content_element, body ul.wpb_thumbnails-fluid > li, body .last_toggle_el_margin, .wpb_button { margin-bottom: 0; } .pink.light { background-color: #fef3f4; } .SDG-grid > li { float: left; margin: 0 0.55555% 1%; width: 10%; } #News .blog { display: block; float: none; width: 100%; } #News { width: 24.9%; float: left; } .REMOVE { display: none } .SDG-grid > li img { width: 100%; height: auto; } .SDG-grid { width: 100%; } .page p .vc_gitem-link { color: black; } #Blog { width: 73%; float: right; } .vc_row.wpb_row.red { background: #e71e25; padding-top: 10px; padding-bottom: 40px; } .page .wpb_btn-inverse { background-color: #fff; border: 0 none; line-height: 50px; color: #e71e25; font-size: 18px; font-weight: 100; height: 50px; margin: 0 auto; padding: 4px 10px; text-align: center; } body .wpb_button.wpb_btn-danger.wpb_regularsize { background-color: #e71e25; border: 0; color: #fff; line-height: 50px; font-size: 18px; font-weight: 100; } .centre { text-align: center } .page-template-page-news div.news.blog { padding-bottom: 0 } body .vc_images_carousel .vc_carousel-indicators { bottom: -5px; } .vc_images_carousel .vc_carousel-indicators li { background-color: #e71e25; border: 1px solid #e71e25; } .vc_single_image-wrapper.vc_box_border_grey { height: auto; width: 100%; position: relative; } .archive .header { text-align: center; } .vc_button-2-wrapper.vc_button-2-align-inline { background-color: #e71e25; position: absolute; bottom: 40px; width: 100%; } #footer { background-color: #e71e25; padding: 40px 0 20px; } .archive .news.blog section { width: auto; } .law-partners .news.blog section .archive .news.blog, .search-item { background: rgba(0, 0, 0, 0.12) none repeat scroll 0 0; } #copyright { clear: both; padding-top: 40px; text-align: center; font-size: 12px; } #copyright, #copyright a { color: #fff; text-decoration: none } footer .grid div { float: left; width: 12.5%; } footer .grid div div { width: 90%; } footer .grid div a, footer .grid div li { color: #ffffff; font-size: 13px; font-weight: 100; line-height: 20px; text-decoration: none; } footer .grid div h4 a, footer .grid div h4 { font-size: 18px; font-weight: 500; line-height: 35px; color: #ffffff; } footer .grid div.six { margin-left: 6.25%; } footer .grid div.address { margin-right: 6 .25%; } .page .addtoany_list a img, .archive .addtoany_list a img { opacity: .4; width: 100%; height: auto; } footer .grid div a.subscribe, footer .grid div a.donate { background: white none repeat scroll 0 0; color: #e71e25; font-weight: 400; padding: 5px 5px; line-height: 35px; } .wpb_button.wpb_btn-inverse.wpb_regularsize.centering { width: 30%; margin-left: 30%; margin-bottom: 40px; } .sdg-policy img.attachment-post-thumbnail { display: none; } .page-template-page-policy img.attachment-post-thumbnail { display: none; } body .pro-bono .wpb_button.pro.wpb_btn-danger.wpb_regularsize { background-color: rgba(231, 30, 37, 0.75); color: #ffffff; left: 50%; margin-left: -120px; margin-top: 30%; position: absolute; bottom: 10px; visibility: hidden; } .cntnt aside.event { height: 75px; top: -350px; width: 75px; } .wpb_single_image img { height: auto; max-width: 100%; width: 100%; } body .vc_btn-black, a.vc_btn-black, button.vc_btn-black { background-color: #e71e25; color: #ffffff !important; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 100%; margin: 0 !important; } .vc_button-2-wrapper.vc_button-2-align-inline { bottom: 40px; position: absolute; width: 83%; text-align: center; } /*EVENTS */.sdg-policy div.news.blog, .sdg-news div.news.blog { background-color: #fff; padding-bottom: 0; } .sdg-policy div.news.blog section, .sdg-news div.news.blog section { bottom: auto; top: 0 } .news.blog.pub section { position: static; } .pink.white { background-color: #fff } .knwgr.red { background-color: #e71e25; color: #fff; margin: 60px 0; position: static; } .page div.event.event { float: left; margin: 1%; position: relative; width: 31.3%; height: 0; overflow: hidden; padding-bottom: 25%; } div.news.blog { } .post-content.grid .wpcf7-form span.wpcf7-form-control-wrap { display: block; float: left; height: 40px; line-height: 40px; margin-bottom: 10px; padding: 0; background-color: transparent; width: 75%; } .sdg-policy div.news.blog.pub, .news.blog.pub { height: auto; overflow: visible; padding: 0; } .news.blog aside { z-index: 19 } .news.blog section { min-height: 300px; background-color: #ffffff; bottom: 0; margin-top: -10px; padding: 25px 25px 50px; z-index: 99999; } .post-content.grid .wpcf7-form span, .single .salesforce_w2l_lead .top-aligned .w2llabel { background-color: #fde8e9; clear: none; display: block; float: left; font-size: 12px; font-weight: normal; height: 40px; letter-spacing: 1px; line-height: 40px; padding: 0 1%; text-transform: uppercase; width: 22%; } .page .salesforce_w2l_lead .w2linput.text, .page .salesforce_w2l_lead .w2linput.textarea, .single .salesforce_w2l_lead .w2linput.text, .single .salesforce_w2l_lead .w2linput.textarea { clear: none; display: block; float: left; height: 40px; line-height: 40px; margin-top: 3px; margin-bottom: 10px; padding: 0; width: 78%; } .window { height: 0; overflow: hidden; padding-bottom: 55%; display: block; } .page .salesforce_w2l_lead .w2linput.textarea, .single .salesforce_w2l_lead .w2linput.textarea { height: auto } .crse.body-text .speaker ul.ui-tabs-nav li.ui-corner-top.ui-state-default { font-size: 14px; line-height: 18px; width: 12.3%; } .post-content.grid p a span { color: #e71e25; } .crse .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .crse .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background-color: #fff; border-bottom: 1px solid #fef5f6; font-size: 16px; } .crse.body-text ul.ui-tabs-nav li.ui-corner-top.ui-state-active, .crse.body-text ul.ui-tabs-nav li.ui-corner-top.ui-state-default:hover { background-color: #fef5f6; } .single .crse.body-text .wpb_tab.ui-tabs-panel { background-color: #fef5f6; padding-top: 30px; } .crse h4 { border-top: 1px solid; } .crse.body-text h4 span, .crse.body-text h4 { display: block; font-size: 26px; line-height: 44px; padding-bottom: 20px; padding-top: 5px; } .search-item img { height: auto; margin-bottom: 15px; width: 100%; } .crse.body-text .reset ul.ui-tabs-nav li.ui-corner-top.ui-state-default { text-align: center; white-space: no-wrap; width: auto; } .crse.body-text ul.ui-tabs-nav li.ui-corner-top.ui-state-default { text-align: center; white-space: unset; width: 19%; } .crse.body-text ul.ui-tabs-nav li.ui-corner-top.ui-state-default a, .crse .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a, .crse .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab a { color: #e71e25; } /* .post-content.grid .body-text.crse p { font-size: 14px; } .post-content.grid .body-text.crse span { font-size: 14px; }*/ .post-content.grid .body-text.crse h4 span { font-size: 22px; } .single-events div.wpcf7-response-output { margin: 6em 0.5em 1em; } .post-content.event h1 { border-bottom: 0 none; border-top: 1px solid; padding-bottom: 0; padding-top: 12px; } .pub.news.blog section p span { border: 0 none; margin: 0; padding: 0; } .dev-partners .news.blog { /* width: 33%; */ height: auto; overflow: visible } .posts.dev-partners { background-color: #fde8e9; display: block; } a { text-decoration: none } /*dev-partners .news.blog.XL { width:20%; } .dev-partners .news.blog.XL.XXL { width:25%; }*/ .dev-partners .news.blog.First p a { margin-left: 55px; display: block } .dev-partners .news.blog.First { /* width: 265px; */ } .dev-partners .news.blog.First.hash::before { content: "#"; } .dev-partners .news.blog.First.a::before { content: "A"; } .dev-partners .news.blog.First.b::before { content: "B"; } .dev-partners .news.blog.First.c::before { content: "C"; } .dev-partners .news.blog.First.d::before { content: "D"; } .dev-partners .news.blog.First.e::before { content: "E"; } .dev-partners .news.blog.First.f::before { content: "F"; } .dev-partners .news.blog.First.g::before { content: "G"; } .dev-partners .news.blog.First.h::before { content: "H"; } .dev-partners .news.blog.First.i::before { content: "I"; } .dev-partners .news.blog.First.j::before { content: "J"; } .dev-partners .news.blog.First.k::before { content: "K"; } .dev-partners .news.blog.First.l::before { content: "L"; } .dev-partners .news.blog.First.m::before { content: "M"; } .dev-partners .news.blog.First.n::before { content: "N"; } .dev-partners .news.blog.First.o::before { content: "O"; } .dev-partners .news.blog.First.p::before { content: "P"; } .dev-partners .news.blog.First.q::before { content: "Q"; } .dev-partners .news.blog.First.r::before { content: "R"; } .dev-partners .news.blog.First.s::before { content: "S"; } .dev-partners .news.blog.First.t::before { content: "T"; } .dev-partners .news.blog.First.u::before { content: "U"; } .dev-partners .news.blog.First.v::before { content: "V"; } .dev-partners .news.blog.First.w::before { content: "W"; } .dev-partners .news.blog.First.x::before { content: "X"; } .dev-partners .news.blog.First.y::before { content: "Y"; } .dev-partners .news.blog.First.z::before { content: "Z"; } .dev-partners .news.blog.First::before { background-color: #fef4f4; color: #e71e25; font-size: 42px; font-weight: 100; height: 46px; left: 0; padding-top: 3px; position: absolute; text-align: center; top: 0; width: 53px; z-index: 999 } .dev-partners .news.blog { border-top: 1px solid rgba(255,255,255,.8); float: left; min-height: 50px; margin: 0; padding: 0; width: 25%; ; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .dev-partners .news.blog section:hover { background-color: #e71e25; color: #fff } .dev-partners .news.blog section:hover a { color: #fff } .pub b { display: block; } .single-course .cntnt .body-text { margin-top: -60px; } .pub p { /*color: #e71e25;*/ } .page-template-page-policy-filters div.a4id-sdg section { background-image: url("http://www.a4id.org/wp-content/uploads/2016/11/cropped-A4ID-512px.png"); background-position: center 10px; background-repeat: no-repeat; background-size: 40px auto; } .single-course .cntnt .body-text { margin-top: -60px; width: 100% } .pub.news.blog a::before { background-image: url("/wp-content/uploads/2016/03/publications.png"); background-size: cover; content: " "; display: block; height: 34px; left: 0; position: absolute; text-decoration: none; top: -6px; width: 30px; } .pub.news.blog.videos a::before { background-image: url("/wp-content/uploads/2016/04/video.png"); background-position: 0 3px; background-repeat: no-repeat; background-size: 100% auto; } .pub.news.blog a { font-weight: 600; position: relative; padding-left: 40px; line-height: 24px; display: block } .sdg-blog { background-color: rgba(255, 255, 255, 0.6); } .sdg-blog h2, .sdg-case h2, .sdg-policy h2, .sdg-events h2, .sdg-news h2 { font-weight: 100; margin: 0; padding-bottom: 20px; padding-top: 30px; text-align: center; } .page .wpcw_fe_course_desc { font-size: inherit; margin: 20px 0; } .page #wpcw_fe_course .wpcw_fe_module td { background-color: #e71e25; background-image: none; color: #fff; font-weight: bold; } .page .wpcw_fe_course_title { color: #e71e25; font-size: 18pt; } .sdg-events { background-color: rgba(255, 255, 255, 0.6); } .sdg-events .news.blog img { margin-bottom: 0; } .page-template-page-sdg h2 strong, .page-template-page-sdg-global h2 strong { display: block; font-weight: 600; } .page-template-page-sdg .posts.grid, .page-template-page-sdg-global .posts.grid { margin-top: 0; padding-bottom: 20px; } .sdg-news { background-color: #fde8e9 } .post-content.event section h6 { margin-right: 0; width: 96%; } .single-events .post-content.grid .ui-tabs-anchor { color: #e71e25; font-size: 14px; font-weight: 600; padding: 20px; } .single-events .post-content.grid .wpcf7-not-valid-tip { font-size: 11px; position: absolute; right: 0; top: 0; width: auto; z-index: 9999; } .wpcf7-form span.wpcf7-form-control-wrap input, .wpcf7-form span.wpcf7-form-control-wrap textarea, .page .salesforce_w2l_lead .w2linput.text, .page .salesforce_w2l_lead .w2linput.textarea, .single .salesforce_w2l_lead .w2linput.text, .single .salesforce_w2l_lead .w2linput.textarea { background-color: #fef4f4; border: 0 none; padding: 2%; font-size: 11px } .wp-post-image { height: auto; width: 100%; } .event .wpb_content_element .wpb_tabs_nav li.ui-tabs-active, .event .wpb_content_element .wpb_tabs_nav li:hover { background-color: #fef4f4; } .event .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .event .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background-color: #fef4f4; } .post-content.grid > section.cntnt { background-color: transparent; margin-top: 0; padding: 0; width: 69%; } .cntnt .body-text { margin-top: 0; } .body-text p b { color: #e71e25; } .cntnt .vc_row { background-color: #ffffff; margin: 0 0 20px; padding: 3%; } .scroll #site-title a { background-size: 89%;} .post-content.grid > section.img { display: block; height: 350px; margin-bottom: 0; background-color: #e71e25; overflow: hidden; padding: 0; width: 69%; } .whiteout p { font-size: 20px; line-height: 26px; letter-spacing: .2px; } .whiteout h3 { font-size: 26px; line-height: 36px; margin-bottom: 30px; } .vc_custom_1571747554247 {padding:0 !important} .vc_custom_1571747554247 p {margin-bottom: -4px !important} .vc_custom_1571748120891 {padding:0 !important} .vc_custom_1571748120891 p {margin-bottom: -4px !important} .vc_custom_1571748106266 {padding:0 !important} .vc_custom_1571748106266 p {margin-bottom: -4px !important} body .wpcw_fe_progress_box_pending { border-color: #e71e25; background-color: #fef4f4; } #filters h3 { color: #ffffff; display: block; float: left; font-size: 14px; font-weight: 100; letter-spacing: 1px; line-height: 45px; text-align: right; text-transform: uppercase; } .post-content.grid .wpcf7-form span.send, .page .w2linput.submit, .single .w2linput.submit { background-color: #e71e25; clear: both; display: block; float: none; margin-right: 50%; text-align: center; } .single .w2linput.submit { color: #fff; font-size: 15px; height: auto; cursor: pointer; padding: 10px; text-indent: 0; width: auto; } td { border: 1px solid #eee; padding: 8px; } .post-content.grid .wpcf7-form span input.wpcf7-submit { background-color: transparent; border: 0 none; color: #ffffff; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase; } footer ul.social li a { text-indent: 9999px; overflow: hidden; } .button { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #e71e25; border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color rgba(255,255,255,0.5); border-image: none; border-style: none none none solid; border-width: 0 0 0 1px; color: #ffffff; font-family: Myriad Pro, Arial, sans-serif; font-size: 25px; font-weight: lighter; letter-spacing: 2px; text-transform: uppercase; vertical-align: top } .search-item span { background: #e71e25 none repeat scroll 0 0; color: #fff; display: block; font-size: 12px; letter-spacing: 1px; margin-bottom: 14px; padding: 5px; text-transform: uppercase; } .button.is-checked { font-weight: 600; } .contact-link .menuu { display: none } .vc_col-sm-4.borders { border-left: 1px solid #e71e25; border-right: 1px solid #e71e25; } .wpb_wrapper > ul { font-size: 15px; font-weight: 100; line-height: 19px; padding-left: 13px; } .news.blog.policy section, .news.blog.business-and-human-rights section, .news.blog.blog section { margin-top: 0; min-height: 300px; } .wpb_wrapper > ul li { list-style: outside disc; } .wpb_gallery .flex-control-nav { display: none; } .wpb_wrapper .SDG-grid > li { list-style: outside none none; } .learners img { width: 100%; height: auto } .event aside, .blog aside, .news aside, .lesson aside, .policy aside, .case-studies aside { border: 10px solid #ffffff; bottom: 100px; cursor: pointer; content: " "; display: block !important; height: 75px; left: 0; position: absolute; width: 75px; background-size: 100%; } ul.SDG-grid { list-style: none; } .news.blog, .search-item { float: left; margin: 1%; position: relative; width: 31.3%; } .search-item h2 { line-height: 30px } .news.blog.policy section { min-height: 300px; margin-top: 0 } .search-item a { color: #e71e25; font-size: 28px; font-weight: 100; line-height: 32px; text-decoration: none; } #filters::before { background-color: #fde8e9; color: red; content: "Filters"; display: block; font-size: 10px; letter-spacing: 3px; margin: -20px auto 9px; padding: 3px 30px 0px; text-transform: uppercase; width: 49px; } .num { background-color: #e71e25; border-radius: 50%; color: #fff; font-size: 12px; font-weight: 100; padding: 4px 7px 2px 10px; vertical-align: middle; margin-right: 10px; display: block; width: 10px; margin-bottom: 10px; } .half { width: 50%; } .search-results #container { background: #fde8e9 none repeat scroll 0 0; margin-top: 0; padding-top: 0; } .search-results #container #content { margin: 0 auto; max-width: 1300px; } .search h1 { margin: 0; text-align: center; } h1.entry-title { padding-bottom: 20px; padding-top: 40px; } .search-item article { background-color: #fff; font-size: 15px; font-weight: 100; line-height: 19px; padding: 10px 20px 20px; } span.View.Poverty, span.View.Hunger, span.View.Good-health, span.View.Quality-education, span.View.A4id-sunflower, span.View.Gender-equality, span.View.Clean-water, span.View.Clean-energy, span.View.Economic-growth, span.View.Industry-infrastructure, span.View.Reduced-inequalities, span.View.Sustainable-cities, span.View.Responsible-consumption-production, span.View.Climate-action, span.View.Gender-equality, span.View.Life-on-land, span.View.Peace-justice, span.View.Partnerships { display: none } .event.poverty aside, .blog.poverty aside, .news.poverty aside, .lesson.poverty aside, .policy.poverty aside, .case-studies.poverty aside { background-image: url('/wp-content/uploads/2016/02/1.png'); } .event.a4id-sdg aside, .blog.a4id-sdg aside, .news.a4id-sdg aside, .lesson.a4id-sdg aside, .policy.a4id-sdg aside, .case-studies.a4id-sdg aside { background-image: url('/wp-content/uploads/2016/03/logo-reverse-01.png'); } .event.a4id-sunflower aside, .blog.a4id-sunflower aside, .news.a4id-sunflower aside, .lesson.a4id-sunflower aside, .policy.a4id-sunflower aside, .case-studies.a4id-sunflower aside { background-image: url('/wp-content/uploads/2017/12/sunflower.png'); } .event.hunger aside, .blog.hunger aside, .news.hunger aside, .lesson.hunger aside, .policy.hunger aside, .case-studies.hunger aside { background-image: url('/wp-content/uploads/2016/02/2.png'); } .event.good-health aside, .blog.good-health aside, .news.good-health aside, .lesson.good-health aside, .policy.good-health aside, .case-studies.good-health aside { background-image: url('/wp-content/uploads/2016/02/3.png'); } .event.quality-education aside, .blog.quality-education aside, .news.quality-education aside, .lesson.quality-education aside, .policy.quality-education aside, .case-studies.quality-education aside { background-image: url('/wp-content/uploads/2016/02/4.png'); } .event.gender-equality aside, .blog.gender-equality aside, .news.gender-equality aside, .lesson.gender-equality aside, .policy.gender-equality aside, .case-studies.gender-equality aside { background-image: url('/wp-content/uploads/2016/02/5.png'); } .event.clean-water aside, .blog.clean-water aside, .news.clean-water aside, .lesson.clean-wate asider, .policy.clean-wate aside, .case-studies.clean-wate aside { background-image: url('/wp-content/uploads/2016/02/6.png'); } .event.clean-energy aside, .blog.clean-energy aside, .news.clean-energy aside, .lesson.clean-energy aside, .policy.clean-energy aside, .case-studies.clean-energy aside { background-image: url('/wp-content/uploads/2016/02/7.png'); } .event.economic-growth aside, .blog.economic-growth aside, .news.economic-growth aside, .lesson.economic-growth aside, .policy.economic-growth aside, .case-studies.economic-growth aside { background-image: url('/wp-content/uploads/2016/02/8.png'); } .event.industry-infrastructure aside, .blog.industry-infrastructure aside, .news.industry-infrastructure aside, .lesson.industry-infrastructure aside, .case-studies.industry-infrastructure asid, .policy.industry-infrastructure asidee { background-image: url('/wp-content/uploads/2016/02/9.png'); } .event.reduced-inequalities aside, .blog.reduced-inequalities aside, .news.reduced-inequalities aside, .lesson.reduced-inequalities aside, .policy.reduced-inequalities aside, .case-studies.reduced-inequalities aside { background-image: url('/wp-content/uploads/2016/02/10.png'); } .event.sustainable-cities aside, .blog.sustainable-cities aside, .news.sustainable-cities aside, .lesson.sustainable-cities aside, .policy.sustainable-cities aside, .case-studies.sustainable-cities aside { background-image: url('/wp-content/uploads/2016/02/11.png'); } .event.responsible-consumption-production aside, .blog.responsible-consumption-production aside, .news.responsible-consumption-production aside, .lesson.responsible-consumption-production aside, .policy.responsible-consumption-production aside, .case-studies.responsible-consumption-production aside { background-image: url('/wp-content/uploads/2016/02/12.png'); } .event.climate-action aside, .blog.climate-action aside, .news.climate-action aside, .lesson.climate-action aside, .policy.climate-action aside, .case-studies.climate-action aside { background-image: url('/wp-content/uploads/2016/02/13.png'); } .event.life-below-water aside, .blog.life-below-water aside, .news.life-below-water aside, .lesson.life-below-water aside, .policy.life-below-water aside, .case-studies.life-below-water aside { background-image: url('/wp-content/uploads/2016/02/14.png'); } .event.life-on-land aside, .blog.life-on-land aside, .news.life-on-land aside, .lesson.life-on-land aside, .policy.life-on-land aside, .case-studies.life-on-land aside { background-image: url('/wp-content/uploads/2016/02/15.png'); } .event.peace-justice aside, .blog.peace-justice aside, .news.peace-justice aside, .lesson.peace-justice aside, .policy.peace-justice aside, .case-studies.peace-justice aside { background-image: url('/wp-content/uploads/2016/02/16.png'); } .event.partnerships aside, .blog.partnerships aside, .news.partnerships aside, .lesson.partnerships aside, .policy.partnerships aside, .case-studies.partnerships aside { background-image: url('/wp-content/uploads/2016/02/17.png'); } .events.grid { } .button > span { display: block; font-size: 12px; font-weight: 600; letter-spacing: 0; line-height: 10px; } .hfeed { overflow: hidden; } #filters { padding: 10px 0; text-align: center; } .red { background-color: #e71e25; } .unit section { background-color: #ffffff; bottom: 0; left: 0; right: 0; height: 80px; padding: 20px 25px 5px; position: absolute; text-align: left; } span.Events { display: none; } .unit h4 { font-weight: 600; text-align: center; } .page .mapplic-list-location > a { min-height: 30px; } .page .mapplic-list-container ol { border-color: #fef3f4; } .page .mapplic-container { background-color: #fff; width: 80%; } .page-template-page-publications .pink .posts.grid { margin-top: 0; } .page .mapplic-tooltip-link { background-color: #e71e25; } .page .mapplic-sidebar { width: 20%; } #filters { padding: 20px 0; text-align: center; } .ts-interns .tshowcase-box-info.ts-align-center { height: auto; } .sdgs-template-default .vc_col-sm-4 img { -webkit-box-shadow: 7px 7px 3px -4px rgba(0,0,0,0.16); -moz-box-shadow: 7px 7px 3px -4px rgba(0,0,0,0.16); box-shadow: 7px 7px 3px -4px rgba(0,0,0,0.16); } span.View { background-color: #fff; color: #e71e25; font-size: 12px; left: 25%; letter-spacing: 1.2px; line-height: 20px; padding-top: 3px; position: absolute; text-align: center; text-transform: uppercase; top: 20px; width: 50%; } .sdgs-template-default .vc_col-sm-6 { float:left; width: 44%; padding: 3%; } .sdgs-template-default .vc_col-sm-12 { float:left; width: 100%; } .quote { position: relative; float: left; margin-bottom: 25px; } .quote::before { content: ''; background-image: url('/wp-content/uploads/2019/10/quotes-01.png'); background-size: 100%; display: inline-block; width: 80px; height: 68px; top: 0; position: absolute; z-index: -1; left: -15px; } .arrow { position: absolute; right: 0; bottom: -15px; width: 25px; height: 36px; background-image: url('/wp-content/uploads/2019/10/down-arrow.png'); background-size: 100%; text-indent: -9999px; } .vc_col-sm-6.pad { padding: 5% 8% 5% 5%; width: 37%; } .sdgs-template-default .vc_col-sm-4 { width: 33%; margin-right: 6%; float: left; } .sdgs-template-default .vc_col-sm-8 { position: relative; width: 60%; float: left; } .quote::after { content: ''; background-image: url('/wp-content/uploads/2019/10/quotes-02.png'); background-size: 100%; display: inline-block; width: 80px; height: 68px; position: absolute; z-index: -1; right: 0; bottom: -4px; } .bullet p { padding-left: 60px; float: left; margin-top: -55px; font-size: 20px; line-height: 30px; margin-bottom: 30px; } .quote h3 { font-size: 30px; line-height: 40px; font-weight: 100; } .quote p { font-size: 20px; line-height: 30px; } .lawyers h3 { font-size: 30px; display: block; margin-bottom: 40px; margin-top: 10px; } .textblock p { font-size: 20px; width: 80%; line-height: 30px; } .center.nm { margin-bottom: 0px; margin-top: 5px; } .center { text-align: center; margin-top: 30px; margin-bottom: 70px; } .contain { clear: both; width: 92%; margin: 0 auto; max-width: 1300px; } .aligncenter.size-full {width: 100%;height:auto} .lawyers{ background-color: #fde8e9 } .bullet::before { content: '1'; background-image: url('/wp-content/uploads/2019/10/SDG-Colour-Wheel.png'); line-height: 53px; text-align: center; width: 50px; background-size: 100%; display: block; height: 50px; background-repeat: no-repeat; float: left; background-position: center; font-size: 18px; font-weight: 600; color:#e71e25; } .bullet.b2::before { content: '2'; } .bullet.b3::before { content: '3'; } .btn.red { background-color: #e71e25; color: #fff; padding: 15px; } .pub.news.blog a.email::before { background-image: none; background-size: auto auto; content: " "; display: initial; height: auto; left: 0; position: relative; text-decoration: none; top: -6px; width: auto; } .pub.news.blog a.email { display: initial; font-weight: 600; line-height: inherit; padding-left: 0; position: relative; } .event img { height: auto; width: 100%; margin-bottom: 60px; } .event .unit img { margin-bottom: 0px; } .pink { background-color: #fde8e9; width: 100%; clear: both; float: left; min-height: 850px; padding-bottom: 10px; } .wpb_row.pink { margin-left: 0; margin-right: 0 } .ult_price_body .ult_price { word-break: break-word!important; } div.wpcf7-validation-errors { border: 2px solid #d70000!important; margin-top: 90px!important; } span[role=alert] { display: block!important; z-index: 1!important; position: absolute!important; width: 250px!important; background-color: #d70000!important; color: #ffffff!important; line-height: 12px!important; height: auto!important; padding: 1%!important; top: -15px!important; } .menu { list-style-type: none!important; } .pink .related-posts .posts.grid { padding-top: 0; } .ls-thumbnail-hover { opacity: 0!important; } .middle { width: 70%; margin-left: 15%!important; } .hero-quote p { padding-left: 14%!important; } a#ui-id-7, a#ui-id-6 { pointer-events: none!important; } @media only screen and (max-width: 2000px) { .contact-link a span {display: none} } @media only screen and (max-width: 1150px) { footer .grid div h4 a, footer .grid div h4 { line-height: 24px; } .menu li a, .contact-link a { font-size: 13.5px; } .menu li { margin: 0 5px 0 0; } .single-case-studies .related-posts { margin-top: 0px; } .key section { float: none; } .pink { float: left; } .half { width: 100%; } } @media only screen and (min-width: 1150px) { .menu li a, .contact-link a { font-size: 14px; } .news.blog section { min-height: 250px; } } @media (max-width: 1120px) { .one, .two, .three, .four, .five { display: none } .contact-link > span { line-height: 85px; } .whiteout p { font-size: 15px; line-height: 20px; letter-spacing: .2px; } #filters h3 { display: block; float: none; text-align: center; letter-spacing: 2.5px; } footer .grid div { width: 20%; } .contact-link a.menuu { visibility: hidden; } .dev-partners .news.blog { width: 33.3%; } .menu li:hover .sub-menu { top: 0; } .page div.event.event { padding-bottom: 33%; width: 47%; margin: 1.5% } .button.is-checked { background-color: rgba(255, 255, 255, 0.1); font-weight: normal } #filters button { margin-bottom: 5px; } .news.blog section { position: static; } .div.news.blog, div.news.blog { background-color: #fff; height: auto; overflow: visible; padding-bottom: 0; } .menu li .sub-menu { background-color: #e71e25; float: left; height: 0; overflow: hidden; position: absolute; width: 100%; z-index: 99999; left: 100%; text-align: center; color: #fff; } .contact-link { width: 40%; margin-right: 10%; } .show .menu-item-has-children::after { content: '>'; position: absolute; right: 0; height: 42px; width: 42px; top: 0; background-color: rgba(255,255,255,.2); color: #fff; } body #responsive-menu .responsive-menu li.current-menu-item > a, body #responsive-menu .responsive-menu li.current-menu-item > .appendLink, #responsive-menu .responsive-menu li.current_page_item > a, body #responsive-menu .responsive-menu li.current_page_item > .appendLink { color: #fff !important; } #menu.show .menu li a { font-size: 14px; } #menu.show .menu li { text-align: center } footer .grid div { float: left; margin-left: 25%; width: 25%; } footer .grid div.six { margin-left: 0; margin-right: 25%; text-align: left; width: 25%; } footer .grid div a.subscribe, footer .grid div a.donate { clear: both; display: block; text-align: center; } footer ul.social { display: block; float: left; margin-bottom: 10px; } .contact-link a.menuu { color: #e71e25; font-size: 16.2px; font-weight: 400; margin-right: 20px; display: none; text-decoration: none; } .menuu::before { content: "\2630"; padding-right: 5px; } .menu li a { display: none; } #branding { width: 50%; } .contact-link { } #menu { width: auto; } .contact-link .menuu { color: #e71e25; font-size: 16.2px; font-weight: 400; text-decoration: none; } .menu li a { display: none; } #menu.show .menu li a { display: block; } #menu.show { position: absolute; } #menu.show .menu li.current-menu-item a li a { color: #fff } #menu.show { background-color: #e71e25; left: 0; position: absolute; top: 0; width: 50%; z-index: 999999; } #menu.show .menu li a { font-size: 14px; } #menu.show .menu li.current-menu-item a { color: #e71e25; } #menu.show .menu li a { color: #fff } #menu.show .menu li { border-bottom: 1px solid #E89093; clear: both; line-height: 42px; width: 100%; z-index: 2147483647; padding: 0; } } @media (max-width: 1200px) { h1.ls-l { margin-left: -200px !important; } h4.ls-l { margin-left: -200px !important; } } @media (max-width: 1000px) { h1.ls-l { font-size: 51px !important; left: 40px !important; top: 50px !important; margin-left: 0px !important; } .quicksearch { border: 0 none; color: #e71e25; font-size: 11px; font-weight: bold; padding: 1.5% 1%; width: 43%; } .contact-link { max-width: none; } h4.ls-l { font-size: 23px !important; margin-left: 0px !important; line-height: 27px !important; top: 150px !important; left: 40px !important } body .pubbers { width: 100%; } #filters.pubs { position: static; width: 100%; } #filters select { background-color: #fff; border: medium none; color: #e71e25; font-size: 11px; margin-bottom: 5px; padding: 1.5% 1%; width: 45%; } } @media (max-width: 800px) { a.chapter { padding-bottom: 94.5%; width: 94.5%; margin: 2.4%; display: inline-block; } .single .vc_col-sm-6, .single .vc_col-sm-6 .pad { float: left; width: 94%; padding: 3%; } .btn.red { display: block; } .sdgs-template-default .vc_col-sm-6 { float: left; width: 80%; padding: 10%; } .vc_col-sm-6.pad { padding: 5% 8% 5% 5%; width: 84%; margin-top: 30px; } .button.red { display: none } .dev a { background-color: #fff; float: left; margin: 0 0.75% 1.5%; padding: 4%; text-align: center; width: 40.5%; min-height: 60px; } .hero-quote p { padding-left: 8%!important; } .get-involved .vc_col-sm-3 { width: 100%; } .button.red { font-size: 16px; height: 50px; line-height: 50px; margin: 0px 1.5%; } .bottom-links a { display: block; text-align: center; } .home .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item { padding-right: 0px; } .home .vc_grid-container.wpb_content_element.vc_masonry_grid { margin-top: 20px; } .page .vc_custom_1465486987350 { margin-right: 0 !important } .scroll #branding > div { } .crse.body-text ul.ui-tabs-nav li.ui-corner-top.ui-state-default { width: 100%; } .crse.body-text h4 span, .crse.body-text h4 { font-size: 26px; line-height: 36px; margin-top: 10px; } .crse .wpb_column > .wpb_wrapper > *:last-child { margin-bottom: 35px; } .hero-quote blockquote p { border-right: 0 none; font-size: 25px; letter-spacing: 0.5px; line-height: 35px; margin-bottom: 30px; } .page .tshowcase-box-title { font-size: 20px; line-height: 25px; } .tshowcase-single-telephone > a, .tshowcase-single-email > a { line-height: 17px; font-size: 14px; } .dev-partners .news.blog { width: 45%; } .post-content.grid > section.cntnt { width: 100%; } .page div.event.event { float: left; margin: 1.5%; overflow: normal; padding-bottom: 0%; position: relative; width: 47%; height: auto } .tshowcase-box.ts-col_4 { margin-left: 2%; padding: 1%; position: relative; width: 45%; } .pink { } .page div.event.event section { position: static } .cntnt aside.event { top: -250px; } .contact-link { text-align: center; } body.menu-max-depth-0 { min-width: 950px !important; } .contact-link > span { display: block; } .contact-link { text-align: right; width: 25%; } #site-title a { margin: 10px auto; } #branding { float: left; min-width: auto; } .vc_col-sm-4.borders { border: 0 } #branding { text-align: left; width: 50%; } .contact-link { width: 35%; } footer .grid div { margin-left: 10%; width: 40%; } footer .grid div.six { margin-right: 10%; width: 40%; } .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title > h4 { padding-bottom: 25px; } #breadcrumbs { float: left; width: 60%; } .SDG-grid > li { width: 15.55%; } .post-content.grid > section { background-color: #ffffff; float: left; margin-bottom: 40px; margin-top: 40px; padding: 2%; position: relative; width: 96%; } .related-posts { background-color: #fef4f4; display: block; float: left; margin: 0 auto; padding-bottom: 40px; position: static; right: 0; text-align: center; width: 92%; } .event { margin: 4%; width: 92%; } h1.entry-title { padding-top: 30px; } .pink .posts.grid { margin-top: 20px; } .post-content.grid > section.img { display: block; height: 250px; margin: 0 auto; overflow: hidden; padding: 0; width: 100%; } .contact-link a.donate::before { background-image: url("img/donate-button.png"); background-position: center center; content: " "; display: block; height: 0; left: 0; position: absolute; top: 0; width: 15px; } #site-title a { background-image: url("img/a4id-hero-logo.png"); background-repeat: no-repeat; background-size: 100% auto; display: block; height: 85px; margin: 10px 0; max-width: 250px; text-indent: -9999px; width: 100%; } .contact-link a.donate { background-color: #e71e25; color: #ffffff; float: none; margin-left: 10px; padding: 6px 8px 4px; position: relative; text-decoration: none; } .post-content .img img { margin-top: 0; } .post-content.grid > section.cntnt.case { background-color: #fff; margin: 0 auto; padding: 3%; width: 94%; } h4.ls-l { font-size: 18px !important; line-height: 25px !important; } } @media (max-width: 550px) { .vc_custom_1465473068661 span { font-size: 20px !important; } #PopupSignupForm_0 {display:none !important} .page div.event.event { padding-bottom: 0; width: 97%; } #search { visibility: hidden; } .ls-inner .ls-slide img.ls-l { height: auto !important; top: 0 !important; width: 200% !important; } .unit section { padding-bottom: 20px } .main.blog aside { display: none; } .tshowcase-box.ts-col_4 { margin-left: 2%; padding: 1%; position: relative; width: 94%; } h4.ls-l, h1.ls-l { left: 20px !important; width: 83% !important; } .contact-link { width: 50%; margin: 0; } .dev-partners .news.blog { width: 100%; } } @media (max-width: 1200px) and (min-width: 1000px) { .donate.sub.s { display: none; } .contact-link { } } @media (max-width: 850px) and (min-width: 550px) { .contact-link {visibility: hidden} } @media (max-width: 550px) and (min-width: 400px) { .contact-link a.donate { visibility: hidden;width:10px } } @media (max-width: 550px) { .dev a { width: 92%; } .related-posts { width: 100% } .vc_custom_1457714143790 { margin: 20px 60px !important; } h1.ls-l { font-size: 28px !important; top: 40px !important; } h4.ls-l { font-size: 18px !important; line-height: 22px !important; top: 110px !important; } } @media (max-width: 400px) { .news.blog, .search-item { margin: 1.5%; width: 97%; } #search { display: none; } .page div.event.event { padding-bottom: 0; } .contact-link { height: 30px; } #filters .button { line-height: 30px; } .contact-link a.donate { visibility: visible } .law-partners .news.blog { padding-bottom: 48%; width: 48%; } .law-partners .news.blog img { max-width: 65%; } .law-partners .news.blog section span { bottom: 5px; } .law-partners .news.blog section { padding: 0 0 45%; } h1.ls-l { font-size: 22px !important; } .vc_carousel-inner .vc_item { width: 1% !important; height: auto !important; } h4.ls-l { font-size: 17px !important; line-height: 22px !important; } #menu.show .menu li.current-menu-item a { color: #e71e25; } .ls-slide img { height: 100% !important; width: auto!important; } .ls-container { height: 350px !important; } .contact-link { max-width: none; text-align: center; width: 92%; } #site-title a { margin: 10px; } .menu-item-has-children::after { text-align: center; } #menu.show .menu li a { padding-left: 10px; } #menu.show .menu li { text-align: left; } #search { bottom: 0; position: absolute; right: 12.5%; width: 75%; } #s.text { background-color: #efeeee; border: 0 none; color: #afafac; height: 25px; width: 85%; } #branding { float: none; text-align: center; width: 92%; } .contact-link > span { line-height: 10px; } .SDG-grid > li { width: 32.2%; } #News { width: 92%; } #Blog { width: 100%; } .home .news.blog { width: 92%; } footer .grid div { margin-left: 2%; width: 48%; } footer .grid div.six { margin-right: 2%; width: 48%; } } body #wp-subscribe input { border: medium none; border-radius: 0; box-shadow: none; box-sizing: border-box; height: 35px; margin: 0; padding: 5px 0; text-align: center; width: 100%; } body #wp-subscribe h4.title { color: #ffffff; font-size: 18px; line-height: 1; margin-bottom: 0; text-align: center; text-transform: none; } body #wp-subscribe { background: rgba(255,255,255,.2); padding: 20px; margin-top: 20px; margin-left: -20px; } body #wp-subscribe input.email-field { background: #e71e25 none repeat scroll 0 0; color: #ffffff; } body #wp-subscribe input.submit { background: #ffffff none repeat scroll 0 0; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); color: #e71e25; cursor: pointer; font-size: 11px; font-weight: 500; margin-top: 15px; text-indent: 0; text-transform: none; } @media (max-height: 530px) { .menu .sub-menu li, .scroll .menu .sub-menu li { line-height: 35px; } } /** * Swiper 3.4.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: October 16, 2016 */ .swiper-containert { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1 } .swiper-containert-no-flexbox .swiper-slide { float: left } .swiper-containert-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .swiper-containert-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .swiper-containert-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap } .swiper-containert-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative } .swiper-containert-autoheight, .swiper-containert-autoheight .swiper-slide { height: auto } .swiper-containert-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height } .swiper-containert .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-prev, .swiper-containert-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto } .swiper-button-prev.swiper-button-black, .swiper-containert-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-white, .swiper-containert-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next, .swiper-containert-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .swiper-button-next.swiper-button-black, .swiper-containert-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white, .swiper-containert-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-containert-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-white .swiper-pagination-bullet { background: #fff } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-containert-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate(0, -50%); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .swiper-containert-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block } .swiper-containert-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px } .swiper-pagination-progress { background: rgba(0,0,0,.25); position: absolute } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top } .swiper-containert-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top } .swiper-containert-horizontal>.swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0 } .swiper-containert-vertical>.swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255,255,255,.5) } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000 } .swiper-containert-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px } .swiper-containert-3d .swiper-cube-shadow, .swiper-containert-3d .swiper-slide, .swiper-containert-3d .swiper-slide-shadow-bottom, .swiper-containert-3d .swiper-slide-shadow-left, .swiper-containert-3d .swiper-slide-shadow-right, .swiper-containert-3d .swiper-slide-shadow-top, .swiper-containert-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-containert-3d .swiper-slide-shadow-bottom, .swiper-containert-3d .swiper-slide-shadow-left, .swiper-containert-3d .swiper-slide-shadow-right, .swiper-containert-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-containert-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0)) } .swiper-containert-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)) } .swiper-containert-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0)) } .swiper-containert-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0)) } .swiper-containert-coverflow .swiper-wrapper, .swiper-containert-flip .swiper-wrapper { -ms-perspective: 1200px } .swiper-containert-cube, .swiper-containert-flip { overflow: visible } .swiper-containert-cube .swiper-slide, .swiper-containert-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-containert-cube .swiper-slide .swiper-slide, .swiper-containert-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-containert-cube .swiper-slide-active, .swiper-containert-cube .swiper-slide-active .swiper-slide-active, .swiper-containert-flip .swiper-slide-active, .swiper-containert-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-containert-cube .swiper-slide-shadow-bottom, .swiper-containert-cube .swiper-slide-shadow-left, .swiper-containert-cube .swiper-slide-shadow-right, .swiper-containert-cube .swiper-slide-shadow-top, .swiper-containert-flip .swiper-slide-shadow-bottom, .swiper-containert-flip .swiper-slide-shadow-left, .swiper-containert-flip .swiper-slide-shadow-right, .swiper-containert-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden } .swiper-containert-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-containert-cube.swiper-containert-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-containert-cube .swiper-slide-active, .swiper-containert-cube .swiper-slide-next, .swiper-containert-cube .swiper-slide-next+.swiper-slide, .swiper-containert-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-containert-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-containert-fade.swiper-containert-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-containert-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-containert-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-containert-fade .swiper-slide-active, .swiper-containert-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1) } .swiper-containert-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-containert-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { transform:rotate(360deg) } }