/* Theme Name: Beaver Builder Child Theme Theme URI: http://www.wpbeaverbuilder.com Version: 1.0 Description: An example child theme that can be used as a starting point for custom development. Author: The Beaver Builder Team Author URI: http://www.fastlinemedia.com template: bb-theme */ /* Add your custom styles here... */ /* A11y: show tags list as if it is just text written with commas in between. */ .unified_story_card_item_tag_list ul { list-style-type: none; display: inline; } .unified_story_card_item_tag_list ul li { display: inline; } .unified_story_card_item_tag_list ul li:after { content: ", "; } .unified_story_card_item_tag_list ul li:last-child:after { content: ""; } /* A11y: ensure black background on close buttons */ .uabb-close-icon.fa.fa-close { background-color: rgba(0, 0, 0, 0.5); } @font-face { font-family: 'Oxfam TSTAR PRO Headline'; src: url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Headline.eot'); src: url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Headline.eot?#iefix') format('embedded-opentype'), url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Headline.woff2') format('woff2'), url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Headline.woff') format('woff'), url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Headline.svg#OxfamTSTARPRO-Headline') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Oxfam Global Headline'; src: url('https://www.oxfam.ca/fonts/OxfamGlobalHeadline-Regular.woff2') format('woff2'), url('https://www.oxfam.ca/fonts/OxfamGlobalHeadline-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Oxfam TSTAR PRO'; src: url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Regular.eot'); src: url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Regular.eot?#iefix') format('embedded-opentype'), url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Regular.woff2') format('woff2'), url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Regular.woff') format('woff'), url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Regular.svg#OxfamTSTARPRO-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Oxfam TSTAR PRO bold'; src: url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Bold.eot'); src: url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Bold.eot?#iefix') format('embedded-opentype'), url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Bold.woff2') format('woff2'), url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Bold.woff') format('woff'), url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Bold.ttf') format('truetype'), url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Bold.svg#OxfamTSTARPRO-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Oxfam TSTAR PRO Heavy'; src: url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Heavy.eot'); src: url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Heavy.eot?#iefix') format('embedded-opentype'), url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Heavy.woff2') format('woff2'), url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Heavy.woff') format('woff'), url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Heavy.ttf') format('truetype'), url('https://www.oxfam.ca/fonts/OxfamTSTARPRO-Heavy.svg#OxfamTSTARPRO-Heavy') format('svg'); } /* ICOMOON */ @font-face { font-family: 'icomoon'; src: url('https://www.oxfam.ca/fonts/icomoon.eot'); src: url('https://www.oxfam.ca/fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('https://www.oxfam.ca/fonts/icomoon.woff') format('woff'), url('https://www.oxfam.ca/fonts/icomoon.ttf') format('truetype'), url('https://www.oxfam.ca/fonts/icomoon.svg#icomoon') format('svg'); } /* Remove main header when editing with Beaver Builder */ body.fl-builder-edit header.fl-page-header {display:none} .fl-builder-edit .media-modal-backdrop {z-index:100 !important} body { --scrollbar-width: calc(100vw - 100%); } main >.container >.row {margin:0} h1, h2, h3, h4, h5, h6 { font-variant-numeric: lining-nums; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; font-feature-settings: "lnum"; letter-spacing: 0px; font-weight: normal; color: #333333;} .h1, .h2, .h3, h1, h2, h3, .h4, .h5, .h6, h4, h5, h6 { margin-top: 0; margin-bottom: 0; } h1, .h1, .h1 .fl-heading, .h1 h2, .h1 p { font-family: 'Oxfam TSTAR PRO bold', Arial, Helvetica, sans-serif; font-size: 6.5rem; line-height: 6.7rem; text-transform: capitalize; padding-bottom: 20px; font-weight: normal; } .no-text-transform h1, .no-text-transform .h1, .no-text-transform .h1 .fl-heading, .no-text-transform .h1 h2, .no-text-transform .h1 p { text-transform: none; } h2, .h2, .h2 p, .h2 .fl-heading, .slideup_cont_over h3 { font-family: 'Oxfam TSTAR PRO bold', Arial, Helvetica, sans-serif; font-size: 4rem; line-height: 3.5rem; padding-bottom: 20px; font-weight: normal; } h2, h2 *, .h2, .h2 p, .h2 .fl-heading{ color: #44841A; } .h2 h3:before {content:"" !important;} h3, .h3, .h3 p, .h3 .fl-heading { font-family: 'Oxfam TSTAR PRO bold', Arial, Helvetica, sans-serif; font-size: 3.6rem; line-height: 4rem; padding-bottom: 20px; position: relative; } .h3 h2:before, .fl-module:not(.h2):not(.h4):not(.h5):not(.h6) h3:not(.h2):not(.h4):not(.h5):not(.h6):not(.slideup_cont_over):not(.uabb-ultb3-title):before, .fl-rich-text h2.h3:before { display:inline-block; content:""; background:url(/wp-content/uploads/2021/03/chevron_green_right.svg) center center / cover no-repeat; width:11px; height:18px; margin-bottom: 4px; margin-right: 5px; } .h3.whitearrow h2:before{ background:url(/wp-content/uploads/2021/10/chevron_white_right.svg.svg) center center / cover no-repeat !important; } .h3.white h2:before, .fl-module:not(.h2):not(.h4):not(.h5):not(.h6) h3.white:not(.h2):not(.h4):not(.h5):not(.h6):not(.slideup_cont_over):not(.uabb-ultb3-title):before, .fl-rich-text h2.h3.white:before { background:url(/wp-content/uploads/2021/10/chevron_white_right.svg.svg) center center / cover no-repeat; } .fl-module-heading.h3 h2.fl-heading { text-indent: -20px; /* transform: translateX(20px); */ padding-left:12px !important; } .h3 h2.heading_red:before, h3.heading_red:before { color: #FF1D34; } h4, .h4, .h4 p, .h4 .fl-heading { font-family: 'Oxfam TSTAR PRO bold', Arial, Helvetica, sans-serif; font-size: 3.2rem; line-height: 3.6rem; padding-bottom: 20px; } h5, .h5, .h5 p, .h5 .fl-heading { font-family:'Oxfam TSTAR PRO bold', Arial, Helvetica, sans-serif; font-size: 2.8rem; line-height: 2.6rem; padding-bottom: 20px; font-weight: normal; } footer .h5 { font-family: 'Oxfam TSTAR PRO bold', Arial, Helvetica, sans-serif; } h6, .h6, .h6 p, .h6 .fl-heading { font-family: 'Oxfam TSTAR PRO bold', Arial, Helvetica, sans-serif; font-size: 2.4rem; line-height: 2.8rem; padding-bottom: 20px; } /* .fl-rich-text .h6 */ .fl-rich-text :is(.h2, .h3, .h4, .h5, .h6) {margin-bottom:20px;} .h4, .h5, .h6 {padding-bottom:0} .h5 p {margin:0;padding:0} body { font-family: 'Oxfam TSTAR PRO', Arial, Helvetica, sans-serif; font-size: 1.8rem; font-weight: normal; line-height: 2.6rem; color: #333333; } a,.fl-module-content a, .fl-module-content a:hover, .fl-module-content a:focus { /*attempting to underline all links*/ text-decoration: underline; } a.et_social_share { text-decoration:none !important; } p.xlarge { font-size: 4rem; line-height: 4.8rem; } p.large { font-size: 2.6rem; line-height: 3.6rem; } p.regular { font-size: 1.8rem; line-height: 2.6rem; } p.small { font-size: 1.6rem; line-height: 2rem; } p.caption { font-size: 1.4rem; line-height: 2rem; } p.stats { font-family:'Oxfam Global Headline', Arial, Helvetica, sans-serif; font-size: 5.5rem; line-height: 5rem; } h1.top-banner-title { font-family:'Oxfam TSTAR PRO bold', Arial, Helvetica, sans-serif; font-size: 5.5rem; line-height: 5rem; text-transform: uppercase; padding-bottom: 20px; } .tstar_headline, .tstar_headline h1 {font-family: 'Oxfam TSTAR PRO bold';} .tstar_bold, .tstar_bold h1 {font-family: 'Oxfam TSTAR PRO bold';} .tstar, .tstar h1 {font-family: 'Oxfam TSTAR PRO';} .fa-close:before { content: "\f00d"; display:inline-block; } .fa, .far, .fas { font-family: "Font Awesome 5 Free" !important; } /*******************/ /* Style Shortcuts */ /*******************/ .maxwidth130 {max-width:130px} .maxwidth300 {max-width:300px} .maxwidth350 {max-width:350px} .maxwidth375 {max-width:375px} .maxwidth400 {max-width:400px} .maxwidth450 {max-width:450px} .maxwidth500 {max-width:500px} .maxwidth550 {max-width:550px} .maxwidth600 {max-width:600px} .maxwidth650 {max-width:650px} .maxwidth700 {max-width:700px} .maxwidth750 {max-width:750px} .maxwidth800 {max-width:800px} .maxwidth850 {max-width:850px} .maxwidth900 {max-width:900px} .maxwidth1086 {max-width:1086px} .maxwidth1366 {max-width:1366px} .marginauto {margin:auto;float:none} .marginleft {margin-left:0;float:none} .margin20 {margin:20px;} .margin10 {margin:10px;} .marginright10{margin-right:10px;} .marginleft10{margin-left:10px;} .marginbottom20{margin-bottom:20px;} .floatleft {float:left} .floatright {float:right} .textaligncenter {text-align:center} .textalignright {text-align:right} .textalignleft {text-align:left} .verticalalignbottom {vertical-align:bottom} .padding140 {padding-left:176px;padding-right:176px;} .positionrelative {position:relative} .flexcenter {display: flex;justify-content: center;} .radius20, .radius20 iframe {border-radius: 20px;overflow: hidden;} .radius20 iframe {border: 6px solid #000;} .nounderline {text-decoration:none !important;border:0 !important} .lineheight24 {line-height:24px;} .nopadding {padding:0} .nopadding .fl-row-content {padding:0} .underlined {text-decoration:underline !important;} .acc_hidden { position:absolute; top:-50000px; visibility:hidden; opacity:0; height:0; width:0; } .black {color:#000} /* THEME STYLES */ .white, a.white, a.white:hover,a.white:focus { color: #ffffff;} .padding0 {padding:0 !important} .margin0 {margin:0 !important} .joinus{position:relative} .joinus:before { font-size: 64px !important; position: absolute; top: -8px; } .join_col2 a.adv-icon-link, .join_col3 a.adv-icon-link { /*these helps firefox draw the focus outline correctly*/ display: inline-block; } /* Statistics */ .fl-number-int, .fl-number-string { } .fl-number-string { white-space: normal; overflow: visible; } .fl-number .fl-number-text { text-align: left!important; } .fl-number-after-text { margin-top: 25px; } /* Icons */ .quote-icon { vertical-align: top!important; } a.adv-icon-link, a.adv-icon-link:focus, a.adv-icon-link:hover, a.adv-icon-link:active, a.adv-icon-link:visited { text-decoration: none; } /* Block Quote */ blockquote { font-size: 2.6rem; border-left: 5px solid #61A534!important; line-height: 3.4rem; } .fl-icon-text-wrap > blockquote { border-left:none!important; } /* Expandable Section */ .uabb-adv-before-text .uabb-adv-accordion-button-label { font-weight: bold; } /* Alvaro CSS */ .fl-page-content ul, .fl-page-content ol { padding-bottom: 25px; } .fl-page-content li { padding-bottom: 15px; } .green_light_color *, .green_light_color { color: #44841a;} .green_darker_color *, .green_darker_color { color: #44841a;} .green_light_background { background: #61A534; } .red_color * { color: #ff1d34; } a.red_color:hover *, button.red_color:hover *, .red_color a:focus{ color: #af213b !important; } .project_feed_title a { font-family: 'Oxfam TSTAR PRO bold', Arial, Helvetica, sans-serif; } :focus, input:focus, a:focus{ outline-style: auto; outline-width: thick; outline-offset: 0; } a.oxfam_button:focus, button.oxfam_button:focus, div.fl-module-button.oxfam_button a:focus, .joinusform .en__submit button:focus, .joinusform .join_input:focus, .join_col2 a.adv-icon-link:focus, .join_col3 a.adv-icon-link:focus, .donate_first_row input:focus+.donate_radio_button_label, .donate_other_inner_wrapper input:focus, .slideup_cont_under .fl-button:focus, #menu-top-menu button:focus, #menu-top-menu a:focus{ /*these outline styles are more friendly with all browsers including firefox*/ outline-style: auto; outline-width: thick; outline-offset: 0; } .h2.emergency_feed_title, .h2.project_feed_title{ /*this helps with line spacing on these, which are too squished without it*/ line-height: 4.2rem; } .emergency_feed_title { font-family: 'Oxfam TSTAR PRO bold', Arial, Helvetica, sans-serif; } .emergency_feed_title a:hover, .emergency_feed_title a:focus{ color: #af213b !important; } .button_red { background:#FF1D34; color:#fff !important; padding:15px 34px; font-size:18px; transition:all .5s ease; } .button_red:hover { background:rgb(180, 34, 61); } .button_red .icon-oxfam-icon-triangle { font-size:25px; position: relative; top:4px; } .aligncenter {text-align:center} .project_readmore.red_button a { background: #ff1d34; } .project_readmore.red_button a:hover { background: #af213b; } .heading_red h3:before { color: #ff1d34; } body { background: #fff; } p { margin: 0 0 30px; } ol { margin: 10px; } .strong { font-weight: bold; } .ico_hide { display: none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 30px #fff inset; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: #fff !important; } .fl-module-button:not(.bordered) a.fl-button, .fl-module-button:not(.bordered) a.fl-button:visited, .fl-module-button:not(.bordered) a.fl-button:focus, .fl-builder-content .fl-module-button:not(.bordered) a.fl-button, .fl-builder-content .fl-module-button:not(.bordered) a.fl-button:visited, .fl-builder-content .fl-module-button:not(.bordered) a.fl-button:focus{ border: 0 !important; text-decoration: none; font-weight:bold !important; font-size:1.9rem !important; } footer .mail-link { color: #fff; font-size: 1.4rem; } .footer_sn_icons .ua-icon:before { color: #fff; font-size: 4.2rem; padding-right: 20px; } /* TOP BAR MENU */ .top_bar_title { padding: 5px 10px; } /* SEARCH */ #search_form { text-align: left } .icon-oxfam-icon-search-menu:before { content: "\e9ac"; font-family: icomoon; font-style: normal; } .searchbox, .joinusbox { position: absolute; top: 0px; left: 0px; width: 100%; overflow: hidden; top: 38px; z-index:9999; /* pointer-events: none; */ } .searchbox.active, .joinusbox.active { z-index: 99999; /* pointer-events: none; */ } .search_wrap, .joinus_wrap { position: relative; top: -250px; background: #f5f5ef; transition: all 0.5s ease; } .search_wrap.active, .joinus_wrap.active { top: 0px; } .search_inner { max-width: 1100px; margin: auto; padding: 24px 0px; height: 160px; position: relative; } .searchform_wrap { display: table; width: 100%; } .search_input { background: white !important; border: 1px solid #8c8c8c !important; font-family: 'Oxfam TSTAR PRO', Arial, Helvetica, sans-serif !important; font-size: 2.8rem !important; color: #000 !important; height: initial !important; border-radius:0 !important; } .search_input:focus {outline: auto thick;} .search_input::placeholder { font-family: 'Oxfam TSTAR PRO', Arial, Helvetica, sans-serif; font-size: 2.8rem; color: #ACACAC; } .search_button { background: #44841A; color: #fff !important; font-family: 'Oxfam TSTAR PRO bold', Arial, Helvetica, sans-serif; font-size: 1.9rem; padding: 15px 25px; display: inline; cursor: pointer; border-color: transparent; border-radius: 0; vertical-align: top; height: 54px; margin-left: 10px; margin-top: 31px; } .search_button:after { content: "\e9cb"; float: right; font-family: 'icomoon' !important; margin-left: 14px; } body.search main .search_button {margin-top:1px;} body.search main .search_button:after {content:initial;} .search_button:hover { border-color: transparent; background: #0C884A; } .search_button:focus { border-color: black; } .search_close, .joinus_close { display: table-cell !important; cursor: pointer; width: 50px; font-size: 4rem; color: #61A534; font-weight: bold; position: relative; top: 5px; background:transparent !important; border:transparent; vertical-align: top; margin-left: 10px; margin-top: 31px; } .search_close:is(:hover,:focus), .joinus_close:is(:hover,:focus) { border:1px solid black; } .searchboxico { color: #61A534; font-size: 5rem; position: relative; top: 16px; } .icon-oxfam-icon-triangle:before { content: "\e9cb"; /* font-size: 1.2rem; */ padding-left: 10px; position: relative; top: 0px; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fl-page-header-logo { display: none } .searchbox .searchform_wrap > div { display: table-cell; width: 180px; } .searchbox .searchform_wrap > div .search_button { color: #fff; position: relative; top: 2px; } /* PRE-HEADER */ .fl-page-bar { border-bottom: 0px; } .fl-page-bar-container { max-width: 1100px; margin: auto; } .fl-page-bar:before { content: ""; display: block; height: 12px; width: 100%; background: url('/wp-content/uploads/2018/08/toptop.jpg') center center no-repeat; background-size: cover; } #mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu.mega-menu-item { padding: 35px 0px; } .ox_mobile_menu_body li.mega-menu-megamenu.mega-menu-item { padding: 18px 0px 0px !important; } li#mega-menu-item-29960 a i { color: #fff; position: relative; top: 2px; } ul.mega-sub-menu.white li#mega-menu-31-0 > ul li#mega-menu-item-custom_html-3 .sub_menu_image { background:url('/wp-content/uploads/2018/08/170930_OGB_Shim-12-holds-an-Oxfam-food-parcel-she-received-from-a-distribution-at-Kutupalong-Camp-Bangladesh.jpg') center center no-repeat; background-size: cover; } ul.mega-sub-menu.white li#mega-menu-32-0 > ul li#mega-menu-item-custom_html-2 .sub_menu_image { background: url(/wp-content/uploads/2018/06/opheus1.jpg) center center no-repeat; background-size: cover; } ul.mega-sub-menu.white li#mega-menu-29941-0 > ul li#mega-menu-item-custom_html-7 .sub_menu_image { background: url(/wp-content/uploads/2018/08/Front-Cheers-Oxfam.jpg) center center no-repeat; background-size: cover; } ul.mega-sub-menu.white li#mega-menu-29939-0 > ul li#mega-menu-item-custom_html-4 .sub_menu_image { background: url(/wp-content/uploads/2018/06/opheus2.jpg) center center no-repeat; background-size: cover; } ul.mega-sub-menu.white li#mega-menu-30191-0 > ul li#mega-menu-item-custom_html-6 .sub_menu_image { background: url(/wp-content/uploads/2018/09/oxfam-girls-in-pakistan.jpg) center center no-repeat; background-size: cover; } /* HEADER */ header { position: absolute; z-index: 999; width: 100%; background-color: transparent !important; top:0; } .header_height_fix { overflow: hidden; } header.scrollfixed { position: fixed; top: -15px; z-index: 9999; } body.admin-bar header.scrollfixed { top: 17px; } /* MENU */ .oxmm_search { display: none; background: #0C884A; padding: 15px; } .oxmm_search_input { background: transparent !important; color: #fff !important; font-size: 2rem !important; border: 0px !important; border-radius: 0px !important; display: inline-block !important; width: 80% !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; opacity: 0.5; } .oxmm_search_icon { color: #fff !important; font-size: 3rem; float: right; display: inline-block; padding-right: 5px; } /* Patches */ header .fl-page-nav-wrap, header .row { margin: 0px !important; } header .fl-page-header-container.container { width: 100% !important; max-width: 100% !important; } .fl-page-header-container { padding-top: 0px; } .fl-page-nav-col { padding: 0px !important; } /* body.page-template-single-menuoverlap .container > .row > .fl-content {margin-bottom:0px !important;} */ .fl-content { margin: 0px; padding: 0px; } body.fl-builder-edit footer { margin-top: 100px; } body.fl-builder-edit .et_social_sidebar_networks { display: none } .uabb-ultb3-img.uabb-ultb3-img-bottom-left, .uabb-ultb3-img.uabb-ultb3-img-bottom-center, .uabb-ultb3-img.uabb-ultb3-img-bottom-right { top: 0px !important; } .fl-post { margin-bottom: 0px; } body.single-career .article-element > .fl-post-content { max-width: 1100px; margin: 40px auto; } /* MEGA MENU */ .ox_mobile_menu_wrapper, .oxmm_subscribe, .oxmm_unwrapped, .oxmm_social, .oxmm_donate_orange { display: none !important; } .oxmm_social a:hover i { color: #fff; } .sn_item { display: inline-block; margin: 0px 10px; } .sn_item i { color: #fff; font-size: 2.2rem; } .oxmm_donate_orange { background: #f16e22 !important; color: #fff !important; border: none !important; padding: 15px 27px; font-weight: bold; } .oxmm_donate_orange:hover { text-decoration: none !important; border: 0px !important; } .mega-sub-menu a { font-size: 1.6rem !important; } .mega-mainmenu_sub_section > a, .mega-mainmenu_sub_section > a span { font-family: 'Oxfam TSTAR PRO bold', Arial, Helvetica, sans-serif !important; color: #000 !important; text-transform: initial !important; } .mega-mainmenu_sub_section { border-left: 1px solid #909090 !important; padding: 0px 0px 0px 25px !important; margin-left: 40px !important; } .mega-sub-menu li:nth-child(odd) .mega-menu-link { line-height: 3.5rem !important; border-left: 1px solid #999 !important; } .mega-sub_menu_image_wrap li { padding: 0px !important; } .sub_menu_image { height: 142px !important; width: 100% !important; } #mega-menu-wrap-header.active { background: rgba(255, 255, 255, 1) !important; } #mega-menu-wrap-header { transition: all 0.3s ease !important; } #mega-menu-wrap-header.shadow { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .mega-menu_main_logo { width: 165px !important; height: 65px !important; margin-right: 20px !important; background: url('/wp-content/uploads/2018/06/oxfamcanada_white.png') center center no-repeat !important; background-size: cover !important; z-index: 9999; margin-top: 15px !important; } .mega-menu_main_logo.active { background: url('/wp-content/uploads/2022/08/oxfamcanada_newgreen.png') center center no-repeat !important; background-size: cover !important; } .mega-menu_main_logo a { color: transparent !important; font-size: 0rem !important; height: 70px !important; } #mega-menu-header > li:not(.menu_main_donate):not(.menu_main_logo) > a.mega-menu-link { text-decoration: none !important; cursor: default !important; } #mega-menu-header > li > a.mega-menu-link.active { color: #61a534 !important; } #mega-menu-header > li:not(.menu_main_donate) > a.mega-menu-link:hover { color: #0c884a !important; text-decoration: none !important; } #mega-menu-header > li:not(.mega-toggle-on) > a.mega-menu-link { text-decoration: none !important; } .mega-menu_main_donate { float: right !important; margin-top: 28px !important; z-index: 9999; } .mega-menu_main_donate > a { background: #f16e22 !important; color: #fff!important; font-size: 2rem !important; height: 42px !important; cursor: pointer!important; padding: 7px 35px 6px !important; line-height: 3rem !important; } .mega-menu_main_donate > a:hover { background: #f15523 !important; } .mega-menu_main_donate > .mega-menu-link:hover { text-decoration: none !important; color: #fff !important; } .mega-menu-row .mega-sub-menu, #mega-menu-header { max-width: 1100px; margin: auto !important; } #mega-menu-header > li > .mega-sub-menu { transition: background-color 0.3s !important; box-shadow: 0px 12px 10px rgba(0, 0, 0, 0.1) !important; } #mega-menu-header > li > .mega-sub-menu.white { background: rgba(255, 255, 255, 1) !important; } /* #mega-menu-wrap-header #mega-menu-header { overflow:hidden !important; } */ /* MAIN MENU OVERLAP */ body:not(.page-template-single-menuoverlap):not(.landing-page-template-template-davos) .fl-page-content { margin-top: 14.5rem; z-index: 0; position: relative; } /* Some pages use the menu overlap and the first row of content is a big background image with text inside it. When you visit these pages with a text zoom at 200%, the content often overlaps with the main menu at the top of the site. So this adds a proper amount of padding to make sure that doesn't happen. However, some of these pages have had a UABB spacer added, which we hide here because then there will be too much top padding. */ body.page-template-single-menuoverlap main.fl-page-content .fl-row:first-child.fl-row-bg-photo .fl-row-content-wrap:first-child{ padding-top:14rem!important; min-height: 85vh; } body.page-template-single-menuoverlap main.fl-page-content .fl-row:first-child.fl-row-bg-photo .fl-row-content-wrap:first-child .fl-col-group:first-child .fl-module-spacer-gap { display:none!important; } body.fl-builder-edit .fl-page-content { /* margin-top: 160px; */ } .main_menu_empty { visibility: hidden !important; } /* BEAVER THEMER EXCEPTIONS */ .single-blog.fl-builder .fl-page-content .container, .single-story.fl-builder .fl-page-content .container { max-width: 100%; width: 100%; padding-left: 0; padding-right: 0; } .single-blog.fl-builder .fl-page-content .row, .single-story.fl-builder .fl-page-content .row { margin-left: 0; margin-right: 0; } .single-blog.fl-builder .fl-page-content .fl-content, .single-story.fl-builder .fl-page-content .fl-content { padding-left: 0; padding-right: 0; margin: 0; } .single-blog .fl-post-header, .single-story .fl-post-header { display: none; } .fl-post-meta-bottom { display: none; } /* .fl-col-highlight { padding: 0px;} */ /* OLD BLOGS FULL WIDTH FIX */ .fl-page-content .container { width: 100%; margin: 0px auto; max-width: 100%; overflow: hidden; } /* FOOTER */ .footer_info.white a { color: #fff; } .footer_address_icon * { vertical-align: top !important; } .footer_subscribe a { border: 1px solid #61A534 !important; } .footer_lastmenu { display: inline-block; margin-right: 20px; } .footer_lastmenu a { font-size: 1.4rem; font-weight: bold; } .footer_bottomline { height: 14px; background: url('/wp-content/uploads/2018/06/footer-bg.png'); background-size: cover; } .footer_quicklink { display: inherit; } .footer_quicklink a { font-size: 1.8rem; } .footer_quicklink:after { content: ""; position: relative; top: 18px; width: 0px; height: 0px; border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 9px solid #fff; border-top: 5px solid transparent; } .footer_info { font-size: 1.4rem; display: inline-block; } .footer_info_item { font-size: 1.4rem; display: inline-block; } .footer_info.txtright { float: right; } .footer_info a { margin-right: 25px; } .footer_info a:hover { color: #fff; } .et_monarch .et_social_mobile_button:before { padding: 5px 12px 25px; } .footer_memberof { color: #fff; font-size: 1.7rem; } .footer_memberof_col { width: 50%; float: left; } .footer_memberof_col.one { padding-top: 10px; } .footer_memberof_col.one > div { margin-bottom: 15px; } .footer_memberof_col.two { padding-left: 25px; } /* MODULES */ /* MONARCH SOCIAL NETWORK ICONS */ .sn_donate { background: #F16E22; border-radius: 100px; width: 40px; height: 40px; text-align: left; } .sn_donate:hover { background: #f15523; } .sn_donate_img { color: #fff; font-size: 3rem; width: 12px; height: 24px; float: left; margin: -4px 14px !important; background: url(/wp-content/uploads/2018/11/dollaricon.png) center center no-repeat !important; background-size: cover !important; } /* JOIN US */ /*joinusbox is only in the header*/ #joinusbox label {width: 100%;} #joinusbox .join_input:focus {outline:auto thick;} .join_input { padding: 10px !important; border-color: #8c8c8c !important; font-size: 1.7rem !important; color: #000 !important; border-radius: 0px !important; height: initial !important; } .join_input:-webkit-autofill { background: #eaeade; } .join_msg { color: #fff; margin-bottom: 10px; } .join_button { background: #F16E22; display: inline-block; padding: 8px 20px; border: 0px; width: 23%; text-align: center; color: #fff; font-weight: bold; cursor: pointer; } input.join_input::placeholder { color: rgba(0, 0, 0, 0.5); font-size: 1.5rem; position: relative; padding-left: 5px; font-weight: normal !important; } .en__field label, .joinusform .en__submit label { color: #6F6F6F; font-size: 1.5rem; position: relative; padding-left: 5px; font-weight: normal !important; } .joinusform .en__field label {color:#fff} .en__field--text, .en__submit { width: 26% !important; display: inline-block !important; margin-right: 5px; margin-bottom: 5px; } .en__submit { position: absolute; top: 31px; right: 50px; width: initial !important; } .joinusform .en__field--text, .joinusform .en__submit{ margin-right: 1% !important; } .joinusform_header .en__submit button { width: 100%; padding: 12px; } .joinusform .en__submit { position: absolute; left: 72%; top: 0; } .joinusform .en__submit label { visibility: hidden; } .joinusform .en__submit button { width: 100%; padding: 11px; white-space: nowrap; } #en__field_supporter_questions_147505 { vertical-align: text-top; } input[type=checkbox] { /* Double-sized Checkboxes */ -ms-transform: scale(2); /* IE */ -moz-transform: scale(2); /* FF */ -webkit-transform: scale(2); /* Safari and Chrome */ -o-transform: scale(2); /* Opera */ transform: scale(1.5); padding: 10px; margin-right: 10px; } .en__submit button:hover { background: #F05523; } .joinusbox.header .search_inner form { display: inline-block; width: 100%; text-align: left; position:relative; } .joinusform {position:relative} /* .joinusbox.header .search_inner form .en__submit { */ .joinusform_header .en__submit { position: absolute; top: 31px; right: 60px; } .joinusbox.header .search_inner form .en__field--question en__field--147505, .joinusbox.header .search_inner form .en__field--question en__field--147505_inheader { margin-top: 10px; } .joinusbox.header .search_inner form .en__field--question en__field--147505 #en__field_supporter_questions_147505 { float: left; position: relative; top: 2px; } .joinusbox.header .search_inner form .en__field--question en__field--147505 .en__field_supporter_questions_147505, .joinusbox.header .search_inner form .en__field--question en__field--147505 .en__field_supporter_questions_147505_inheader { margin-left: 30px; } .joinusbox.header .joinus_close { display: inline-block!important; vertical-align: top; position: absolute; top: 23px; right: 0; } a.button_green { padding: 16px 30px; display:inline-block; } a.button_green, .filter--filter-btn, .filter--load-more .button_, .filter--load-more-nofilter .button_, .filter--filter-clear, .bs_filter_clear, a.oxfam_button, a.oxfam_button:visited, button.oxfam_button, button.oxfam_button:visited, div.fl-module-button.oxfam_button a, div.fl-module-button.oxfam_button a:visited{ background-color: #44841A !important; text-decoration: none !important; color: #fff !important; } a.standard_button_padding, a.standard_button_padding:visited, button.standard_button_padding, button.standard_button_padding:visited, div.fl-module-button.standard_button_padding a, div.fl-module-button.standard_button_padding a:visited{ padding: 14px 28px; } a.oxfam_button, a.oxfam_button:visited, button.oxfam_button, button.oxfam_button:visited, div.fl-module-button.oxfam_button a, div.fl-module-button.oxfam_button a:visited{ /*This is a typical green button style (AODA compliant) that can be used to make green buttons more consistent on the site*/ border: 0; text-decoration: none !important; text-align: center; cursor: pointer; border-radius:0 !important; font-size:1.9rem !important; font-weight: bold !important; } .filter--load-more .button_:hover, .filter--load-more .button_:focus, .filter--load-more .button_:active, .filter--load-more-nofilter .button_:hover, .filter--load-more-nofilter .button_:focus, .filter--load-more-nofilter .button_:active, .filter--filter-clear:active, .filter--filter-clear:focus, .filter--filter-clear:hover, a.bs_filter_clear:active, a.bs_filter_clear:focus, a.bs_filter_clear:hover, a.button_green:hover, a.oxfam_button:hover, a.oxfam_button:focus, a.oxfam_button:active, button.oxfam_button:hover, button.oxfam_button:focus, button.oxfam_button:active, div.fl-module-button.oxfam_button a:hover, div.fl-module-button.oxfam_button a:focus, div.fl-module-button.oxfam_button a:active{ text-decoration: none; background-color: #0C884A !important; } a.oxfam_button:hover, a.oxfam_button:focus, a.oxfam_button:active, button.oxfam_button:hover, button.oxfam_button:focus, button.oxfam_button:active, div.fl-module-button.oxfam_button a:hover, div.fl-module-button.oxfam_button a:focus, div.fl-module-button.oxfam_button a:active{ border: 0; top: 0; color: #fff !important; } /*Red button can be used for red buttons on the site in combination with oxfam_button*/ /*It is AODA compliant*/ a.oxfam_red_button, a.oxfam_red_button:visited, button.oxfam_red_button, button.oxfam_red_button:visited, div.fl-module-button.oxfam_red_button a, div.fl-module-button.oxfam_red_button a:visited{ background: #ff1d34 !important; } a.oxfam_red_button:hover, a.oxfam_red_button:focus, a.oxfam_red_button:active, button.oxfam_red_button:hover, button.oxfam_red_button:focus, button.oxfam_red_button:active, div.fl-module-button.oxfam_red_button a:hover, div.fl-module-button.oxfam_red_button a:focus, div.fl-module-button.oxfam_red_button a:active{ background: #af213b !important; } .en__submit button.oxfam_orange_button, .en__submit button.oxfam_orange_button:visited { padding: 12px 40px; } /*Orange button can be used for all orange buttons on the site, in combination with oxfam_button*/ /*It is AODA compliant*/ a.oxfam_orange_button, a.oxfam_orange_button:visited, button.oxfam_orange_button, button.oxfam_orange_button:visited, div.fl-module-button.oxfam_orange_button a, div.fl-module-button.oxfam_orange_button a:visited{ background-color: #F16E22 !important; } a.oxfam_orange_button:hover, a.oxfam_orange_button:focus, a.oxfam_orange_button:active, button.oxfam_orange_button:hover, button.oxfam_orange_button:focus, button.oxfam_orange_button:active, div.fl-module-button.oxfam_orange_button a:hover, div.fl-module-button.oxfam_orange_button a:focus, div.fl-module-button.oxfam_orange_button a:active{ background-color: #F05523 !important; } a.oxfam_orange_button:focus{ /*do a special outline here because default browser link outlines are all orange and hard to see*/ outline-offset:-4px; outline: white solid 3px; } .donate_orange, .donate_orange:visited, .donate_orange:hover, .donate_orange:focus, .donate_orange:active { padding: 10px 35px !important; line-height: 30px !important; display: inline-block; margin: auto; } .donate_orange .icon-oxfam-icon-triangle:before { font-size:2rem; top:0.3rem; } /* Make a donation forms (normal and emergency) */ .donate_col1, .donate_col2 { width: 49%; vertical-align: top; display: inline-block; box-sizing: border-box; } .donate_first_row { /*contains the four donation amount options*/ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px; width: 100%; border-spacing: 15px 10px; border-collapse: separate; } .donate_radio_button_label { border: 1px solid #fff; padding: 15px; cursor: pointer; display: table-cell; color: #fff; text-align: center; font-weight: bold; } .donate_first_row input:checked+.donate_radio_button_label { color: #44841A; background: #fff; } .donation_form.emergency .donate_first_row input:checked+.donate_radio_button_label { color: #E70052 !important; } .donate_radio_button_label:hover, .donation_form.emergency .donate_first_row input + .donate_radio_button_label:hover{ color: black !important; background: rgba(255,255,255,0.25) !important; } .donate_first_row input { /* radio button options for donation amount*/ position: absolute; clip: rect(0,0,0,0); pointer-events: none; } .donate_second_row { /*other amount and donate button*/ display: grid; width: 100%; grid-template-columns: 1fr 1fr; border-spacing: 15px 10px; gap: 10px; border-collapse: separate; margin-top: 10px; } .donate_other_outer_wrapper { border: 1px solid #fff; padding: 10px 15px; display: table-cell; color: #fff; font-weight: bold; } .donate_other_inner_wrapper { margin-top:-22px; } .donate_other_inner_wrapper label { background: #44841a; padding: 0 8px; } .donation_emergency .donate_other_inner_wrapper label { background: #E70052; } .donate_other_inner_wrapper input { display: inline-block; background: transparent; color: #fff; border: none; width: 90%; padding: 5px; font-size: 1.8rem; position: relative; top: -2px; } .donate_other_inner_wrapper input:focus { background: transparent !important; } .donate_submit_button { padding: 14px 10px 16px; } .donate_submit_button i { position: relative; top: 2px; } button.emergency_donate_submit_button, button.emergency_donate_submit_button:visited{ background: #fff !important; color: #E70052 !important; } button.emergency_donate_submit_button:hover, button.emergency_donate_submit_button:focus, button.emergency_donate_submit_button:active{ background: #efefef !important; color: #E70052 !important; } .footer_donate_button, .footer_donate_button:focus, .footer_donate_button:hover, .footer_donate_button:active, .footer_donate_button:visited { position: relative; top: 30px !important; padding: 14px 50px 16px; } .donate_3wrap { /*TODO: delete once donation forms are updated*/ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; width: 100%; border-spacing: 15px 10px; border-collapse: separate; } .donate_2wrap { /*TODO: delete once donation forms are updated*/ display: grid; width: 100%; grid-template-columns: 1fr 1fr; border-spacing: 15px 10px; gap: 10px; border-collapse: separate; margin-top: 10px; } .donationForm-desc h4.white, .donationForm-desc h2.white { padding-bottom: 0!important; } /* EMERGENCY */ /*TODO: are these .donate_send.foot actually in use???*/ .donate_send.foot { display: block; width: 100%; margin: 0px; } .donate_send.foot i { position: relative; top: 2px; } /* IMAGE SINGLE -> INFO */ .image_single { position: relative; } .img_credit_column { display: none; } .image_info_outer { position: absolute; bottom: 0; margin: 0; overflow: hidden; text-align: right; z-index: 9; right: 15px; display:flex; } .single-blog.fl-builder .fl-page-content .row .image_info_outer, .single-story.fl-builder .fl-page-content .row .image_info_outer, .single-publication.fl-builder .fl-page-content .row .image_info_outer, .single-landing-page.fl-builder .fl-page-content .row .image_info_outer {right: 0;} body .fl-row.fl-row-full-width .image_info_outer {right:15px !important;} body .flyout_item .fl-row:is(.fl-row-full-width,.fl-row-fixed-width) .image_info_outer {right:0 !important;} body.fl-builder-edit .image_info_outer { display: none; } .image_info_outer, .image_info_inner { max-width:100%; } .image_info_inner { color: #fff; position: relative; display: inline-block; } body:not(.fl-builder-edit) .banner_img_info { display: none; } .banner_img_info.txt { color: #fff !important; } p.banner_img_info--credit { margin-right: 10px; text-align: right; } .image_info_show { bottom: 0 !important; } .image_info_icon { display: none !important; } .image_info_txt { font-size: 1.5rem; padding: 5px 15px; background: rgba(0,0,0,0.7); box-shadow: 0 0 10px rgb(0 0 0 / 30%); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .image_info_txt .fl-module-content { margin: 0; position: relative; top: 3px; } .image_info_txt p { margin-bottom: 0; } .image_single_info_caption { font-size: 1.6rem; position: relative; top: 1px; left: -10px; } .image_single .fl-photo-content { width: 100%; } .fl-module-photo.photo_fill_column, .fl-module-photo.photo_fill_column .fl-module-content, .fl-module-photo.photo_fill_column .fl-module-content .fl-photo, .fl-module-photo.photo_fill_column .fl-module-content .fl-photo .fl-photo-content, .fl-module-photo.photo_fill_column .fl-module-content .fl-photo .fl-photo-content img{ height:100%; width:100%; } .fl-module-photo.photo_fill_column .fl-module-content .fl-photo .fl-photo-content img { object-fit:cover; } /* .image_single img {width:100%} */ .single_image_caption { font-size: 1.4rem; margin-left: -10px; } .single_image_caption .icon-oxfam-icon-camera:before { font-size: 4rem; position: relative; vertical-align: middle; top: -2px; } /* SLIDEUP CONTENT */ .slideup_cont_wrapper { padding: 0 15px; } .slideup_cont_over { color: #fff; font-size: 2.4rem; /*flex grow 1 so the height of all three hover boxes is equal without js hacking*/ flex-grow: 1; } .slideup_cont_over .uabb-ultb3-box { /*need to do this here because the UABB settings don't even allow setting background color*/ background-color: #44841A !important; } .slideup_cont_over .uabb-ultb3-box img { /*Ideally, content authors will remove the background images (because of poor contrast with white text), but this will do it everywhere in one fell swoop*/ display:none !important; } .slideup_cont_over > .fl-module-content, .slideup_cont_over > .fl-module-content > .uabb-module-content { height: 100% } .slideup_cont_under { font-size: 2.4rem; width: 100%; text-align: center; z-index: 10; } .slideup_cont_under .fl-button, .slideup_cont_under .fl-button:active, .slideup_cont_under .fl-button:visited, .slideup_cont_under .fl-button:hover, .slideup_cont_under .fl-button:focus{ background-color: #336114 !important; } .slideup_cont_under .fl-button:active { top:0 !important; } .static_cont_over { height: 250px } /* MODAL POPUP */ /* Do not use transparent as a background color, this causes accessibility issues. Some padding was added so that the internal "X" symbol doesn't stetch all the way out to the edges. --Tait*/ .jBox-closeButton button { background-color:rgba(0,0,0,0.5); color:inherit; padding:6px; margin:0; border-width:0; line-height:inherit; border-radius:0; display:flex; } .jBox-closeButton button:focus{ outline-style: auto; outline-width: thick; outline-offset:0; outline-color: -webkit-focus-ring-color; top:0; } .uabb-modal-content-data { margin: 0px; } .modal_video_button .uabb-modal-action:before { content: ''; background: url('https://www.oxfam.ca/wp-content/uploads/2018/08/playbutton.png') center center no-repeat; background-size: cover; width: 60px; height: 60px; display: inline-block; float: left; margin-right: 20px; position: relative; top: -17px; } .modal_video_button .uabb-modal-action:hover:before { background: url('https://www.oxfam.ca/wp-content/uploads/2018/09/playbutton_hover.png') center center no-repeat; background-size: cover; } .modal_video_button.yellow .uabb-modal-action:before { width: 60px; height: 60px; background: url('/wp-content/uploads/2020/03/playbutton_y.svg') center center no-repeat; background-size: contain; } .modal_video_button.yellow .uabb-modal-action:hover:before { background: url('/wp-content/uploads/2020/03/playbutton_y2.svg') center center no-repeat; background-size: contain; } /* QUOTES */ .fl-icon, .fl-icon-text { vertical-align: top !important; } .module_quote_author .fl-icon { vertical-align: top !important; } .icon-oxfam-icon-quotes { position: relative; top: -8px; } /* NEWSROOM */ .newsroom_allwrap .fl-builder-pagination-load-more * { border: 0px !important; color: #fff !important; } .newsroom_allwrap .fl-post-feed-post { border: 0px !important; } /* BLOGS & STORIES */ .bs_wrapper { background: url('/wp-content/uploads/2018/09/oxfam-pattern-gray-small-1-1.png') top center repeat; padding: 50px; } .bs_inner { max-width: 1100px; margin: auto; } .bs_txt_center { font-family: 'Oxfam TSTAR PRO', Arial, Helvetica, sans-serif; text-align: center; max-width: 500px; margin: 0px auto 50px; } /*I don't think bs_first or no_img are actually added anywhere...*/ .bs_first.no_img { height: initial; margin-top: 50px; } .bs_first.no_img .bs_first_info { position: relative; width: 100%; top: 0px; bottom: 0px; } .tagicon { width: 15px; /*display: inline-block; */ margin-right: 9px; margin-bottom: 25px; float: left; position: relative; top: 2px; } /************** One feed story card to rule them all **************/ .unified_story_card_item{ display:flex; flex-direction:column-reverse; align-self:flex-start; } .unified_story_card_item.first_story_card { width: 100%; position: relative; margin-top: 50px; display:flex; flex-direction:column; } .unified_story_card_item_image_container{ position:relative; } .unified_story_card_item.first_story_card .unified_story_card_item_image_container { width: 80%; height: 100%; position:absolute; } .unified_story_card_item_image_container img{ width:100%; object-fit:cover; height:324px; } .unified_story_card_item.first_story_card .unified_story_card_item_image_container img{ height: 100%; } .unified_story_card_item_info{ background:rgba(255,255,255,0.9); padding: 10px 20px 10px; width: calc(100% - 40px); margin: 0 20px; z-index:2; position:relative; top:-40px; } .unified_story_card_item_info.no_story_card_image{ z-index:initial; position:initial; top:0; } .unified_story_card_item.first_story_card .unified_story_card_item_info { padding: 20px; align-self:end; width: 400px; margin: 50px 0; position:initial; top:0; background: #fff; } .unified_story_card_item.first_story_card .unified_story_card_item_info.no_story_card_image { width: 100%; } .unified_story_card_item_info p{ margin:0; color:#333333; padding:0; } .unified_story_card_item_heading_tags{ display:flex; flex-direction:column-reverse; padding-bottom:20px; } .unified_story_card_item.first_story_card .unified_story_card_item_heading_tags{ padding:0; } a.unified_story_card_item_heading{ } a.unified_story_card_item_heading h1, a.unified_story_card_item_heading h2, a.unified_story_card_item_heading h3, a.unified_story_card_item_heading h4, a.unified_story_card_item_heading h5, a.unified_story_card_item_heading h6{ color: #44841A; /*these match H5 style*/ font-size: 2.8rem; line-height: 2.6rem; padding-bottom: 0; padding-top:10px; font-weight: normal; } .unified_story_card_item.first_story_card a.unified_story_card_item_heading h2, .unified_story_card_item.first_story_card a.unified_story_card_item_heading h3{ margin: 0 0 15px; /*these match h3 style*/ font-size: 3.6rem; line-height: 4rem; } a.unified_story_card_item_heading h1:before, a.unified_story_card_item_heading h2:before, a.unified_story_card_item_heading h3:before, a.unified_story_card_item_heading h4:before, a.unified_story_card_item_heading h5:before, a.unified_story_card_item_heading h6:before{ display:none!important; background:none!important; } .fl-page-content ul.unified_story_card_item_tag_list, .fl-page-content p.unified_story_card_item_tag_list, .fl-page-content .unified_story_card_item_tag_list_container ul{ line-height: 20px; color:#3B3B3B; margin:0; padding:0 0 10px; } .fl-page-content ul.unified_story_card_item_tag_list li, .fl-page-content .unified_story_card_item_tag_list_container ul li { list-style: none; padding: 0 0.3rem 0 0; margin: 0; display: inline; } .fl-page-content ul.unified_story_card_item_tag_list li, .fl-page-content p.unified_story_card_item_tag_list, .fl-page-content .unified_story_card_item_tag_list_container ul li{ font-family: "Oxfam TSTAR PRO Bold", Arial, Helvetica, sans-serif; font-size: 1.2rem; } .fl-page-content ul.unified_story_card_item_tag_list li:first-of-type:before, .fl-page-content span.unified_story_card_item_tag_list:before, .fl-page-content .unified_story_card_item_tag_list_container ul li:first-of-type:before{ content: ""; background: url(/wp-content/uploads/2021/03/icon_tag.svg) center center / cover no-repeat; width: 16px; height: 16px; display: inline-block; margin: 0 10px 0 5px; } .fl-page-content ul.unified_story_card_item_tag_list li:not(:last-of-type):after, .fl-page-content .unified_story_card_item_tag_list_container ul li:not(:last-of-type):after{ content: ","; } .fl-page-content ul.unified_story_card_item_tag_list li:not(:last-of-type), .fl-page-content .unified_story_card_item_tag_list_container ul li:not(:last-of-type){ padding-right: 0.5rem !important; } p.unified_story_card_item_byline{ font-family: "Oxfam TSTAR PRO Bold", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.2rem; padding-top:20px; } /* 1. some feed item taxonomy lists of links follow this structure: div.bs_first_channels > ul > (li > a for each tag) 2. some feed item taxonomy lists of links still follow on of these structures (because the content pages haven't been updated): div.bs_channel > (a for each tag) div.blog_related_taxo_wrap > (a for each tag) 4. Some article header taxonomy lists follow this structure: (those that rely on Blog/Story - Header themer layout) div.blog_taxo > ul > (li > a for each tag) 5. Some article header taxonomy lists follow this structure: (inside individual page content) div.blog_taxo > (a for each tag) */ /*tag list containers*/ .bs_first_channels, .fl-page-content .bs_first_channels, .blog_related_taxo_wrap, .fl-page-content .blog_related_taxo_wrap, .bs_channel, .fl-page-content .bs_channel{ line-height: 1.6rem; display: inline-block; } /*tag list UL items*/ .bs_first_channels > ul, .fl-page-content .bs_first_channels > ul{ margin:0; padding:0; display:inline; overflow-wrap:initial; } .fl-page-content .blog_taxo > ul, .blog_taxo > ul { padding:0; margin:0; } /*tag list LI items*/ .bs_first_channels > ul > li, .fl-page-content .bs_first_channels > ul > li , .fl-page-content .blog_taxo > ul > li, .blog_taxo > ul > li { list-style:none; display:inline-block; padding:0 0.5rem 0 0; } .bs_first_channels > ul > li:last-child, .fl-page-content .bs_first_channels > ul > li:last-child, .fl-page-content .blog_taxo > ul > li:last-child, .blog_taxo > ul > li:last-child { padding-right: 0; } .bs_first_channels > ul > li:after, .fl-page-content .bs_first_channels > ul > li:after, .fl-page-content .blog_taxo > ul > li:after, .blog_taxo > ul > li:after{ content:","; } .bs_first_channels > ul > li:last-child:after, .fl-page-content .bs_first_channels > ul > li:last-child:after, .fl-page-content .blog_taxo > ul > li:last-child:after, .blog_taxo > ul > li:last-child:after{ content: ""; } /*tag list links*/ .bs_first_channels a, .fl-page-content .bs_first_channels a, .bs_channel a, .fl-page-content .bs_channel a, .blog_related_taxo_wrap a, .fl-page-content .blog_related_taxo_wrap a{ font-size: 1.3rem; color: #545454; } .title_compressed { max-width: 580px; margin: auto; } .button_loadmore { margin-top: 100px; margin-bottom: 100px; } #loadMore { margin: auto; padding: 10px 20px; } .bs_rest_item_wrapper { box-sizing: border-box; display: inline-block; width: 50%; border: 0px solid #990; vertical-align: top; margin-top: 50px; } .bs_rest_item_wrapper.hidden { opacity: 0; height: 0px; } .bs_rest_item_wrapper.odd { padding-right: 20px; } .bs_rest_item_wrapper.even { padding-left: 20px; } .article_widthcap { width: 1100px; margin: auto; } .publications_old_header { display: none; } .cpt_header_heightcap { max-height: 550px; } .search_input_wrap { height: 56px; background: #fff; width: 85%; display: inline-block; vertical-align: top; } .search_input { position: relative; } body.search main .search_input { top: -52px; left: 50px; width: calc(100% - 50px); } body.search main .search_input_wrap { width: calc(100% - 155px); } .search_title_center { font-family: 'Oxfam TSTAR PRO bold'; font-size: 6rem; text-transform: initial; text-align: center; } .search_txt_center { font-size: 2.6rem; text-align: center; } .search_item_wrap, .archive_item_wrap { margin: 0px 0px 50px; display: table; background: #fff; width: 100%; } .search_item_wrap.featured {position:relative} .search_item_wrap.featured:after { content: 'Featured'; position: absolute; bottom: 0; right: 0; padding: 0px 10px; background: #eee; color: #444; font-size: 10px; font-weight: bold; letter-spacing: 0.05em; margin:4px; } .archive_item_wrap .project_cpt_cont { padding: 25px 65px; } .search_item_image { width: 256px; height: 100%; display: table-cell; margin-right: 20px; vertical-align: top; } .search_item_title { vertical-align: top; color: #0C884A; font-size: 2.8rem; font-weight: bold; line-height: 3.5rem; margin-bottom: 10px; } .search_info_wrap { padding: 10px 25px; display: table-cell; } .search_item_excerpt { font-size: 1.8rem; font-weight: bold; color: #004040; } .search_item_date { font-size: 1.4rem; margin-top: 20px; } .old_entries_content_fix { width: 1100px; margin: 20px auto; position: relative; /*left:-100px;*/ } /* body:not(.fl-builder-edit) .entry_header_hidden { */ .entry_header_hidden { display: none; } .media_pdf { font-weight: bold; margin: 10px 0px; } .media_pdf:before { content: url('/wp-content/uploads/2014/09/pdf-icon-rv.png'); width: 32px; height: 36px; margin-right: 10px; vertical-align: sub; position: relative; top: 4px; } /* BLOG SINGLE POSTS */ .blog_header_title {} .blog_header_background { background: linear-gradient(#eaeade 25%, transparent 1px); background: -webkit-linear-gradient(#eaeade 25%, transparent 1px); background: -o-linear-gradient(#eaeade 25%, transparent 1px); background: -moz-linear-gradient(#eaeade 25%, transparent 1px) } .emergency_header_background { background: linear-gradient(#de1e39 25%, transparent 1px); background: -webkit-linear-gradient(#de1e39 25%, transparent 1px); background: -o-linear-gradient(#de1e39 25%, transparent 1px); background: -moz-linear-gradient(#de1e39 25%, transparent 1px) } .emergency_subtitle * { color: #fff; font-size: 2rem; text-align: center; max-width: 640px; margin: auto; } .blog_featured_img { position: relative; top: -200px; } .blog_taxo *, .pub_taxo * { font-size: 1.4rem; color: #336114 !important; font-weight: bold; } .blog_taxo, .pub_taxo { text-align: center; } .pub_taxo:before, .pub_taxo_icon:before { font-family: 'icomoon' !important; display: block; font-size: 5rem; margin: 5px; color: #44841A; font-weight: normal; } .pub_taxo_no_before:before { display:none; } /* .publication_related_taxo_wrap:before, .pub_taxo.Report:before, .pub_taxo.Education:before */ .pub_taxo:before, .pub_taxo_icon:before { content: "\e932"; } .publication_related_taxo_wrap.Video:before, .pub_taxo.Video:before { content: "\e9cb" !important; } .blog_author, .blog_author * { text-align: center; font-size: 1.4rem; color: #333333; } .blog_content { margin: auto; } /* Blog Related */ .blog_related_allwrap .fl-post-grid-post { background: transparent; border: 0; } .blog_related_allwrap.reordered_post_contents .fl-post-grid-post { display:flex; flex-direction:column-reverse; align-self:flex-start; } .blog_related_text_wrap { background: #fff; width: 95%; margin: auto; position: relative; top: -20px; padding: 20px; } .blog_related_allwrap.reordered_post_contents .blog_related_text_wrap{ margin: 0 auto auto; } .blog_related_img { width: 100%; height: 324px; } .blog_related_allwrap.reordered_post_contents p { margin:0; } .blog_related_allwrap.reordered_post_contents .blog_related_top_text { display:flex; flex-direction:column-reverse; } .blog_related_tag { position: relative; vertical-align: middle; display: inline-block; font-size: 3rem; } .blog_related_title { margin: 15px 0px 0px !important; } .blog_related_authordate, .blog_related_authordate * { color: #545454 !important; font-size: 1.6rem !important; } .blog_related_readmore { font-size: 1.6rem; font-weight: bold; } .blog_related_readmore:after, .blog_related_allwrap.reordered_post_contents .read-more-triangle:after { content: '\e9cb'; padding-left: 0.1rem; position: relative; top: 0.3rem; color: #61a534; font-family: 'icomoon'; font-size: 1.6rem; } .blog_related_allwrap.reordered_post_contents .blog_related_readmore:after { content: ''; } .blog_feed_excerpt p { margin-bottom: 15px; } /* PEOPLE */ .team_outer { padding: 100px 20px; } .team_outer:nth-of-type(odd) { background: #EAEADE; } .team_inner { max-width: 1070px; margin: auto; } .team_name { color: #333; font-size: 4rem; font-weight: bold; margin-bottom: 70px; } .team_name:before { content: '\25b6'; color: #61A534; font-size: 3rem; margin-right: 15px; } .people_wrapper { list-style-type: none; } .people_separator { margin: 100px; } .team_outer:nth-of-type(odd) .person_mask { background: url('/wp-content/uploads/2018/11/people_mask_beige2.png') center center no-repeat; background-size: cover; width: 100%; height: 100%; } .team_outer:nth-of-type(even) .person_mask { background: url('/wp-content/uploads/2018/08/people_mask_white.png') center center no-repeat; background-size: cover; width: 100%; height: 100% } .person_image { vertical-align: top; display: inline-block; width: 250px; height: 250px; } .person_info { vertical-align: top; display: inline-block; padding-left: 60px; max-width: 640px; transition: all 0.5s ease; } .person_title { font-size: 2.2rem; color: #44841A; font-weight: bold; } .person_social { margin: 10px 0px; position: relative; } .person_twitter { font-size: 1.6rem; color: #44841A; display: inline-block; margin-right: 20px; } .person_twitter:before { content: url(/wp-content/uploads/2018/08/twitter-1_1_.svg); display: inline-block; width: 20px; margin-right: 5px; position: relative; top: 5px; vertical-align: text-bottom; } .person_linkedin { display: inline-block; font-size: 1.6rem; } .linkedin_icon { width: 16px; vertical-align: inherit; } .person_shortbio { font-size: 1.8rem; margin: 20px 0px; } .person_readmore { font-size: 1.9rem; font-weight: bold; } .person_readmore, .person_readmore:active, .person_readmore:focus, .person_readmore:hover{ color: #44841A; background: transparent; border-width: 0; padding: 0; position:initial; top:initial; } .person_fullbio { font-size: 1.8rem; margin-top: 20px; display: none; } .person_fullbio.hideme { height: 0px; } /* FLOATING PAGES */ body.single-floating-page .container { max-width: 1100px; } body.single-floating-page .container .row { margin: 0px; } body.single-floating-page .container .fl-content { margin-top: 50px !important; } .fl-post-header { position: relative; display: none; } /* PROJECTS */ .fl-icon-text { height: initial !important; padding: 0px 10px; } .project_cpt_wrap { background: #fff; box-sizing: border-box; display: table; margin: auto; width: 100%; min-height: 400px; } .project_cpt_image { width: 50%; display: table-cell; } .project_cpt_cont { display: table-cell; width: 50%; vertical-align: middle; padding: 65px; text-align: left; box-sizing: border-box; } .project_feed_title a:hover { color: #44841a; } .project_description { margin: 15px 0px; font-size: 1.7rem; } .project_readmore { margin: 30px 0px; } .project_readmore a { background: #44841a; color: #fff; padding: 14px 25px; display: inline-block; text-decoration: none; font-size: 1.9rem !important; font-weight: bold; } .project_readmore a:hover { background: #0c884a; text-decoration: none; } .project_readmore a:after { display: inline-block; width: 20px; height: 20px; font-size: 2rem; line-height: 1; font-family: dashicons; text-decoration: inherit; font-weight: 400; font-style: normal; vertical-align: top; text-align: center; transition: color .1s ease-in 0s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f522"; margin: 3px 0px 0px 10px; } .emergency_donate { background: #ff1d34; color: #fff; display: inline-block; padding: 15px 25px; } .emergency_donate:hover { background: #af213b; } .emergency_donate:after { display: inline-block; width: 20px; height: 20px; font-size: 2rem; line-height: 1; font-family: dashicons; text-decoration: inherit; font-weight: 400; font-style: normal; vertical-align: top; text-align: center; transition: color .1s ease-in 0s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f522"; margin: 3px 0px 0px 10px; } /* CAMPAIGNS */ .campaign_cpt_cont { display: table-cell; width: 50%; vertical-align: middle; padding: 65px; text-align: left; box-sizing: border-box; text-align: center; } .campaign_feed_title a:hover { color: #44841a; } .campaign_description { margin: 15px 0px; font-size: 1.7rem; text-align: center } .uabb-modal-close.uabb-close-custom-popup-edge-top-right { top: 10px; right: 0px; width: 45px; padding: 10px; } .uabb-close-icon { color: #333333; } .uabb-close-icon.white { color: #fff; } img[src*="close_flyout_btn.svg"]{ background:#fff; border-radius:50%; padding:2px; } body:not(.fl-builder-edit) .popup_outer { height: 0px; visibility: hidden; } .popup_emergency_title { background-color:#A20011; } .err_wrapper { background: url("/wp-content/uploads/2018/10/womens-transformative-leadership-women-in-field-africa.jpg") center center no-repeat; background-size: cover; width: 100%; height: 100%; display: table-cell; vertical-align: middle; padding: 13rem 50px; text-align: Center; } .err_title { color: #fff; text-align: center; padding: 20px; } .err_txt { color: #fff; text-align: center; padding: 20px; } .err_button { padding: 20px 30px; color: #fff; display: inline-block; background: #44841A; cursor: pointer; margin: 10px 15px } .err_arrow:after { content: '\25b6'; display: inline-block; color: #fff; font-size: 1.2rem; padding-left: 10px; position: relative; top: -1px; } /* POPUP VIDEO MODLUE */ .video_play-overlay .fa-remove:before, .video_play-overlay .fa-close:before, .video_play-overlay .fa-times:before { color: #fff; } .BambooHR-ATS-Jobs-Item {} .BambooHR-ATS-Jobs-List { border-bottom: 0px !important; } #BambooHR-Footer { display: none; } .BambooHR-ATS-board >h2 { display: none; } .BambooHR-ATS-board { padding: 0px 35px; } .BambooHR-ATS-board .BambooHR-ATS-Department-Header { font-size: 2.2rem; margin-bottom: 10px; } .BambooHR-ATS-board li { color:#333 !important; } .BambooHR-ATS-board li.BambooHR-ATS-Jobs-Item a { font-size: 2.2rem; line-height: 4.8rem; } .BambooHR-ATS-board li.BambooHR-ATS-Jobs-Item { font-size: 1.8rem; } .BambooHR-ATS-board p.blankState { font-family: 'Oxfam TSTAR PRO', Arial, Helvetica, sans-serif !important; font-size: 1.8rem !important; font-weight: normal !important; line-height: 2.6rem !important; color: #333333 !important; } /* LANDING PAGES */ /*************/ /* Scorecard */ /*************/ .scorecard_column1 >.fl-col-content { background-size: cover; /* background-position: 0 -50%; */ background-attachment: initial; position:fixed; height:100vh; width:calc(50vw + 15px); } .single-blog.fl-builder .fl-page-content .row .image_info_outer, .single-story.fl-builder .fl-page-content .row .image_info_outer, .single-publication.fl-builder .fl-page-content .row .image_info_outer, .single-landing-page.fl-builder .fl-page-content .row .image_info_outer { right: 0; transform: translate(9px, 0); } body .fl-row.fl-row-full-width .scorecard_column1 .image_info_outer { right: 50% !important; position: fixed; } .sc_icon_height {height:40px} .legend_item { width: 32%; text-align: center; color: #fff; display: inline-block; font-size: 1.4rem; line-height: 1.8rem; font-weight: bold; border-left: 1px solid #fff; background-color:transparent; border-top-width:0; border-bottom-width:0; border-right-width:0; border-radius:0; padding:0; } .scorecard_legend_wrapper li .legend_item{ width:100%; } .legend_item:hover, .legend_item:active, .legend_item:focus{ background-color:transparent; color: #fff; border-left: 1px solid #fff; border-top-width:0; border-bottom-width:0; border-right-width:0; position:initial; top:initial; } .scorecard_legend_wrapper li:first-child .legend_item, .scorecard_legend_wrapper > .legend_item:first-child { border-left: 0 solid #fff; } .fl-page-content .scorecard_legend_wrapper, .fl-page-content .scorecard_legend_wrapper li, .fl-page-content .scorecard_section_list, .fl-page-content .scorecard_section_list li{ width: 100%; margin:0; padding:0; list-style:none; display:block; } .fl-page-content .scorecard_legend_wrapper li{ display:inline-block; width: 32%; } .scorecard_wrapper { padding: 5px 0; margin: 0 50px; } .scorecard_wrapper.nomargin { margin:0 20px; } .scorecard_wrapper.line { border-bottom: 1px solid #ccc; } .sc_ico { height: 40px; margin: 5px; } .sc_ico_top { position: relative; top: 2px; } .sc_ico_wrap { display: inline-block; width: 120px; vertical-align: middle; } .sc_ico_wrap.single { width: 70px; } .sc_text { display: inline-block; vertical-align: middle; font-weight: bold; } .sc_link { color: #000; } .sc_link:hover { color: #44841A; } .sc_link.purple:hover { color: #53297d; } .scorecard_banner .uabb-new-ib-content, .scorecard_banner .uabb-new-ib-title { transform: translate3d(0px, 0px, 0px); } .scorecard_banner .uabb-new-ib-link:focus{ /*make the outline white so it works on the different colored backgrounds*/ outline: #fff solid 2px; outline-offset: 4px; border-radius: 1px; } .scorecard_banner .uabb-new-ib-link, .scorecard_banner .uabb-new-ib-link h2 { display:inline-block; } .scorecard_banner .uabb-new-ib-content { height: 0; visibility: hidden; transition: all 0.5s ease-in-out!important; } .scorecard_banner .uabb-ib2-hover .uabb-new-ib-content { height: 30rem; visibility:visible; margin-bottom: 20px; } .scorecard_banner .uabb-ib2-hover .uabb-new-ib-before-title:before { opacity: 0; } body:not(.fl-builder-edit).single-landing-page .img_credit_column { display: none; } .scorecard_banner .fl-node-content .uabb-new-ib.uabb-ib2-badge-style-little:before{ /*the scorecards are set via oxfam builder to use rgba(222,30,57,0.85) but you need a higher opacity to meet WCAG minimum contrast for the white text on scorecards if the background image has white sections*/ background-color: rgba(222,30,57,0.93); } .scorecard_banner .fl-node-content .uabb-new-ib.uabb-ib2-badge-style-some:before{ background-color: rgba(244,147,16,0.85); } /*we will solve white on orange contrast issues by switching to black on orange*/ .scorecard_banner .fl-node-content .uabb-new-ib.uabb-ib2-badge-style-some.uabb-ib2-hover .uabb-new-ib-desc .sc_button{ border-color:#000; } .scorecard_banner .fl-node-content .uabb-new-ib.uabb-ib2-badge-style-some.uabb-ib2-hover .uabb-new-ib-desc *{ color:#000 !important; } .scorecard_banner .fl-node-content .uabb-new-ib.uabb-ib2-badge-style-significant:before{ background-color: rgba(51, 97, 20,0.85); } .uabb-new-ib .uabb-new-ib-badge { position: absolute; top:0; left:0; color: #fff; z-index: 9; padding: 5px 15px; font-weight: bold; font-size: 1.4rem; text-transform: capitalize; } .uabb-new-ib.uabb-ib2-badge-style-little .uabb-new-ib-badge { background: #a30d22; } .uabb-new-ib.uabb-ib2-badge-style-some .uabb-new-ib-badge { color:#000; background: #F49310; } .uabb-new-ib.uabb-ib2-badge-style-significant .uabb-new-ib-badge { background: #0B8848; } .scorecard_banner .uabb-new-ib-title { max-width: 480px; font-size: 3.4rem !important; } .scorecard_banner .uabb-new-ib-before-title:before { transition: all 0.5s ease; } .sc_share_fb { color:#3a579a; font-size:4rem; margin:5px; } .sc_share_tw { color:#00abf0; font-size:4rem; margin:5px; } .sc_button { border: 2px solid #fff; display: inline-block; padding: 10px 20px; margin: 20px 0; cursor: pointer; text-decoration:none!important; } .sc_button:hover { background: #fff; color: #000 !important; } .sc_button:focus { outline: #fff solid 2px; outline-offset: 0; border-radius: 1px; } .uabb-new-ib-before-title:before { display: block; margin: 20px 0; } #representation_leadership .uabb-new-ib-before-title:before { content: url('/wp-content/uploads/2019/03/scorecard_ico02w.svg'); } #global_development .uabb-new-ib-before-title:before { content: url('/wp-content/uploads/2019/03/scorecard_ico01w.svg'); } #climate_change .uabb-new-ib-before-title:before { content: url('/wp-content/uploads/2019/03/scorecard_ico03w.svg'); } #care_work .uabb-new-ib-before-title:before { content: url('/wp-content/uploads/2019/03/scorecard_ico05w.svg'); } #gender_violence .uabb-new-ib-before-title:before { content: url('/wp-content/uploads/2019/03/scorecard_ico04w.svg'); } #tax .uabb-new-ib-before-title:before { content: url('/wp-content/uploads/2019/03/scorecard_ico06w.svg'); } #conflict_crisis .uabb-new-ib-before-title:before { content: url('/wp-content/uploads/2019/03/scorecard_ico08w.svg'); } #work_equity .uabb-new-ib-before-title:before { content: url('/wp-content/uploads/2019/03/scorecard_ico07w.svg'); } #poverty .uabb-new-ib-before-title:before { content: url('/wp-content/uploads/2019/09/poverty-icon.svg'); } #indigenous_peoples .uabb-new-ib-before-title:before, #indigenous_women .uabb-new-ib-before-title:before { content: url('/wp-content/uploads/2019/09/indigenous-icon.svg'); } .icon_earth .uabb-new-ib-before-title:before {content: url('/wp-content/uploads/2019/03/scorecard_ico01w.svg') !important;} .icon_map .uabb-new-ib-before-title:before {content: url('/wp-content/uploads/2019/03/scorecard_ico02w.svg') !important;} .icon_hand .uabb-new-ib-before-title:before {content: url('/wp-content/uploads/2019/03/scorecard_ico04w.svg') !important;} .icon_plate .uabb-new-ib-before-title:before {content: url('/wp-content/uploads/2019/09/poverty-icon.svg') !important;} .icon_house .uabb-new-ib-before-title:before {content: url('/wp-content/uploads/2019/03/scorecard_ico05w.svg') !important;} .icon_lifesaver .uabb-new-ib-before-title:before {content: url('/wp-content/uploads/2019/03/scorecard_ico08w.svg') !important;} .icon_feather .uabb-new-ib-before-title:before {content: url('/wp-content/uploads/2019/09/indigenous-icon.svg') !important;} .icon_tree .uabb-new-ib-before-title:before {content: url('/wp-content/uploads/2019/03/scorecard_ico03w.svg') !important;} .icon_money .uabb-new-ib-before-title:before {content: url('/wp-content/uploads/2019/03/scorecard_ico07w.svg') !important;} .icon_price .uabb-new-ib-before-title:before {content: url('/wp-content/uploads/2019/03/scorecard_ico06w.svg') !important;} .scorecard_promise_title { max-width: 500px; } .scorecard_back_triangle .icon-oxfam-icon-triangle { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .scorecard_card_column2 { overflow-y: auto } body.single-landing-page .article-element { margin-top: 0 !important; } /* ONE PERCENT %1 */ .opc_topheader { position: absolute; z-index: 9; width: 100%; } .postid-35193 footer { display: none; } #_hj-f5b2a1eb-9b07_feedback { display: none; } .postid-35193 .fl-page-content { margin-top: 0 !important; } .opc_income { background: transparent !important; border: 0 !important; color: #fff !important; font-weight: bold !important; font-size: 1.9rem !important; } .opc_income_wrapper { border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 5px; background: rgba(255, 255, 255, 0.1); } .opc_numbercalc { font-size: 7rem; color: #fff; font-weight: bold; line-height:7rem; } .opc_error { color: #fff; font-size:1.8rem; font-weight: bold; line-height:7rem; margin:0; padding:0; } .opc_window { position: relative; } .opc_window .fl-col-content, .opc_black { width: 100%; margin: auto; position: relative; /* transition: all 0.2s ease; */ } .opc_window_txt { position: absolute !important; bottom: 0px; text-align: center !important; width: 100%; } .opc_black { background: #000; position: absolute; border-radius: 10px; width: 100%; z-index: 3; height: 100%; left: 0; right: 0; top: 0; } .opc_country_wrapper { text-align: center; color: #000; font-weight: bold; } #opc_country { padding: 10px; max-width: 270px; padding-right: 40px; border-radius: 5px; border-color: #0B8848; color: #0B8848; min-width: 200px; margin-bottom: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(https://www.oxfam.ca/wp-content/uploads/2019/12/arrow2.png); background-repeat: no-repeat; background-position: 95% 50%; } /* #opc_country::after { content:"a"; display:block; visibility:visible; position:absolute; } */ .opc_title { font-family: "Oxfam TSTAR PRO bold"; font-size: 4rem; line-height: 4.2rem; margin-top: 25px; color: #3B3B3B; } .opc_percentage { font-family: "Oxfam TSTAR PRO bold"; font-size: 8.2rem; line-height: 8.2rem; text-align: center; color: #0b8848; margin-top: 25px; transition: all 0.2s ease; } /* Story Cards */ .opc_storycard >.fl-module-content { border-radius: 10px; max-width: 450px; position: relative; } .opc_storycard .uabb-module-content { border-radius: 10px; cursor:pointer; } .opc_storycard.story1 >.fl-module-content { top: -60px; } .opc_storycard.story2 >.fl-module-content { float: right; } .opc_storycard.story3 >.fl-module-content { margin: auto; bottom: -60px; transform: translate(-30%, 0px); z-index: 1; } .opc_storycard .uabb-text-editor { display: inline-block; } .opc_storycard .uabb-new-ib-desc { padding: 40px 30px; } .opc_storycard .uabb-text-editor p:after { content: "\e9cb"; color: #61A534; position: relative; top: 3px; font-family: 'icomoon' !important; left: 10px; } .opc_storycard h3.uabb-new-ib-title { font-family: 'Oxfam TSTAR PRO', Arial, Helvetica, sans-serif; font-size: 3.2rem; } .opc_storycard h3.uabb-new-ib-before-title:before {content:"" !important;} .opc_txt { color: #fff; text-align: center; float:right; max-width:380px; } .h4.opc_txt {text-transform:uppercase} .uabb-offcanvas-close-icon-wrapper.uabb-offcanvas-close-icon-position-left-top { transform: translate(600px, 0px); transition: all 0.3s ease; } .uabb-off-canvas-show .uabb-offcanvas-close-icon-wrapper.uabb-offcanvas-close-icon-position-left-top { transform: translate(0px, 0px) } .post-password-form { margin: 120px 15% 50px; } /* PHOTO CAROUSEL */ .photo_carousel .fl-slideshow-base.height_initial { height: initial !important; } .photo_carousel .fl-slideshow-caption { display: block !important; opacity: 1 !important; position: relative !important; top: 0; background: transparent; } .photo_carousel .fl-slideshow-thumbs { position: absolute; z-index: 9; top: 430px; } .photo_carousel .fl-slideshow-overlay-close { display: none !important; } .photo_carousel .fl-slideshow-thumbs-page .fl-slideshow-image { float: none; display: inline-block; width: 17px !important; height: 17px !important; border-radius: 50%; border-width:0!important; outline:none!important; background: #000000!important; cursor: pointer; top:2px; } .photo_carousel .fl-slideshow-thumbs-page .fl-slideshow-image:focus { outline:2px solid #F16E22!important; } .photo_carousel .fl-slideshow-thumbs-page .fl-slideshow-image::before{ content: ""; position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; border: 2px solid #fff; background-color:transparent; border-radius: 50%; } .photo_carousel .fl-slideshow-thumbs-page .fl-slideshow-image:hover { background: #555; border-width:0!important; } .photo_carousel .fl-slideshow-thumbs-page .fl-slideshow-image-active::before{ background-color: #fff !important; } .photo_carousel .fl-slideshow-thumbs-page .fl-slideshow-image img { display: none; } .photo_carousel .fl-slideshow-thumbs-page, .photo_carousel .fl-slideshow-thumbs-pages { text-align: center !important; width: 100% !important; } .photo_carousel .fl-slideshow-thumbs-clip { text-align: center !important; width: 100% !important; height:2.5rem !important; padding: 0!important; margin: 0 !important; } .photo_carousel .fl-slideshow-nav-caption { display: none; } .photo_carousel .fl-slideshow-caption-content { padding: 20px 30px; } .photo_carousel .fl-slideshow-image-nav-right, .photo_carousel .fl-slideshow-image-nav-left{ opacity:1!important; display:block!important; } .photo_carousel .fl-slideshow-image-nav-right a, .photo_carousel .fl-slideshow-image-nav-left a{ width: 60px; height: 50px; border-radius: 30px; background-color: rgba(0, 0, 0, 0.7) !important; background-repeat: no-repeat !important; background-position: center center !important; } .photo_carousel .fl-slideshow-image-nav-right a { right: 10px; background-image:url("/wp-content/uploads/2019/08/slider_arrow_right.svg") !important; } .photo_carousel .fl-slideshow-image-nav-left a { background-image: url("/wp-content/uploads/2019/08/slider_arrow_left.svg") !important; left: 10px; } /* SUMMIT FORM */ .summit-input-text input[type="text"] { height: 55px !important; border-radius: 0px; padding: 0px 15px !important; } .gfield_required { color: #44841A !important; } .gform_button, .form_saved_message_emailform input[type="submit"], .gform_save_link.button { background-color: #44841A !important; color: #fff !important; font-size: 1.8rem !important; line-height: 1.8rem !important; border: 1px solid #44841A !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; padding: 12px 24px !important; } .gform_save_link.button svg *{ fill: white; } .gform_button:after { content: "\e9cb" !important; } .gform_wrapper .form_saved_message { line-height: 1.8; padding: 0px !important; color: #333333 !important; background-color: #fff !important; text-align: left !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .form_saved_message_emailform input[type="text"], .summit-input-text input, .summit-input-text textarea, .summit-input-text select { border-radius: 5px !important; background: transparent; border: 1px solid #909090 !important; height: 52px; padding-left: 15px !important; } .form_saved_message_emailform input[type="text"]::placeholder, .summit-input-text::placeholder { font-size: 1.8rem; line-height: 2.9rem; text-align: left; color: #909090 !important; } .resume_form_link_wrapper { border-radius: 5px !important; background: #eaeade !important; } .resume_form_link_wrapper a { font-family: "Oxfam TSTAR PRO bold"; font-size: 1.8rem !important; line-height: 2.9rem; text-align: left; color: #44841a !important; } .gform_wrapper .form_saved_message form { text-align: left !important; } .ui-datepicker-year, .ui-datepicker-month { color: #000 !important; } /* .uploadfile-form input[type="file"] { cursor: pointer; opacity: 0; height: 100px; width: 100% !important; position: relative; top: -62px; } .ginput_container_fileupload { background: rgb(68, 132, 26, .1); height: 100px; width: 100% !important; text-align: center; padding-top: 2em; cursor: pointer; transition: all 0.2s ease; border: 2px dashed rgb(68, 132, 26, .3); } .ginput_container_fileupload:hover { background: rgb(68, 132, 26, .2) !important; } .ginput_container_fileupload:before { content: 'Drag and drop or browse files.'; color: #44841a; padding: 15px; cursor: pointer; } .ginput_container_fileuploaded:before { content: 'File Uploaded!' !important; color: #44841a; padding: 15px; cursor: pointer; } */ .form_saved_message_sent { background-color: #EAEADE !important; color: #333333 !important; } .alternative-url-link label { font-weight: normal !important; font-style: italic; } .gfield_checkbox input[type="checkbox"] { vertical-align: top !important; } .gfield_error { background: none !important; border: none !important; } .gfield_error label { color: #333333 !important; } .gfield_error input[type="text"], .gfield_error textarea, .gfield_error select { background: rgb(255, 0, 0, .05) !important; } .fixed_save_link { position: fixed; bottom: 13px; right: 80px; z-index: 9999 !important; background: #44841a; color: #fff !important; padding: 10px 20px; transition: all 0.5s ease; } .fixed_save_link_desktop_active { bottom: 13px; } .fixed_save_link_desktop_inactive { bottom: -60px; } /* HIDE SOCIAL PLUGIN ONLY FOR THE FORM PAGE */ .postid-35058 .et_social_mobile { display: none; } #gform_save_2_footer_link { border: 1px solid #44841a; padding: 8px 24px; } .delete-file-btn { display: none; cursor: pointer; font-size: 1.4rem; color: red; } /* EN CUSTOM CODE FIX NEGATIVE MARGIN ON IFRAME */ .fl-content.col-lg-12 iframe.en-iframe, .fl-content.col-md-12 iframe.en-iframe, .fl-content.col-sm-12 iframe.en-iframe, .fl-content.col-xs-12 iframe.en-iframe { padding-left: 10%; padding-right: 10%; } .fl-content.col-lg-12 .fl-module.campaign_cop27 iframe.en-iframe, .fl-content.col-md-12 .fl-module.campaign_cop27 iframe.en-iframe, .fl-content.col-sm-12 .fl-module.campaign_cop27 iframe.en-iframe, .fl-content.col-xs-12 .fl-module.campaign_cop27 iframe.en-iframe { padding-left: 0; padding-right: 0; } /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- * ACCESSIBILITY * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ .sn_form_new {text-align:center} .sn_form_new .ua-icon { color: rgb(255, 255, 255); font-size: 2.3em; height: 40px; width: 40px; text-align: center; margin: 5px 4px; } .sn_form_new .uabb-module-content.uabb-imgicon-wrap { display: inline; } a[target="_blank"] { position: relative!important } /* a[target="_blank"] span.acc_external, a[target="_blank"] div.acc_external { */ .acc_external { position: absolute; left: -9000px; width: 0; overflow: hidden; } /* a[target="_blank"]:hover span.acc_external, a[target="_blank"]:focus span.acc_external, a[target="_blank"]:active span.acc_external { */ a[target="_blank"]:hover .acc_external, a[target="_blank"]:focus .acc_external, a[target="_blank"]:active .acc_external { display: block; position: absolute; top: 2em; left: 1em; padding: 10px 5px; width: 14em; border: 1px solid #ffffff36; background-color: #0c884a; color: #fff; text-align: center; z-index: 9999; } .popup_emergency_wrap p { font-size: 2.2rem; text-align: center; } .joinus-form .joinus-form--desc { font-size: 1.6rem; color: #fff; } .joinus-form .joinus-form--desc input { margin-right: 5px; vertical-align: text-top; } .joinus-form .en__submit button i.fl-button-icon.fl-button-icon-after.icon-oxfam-icon-triangle { position:relative; top:2px; } .joinusform_header >.missing label {color:#900 !important} .joinusform_header >.missing input {border:1px solid #900 !important} .fl-page-bar { font-size: 1.2rem; line-height: 1.4rem; } .fl-post-text.reverse-fl-post-text{ display: flex; flex-direction: column-reverse; } .fl_green_label { background-color:#44841a!important; font-size: 1.2rem!important; padding-top: 3px!important; } .oxfamFooter-disclaimer p { line-height: 2rem; font-size: 1.4rem; color: #fff; } .quote_author span { font-size: 1.6rem!important; } .searchbox .search_close, .joinusbox .joinus_close { font-size: 3rem; } .joinusbox.header .joinus-form--desc { font-size: 1.6rem; color: #333333; } .newsroom-headline { font-size: 2.8rem; line-height: 4rem; } .newsroom-contact, .newsroom-contact a { font-size: 1.8rem; } .join_mobile_title h2 { color: #fff; font-size: 4.2rem; text-align: center; margin: 0; padding: 0; } .join_mobile_title h2, .join_col1 .h2 { font-family: 'Oxfam TSTAR PRO Bold', Arial, Helvetica, sans-serif; } .join_mobile_title h2 i { font-size: 6.2rem; vertical-align: middle; } .fundraisersTeam span { font-size: 2.8rem; } .en__field--question.en__field--147505.en__field--opt-in, .en__field--question.en__field--147505_inheader.en__field--opt-in { margin-top: 10px; } #en__field_supporter_questions_147505{ float:left; position:relative; top:2px; } /* ************************ */ .newsletter_item { margin: 8px 0; font-size: 2rem; } .newsletter_item .icon-oxfam-icon-document-2:before {font-size:2.5rem;} .archive_publication_wrap { column-count: 2; column-gap: 40px; } .bs_rest_item_wrapper.publication { width: 100%; padding: 0px; display: block; margin: 0; margin-bottom: 35px; vertical-align: top; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .publication_related_taxo_wrap { height: 100%; text-align: center; padding-top: 150px; font-family: 'icomoon'; color: #fff; font-size: 90px; font-size: 5rem; text-shadow: 0px 0px 30px rgba(0,0,0,0.3); } /* taxonomy.php */ /* .tax-publication-type .archive_publication_wrap { display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start; align-items:stretch; } .tax-publication-type .bs_rest_item_wrapper.publication { width: 50%; display: inline-block; margin: 0px 0px 35px 0px; vertical-align: top; padding:0px; } .tax-publication-type .bs_rest_item_wrapper.even {padding-right:10px;} .tax-publication-type .bs_rest_item_wrapper.odd {padding-left:10px;} */ .publication_related_taxo_wrap { height: 100%; text-align: center; padding-top: 150px; font-family: 'icomoon'; color: #fff; font-size: 90px; text-shadow: 0px 0px 30px rgba(0,0,0,0.3); } /****************************/ /* 2021 New Poli & Practice */ /****************************/ .TSPH h1, .TSPH h2, .TSPH h3, .TSPH h4, .TSPH h5, .TSPH h6, .TSPH p {font-family: 'Oxfam TSTAR PRO Bold' !important} .policypractice_card_tag p { display:inline-block; background:#44841A; color:#fff; font-family: "Oxfam TSTAR PRO"; font-size: 12px; padding: 5px 10px; } .policypractice_card_title h2 { color:#44841A; } .policypractice_card_text p { font-size: 1.8rem; } .fl-builder-content .policypractice_card_cta a.fl-button { border:2px solid #44841A !important; } .policypractice_event_register { min-width: 180px;} .policypractice_event_date_days { min-width: 180px;} .policypractice_event_date_month p {margin:0;margin-bottom: 20px;font-size: 2.4rem;} .policypractice_event_date_days p {margin:0;margin-bottom: 25px;font-size:6.4rem;} .policypractice_event_date_time p {margin:0;margin-bottom: 0px;font-size:1.8rem;} .policypractice_event_date_place p {margin:0;margin-bottom: 20px;font-size:1.8rem;} .policypractice_event_title a.fl-button { margin:0; padding-left:0; margin-bottom: 20px; font-size:2.2rem; background:transparent; font-family: 'Oxfam TSTAR PRO Bold'; } .policypractice_event_title a.fl-button span {color:#44841A;} .policypractice_event_title a.fl-button:hover { background:transparent; text-decoration:underline !important; text-decoration-color:#44841A !important; } .policypractice_event_description p {margin:0;margin-bottom: 20px;font-size:1.8rem;} body:not(.fl-builder-edit) .policypractice_home_hub_row >.fl-col-content >.fl-col-group { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; margin-bottom: 20px; } body:not(.fl-builder-edit) .policypractice_home_hub { width: 100% !important; float: none; display: block !important; position:relative; transition:all .25s ease; cursor:pointer; } .policypractice_home_hub_row {margin-bottom:20px;} body:not(.fl-builder-edit) .policypractice_home_hub .fl-col-content:after {transition:all .25s ease} body:not(.fl-builder-edit) .policypractice_home_hub:hover .fl-col-content:after { background-color: rgba(7,109,58,0.82); } .policypractice_home_hub h3.fl-heading { font-size: 2.4rem; color:#fff; font-family: 'Oxfam TSTAR PRO Bold'; font-weight: normal; text-transform:uppercase; } .policypractice_home_hub .launch_hub { text-align:center; } .policypractice_home_hub .launch_hub a.fl-button { background-color:transparent; } .policypractice_home_hub .launch_hub a.fl-button .fl-button-icon { color: #fff; margin: 0; } .policypractice_home_hub .launch_hub a.fl-button span { font-size: 1.8rem; line-height: 1em; letter-spacing: 0; color: #fff; font-weight: normal; } /************/ /* CPT FEED */ /************/ .cpt_feed_wrapper { display:grid; grid-template-columns:1fr 1fr; grid-column-gap: 28px; grid-row-gap: 44px; } .jumpto_title { font-family: "Oxfam TSTAR PRO Bold"; font-size: 1.8rem; } .policypractice_hub_jumpto {line-height: 20px;} .policypractice_hub_jumpto a {display:block; color: #44841A;} .policy_blog_archive .filter_publication_type {display:none} .policy_filter_fiterby, .bs_filter_label{ font-family: "Oxfam TSTAR PRO Bold"; font-size: 1.7rem; color: #3b3b3b; padding: 10px 15px 10px 0; } .filter_publication_type .filter-options-trigger, .filter_policy_area .filter-options-trigger, #bs_filter_options_trigger{ font-family: "Oxfam TSTAR PRO Bold"; font-size: 1.7rem; color: #3b3b3b; background: #fff; padding: 10px 15px; border: 1px solid #5A9A38; min-width: 260px; position:relative; text-transform:uppercase; cursor:pointer; border-radius:0; line-height:inherit; text-align:left; width:100%; } .filter--filter-btn:active, .filter--load-more .button_:active, .filter--load-more-nofilter .button_:active, .filter--filter-clear:active, .filter_publication_type .filter-options-trigger:active, .filter_policy_area .filter-options-trigger:active, #bs_filter_options_trigger:active, .bs_filter_clear:active{ top:0; } .filter--filter-btn:focus, .filter--load-more .button_:focus, .filter--load-more-nofilter .button_:focus, .filter--filter-clear:focus, .filter_publication_type .filter-options-trigger:focus, .filter_policy_area .filter-options-trigger:focus, #bs_filter_options_trigger:focus, a.uabb-social-share-link:focus, .bs_filter_clear:focus, .person_readmore:focus, .tooltip_close:focus, .legend_item:focus{ top:0; outline-style: auto; outline-width: thick; outline-offset:0; /*firefox will ignore this color but Chrome seems to need it*/ outline-color: -webkit-focus-ring-color; } .filter_publication_type .filter-options-trigger:after, .filter_policy_area .filter-options-trigger:after, #bs_filter_options_trigger:after { content: ""; background:url(/wp-content/uploads/2021/03/chevron.svg) center center / cover no-repeat; width:17px; height:10px; position:absolute; top:18px; right:12px; transform:rotate(180deg) } .fl-page-content ul.filter--options-box, .filter--options-box, .fl-page-content .bs_filter_options_container ul, .bs_filter_options_container ul{ background: #fff; border: 1px solid #5A9A38; padding: 16px; border-top: 0; margin:0; } .bs_filter_options_container ul > li, .filter--options-box > li { list-style:none; padding-bottom:0; } .bs_filter_options_container ul > li > a, .filter--options-box label { font-family: "Oxfam TSTAR PRO"; font-size: 1.8rem; margin-bottom: 12px; display:inline-block; } .bs_filter_options_container ul > li > a.channel_selected { font-family: 'Oxfam TSTAR PRO bold'; } .bs_filter_wrapper, .filter--menu-options { max-height: 20px; z-index: 100; position: relative; display: flex; margin-bottom: 78px; } .filter--menu-options input[type=checkbox] { margin-right:10px; cursor: pointer; transform: scale(1.3); } .filter--items-wrapper, .filter--items-wrapper-nofilter { display: flex; flex-wrap: wrap; } .bs_first_channels > ul > li, .fl-page-content .bs_first_channels > ul > li { font-family: "Oxfam TSTAR PRO Bold"; font-size: 1.2rem; padding: 0 0.3rem 0 0; display: inline; } .filter_nofound {margin-bottom:40px;} /* FILTERED GRIDS */ .filter--items-wrapper .unified_story_card_item, .filter--items-wrapper-nofilter .unified_story_card_item { width: calc(50% - 20px); margin-bottom: 40px; margin-right:20px; } /* FILTER MENU OPTIONS */ .bs_filter_wrapper form, .filter--menu-options form { display: flex; /* width: 100%; */ } .bs_filter_options_container, .filter--menu-options .filter-options-container { margin-right: 20px; } /* LOADING SPINNER */ .filter--loading, .filter--loading-nofilter { max-width: 160px; margin: 0 auto; } /* LOAD MORE BUTTON */ .filter--load-more, .filter--load-more-nofilter { text-align: center; margin-top: 50px; display: none; } .filter--filter-btn, .filter--load-more .button_, .filter--load-more-nofilter .button_, .filter--filter-clear, .bs_filter_clear{ font-size: 2rem !important; font-weight: bold !important; cursor: pointer!important; padding: 6px 35px !important; line-height: 3rem !important; border: none !important; border-radius: 0 !important; min-height: 48px; height: 4rem; white-space:nowrap; } .bs_filter_clear{ display:flex; align-items:center; } .filter--options-box, .bs_filter_options_container ul { display: none; } .hubpage_feed .filter_policy_area {display:none} /* .filter_publication_type */ .filter_hide {display:none} .onep_subtitle { margin-top:30px; color:#fff; margin-bottom:10px } body.fl-builder-edit .article-element > .fl-builder-content { display: none; } /********/ /* MEAL */ /********/ .meal_header_pretitle p { background: #0B8848; font-family: 'Oxfam TSTAR PRO'; padding: 5px 15px; display: inline-block; font-size: 1.2rem !important; } .focus_stat .fl-number-text { font-family: "Oxfam TSTAR PRO bold", Arial, Helvetica, sans-serif; } .tooltip_wrapper { position: relative; white-space: nowrap; display:inline; } .tooltip_term { border-bottom: 2px dotted #1B874D; } a.tooltip_term { text-decoration:none;} a.tooltip_term:hover { border-bottom: 2px solid #1B874D; text-decoration:none; } .tooltip_term i { font-size:1.5rem; } .tooltip_wrapper .tooltip_description { visibility: hidden; width: 320px; background-color: #fff; color: #000; border-radius: 10px; position: absolute; z-index: 99; padding: 20px 10px 20px 20px; font-family: "Oxfam TSTAR PRO", Arial, Helvetica, sans-serif; font-size: 1.8rem; box-shadow: 0 3px 10px rgb(0 0 0 / 30%); line-height: 2.6rem; transition:all .25s ease; opacity:0; top:45px; left:0; transform:translateY(10px); white-space: initial; } .tooltip_wrapper .tooltip_description.tooltip_visible { visibility: visible; opacity:1; transform:translateY(0px); } .tooltip_description_text { max-height:200px; display:block; overflow-y:auto; padding-right: 20px; } .tooltip_description_text a[target="_blank"]:hover .acc_external, .tooltip_description_text a[target="_blank"]:focus .acc_external, .tooltip_description_text a[target="_blank"]:active .acc_external { right: 35px; left: initial; bottom: 20px; top: initial; padding: 5px; width: 100px; font-size: 14px; line-height: 16px; } .tooltip_description_text a[target="_blank"] {position:initial !important;} .tooltip_title { font-family: "Oxfam TSTAR PRO bold", Arial, Helvetica, sans-serif; font-weight: normal; text-transform:uppercase; font-size: 1.8rem; line-height: 2.6rem; display:block; margin-bottom:10px; } .tooltip_description:after { content: ""; position: absolute; margin-left: -0.5em; top: 0; left: 25%; box-sizing: border-box; border: 10px solid black; border-color: transparent transparent #fff #fff; transform-origin: 0 0; transform: rotate(135deg); box-shadow: -3px 3px 3px 0 rgb(0 0 0 / 25%); } .tooltip_close { top: 0; right: 0; padding: 13px; } .tooltip_close, .tooltip_close:focus, .tooltip_close:active, .tooltip_close:hover{ line-height: 1.8rem; font-size: 1.8rem; background-color: transparent; border-width: 0; position: absolute; border-radius: 0; } .tooltip_close i { color:#000; } .button_border a.fl-button{border:1px solid #44841a!important;color:#44841a !important} .button_border a.fl-button:hover{border:1px solid #61a534!important} a.flyout_button {cursor:pointer;} a.flyout_button.meal_button{ padding: 15px 25px; display:inline-block; line-height:18px; } .meal_spotlight_wrapper { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 44px; } .meal_item { position:relative; min-height:400px; cursor:pointer; background-color:#000; display: flex; justify-content: flex-end; flex-direction: column; } .meal_item:nth-child(3n) {grid-column: auto / span 2;} .meal_item_image img { object-fit:cover; width:100%; height:400px; } .meal_item_image { position:absolute; top:0; left:0; right:0; height:100%; } .meal_item_image:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:all .25s ease } .meal_item:hover .meal_item_image:after { background-color: rgba(11,136,75,0.82); } .meal_item_content { position:relative; top:0; padding:40px 50px; z-index:9; margin-top:3rem; } .meal_item_title { padding-bottom:0; font-size: 3.8rem; line-height: 3.3rem; color: #fff; text-transform:uppercase; word-break: break-word; } .meal_item:nth-child(3n) .meal_item_title {max-width:50%;} .meal_item_button {padding:20px 3px 0;} .meal_item_button a { font-family: "Oxfam TSTAR PRO bold"; font-size: 1.9rem; font-weight:bold; color:#fff; } .link_triangle { font-size: 9px; padding-left: 10px; position: relative; top: -1px; } a .link_triangle { display: inline-block; text-decoration: none !important; } .meal_item_type { background: #0B8848; font-family: 'Oxfam TSTAR PRO'; padding: 0 10px; display: inline-block; font-size: 1.2rem !important; color: #fff; margin-bottom: 28px; top:-2rem; white-space:nowrap; position:absolute; font-weight: bold; } .meal_item.maroon:hover .meal_item_image:after {background-color:rgba(42,0,22,0.75);} .meal_item.pink:hover .meal_item_image:after {background-color:rgba(206,28,111,0.75);} .meal_item.green:hover .meal_item_image:after {background-color:rgba(68,132,26,0.75);} .meal_item.lime:hover .meal_item_image:after {background-color:rgba(191,207,69,0.75);} .meal_item.orange:hover .meal_item_image:after {background-color:rgba(241,110,34,0.75);} .meal_item.purple:hover .meal_item_image:after {background-color:rgba(83,41,125,0.75);} .jump_to_nav h3 { font-size:1.8rem; margin-bottom:20px; padding-bottom:0; } .jump_to_nav h3:before{ display:initial!important; background:none!important; width:initial!important; height:initial!important; margin-bottom: initial!important; margin-right: initial!important; } .jump_to_nav ul { padding:0; margin:0; list-style:none; } .jump_to_nav ul li { padding:0 0 15px; margin:0; list-style:none; } .fl-photo-content svg {height:initial} /* Password Protected Pages */ body.password-protected :not(footer).fl-builder-content {display:none} /****************************/ /* New Accessible Interface */ /****************************/ body.admin-bar header {top:32px;} .header_height_fix {overflow:initial} .fl-page-bar .fl-page-bar-container { display:grid; grid-template-columns:1fr 1fr; padding: 0 20px; } .fl-page-bar-container .top_bar_title {text-align:left} .fl-page-bar-container .top-bar-nav {text-align:right} #skip-to-content, .skip-to-content{ color: #fff!important; background-color:#000!important; font-weight: bold; border: 0; margin: 10px; padding: 10px 20px; } .uabb-adv-accordion-button .uabb-adv-accordion-button-icon{ /* override the styles selected via Oxfam Builder to ensure 3:1 contrast against white or #EAEADE backgrounds */ color:#44841A !important; } .uabb-adv-accordion-button:focus:not(.focus-visible){ outline-style: auto !important; outline-width: thick !important; outline-offset: 0 !important; } /***********************/ /* New Accessible menu */ /***********************/ .menu-mobile-header {display:none} /****************************/ /* New acessible Search Box */ /****************************/ .search_modal_wrapper { position:absolute; top:150px; width:100%; } .searchbox { visibility:hidden;} .searchbox.active {visibility:visible} #search_input:focus {outline: auto thick;} #searchform{ display: inline-block; min-width: 50%; text-align: left; } #searchform label { color: #6F6F6F; } /*******************************/ /* New accessible Sign Up Form */ /*******************************/ .joinusbox.header {visibility:hidden} .joinusbox.header.active {visibility:visible} /****************************/ /* New accessible main menu */ /****************************/ body.noheader header {display:none} body.nofooter footer {display:none} /* TOP BAR MENU */ #menu-top-menu { font-weight: bold !important; margin-right: 10px; } #menu-top-menu button { line-height: 20px; padding: 2px 10px; color: #fff; font-weight: bold !important; font-size: 1.2rem; background: transparent; border-color: transparent; border-radius: 0; border-width: 1px; } #menu-top-menu a, #menu-top-menu a:visited, #menu-top-menu button:visited{ text-decoration: none; cursor: pointer; border: 1px transparent solid; } #menu-top-menu button:hover, #menu-top-menu a:hover { background: #336114; border-color: #336114; } #menu-top-menu button:active{ top:0; } #menu-top-menu button:focus, #menu-top-menu a:focus { background: transparent; border-color: transparent; top: 0; } #menu-top-menu .topbar_search button { /*make sure the search icon is included in hover/focus borders and backgrounds*/ padding-right: 2.9rem; } #menu-top-menu .topbar_search button:after { content: "\e9ac"; font-family: icomoon; font-style: normal; font-size: 2.8rem; font-weight: normal; color: #fff !important; display: inline-block; width: 0; position: absolute; } #main-menu{ background: linear-gradient(to bottom, #222, rgba(34, 34, 34, 0)); height:11rem; padding:20px; transition:all .25s ease; } #main-menu >ul { margin: 0 auto; padding: 0; background: transparent; z-index: 5; transition: all .25s ease; max-width:1100px; text-align: right; display: flex; justify-content: space-between; align-items: center; } /* Oxfam Logo link to home */ #main-menu >ul>li:first-child {float:left} #main-menu:hover, #main-menu:focus-within, header.scrollfixed #main-menu, .story-template-default #main-menu, body:not(.page-template-single-menuoverlap):not(.landing-page-template-template-davos) #main-menu { background:#fff;} #main-menu:hover button.mainmenu_main, #main-menu:focus-within button.mainmenu_main, header.scrollfixed #main-menu button.mainmenu_main, .story-template-default #main-menu button.mainmenu_main, body:not(.page-template-single-menuoverlap):not(.landing-page-template-template-davos) #main-menu button.mainmenu_main { color:#44841a;} #main-menu:hover .menu_main_logo, #main-menu:focus-within .menu_main_logo, header.scrollfixed #main-menu .menu_main_logo, .story-template-default #main-menu .menu_main_logo, body:not(.page-template-single-menuoverlap):not(.landing-page-template-template-davos) #main-menu .menu_main_logo { background:url(/wp-content/uploads/2022/08/oxfamcanada_newgreen.png) center center / cover no-repeat;} #main-menu button.mainmenu_main { font-family:"Oxfam TSTAR PRO bold"; min-height: 3rem; padding: 0 1.5rem; display: block; color: #fff; text-align: left; border:1px solid transparent; background: transparent; font-size: 1.8rem; } #main-menu button.mainmenu_main:hover { color: #336114; } #main-menu button.mainmenu_main:focus {border:1px solid #000;} #main-menu >ul >li { display:inline-block; vertical-align: bottom; position:relative; } #main-menu ul.sub-menu[data-depth="0"] { visibility:hidden; opacity:0; position:absolute; left:0; min-width: 20rem; z-index:2; top:100%; padding: 0; margin-top:1rem; } #main-menu ul.sub-menu[data-depth="0"] li { list-style:none; padding:0; margin:0; } #main-menu ul.sub-menu[data-depth="0"] > li > a { padding:5px 15px; white-space:nowrap; } .fl-page-header #main-menu a.menu_mobile_donate { border: 1px solid #fff; color: #fff; padding: 2px 13px; vertical-align: text-top; margin: 13px; position: relative; cursor: pointer; font-family: 'Oxfam TSTAR PRO', Arial, Helvetica, sans-serif; text-decoration:none; } .fl-page-header #main-menu a.menu_mobile_donate:hover { color:#44841A ; background:white } #main-menu button.mainmenu_main[aria-expanded="true"] ~ ul{ visibility:visible; opacity:1; background:#fff; box-shadow: 0px 30px 50px -40px rgb(0 0 0 / 20%); border:1px solid #bbb; border-top-width:0; } .fl-page-header #main-menu a { color: #666; font-family: inherit; font-size: 1.6rem; text-align: left; margin: 0; padding: 0; vertical-align: top; display: block; border: 0; text-decoration: none; } .fl-page-header #main-menu a:hover, .fl-page-header #main-menu a:focus{ text-decoration: underline; } #main-menu h3 { text-align:left; font-family: 'Oxfam TSTAR PRO bold', Arial, Helvetica, sans-serif; font-size: 1.6rem; color: #000; line-height: 1; margin-bottom: 10px; padding: 0; } #main-menu h3.title_hide {display:none} .mainmenu_image { width: 275px; height:150px; } .mainmenu_image.image_whoweare { background:url('/wp-content/uploads/2018/09/corporate-partnership-girl-with-bag.jpg') center center / cover no-repeat; } .mainmenu_image.image_whatwedo { background:url('/wp-content/uploads/2021/10/opheus1.jpg') center center / cover no-repeat;} .mainmenu_image.image_takeaction { background:url('/wp-content/uploads/2018/08/Front-Cheers-Oxfam.jpg') center center / cover no-repeat;} .mainmenu_image.image_newsandstories { background:url('/wp-content/uploads/2021/10/opheus2.jpg') center center / cover no-repeat;} .mainmenu_image.image_policyandpractice { background:url('/wp-content/uploads/2018/09/oxfam-girls-in-pakistan.jpg') center center / cover no-repeat;} .submenu-wrapper { max-width: 1100px; margin: auto; display: grid; grid-template-columns: 275px minmax(270px,375px) auto; padding-bottom:30px; } .fl-page-header #main-menu a.menu_main_logo { color:transparent !important; margin-right: 20px; font-size: 0; } #main-menu .menu_main_logo { background:url(/wp-content/uploads/2018/06/oxfamcanada_white.png) center center / cover no-repeat; width:165px; height:65px; text-decoration:none; transition:all .25s ease; } .fl-page-header #main-menu a.menu_main_donate { font-size: 2rem; padding: 5px 35px 6px; position: relative; margin-left: 10px; max-width: 160px; } .fl-page-header #main-menu a.menu_main_donate:after { content: "\e9cb"; font-family: 'icomoon' !important; position: relative; top: 2px; left: 10px; } .fl-page-header #main-menu li[data-id="menu-40170-title"], .fl-page-header #main-menu li[data-id="menu-40171-title"], .fl-page-header #main-menu li[data-id="menu-40172-title"] { display:none; } /*************************/ /* New Accessible Footer */ /*************************/ footer { background:#333333;} .footer_wrapper { max-width:1140px; margin:auto; display:grid; grid-template-columns:1.1fr 1.3fr 0.8fr; color:#fff; font-size: 1.4rem; padding:40px; } ul.nomargin {margin:0;} ul.linostyle li {list-style: none;} .footer_wrapper .footer_sn_icons .ua-icon:before {padding: 0;} .footer_wrapper .footer_sn_icons li {margin-right:15px;} .footer_sn_icons a, .footer_sn_icons a:hover, .footer_sn_icons a:visited, .footer_sn_icons a:focus, .footer_sn_icons a:active {text-decoration:none} .footer_sn_icons, .footer_useful_icons { padding: 0; margin: 40px 0 35px 0; } .footer_sn_icons li{ display:inline-block; } .footer_col.column1, .footer_col.column2 { border-right:1px solid #777; padding-right:20px; } .footer_col.column2, .footer_col.column3 {padding-left:40px;} .footer_wrapper .footer_contact .dashicons-email {margin-right:10px;} .footer_wrapper .footer_contact .dashicons-email:before {font-size:25px;} .footer_wrapper .footer_contact .ua-icon-phone3 {margin-right:5px;} .footer_wrapper .footer_contact .ua-icon-phone3:before {font-size:25px;} .footer_contact a { color:#fff; vertical-align:top; } .footer_contact .contact_item {margin-bottom:10px;} ul.footer_useful_links {margin-bottom:40px} .footer_useful_links li {margin-bottom: 20px;} .footer_useful_links a { font-size: 1.8rem; color:#fff; font-weight:bold; } .footer_useful_links a:after, .footer_donate_button:after { content: ""; display:inline-block; margin-left:10px; border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 9px solid #fff; border-top: 5px solid transparent; } .footer_col.column3 .oxfam_logo { width:195px; margin-bottom:20px; } .footer_wrapper .logos_2col{ display:grid; grid-template-columns: 1.1fr 0.9fr; } .footer_wrapper .logos_2col { font-size:1.7rem; margin-top:30px; } .footer_wrapper .logos_2col .col1 {align-self: center;} .footer_wrapper .logos_2col .col1 img {margin-top:10px;} .footer_wrapper .logos_2col .col2 {padding-left:10px;} .postfooter{ padding-top:20px; padding-bottom:20px; background:#0c884a; color:#fff; } .postfooter_inner { max-width:1140px; padding:0 40px; margin:auto; display:grid; grid-template-columns: 1.1fr 1.3fr 0.8fr; } .postfooter .col2{text-align:center;} .postfooter .col3{text-align:right;} .postfooter a:hover, .postfooter a:focus { color: white; } .footer_info a { padding: 10px 20px; margin:0; } /* SHSR Gravity forms */ .srhr_gform_postaladdress >.gfield_label {margin-bottom:20px;} .srhr_gform_postaladdress >.ginput_complex >.ginput_full { display: block; margin: 10px 0; } .srhr_gform_dob {} .gform_body input[type=text], .gform_body input[type=password], .gform_body input[type=email], .gform_body input[type=tel], .gform_body input[type=date], .gform_body input[type=month], .gform_body input[type=week], .gform_body input[type=time], .gform_body input[type=number], .gform_body input[type=search], .gform_body input[type=url], .gform_body select, .gform_body textarea { display: block; max-width: 600px; height: 55px !important; border: 1px solid #909090 !important; padding: 0px 15px !important; } .gform_widget input[type=text]:focus, .gform_widget input[type=password]:focus, .gform_widget input[type=email]:focus, .gform_widget input[type=tel]:focus, .gform_widget input[type=date]:focus, .gform_widget input[type=month]:focus, .gform_widget input[type=week]:focus, .gform_widget input[type=time]:focus, .gform_widget input[type=number]:focus, .gform_widget input[type=search]:focus, .gform_widget input[type=url]:focus, .gform_widget input[type=button]:focus, .gform_widget input[type=submit]:focus, .gform_widget button:focus, .gform_widget select:focus, .gform_widget textarea:focus { border: 2px solid #44841a!important; box-shadow: 0px 0px 1px 1px #000; } div#ui-datepicker-div { border: 1px solid #000; background: #fff; border-radius: 5px; padding: 15px; /* margin: 10px; */ } div#ui-datepicker-div td, div#ui-datepicker-div th { padding: 5px; } .gform_body .gchoice label { display: initial;} .gform_body .ginput_container {margin-top:10px} .gform_body .gfield {margin-top:40px} /* Google Analytics Tag for Policy Area */ #policy-area {display:none} /*new sharing*/ .oxfam_sharing_container{ margin:0; padding:0; display:flex; justify-content:center; align-items:center; } .oxfam_sharing_container h2{ margin:0; padding:0 1rem 0 0; font-size:1.4rem; color:#333333; font-weight:normal; line-height:2rem; font-family: 'Oxfam TSTAR PRO', Arial, Helvetica, sans-serif; } .oxfam_sharing_container ul{ margin:0; padding:0; display:block; } .oxfam_sharing_container ul li{ margin:0; padding:0; list-style:none; display:inline-block; } .oxfam_sharing_container ul li a, .oxfam_sharing_container ul li a:focus, .oxfam_sharing_container ul li a:hover{ margin:0; text-decoration:none; font-size:30px; } .oxfam_sharing_container ul li a i{ margin:0; line-height:2; } .fa-external-link-alt { font-size:1.3rem !important; padding-left:0.4rem; } .white_text_over_image, .super_text_contrast, .fl-builder-content .white_text_over_image, .fl-builder-content a.white_text_over_image, .fl-builder-content .super_text_contrast{ /*this text shadow will create a single pixel outline which, when combined with white text, will result in a 4.5:1 contrast ratio*/ /*this is useful for white text over images or light colors like orange*/ text-shadow: 1px 0 #333, -1px 0 #333, 0 1px #333, 0 -1px #333; } /*add some extra accessibilty to mejs media player*/ .mejs-time-slider, .mejs-time-loaded, .mejs-time-current, .mejs-volume-total, .mejs-volume-handle{ /*this will cause users with Windows High Contrast Mode to see a border on the otherwise hard to see elements*/ border:1px solid transparent; } /*created these styles to take the image on p=37028 and turn it to a