/*
Theme Name: Oxfam Latest
Theme URI:
Author: Oxfam
Author URI:
Description: A powerful Bootstrap 5 WordPress Starter
Version: 5.1.0.1
Tested up to: 5.8
Requires PHP: 5.6
License: MIT License
License URI:
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Temporary
2. Header
3. Body
4. Alerts
5. Breadcrumb
6. To Top Button
7. Single Post
8. Comments
9. Archive
10. Widgets
11. Utilities
12. Colors
13. HTML Markups (Theme Unit Test Data)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1. Temporary
--------------------------------------------------------------*/
/* scroll-behaviour: smooth not supportet by Safari.
jQuery smooth scroll script will be removed when Safari supports it */
@font-face {
font-family: "Oxfam TSTAR PRO";
src: url("fonts/OxfamTSTARPRO-Bold.woff2") format("woff2"),
url("fonts/OxfamTSTARPRO-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Oxfam TSTAR PRO";
src: url("fonts/OxfamTSTARPRO-Regular.woff2") format("woff2"),
url("fonts/OxfamTSTARPRO-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: url("fonts/Roboto-Regular.woff2") format("woff2"),
url("fonts/Roboto-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
.has-text-2-xl-font-size,h1,
.h1 {
font-family: "Oxfam TSTAR PRO" !important;
font-weight: 700 !important;
font-style: normal !important;
}
.has-text-xl-font-size,h2,
.h2 {
font-family: "Oxfam TSTAR PRO" !important;
font-weight: 700 !important;
font-style: normal !important;
color: #336114;
}
.has-text-lg-font-size,h3,.h3 {
font-family: "Oxfam TSTAR PRO" !important;
font-weight: 700 !important;
font-style: normal !important;
}
.has-text-md-font-size,h4,
.h4 {
font-family: "Oxfam TSTAR PRO" !important;
font-weight: 700 !important;
font-style: normal !important;
}
h5,
.h5 {
font-family: "Oxfam TSTAR PRO" !important;
font-weight: 700 !important;
font-style: normal !important;
}
h6,
.h6 {
font-family: Oxfam TSTAR PRO !important;
font-weight: 900 !important;
text-align: center !important;
text-transform: uppercase !important;
}
.has-text-md-font-size{margin-bottom: 24px !important;}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,.has-text-2-xl-font-size,
.has-text-xl-font-size,.has-text-lg-font-size,
.has-text-md-font-size
{
margin-top: 0;
margin-bottom: 8px;
}
body p,.has-text-base-font-size,.has-text-sm-font-size{ margin-bottom: 16px;}
@media screen and (min-width:1024px) {
h1,
.h1 {
font-size: 54px;
line-height: 58px;
}
.has-text-2-xl-font-size{
font-size: 54px !important;
line-height: 58px !important;
}
h2,
.h2 {
font-size: 44px;
line-height:52.8px;
}
.has-text-xl-font-size {
font-size: 44px !important;
line-height:52.8px !important;
}
h3 {
font-size: 34px;
line-height: 40.8px ;
}
.has-text-lg-font-size {
font-size: 34px !important;
line-height: 40.8px !important;
}
h4,
.h4 {
font-size: 24px;
line-height: 30px ;
}
.has-text-md-font-size{
font-size: 24px !important;
line-height: 30px !important;
}
h5,
.h5 {
font-size: 24px;
line-height: 30px ;
}
h6,
.h6 {
line-height: 30px ;
font-size: 24px;
}
body p,.has-text-base-font-size{font-size: 18px !important;line-height: 26px !important;}
.has-text-sm-font-size{font-size: 15px !important;line-height: 18px !important;}
}
body .site-content p a {
font-family: Roboto !important;
font-style: normal !important;
font-weight: 500 !important;
font-size: 18px !important;
line-height: 21px ;
color: #336114 !important;
text-decoration: underline !important;
}
body p,.has-text-base-font-size,.has-text-sm-font-size {
font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
}
h5 {
line-height: 16px;
color: #50af47;
font-weight: bold;
}
h6 {
line-height: 15px;
color: #50af47;
font-weight: bold;
}
html {
scroll-behavior: auto !important;
}
.has-primary-color {
color: #336114;
}
.pillar-blog-blocks h2 {
color: #336114;
}
@media screen and (max-width: 1024px) and (min-width: 641px){
.home-main-banner, .wrap-banner-image .wp-block-cover{padding: 0 !important;}
.home-about-outer p{font-size:22px !important;}
.about-container-block p{font-size:16px !important;}
.climate-block-bg .wp-block-cover__inner-container h2{font-size:36px !important;}
.home-additional-banner h2{line-height:42px !important;}
}
@media screen and (max-width: 1024px) and (min-width: 782px){
h1,
.h1 {
font-size: 48px;
line-height: 57.6px;
}
.has-text-2-xl-font-size{
font-size: 48px !important;
line-height: 57.6px !important;
}
h2,
.h2 {
font-size: 36px;
line-height:43.2px;
}
.has-text-xl-font-size {
font-size: 36px !important;
line-height:43.2px !important;
}
h3 {
font-size: 30px;
line-height: 36px ;
}
.has-text-lg-font-size {
font-size: 30px !important;
line-height: 36px !important;
}
h4,
.h4 {
font-size: 22px;
line-height: 28px ;
}
.has-text-md-font-size{
font-size: 22px !important;
line-height: 28px !important;
}
h5,
.h5 {
font-size: 22px !important;
line-height: 28px !important;
}
h6,
.h6 {
font-size: 22px !important;
line-height: 28px !important;
}
body p,.has-text-base-font-size{font-size: 16px !important;line-height: 24px !important;}
.has-text-sm-font-size{font-size: 14px !important; line-height: 16px !important;}
}
@media screen and (max-width:782px) {
h1,
.h1 {
font-size: 32px;
line-height: 37.5px;
}
.has-text-2-xl-font-size{
font-size: 32px !important;
line-height: 37.5px !important;
}
h2,
.h2 {
font-size: 28px;
line-height:33.6px;
}
.has-text-xl-font-size {
font-size: 28px !important;
line-height:33.6px !important;
}
h3 {
font-size: 24px;
line-height: 28.8px ;
}
.has-text-lg-font-size {
font-size: 24px !important;
line-height: 28.8px !important;
}
h4,
.h4 {
font-size: 20px;
line-height: 26px ;
}
.has-text-md-font-size{
font-size: 20px !important;
line-height: 26px !important;
}
h5,
.h5 {
font-size: 20px;
line-height: 26px ;
}
h6,
.h6 {
font-size: 20px;
line-height: 26px ;
}
body p,.has-text-base-font-size{font-size: 15px !important;line-height: 22px !important;}
.has-text-sm-font-size{font-size: 13px !important; line-height: 15px !important;}
}
/*
Remove autop (WP 5.7 bug near shortcode)
*/
p:empty:before {
content: none;
}
#content .gutentor-element-video-popup .gutentor-video-popup-holder {
color: #fff !important;
font-size: 30px;
}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text{
height: 100% !important;
margin-bottom: 0 !important;
}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text p{margin-top:0px;}
.oxfam-primary-btn {
background: #ffffff;
border-radius: 6px;
color: #336114 !important;
padding: 14px 40px;
font-family: Oxfam TSTAR PRO !important;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 22px;
text-align: center;
text-transform: uppercase !important;
}
.ubermenu-skin-clean-white.ubermenu-responsive-toggle {
background: #fff;
color: #336114 !important;
font-size: 30px !important;
text-transform: none;
font-weight: 400;
}
.top-header a span{
font-family: 'Oxfam TSTAR PRO';
font-size: 16px;
font-style: normal;
color: #545454;
}
.top-header .oxfam-top-head-right a img{
width: 25px;
height: 25px;
}
/* To Top Button Fallback (done by classes) */
.top-button {
position: fixed;
z-index: 1020;
}
.ubermenu .ubermenu-item-type-column > .ubermenu-submenu-type-stack > .ubermenu-item-normal .ubermenu-target-text::after {
content: "\f0da" !important;
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding-left: 15px;
font-size: 18px;
}
.menu-block-left{margin-right:20px;}
.menu-block-right{margin-left:20px;}
.menu-header{padding-top: 15px;}
.menu-header {
margin-top: 0px !important;
}
.menu-header .ox-site-logo{
float: left;
width: 40%;
margin-right: 20px;
}
.menu-header .ox-site-title{
float: left;
width: 52%;
padding-left: 20px;
font-family: Roboto;
font-size: 14px;
line-height: 16.41px;
color: #545454;
padding-top: 15px;
padding-bottom: 15px;
border-left: 1px solid #545454;
}
.top-ox-donate a{
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
text-align: center;
text-transform:uppercase !important;
color: #FFFFFF !important;
border-radius: 6px;
background: #336114;
padding: 16px 40px 16px 40px;
font-weight: 900 !important;
font-size: 18px !important;
}
.top-ox-donate{text-align: right;}
.news-large-left-content .wp-block-cover, .news-large-left-content .wp-block-cover-image{ height:100% !important;}
.btn-outline-secondary, .btn-outline-secondary:hover {
color: #ffffff !important;
border-color: #44841a !important;
background-color: #23A455 !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu a.mega-menu-link .mega-description-group .mega-menu-description{display: none !important;}
.pillar-climate-wrap .gutentor-element-image .gutentor-image-thumb img{height: 100% !important;}
.news-tiles-blocks p a,.outer-grid-bg-class p a,
.slick-slide p a {
text-underline-position: under !important;
text-underline-offset: 4px !important;
}
.slick-dots li {
background: #ffffff !important;
border-style: solid !important;
border-color: #336114 !important;
border-top-left-radius: 50% !important;
border-top-right-radius: 50% !important;
border-bottom-right-radius: 50% !important;
border-bottom-left-radius: 50% !important;
border-width: 1px !important;
width: 15px !important;
height: 15px !important;
}
.slick-dots li.slick-active {
background: #336114 !important;
}
.content-in h5 {
color: #336114 !important;
}
.content-in p {
color: #545454 !important;
}
.donnate-form-home .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
padding-left: 0px;
padding-right: 0px;
}
.mktoForm .mktoLabel {
padding-top: 0.3em;
font-family: Roboto !important;
font-style: normal;
font-weight: normal !important;
font-size: 16px;
line-height: 19px !important;
color: #000000;
}
.mktoForm input[type="text"], .mktoForm input[type="url"], .mktoForm input[type="email"], .mktoForm input[type="tel"], .mktoForm input[type="number"], .mktoForm input[type="date"], .mktoForm textarea.mktoField, .mktoForm select.mktoField {
padding: 2px 3px;
font-family: Roboto !important;
font-style: normal;
font-weight: normal !important;
font-size: 16px;
line-height: 19px !important;
color: #000000;
}
.mktoForm button.mktoButton {
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 22px !important;
text-align: center;
text-transform: uppercase !important;
}
.footer_widget {
display:inline-block; width: 100%;
}
.menu-para-row {
padding-left: 24% !important;
padding-right: 24% !important;
}
/* Dropdown Search (replaced by Collapse component in 5.1.0.0. Fallback to old headers) */
@media (max-width: 782px) {
.home-subscription-form .wp-block-column:not(:only-child) {
flex-basis: 100% !important;
}
.ubermenu-responsive-default.ubermenu-responsive.ubermenu-responsive-collapse {
max-height: 0;
overflow: visible !important;
}
.container, .container-sm {
max-width: 100% !important;
}
.logged-in.admin-bar .dropdown-search {
top: 100px !important;
}
.home-about-outer{
padding-left:0px !important;
padding-right:0px !important;
padding-top: 40px !important;
}
.impact-block {
margin-top: 40px !important;
margin-bottom: 0px !important;
}
}
.home-about-4blocks{
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
line-height: 22px !important;
/* identical to box height */
text-align: center !important;
text-transform: uppercase !important;
}
@media (min-width: 783px) {
.impact-block .impact-para {
font-size: 24px !important;
}
.home-about-outer p{
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 30px !important;
text-align: center;
color: #000000 !important;
}
.pillar-contact-form .talk-form-bg .elementor-field-group.elementor-field-type-submit{
width: 40% !important;
margin-top: 15px;
}
.pillar-climate-block section{
padding: 50px !important;
text-align: center;
}
/*.news-block-outer .wp-block-group {
padding-left: 100px !important;
padding-right: 100px !important;
} */
.home-about-4blocks{
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-weight: bold !important;
font-size: 18px !important;
line-height: 24px !important;
/* identical to box height */
text-align: center !important;
text-transform: uppercase !important;
}
.logged-in.admin-bar .dropdown-search {
top: 86px !important;
}
.container{
padding-left:50px !important;
padding-right:50px !important;
}
.pillar-container{
padding-left: 100px ;
padding-right: 100px ;
}
.content-in h5{
margin: 0px;
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-size: 32px !important;
line-height: 38px !important;
text-align: center !important;
font-weight:700 !important;
}
}
.mktoFieldWrap input {
height: 35px;
background: #FFFFFF;
border: 1px solid #868686;
box-sizing: border-box;
border-radius: 6px;
}
.elementor-text-editor p a{
font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 18px !important;
line-height: 21px !important;
}
@media (max-width: 782px) {
h5, .h5{font-size: 22px !important;}
.content-in {
min-height: 40px !important;
}
.home-main-banner{
background: #FFFFFF !important;
}
.container {
padding-left: 40px !important;
padding-right: 40px !important;
}
.home-about-outer p{
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px !important;
line-height: 28px !important;
text-align: center;
color: #000000 !important;
}
.home-main-banner .wp-block-cover__gradient-background{ background:none !important; }
.climate-block-bg .wp-block-cover__inner-container {
padding-right: 0px !important;
}
.content-in p{
display: none !important;
}
.outer-grid-bg-class {
background: linear-gradient(180deg, rgb(51, 97, 20) 20%, rgb(255, 255, 255) 20%) !important;
}
.impact-block .wp-block-media-text{
padding-bottom:20px;
}
.impact-block .wp-block-media-text .wp-block-media-text__media img, .wp-block-media-text__media video{
width:60% !important;
}
/*pillar Page Mobile*/
.pillar-container{
padding-left: 0px !important;
padding-right: 0px !important;
}
.wpb-block-text-wrap {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.inner-top-content-img {
width: 100% !important;
text-align: center;
}
/*.inner-top-content {
width: 100% !important;
padding: 20px;
}*/
.inner-top-content {
width: 100% !important;
padding: 0px 20px;
padding-left: 0px;
padding-right: 0px;
}
.pillar-contact-form {
padding: 0px !important;
}
}
@media only screen and (max-width: 992px){
.section-gmad5eb39{
height: 312px;
display: flex !important;
justify-content: center;
align-items: center;
}
.oau-about-two-blocks-container{ margin-top:10px;}
.oau-about-grid-bg-wrap{ padding-top:45px;}
.wpb-faq-block {
padding: 64px 44px !important;
}
}
@media only screen and (max-width: 640px) {
.wpb-faq-block {
padding: 42px 24px !important;
}
.page-template-page-pillar-without-container
.wp-block-group__inner-container
.wp-block-columns {
padding-left: 0px !important;
padding-right: 0px !important;
}
.pillar-blog-blocks .grid-container {
padding-right: 0px;
padding-left: 0px;
}
.oau-news-large-left-content .wp-block-cover h2 {
padding-top: 0px !important;
font-size: 26px !important;
line-height: 31px;
}
.oau-news-large-left-content {
margin-top: 0px !important;
}
.oau-about-grid-bg-wrap {
background: linear-gradient(
180deg,
rgb(255, 255, 255) 20%,
rgb(51, 97, 20) 20%
) !important;
}
.oau-overview-round-image .gutentor-image-thumb {
margin-bottom: 35px;
}
.oau-about-two-blocks-container
.wp-block-column.is-vertically-aligned-center.oau-news-large-left-content {
order: 2;
}
.oau-about-two-blocks-container
.wp-block-column.is-vertically-aligned-center.news-large-right-banner.oau-large-right-content {
order: 1;
}
.oau-about-grid-bg-wrap {
padding-top: 33px;
}
.wpb-block-text-wrap .inner-top-content {
padding: 0px 0px !important;
}
.news-large-left-content .news-data{
padding: 42px 40px;
min-height: auto;
}
}
@media (max-width: 991px) {
.wsm-top-banner {height: 400px !important;}
.oau-update-wrap {
padding-top: 27px !important;
}
.oau-news-page-head {
margin-top: 27px !important;
}
.donate-banner-wrap .elementor-63089 .elementor-element.elementor-element-7377543 .eael-advance-tabs{ padding-top: 10px;}
.donate-banner-wrap .elementor-63089 .elementor-element.elementor-element-7377543 .eael-tab-content-item {
padding-bottom: 10px;
}
.common-banner-container .donnate-form-home {
border: none !important;
}
.donate-banner-wrap .elementor-63089 .elementor-element.elementor-element-9ee21a8 > .elementor-element-populated {
margin: 0px 0px 0px 0px !important;
}
.donate-banner-wrap .elementor-element .elementor-widget-container{
border: 1px solid #999999;
box-sizing: border-box;
border-radius: 6px;
}
.donate-banner-wrap .elementor-element .elementor-widget-form .elementor-widget-container{
border: none !important;
}
.donate-banner-wrap #donnate-priceForm .elementor-widget-container .eael-tabs-nav {
margin-bottom: 36px;
padding-left: 20px;
padding-right: 20px;
}
.donate-banner-wrap #donnate-priceForm .elementor-widget-container .elementor-element-83f6187{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px !important;
}
.donate-banner-wrap .eael-advance-tabs .eael-tabs-content>div.active-default{padding-left:0px; padding-right:0px;}
.donate-banner-wrap {
height: auto !important;
margin-top: 42px !important;
margin-bottom: 42px !important;
}
.donate-banner-wrap .grid-container {
margin-top: 0px !important;
}
.donate-banner-wrap .common-banner-container h1.home-banner-text {
margin-bottom: 20px;
text-align: left !important;
}
.donate-banner-wrap{
background: none !important;
}
.ubermenu-nav li{border-bottom:solid 1px #ccc !important;}
.ubermenu-submenu li{border:none !important;}
.top-link-menu { display: flex;}
a.top-link-menu {padding: 0px 1px 14px 0px; color: #545454 !important;}
a.menu-phone {color: #545454 !important;}
.compo-menu-icons{display:inline-flex;}
.compo-menu-icons a { margin: 0px 9px;}
.ubermenu-skin-clean-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
border-top: 1px solid #f9f9f9; background: #F8F8F8;}
.ubermenu-submenu-type-mega {padding-left: 20px !important; padding-right: 20px !important;}
.piller-blog-block .gutentor-container-cover{ display:flex !important; justify-content:center; align-items:center;}
div#donnate-priceForm{margin-bottom:0px !important;}
ul#menu-footer-copyright{padding:0px !important;}
footer #menu-footer-copyright{justify-content:center !important;}
footer .bottom-footer-right{margin-top: 20px; border-top: solid 1px #fff; padding-top: 14px;}
.pillar-contact-form {background: #F8F8F8;padding: 80px 20px;}
.climate-inner-wrap{display:block;}
.climate-inner-wrap .wp-block-column{width : 100%;}
.climate-inner-wrap .wp-block-column .gutentor-element-image-box img{width: 100%;}
.pillar-container {padding-left: 44px !important; padding-right: 44px !important; }
}
@media (max-width: 599px) {
.climate-block-bg{min-height:350px !important; text-align:center;}
.resposive-about-block .wp-block-column{margin-bottom:15px !important;}
.outer-grid-bg-class .container .wp-block-columns .wp-block-column {
margin-bottom: 26px; }
.outer-grid-bg-class .container .wp-block-columns .wp-block-column:last-child{margin-bottom:11px !important;}
.outer-grid-bg-wrap .wp-block-columns {
margin-bottom: 0px !important;}
.wp-block-group.news-tile-wrap { margin-top: 42px !important;}
}
.mktoForm .mktoFieldWrap .mktoLabel{margin-bottom:7px;}
.mktoForm label#LblEmail { width: auto !important;}
.mktoForm label#LblLastName{margin-left:10px;}
@media (max-width: 480px) {
.mktoForm label#LblFirstName {width: auto !important;}
.mktoForm .mktoFieldWrap .mktoAsterix { float: right !important;}
.mktoForm label#LblLastName{margin-left:0px !important;}
}
@media (max-width: 333px) {
.footer-logos .signs ul li { padding-left: 9px !important; margin-left: 0 !important;}
}
@media (max-width: 345px) {
.ubermenu-skin-clean-white.ubermenu-responsive-toggle{padding-top:5px;font-size: 28px!important;}
}
@media (max-width: 325px) {
.ubermenu-skin-clean-white.ubermenu-responsive-toggle{padding-top:5px;font-size: 24px!important;}
}
@media (max-width: 768px) {
/*--13-10-mobile comment--*/
/*pillar banner*/
.oau-left-grid-book{min-height: 300px !important;}
.oau-news-outer h1{
font-size: 28px !important;
line-height: 34px !important;
}
.oau-large-news-left-content .wp-block-cover {
padding-left: 25px !important;
padding-right: 25px !important;
}
.oau-large-news-left-content .wp-block-cover{text-align: center;}
.home-demand-two-block .oau-large-news-left-content{flex-basis: 100% !important;}
.page-template-page-dark-header .home-demand-two-block {
margin-top: 0px;
}
.oau-large-news-right-content{display: none;}
.ox-au-banner-mobile h2{
text-transform: capitalize;
font-size: 28px !important;
line-height: 31px;
font-weight: 900 !important;
}
.ox-au-banner-mobile .pillar-container{
padding-top: 31px;
padding-bottom: 31px;
text-align:left;
}
.ox-au-banner-mobile .primary-green-button,.ox-au-banner-mobile .primary-meroon-button {
margin-top: 16px;
}
.ox-au-banner-mobile p {
font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 18px !important;
line-height: 21px !important;
}
.ox-au-banner-mobile .pillar-container .wp-block-column{ padding: 0px 20px;}
.pillar-container {
padding-left: 24px !important;
padding-right: 24px !important;
}
}
.menu-para-row{
padding-left: 24% !important;
padding-right: 24% !important;
}
.elementor-62932 .elementor-element.elementor-element-7fa3800 .elementor-field-group {
padding-right: calc( 10px/2 );
padding-left: calc( 10px/2 );
margin-bottom: 10px;
margin-top: 15px;
}
@media screen and (min-width: 768px){
.ox-au-banner-mobile{display:none !important;}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
.oau-bottom-banner-desk .wp-block-cover__inner-container{
position: absolute;
bottom: 0;
padding-right: 200px;
}
}
@media screen and (min-width: 680px){
.mobile-banner{display:none;}
}
@media screen and (max-width: 681px){
.page-template-page-pillar-without-container .ox-au-banner-mobile .pillar-container .wp-block-column{padding: 0px 0px;}
.page-template-page-pillar-without-container .ox-au-banner-mobile .wp-block-group__inner-container .container {
padding-left: 24px !important;
padding-right: 24px !important;
}
}
@media screen and (max-width: 679px){
.ox-au-banner-desk{display:none !important;}
}
@media only screen and (max-width: 681px) and (min-width: 640px){
.page-template-page-pillar-without-container .ox-au-banner-mobile .wp-block-group__inner-container .container {
padding-left: 40px !important;
padding-right: 40px !important;
}
}
@media (max-width: 640px) {
.news-large-right-banner img {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.news-data img {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.climate-block-bg {
text-align: center;
}
.home .container {
padding-left: 15px !important;
padding-right: 15px !important;
}
.home .climate-block-bg {
padding-left: 15px !important;
padding-right: 15px !important;
}
.home-main-banner .container{
padding-left: 0px !important;
padding-right: 0px !important;
}
/*--13-10-mobile comment--*/
.donate-banner-wrap .elementor-63089 .elementor-element.elementor-element-7377543 .eael-tab-content-item {
padding-bottom: 6px !important;
}
.donate-banner-wrap {
margin-top: 0px !important;
padding-top: 32px;
}
.donate-banner-wrap #donnate-priceForm .elementor-widget-container .elementor-element-83f6187 {
padding-bottom: 0px !important;
}
.elementor-63089 .elementor-element.elementor-element-9ee21a8 > .elementor-element-populated {
border:none;
border-width: 0px !important;
}
.add-bgColor{
background: #336114 !important;
padding-bottom: 0px;
}
.add-bgColor .common-banner-container h1.home-banner-text {
color: #FFFFFF !important;
}
.inner-banner-image .grid-container{
padding-top: 40px !important;
}
.donate-banner-wrap .grid-container {
padding-top: 0px !important;
}
.wpblock-main-banner-inner, .inner-banner-image{height: 400px !important;}
footer .footer-logos .logo-section{width:100% !important; text-align:center; padding-left:50px; padding-right:50px;}
footer .footer-logos .signs{display:flex; justify-content: center;align-items: center;}
footer .footer-logos .logo-content { width: 100% !important; text-align: center !important; margin-bottom: 25px; }
label#LblLastName{margin-left:0px !important;}
.bootscore-footer {padding-top: 42px !important;}
footer .bottom-footer-info { padding-bottom: 40px !important;}
.menu-header .ox-site-title{display:none !important;}
.menu-header .ox-site-logo{margin-left:14px !important; margin-right:0px !important;}
.outer-grid-bg-class .container{ margin-top:42px !important;}
.container{padding-left:24px !important; padding-right:24px !important;}
body .site-content p a{font-size:16px !important;}
.price-block-title.has-text-color {
margin-bottom: 24px; }
.news-tiles-blocks .wp-block-column { margin-bottom: 21px;}
.footer-description .inner-description p { font-size: 14px !important; }
.news-tile-wrap .wp-block-columns { margin-bottom: 0px !important;}
.news-tiles-blocks .wp-block-column:last-child { margin-bottom: 4px !important;}
.sidebar-right {width:100%;}
.ubermenu-responsive-toggle-fixed {
position: absolute !important;
}
.ubermenu .ubermenu-active .ubermenu-submenu .ubermenu-submenu-type-stack {
padding-bottom: 0px !important;
}
.ubermenu-responsive-default.ubermenu.ubermenu-responsive.ubermenu-mobile-accordion.ubermenu-interaction-press .ubermenu-item.ubermenu-active>.ubermenu-submenu-drop{
padding-left: 0px !important;
padding-right: 0px !important;
}
.sidebar-right {
padding-left: 10px !important;
}
.ubermenu .ubermenu-target-text {
display: inline-block;
vertical-align: baseline;
font-family: inherit;
font-weight: inherit;
color: inherit;
}
*, ::after, ::before {
box-sizing: border-box;
}
.ubermenu-responsive-toggle-main, .ubermenu-main, .ubermenu-main .ubermenu-target, .ubermenu-main .ubermenu-nav .ubermenu-item-level-0 .ubermenu-target {
font-family: Oxfam TSTAR PRO;
}
.ubermenu-main .ubermenu-item-normal > .ubermenu-target {
color: #000000;
}
.ubermenu-main .ubermenu-row {
padding: 0px 0px 0px 0px !important;
}
.ubermenu-responsive-default.ubermenu.ubermenu-responsive.ubermenu-mobile-accordion.ubermenu-interaction-press .ubermenu-item>.ubermenu-submenu-drop{border:none !important;}
.ubermenu .ubermenu-retractor-desktop{display:none !important;}
.ubermenu-skin-clean-white .ubermenu-submenu, .ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-target {
color: #999;
}
.ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-target {
font-size: 18px !important;
}
.ubermenu-responsive-default.ubermenu.ubermenu-mobile-modal.ubermenu-mobile-accordion.ubermenu-interaction-press,.ubermenu-responsive-default.ubermenu.ubermenu-mobile-modal {
width: 70% !important;
}
.pillar-contact-form .talk-form-bg .elementor-field-group.elementor-field-type-submit{
width: 60% !important;
margin-top: 15px;
}
.pillar-grey-block-wrap .wp-block-column.is-vertically-aligned-center {
align-self: center;
text-align: center;
flex-basis: 40% !important;
/*margin-left: 5px;
margin-right: 5px;*/
margin-top: 5px;
}
.wp-block-columns.wp-image-text-wrap .caption h4 {
min-height: 40px !important;
}
.wp-block-columns.wp-image-text-wrap .caption .primary-green-button {
padding: 14px 24px !important;
}
.wp-block-columns.wp-image-text-wrap .caption .primary-green-button a {
font-size: 16px !important;
line-height: 19px !important;
}
.talk-form-bg .elementor-form .elementor-field-type-submit {
width: 50% !important;
}
.pillar-contact-form .talk-form-bg {
margin-top: 30px !important;
padding: 30px !important;
}
.pillar-climate-wrap .gutentor-element-image .gutentor-image-thumb img {
height: auto !important;
}
.pillar-gey-bg-section {
padding-top: 40px !important;
padding-bottom: 20px !important;
}
.pillar-grey-block-wrap .wp-block-media-text__content p {
padding-top: 10px;
min-height: 50px;
}
.pillar-grey-block-wrap .wp-block-media-text__media img, .pillar-grey-block-wrap .wp-block-media-text__media video {
width: 50% !important;
}
.pillar-climate-block .grid-container{
text-align: center;
padding-bottom: 0px !important;
padding-top: 0px !important;
}
header .navbar { padding-bottom:0px !important;}
.pillar-climate-block .climate-block-bg {
min-height: 0 !important;
padding-top: 0px !important;
padding-bottom: 10px !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-top: 0px;
}
.pillar-climate-block section {
padding: 42px 10px !important;
}
.pillar-climate-wrap .pillar-container .wp-block-column{
margin-bottom: 20px;
}
.resposive-about-block .wp-block-column {
width:50% !important;
float:left;
}
.price-block-title {
margin-top: 20px !important;
}
.home-MkForm .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
width: 100% !important;
}
.home-main-banner .home-banner-text h1 {
font-size: 26px !important;
}
.home-about-oxfam {
font-size: 20px !important;
}
.home-about-4blocks{font-size: 16px !important;}
.resposive-about-block .wp-block-column p{
line-height: 15px !important;
font-size: 13px !important;
padding-left: 8px;
padding-right: 8px;
}
.home-subscription-form figure{text-align:center !important;}
.home-subscription-form figure img{width: 40% !important;}
.home-MkForm .mktoForm .mktoFormRow {
width: 100% !important;
}
.wp-block-column.is-vertically-aligned-center.home-MkForm {
margin-right: 0px !important;
padding-left: 26px;
padding-right: 26px;
}
.home-MkForm input#LastName {
margin-left: 0px !important;
}
.home-subscription-form .wp-block-media-text__content{
text-align: center !important;
padding-top: 20px !important;
}
.home-MkForm p {
margin-top: 20px;
display: inline-block;
padding-left: 15px;
padding-right: 15px;
font-size: 13px !important;
line-height: 15px !important;
color: #545454;
}
.home-MkForm .mktoForm .mktoFieldWrap {
width: 100% !important;
}
.home-additional-banner h2{
font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 28px !important;
line-height: 33px !important;
}
.home-additional-banner p{
font-size: 16px !important;
line-height: 19px !important;
}
.top-header,.top-ox-donate{
display:none !important;
}
header .logo.col-lg-4 {
width: 76%;
display: flex;
align-items: center;
margin-left: 9px;
}
header .menu-header .ox-site-title{ font-size:12px;}
header .navbar{ padding-top:0px;}
header .menu-header {
margin-top: 8px;
margin-right: 15px;
}
.home-additional-banner{padding-top: 6%;}
.home-subscription-form{
width: 100% !important;
margin: 0 auto !important;
padding: 20px 0px !important;
}
/*Pillar Page*/
.wpblock-banner-bottom-content p {
width: 100% !important;
margin: 0 auto;
}
.wpblock-banner-content-sec {
padding-left: 20px;
padding-right: 20px;
}
.wp-impact-wrap .wp-block-media-text{
grid-template-columns: 20% auto !important;
}
.wp-impact-wrap .wp-block-columns .wp-block-column{
margin-bottom: 15px !important;
}
.wp-impact-wrap {
padding-left: 8px;
padding-right: 8px;
}
.pillar-climate-wrap {
padding-top: 10px !important;
}
}
.home-MkForm p {
margin-top: 20px;
display: inline-block;
padding-left: 0px;
padding-right: 0px;
font-size: 13px !important;
line-height: 15px !important;
color: #545454;
}
.gutentor-element-video-popup .gutentor-video-popup-holder {
height: auto !important;
width: auto !important;
background: transparent !important;
}
.dropdown-search.dropdown-menu[data-bs-popper] {
top: 54px;
}
.home-subscription-form{padding: 60px;}
.dropdown-search .searchform {
opacity: 0;
transition: opacity .8s;
transition-delay: .3s;
}
.dropdown-search.show .searchform {
opacity: 1;
}
.top-button.position-fixed a {
background-color: #2d7c24;
color: #94cf8e;
border: solid 1px #2a6c22;
}
.in-container .sidebar-right{padding-top: 40px;}
@media (max-width: 982px) {
.logo{margin-left:10px !important;}
}
@media (max-width: 991px) {
.home-banner-text {
font-weight: bold !important;
font-size: 26px !important;
line-height: 31px !important;
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
text-align: left !important;
}
.home-main-banner .elementor-63089 .elementor-element.elementor-element-9ee21a8 > .elementor-element-populated {
margin: 0px 0px 0px 0px !important;
}
.home-main-banner .container .wp-block-column:not(:first-child) {
margin-left: 0em !important;
}
.pillar-contact-form {
background: #F8F8F8;
padding: 80px 20px;
}
.climate-inner-wrap{display:block;}
.climate-inner-wrap .wp-block-column{width : 100%;}
.climate-inner-wrap .wp-block-column .gutentor-element-image-box img{width: 100%;}
.pillar-container {
padding-left: 44px !important;
padding-right: 44px !important;
}
.donate-banner-wrap .data-credit-link{display:none;}
.ubermenu-content-block.ubermenu-custom-content.ubermenu-custom-content-padded.mobile-donate a {
color: #fff;
text-transform: uppercase;
font-weight: 900;
font-family: 'Oxfam TSTAR PRO';
font-size: 16px;
text-decoration: none;
}
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { background: #336114 !important; color: #fcfffb !important; }
._hj_feedback_container ._hj-21t0-__MinimizedWidgetMiddle__label{top:60px !important;}
.ubermenu-content-block.ubermenu-custom-content.ubermenu-custom-content-padded.mobile-donate {
text-align: center;
background: #336114;
margin-right: 25px;
margin-left: 25px;
border-radius: 6px;
margin-top: 15px;
}
.top-ox-donate{display:none;}
header .menu-header button.btn.btn-outline-secondary.d-lg-none.ms-1.ms-md-2 {
font-size: 1.6rem !important;
}
header .menu-header .canvas-menu-icon {
background: none !important;
font-size: 1.5rem;
color: #44841a;
}
.wsm-head .menu-header .canvas-menu-icon {
color: #FFFFFF;
}
.wsm-head .navbar-dark .offcanvas-body {
background:#336114;
}
.page-template-page-company-tracker header .menu-header .canvas-menu-icon {
color: #FFFFFF;
}
.page-template-page-company-tracker header .menu-header .offcanvas {
background: #336114 !important;
}
header .menu-header button.btn.canvas-menu-icon:focus {
box-shadow: none !important;
}
header .menu-header.canvas-menu-icon:focus { box-shadow:none !important; }
header .menu-header .btn-outline-secondary, header .menu-header .btn-outline-secondary:hover { background-color:transparent !important;}
.home-main-banner img {
display: none !important;
}
.home-main-banner .wp-block-cover__gradient-background {
background: none !important;
}
.home-main-banner .donnate-form-home {
border: 1px solid #999999;
box-sizing: border-box;
border-radius: 6px;
}
.home-main-banner {
background: #FFFFFF !important;
}
.climate-block-bg .wp-block-cover__inner-container h2 {
margin-bottom: 0px !important;
margin-top: 22px !important;
}
footer .footer-logos {
padding-left: 0px !important;
padding-right: 0px !important;
}
.content-block{
margin-left: auto !important;
}
.climate-block-bg {
padding-left: 40px !important;
padding-right: 40px !important;
}
.climate-block-bg .wp-block-cover__inner-container {
padding-right: 0px !important;
}
.home-banner-text, .home-banner-form{flex-basis:100% !important;}
.btn-dropdown.right {
padding-right: 0;
border: none;
}
#dropdown-search:hover {
color: currentColor;
background-color: transparent;
border-color: transparent;
}
#dropdown-search:focus {
box-shadow: none;
}
}
/* Dropdown Search Fallback End */
/* Offcanvas Backdrop */
.offcanvas-backdrop.fade {
transition: opacity .4s ease-in-out;
}
.offcanvas-backdrop {
cursor: pointer;
}
/* Offcanvas Backdrop END */
/* Badges (Removes underline if badge is wrapped in a ... tag) */
a.badge, a.badge:hover {
text-decoration: none;
}
/* Badges End */
/*--------------------------------------------------------------
2. Header
--------------------------------------------------------------*/
.menu-block-section .nav-block-left-side p{min-height:147px;}
@media (max-width: 782px) {
.donate-banner-wrap .common-banner-container h1.home-banner-text {
margin-bottom: 20px;
text-align: left !important;
font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 18px !important;
line-height: 21px !important;
}
.top-header .row {
--bs-gutter-x: 0rem !important;
}
.home-about-4blocks{
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-weight: bold !important;
font-size: 18px !important;
line-height: 22px !important;
/* identical to box height */
text-align: center !important;
text-transform: uppercase !important;
}
.home-main-banner{min-height: auto !important;}
.donnate-form-home .elementor-element-populated{
margin: 0px 10px 0px 10px !important;
padding: 0px !important;
margin-bottom: 20px !important;
}
.home-main-banner img{display:none !important;}
.home-main-banner .home-banner-text h1{
font-size: 28px !important;
color: #000 !important;
line-height: 31px !important;
}
.home-main-banner .donnate-form-home{
border: 1px solid #999999;
box-sizing: border-box;
border-radius: 6px;
margin-top:20px;
}
.content-in h5{
margin: 0px;
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-size: 20px !important;
line-height: 38px !important;
text-align: center !important;
font-weight:700 !important;
}
.price-chart-image{
--bs-gutter-x: 0 !important;
}
.price-chart-image .content-block{
margin-top: 0px !important;
}
.news-large-right-banner{order:1;}
.news-large-left-content{order: 2;}
.news-tiles-blocks .wp-block-media-text{margin-bottom:10px;}
.news-tiles-blocks .content-block{margin-top:0px !important;}
.price-chart-image .image-bloack{
padding-left:0 !important;
padding-right:0 !important;
}
#wpadminbar {
position: fixed;
}
.logged-in.admin-bar .fixed-top,
.logged-in.admin-bar .offcanvas:not(.offcanvas-bottom),
.logged-in.admin-bar .modal {
top: 46px;
}
.logged-in.admin-bar .modal-fullscreen {
height: calc(100% - 46px);
}
}
@media (min-width: 783px) {
.logged-in.admin-bar .fixed-top,
.logged-in.admin-bar .offcanvas:not(.offcanvas-bottom),
.logged-in.admin-bar .modal {
top: 32px;
}
.logged-in.admin-bar .modal-fullscreen {
height: calc(100% - 32px);
}
}
#nav-main .menu-item:last-child .nav-link {
padding-right: 0;
}
.ubermenu-active .ubermenu-target .fa-angle-down::before {
content: "\f0de" !important;
font-size: 16px;
}
#nav-main .container{
padding-bottom: 24px;
}
.ubermenu-submenu-type-mega{
margin-top: 28px !important;
padding-left: 50px !important;
padding-right: 50px !important;
}
.ubermenu-target .fa-angle-down::before {
content: "\f0d7" !important;
font-size: 16px;
}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator {
margin-top: -9px !important;
}
.ubermenu-item-type-custom .menu-para-row p{text-align: center;}
.nav-item-main-text div{
font-family: Oxfam TSTAR PRO;
font-size: 42px;
color: #336114;
font-weight: 700;
line-height: 50.4px;
}
a .nav-item-main-text{padding-bottom: 0px !important;}
.nav-item-main-text span {
font-family: Oxfam TSTAR PRO;
font-size: 42px;
color: #336114 !important;
font-weight: 700;
line-height: 50.4px;
}
.nav-item-main-text small{
font-family: Roboto;
font-size: 20px;
line-height: 23.44px;
color: #336114;
}
.nav-block-outer-div{ width:100%; height: auto; display: flex;}
.menu-block-section .nav-block-left-side{
float:left;
width:50%;
padding: 40px;
}
.menu-block-section .nav-block-left-side .menu-block-head{
font-family: Oxfam TSTAR PRO;
font-size: 30px;
color: #FFFFFF;
line-height: 38px;
font-weight: 700;
margin-bottom: 16px;
}
.ubermenu-sub-indicators .ubermenu-submenu-type-stack > .ubermenu-has-submenu-drop.ubermenu-has-submenu-flyout > .ubermenu-target > .ubermenu-sub-indicator{
position: relative !important;
right: -4px !important;
}
.nav-block-outer-div {min-height:306px;}
.menu-block-text-area{
text-align:center;
}
.ubermenu .ubermenu-row-blockmenu .ubermenu-row {
margin-bottom: 0px;
clear: both;
}
.menu-block-text-area-custom-text{
text-align:center;
padding-left: 20%;
padding-right: 20%;
}
.menu-block-section{padding: 15px 0px !important;}
.menu-block-section .nav-block-left-side p {
margin-top: 0;
margin-bottom:32px;
font-size: 16px !important;
line-height: 21.09px;
color: #FFF;
font-weight: 400;
font-family: Roboto;
min-height: 120px;
}
.menu-block-section .nav-block-right-side{float:left; width: 50%;}
.menu-block-section .nav-block-right-side img {
width: 100%;
height: 100%;
}
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
color: #336114 !important;
border-bottom: 2px solid #336114 !important;
background: none !important;
}
.ubermenu-skin-clean-white .ubermenu-submenu, .ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-target {
color: #000 !important;
}
/*--------------------------------------------------------------
3. Body
--------------------------------------------------------------*/
body {
position: relative;
word-break: break-word;
font-family: Roboto;
font-size: 14px;
}
::-moz-selection {
text-shadow: none;
}
::selection {
text-shadow: none;
}
#content {
min-height: 600px;
}
/*--------------------------------------------------------------
4. Alerts
--------------------------------------------------------------*/
.alert.alert-danger,
.alert.alert-warning,
.alert.alert-info,
.alert.alert-success {
padding-left: 3.25rem;
}
.alert::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
left: 1.25rem;
top: 50%;
transform: translate(0, -50%);
}
.alert-danger::before {
content: "\f071";
}
.alert-warning::before {
content: "\f06a";
}
.alert-info::before {
content: "\f05a";
}
.alert-success::before {
content: "\f058";
}
/*--------------------------------------------------------------
5. Breadcrumb
--------------------------------------------------------------*/
@media (max-width: 991px) {
.breadcrumb {
display: block !important;
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
scrollbar-width: none;
}
.content-in p{display: none !important;}
.breadcrumb::-webkit-scrollbar {
display: none;
}
}
/*--------------------------------------------------------------
6. To Top Button
--------------------------------------------------------------*/
.top-button {
right: 5%;
bottom: 30px;
opacity: 0;
transition: opacity 1s;
}
.top-button.visible {
opacity: 1;
}
.home-MkForm .mktoFieldWrap.mktoRequiredField {
width: 100%;
}
.home-MkForm form#mktoForm_1057 {
width: 100% !important;
/* background-color: #ccc; */
}
.home-MkForm .mktoForm .mktoFormRow:nth-child(4) { width:100% !important; }
.wp-block-column.is-vertically-aligned-center.home-MkForm {
margin-right: 34px;
}
.home-MkForm .mktoForm .mktoFormRow .mktoFormCol{float:none !important;}
.home-MkForm .mktoForm .mktoFormRow {
width: 49%;
float: left;
clear: inherit !important;
}
.home-MkForm input#FirstName{
width: 100% !important;
height:48px;
background: #FFFFFF;
/* grey mid */
border: 1px solid #868686;
box-sizing: border-box;
border-radius: 6px;
}
.home-MkForm input#LastName {
height: 48px;
width: 100% !important;
margin-left: 10px;
background: #FFFFFF;
/* grey mid */
border: 1px solid #868686;
box-sizing: border-box;
border-radius: 6px;
}
.home-MkForm input#Email {
width: 100% !important;
height: 48px;
background: #FFFFFF;
/* grey mid */
border: 1px solid #868686;
box-sizing: border-box;
border-radius: 6px;
}
.home-MkForm .mktoForm .mktoRequiredField label.mktoLabel{ font-weight:normal !important;}
.home-MkForm .mktoForm .mktoButtonWrap.mktoSimple .mktoButton{
float: left;
width: 42%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 40px;
border: 1px solid #336114;
background: #326013 !important;
border-radius: 6px;
font-family: Oxfam TSTAR PRO;
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 22px;
/* identical to box height */
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
}
.home-MkForm .mktoButtonRow {
float: left;
width: 100%;
}
/*--------------------------------------------------------------
7. Pillar Blocks
--------------------------------------------------------------*/
.page-template-page-pillar-without-container .wp-block-group__inner-container .wp-block-columns {
margin-bottom: 0px !important;
}
.inner-top-section{width:100%; height: auto;}
.inner-top-content-img{ float:left; width: 30%; height: auto;}
.inner-top-content-img img{ margin-top: 15px; }
.inner-top-content h5{
color:#000000;
font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 24px !important;
line-height: 28px !important;
}
.inner-top-content{float:left; width: 70%; height: auto;}
.short-head{
font-weight: bold !important;
padding-top:20px;
color: #336114 !important;
}
.wpb-block-text-wrap{
background: #F8F8F8;
padding-top: 80px;
padding-bottom: 80px;
}
.pillar-container{
padding-left: 100px;
padding-right: 100px;
}
.wpblock-main-banner-inner {
margin: auto;
width: 100%;
min-height:62vh;
justify-content: center;
display: flex;
align-items: center;
background-size: cover !important;
box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.3);
}
.wpblock-banner-content-sec {
text-align: center;
color:#fff;
}
.wpblock-banner-bottom-content{ width: 100%; height: auto; background-color: #630235; color:#fff; padding:20px; text-align: center;}
.wpblock-banner-bottom-content p{width:70%; margin: 0 auto;}
.wpblock-banner-content-sec p{
font-size: 24px !important;
line-height: 28px !important;
padding-top: 21px;
}
.wpblock-banner-content-sec .donate-now-button{margin-top: 11px;}
.piller-blog-block .gutentor-container-cover{
background-size: cover;
background-repeat: no-repeat;
background-position: left top;
height: 100%;
width: 100%;
min-height: 315px;
}
.pillar-climate-block{
margin-left: 0px !important;
color: #FFFFFF;
}
.pillar-climate-wrap h3{padding-bottom: 15px;}
.pillar-without-container .pillar-climate-block h3{
color: #FFFFFF !important;
font-size: 32px !important;
}
.primary-meroon-button{
display: inline-block;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 14px 40px;
background: #A20011;
border-radius: 6px;
}
.primary-green-button{
display: inline-block;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 14px 40px;
background: #336114;
border-radius: 6px;
}
.pillar-button-wrap{text-align: center;}
#content .primary-meroon-button a,#content .primary-green-button a{
font-family: Oxfam TSTAR PRO !important;
font-style: normal;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 22px;
text-decoration: none;
/* identical to box height */
text-align: center;
text-transform: uppercase;
color: #FFFFFF !important;
margin: 0px 10px;
}
.primary-white_button{
display: inline-block;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 40px;
background: #FFFFFF;
border-radius: 6px;
}
.primary-white_button a{
font-family: Oxfam TSTAR PRO !important;
font-style: normal!important;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 22px !important;
text-decoration: none !important;
text-align: center !important;
text-transform: uppercase !important;
color: #336114 !important;
margin: 0px 10px;
}
/*pillar blog blocks*/
.pillar-blog-blocks{padding-top:40px;}
.pillar-blog-blocks h3{padding-bottom: 10px;}
.pillar-blog-blocks .gutentor-dynamic-single-column h5{
font-family: Oxfam TSTAR PRO;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 29px;
color: #336114;
padding-top: 15px;
padding-bottom: 10px;
}
/*End pillar blog blocks*/
.wp-impact-wrap {padding-top:40px;padding-bottom:40px;}
.wp-impact-wrap h3{padding-bottom:40px;}
.pillar-gey-bg-section{
background:#F5F5F5;
padding-top: 50px;
padding-bottom: 50px;
margin-bottom: 50px;
}
.pillar-climate-wrap{padding-top: 40px;}
.wp-block-columns.wp-image-text-wrap {
padding-top: 0px;
}
.wp-block-columns.wp-image-text-wrap .caption h4{
min-height: 70px;
padding-top: 10px;
padding-bottom: 10px;
}
.pillar-grey-block-tiles{
padding: 15px;
background: #FFFFFF;
border-radius: 6px;
}
.pillar-grey-block-wrap{
padding-top: 32px;
}
body .site-content .pillar-blog-blocks p a {
text-decoration: underline !important;
text-underline-offset: 4px !important;
}
.donate-readmore {
letter-spacing: 1px;
margin-top: 1em;
font-family: Roboto !important;
font-style: normal !important;
font-weight: 500 !important;
font-size: 18px !important;
line-height: 21px !important;
color: #336114 !important;
text-decoration: underline !important;
text-underline-offset: 4px !important;
}
.elementor-widget-image-box .elementor-image-box-title a{
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-weight: bold !important;
font-size: 24px !important;
line-height: 29px;
color: #336114 !important;
padding-top: 15px;
padding-bottom: 10px;
}
.elementor-text-editor p a {
color: #336114 !important;
}
/*FAQ*/
#rank-math-faq .rank-math-list-item{
border: none !important;
background-color: #fdfeff !important;
border-top: 1px solid #99999954 !important;
border-bottom: none !important;
margin: 16px 0px !important;
font-size: 16px !important;
}
#rank-math-faq .rank-math-question{
padding: 17px 56px 3px 12px !important;
}
#rank-math-faq .rank-math-question.faq-q-open {
border-bottom: none !important;
}
#rank-math-faq .rank-math-question::after {
font-weight: 100 !important;
color: #44841A59 !important;
font-size: 40px !important;
}
.pillar-contact-form{
background: #F8F8F8;
padding: 80px 200px;
margin-bottom: 0px;
}
.pillar-contact-form .talk-form-bg{
padding: 52px;
background: #FFFFFF;
border-radius: 6px;
}
.page-template-page-emergency-without-container
.pillar-blog-blocks .gutentor-dynamic-single-column h5 {
font-family: Oxfam TSTAR PRO;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 29px;
color: #A20011;
padding-top: 15px;
padding-bottom: 10px;
}
.page-template-page-emergency-without-container h2{
font-size: 48px !important;
line-height: 58px !important;
color: #A20011;
padding-bottom: 20px;
}
.page-template-page-emergency-without-container
.inner-banner-image .is-vertically-aligned-center {
padding-top: 20%;
}
.page-template-page-emergency-without-container .pillar-blog-blocks {
padding-top: 10px;
}
.page-template-page-emergency-without-container #content p a {
color: #A20011 !important;
}
#content .cta {display: flex; flex-direction: row-reverse; padding:30px 30px 30px 5px; margin-top:60px; background:#f8f8f8 !important;}
#content .cta-img{margin-right:0px;}
#content .cta-copy { padding-top:0px; padding-right:25px;}
#content .cta h2{font-family: Oxfam TSTAR PRO;
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-weight: 900 !important;
font-size: 24px !important;
line-height: 29px !important;
color: #336114 !important;
text-transform: uppercase;
margin-top:0px; margin-bottom:0px;
}
.site-content .cta p a {font-size:18px; font-family: Oxfam TSTAR PRO !important; font-weight:900 !important;
background: #44841A !important;
}
.page-template-page-emergency-without-container #content h3{
color: #A20011;
font-size: 36px !important;
}
.footer-subscr-item{
border-top: 1px solid #54545438;
}
.pillar-without-container h3 {
font-size: 34px;
line-height: 40.8px !important;
color: #336114 !important;
}
.pillar-without-container h4{/*remove font size important for get involved section*/
font-style: normal !important;
font-weight: bold !important;
font-size: 24px;
line-height: 29px;
}
.pillar-contact-form .talk-form-bg p{
font-size: 16px;
line-height: 19px;
padding-top: 24px;
}
.pillar-contact-form .talk-form-bg .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated{
padding-left:0px;
}
.pillar-contact-form .talk-form-bg .elementor-button[type="submit"] {
color: #ffffff !important;
background: #336114 !important;
border-radius: 6px !important;
padding: 14px 40px !important;
}
.pillar-contact-form .talk-form-bg .elementor-field-group .elementor-field{
background: #FFFFFF;
/* grey mid */
border: 1px solid #868686;
box-sizing: border-box;
border-radius: 6px;
}
.pillar-contact-form .talk-form-bg .elementor-form .elementor-field-group > label{
font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 16px !important;
line-height: 19px !important;
color: #000000 !important;
}
.pillar-contact-form .talk-form-bg .elementor-form .elementor-labels-above .elementor-field-group > label {
padding-bottom: 10px !important;
}
.pillar-contact-form .talk-form-bg .elementor-field-group .elementor-field-textual::placeholder {
color: #fff !important;
}
.pillar-contact-form .talk-form-bg .elementor-form .elementor-button .elementor-button-text{
font-family: Oxfam TSTAR PRO;
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 22px;
/* identical to box height */
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
}
.wpblock-box-image-text .thumbnail {
position: relative;
padding: 0px;
margin-bottom: 20px;
}
.wpblock-box-image-text .thumbnail img {
width: 100%;
}
#rank-math-faq .rank-math-list-item{
position:relative;
}
#rank-math-faq .rank-math-list-item input{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 41px;
opacity: 0;
cursor: pointer;
z-index:999;
}
#rank-math-faq .rank-math-list-item h3 {
background: #f1f2f6;
padding: 10px 12px 10px 18px;
cursor: pointer;
font-size: 18px !important;
font-weight: normal !important;
position:relative;
margin-bottom: 0;
}
#rank-math-faq .rank-math-list-item h3:before {
display:inline-block;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 12px;
border-color: transparent transparent transparent #000000;
margin-right: 8px;
}
#rank-math-faq .rank-math-list-item input:checked+h3:before {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
}
#rank-math-faq .faq-a-open{display:inline-block !important;}
#rank-math-faq .rank-math-answer{
padding: 10px;
max-height: 0;
overflow:visible;
border-bottom: none !important;
}
#rank-math-faq .rank-math-list-item input:checked+h3~.rank-math-answer {
max-height: 100vh;
overflow:visible;
}
div.rank-math-list-item:hover > div.rank-math-answer {
max-height: 100vh;
overflow: visible;
}
#rank-math-faq .rank-math-answer {
padding-top:40px;
padding-bottom:80px;
}
/*-------------------------------------------------------------
7. Single Post
--------------------------------------------------------------*/
.page-template-sidebar .entry-image img{width:100%;}
img {
height: auto;
max-width: 100%;
}
.wp-post-image {
width: 100%;
}
.page-image img,
.post-image img {
width: 100%;
object-fit: contain;
height: auto;
}
.featured-full-width-img {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
[rel="prev"]:before {
content: "« ";
}
[rel="next"]:after {
content: " »";
}
/*--------------------------------------------------------------
8. Comments
--------------------------------------------------------------*/
ul.comment-list {
list-style: none;
padding: 0;
}
ul.comment-list li {
list-style: none;
}
.avatar {
width: 80px;
}
.comment-list ul.children {
padding-left: 96px;
}
@media (max-width: 991px) {
.comment-list ul.children ul.children {
padding-left: 0;
}
}
@media (min-width: 992px) {
.comment-list ul.children ul.children ul.children {
padding-left: 0;
}
.home-banner-text{font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 24px !important;
line-height: 28px !important;
}
.wpb-faq-block{padding: 80px 150px !important;}
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important;
}
#cancel-comment-reply-link {
margin-left: 1rem;
}
/*
Adding width to comment.
When using in comment, comment-content will not crashed
*/
.comment-content {
width: calc(100% - 96px);
}
/*--------------------------------------------------------------
9. Archive
--------------------------------------------------------------*/
@media (max-width: 767px) {
.card-img-left img {
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px);
width: 100%;
height: auto;
}
}
@media (min-width: 768px) {
.card-img-left img {
border-top-left-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px);
object-fit: cover;
height: 100%;
width: 100%;
}
}
@media (max-width: 991px) {
.card-img-left-md img {
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px);
width: 100%;
height: auto;
}
}
@media (min-width: 992px) {
.page-template-page-home .home-subscription-form{
margin-left: 150px !important;
margin-right: 150px !important;
width: 90% !important;
margin:0px auto !important;
}
.card-img-left-md img {
border-top-left-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px);
object-fit: cover;
height: 100%;
width: 100%;
}
}
/*--------------------------------------------------------------
10. Widgets
--------------------------------------------------------------*/
.page-template-sidebar .widget_text .widget-title,.page-template-sidebar .widget_text .custom-html-widget h1 {
color: #FFFFFF !important;
background: #336114 !important;
padding: 10px !important;
}
footer{background: #336114;}
.widget-area ul,
.bootscore-footer ul {
padding: 0;
list-style: none;
margin-bottom: 0;
}
.widget-area ul li ul li {
padding: 0 1rem;
}
#footer-menu li a {
padding-left: 0;
}
footer .social-holder{
width: 100%;
text-align: center;
}
footer .social-holder ul{
display: flex;
justify-content: center;
}
footer .social-holder .social-networks li {
float: left;
margin: 0 20px;
}
footer .social-holder .social-networks li > a{
font-size: 34px;
color: #fff;
}
#footer-menu li a {
padding-left: 0;
font-family: Oxfam TSTAR PRO;
font-weight: 700;
color: #fff;
font-size: 18px;
}
#footer-menu {
display: flex;
justify-content: center;
}
footer .footer-description {
text-align: center;
width: 80%;
margin: 0 auto;
margin-top: 42px;
}
footer .footer-description p {
font-family: Roboto;
color: #FFFFFF;
font-size: 16px;
line-height:19px;
}
footer .footer-description .inner-description{
padding-top: 20px;
}
footer .footer-border-top{
border-top: 1px solid #fff !important;
}
footer .bottom-footer-right{}
footer .bottom-footer-right ul li {
font-family: Roboto;
font-weight: normal;
font-size: 14px;
float: left;
list-style: none;
}
.bottom-footer-left{
font-family: Roboto;
font-weight: normal;
font-size: 14px;
line-height: 16.41px;
text-align: left;
color: #FFFFFF;
}
.bottom-footer-right{
font-family: Roboto;
font-weight: normal;
font-size: 14px;
line-height: 16.41px;
text-align: right;
color: #FFFFFF;
}
.bootscore-footer{ padding-top: 80px;}
.footer-border-top{
padding-top: 24px;
}
.footer-nav-holder{
padding-top: 32px;
}
footer #menu-footer-copyright{
display: flex;
justify-content: right;
}
footer #menu-footer-copyright li{
padding-left: 32px;
}
footer #menu-footer-copyright a{
font-size:14px;
font-family: Roboto;
font-weight: 400;
color: #FFFFFF;
}
footer .footer-logos .logo-section {
float: left;
width: 30%;
padding-right: 20px;
margin-top: 5px;
}
footer .footer-logos .logo-content {
font-size: 14px;
font-family: Roboto;
color: #FFF;
width: 70%;
line-height: 16.41px;
padding-top: 10px;
text-align: left;
float: left;
}
footer .footer-logos .signs li{
float: left;
padding-left: 32px;
}
footer .footer-logos{
padding-top: 42px;
padding-bottom: 42px;
padding-left: 190px;
padding-right: 190px;
}
footer .footer-logos .signs ul{
justify-content: right;
float: right;
}
footer .bottom-footer-info{
padding-bottom: 78px;
}
/*--------------------------------------------------------------
11. Utilities
--------------------------------------------------------------*/
/*
Add width-100 class to element to stretch it to the entire width
of the screen when element is in .container.
*/
/* Hide horizontal scrollbars on Windows Chrome & Firefox */
body {
overflow-x: hidden;
}
.width-100 {
position: relative;
width: 100vw;
margin-left: -50vw;
left: 50%;
}
/*
Add underline-0 class to .. to disable underline on hover
*/
.underline-0,
.underline-0:hover,
.underline-0:focus {
text-decoration: none !important;
}
/*
Hide racaptcha v3 badge
*/
.grecaptcha-badge {
display: none !important;
}
/*
Clear
*/
.clear-both {
clear: both;
}
/*
z-index
*/
.zi-1000 {
z-index: 1000 !important;
}
.zi-1020 {
z-index: 1020 !important;
}
.zi-1030 {
z-index: 1030 !important;
}
.zi-1040 {
z-index: 1040 !important;
}
.zi-1050 {
z-index: 1050 !important;
}
.zi-1060 {
z-index: 1060 !important;
}
.zi-1070 {
z-index: 1070 !important;
}
.zi-n1 {
z-index: -1 !important;
}
/*
Cursor
*/
.cursor-pointer {
cursor: pointer;
}
/*
Focus
*/
.focus-0:focus {
box-shadow: none !important;
}
/*
Hover
*/
.hover {
transition: filter .3s;
}
.hover:hover {
filter: brightness(0.95);
}
/*--------------------------------------------------------------
12. Colors
--------------------------------------------------------------*/
::selection {
color: #fff;
background-color: var(--bs-primary);
}
::-moz-selection {
color: #fff;
background-color: var(--bs-primary);
}
pre {
background-color: var(--bs-light);
}
:focus {
outline: none !important;
outline: -webkit-focus-ring-color none !important;
outline-color: -webkit-focus-ring-color none !important;
outline-style: none !important;
outline-width: 0 !important;
}
/*--------------------------------------------------------------
13. HTML Markups (Theme Unit Test Data)
--------------------------------------------------------------*/
/*
pre
*/
pre {
padding: 1rem;
border-radius: .25rem;
}
img {
height: auto;
max-width: 100%;
}
iframe {
max-width: 100%;
}
pre {
max-width: 100%;
border-radius: .25rem;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
overflow: auto;
padding: .5rem;
font-size: 1rem;
background: rgba(0, 0, 0, .5);
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.top-header {
background: #F9F9F9;
}
*
* Masthead for nav
*/
.col-lg-8,.col-lg-6,.col-lg-12,.col-lg-4,.col-lg-3,.col-lg-5,.col-lg-7,.col-lg-9,.col-lg-10{
float: left;
}
.spicewpsearchform{
display: block;
width: 250px;
position: absolute;
right: 0;
top: 100%;
margin-top: 1px;
z-index: 9999;
background: #fff;
padding: 8px;
box-shadow: 2px 3px 17px 1px rgba(164,164,164,0.75);
-webkit-box-shadow: 2px 3px 17px 1px rgba(164,164,164,0.75);
-moz-box-shadow: 2px 3px 17px 1px rgba(164,164,164,0.75);
}
.spicewpsearchform input[type="text"] {
width: 78%;
height: auto;
border: 1px solid #5ca2df;
padding: 11px 12px;
border-radius: 0px !important;
}
#spicewpsearchform input[type="submit"] {
line-height: 1;
padding: 14px 20px;
border-radius: 0px;
height: auto;
font-size: 15px;
display: inline-block;
border: 1px solid #5ca2df;
}
#spicewpsearchform:before {
border-color: transparent transparent #d05353;
border-style: solid;
border-width: 0.5em;
content: "";
display: block;
position: absolute;
right: 22px;
top: -20px;
z-index: 10;
}
.oxfam-top-head-right{
text-align: right;
float: right;
padding-top: 10px;
padding-bottom: 10px;
}
.search-ico{
position: relative;
list-style: none;
float: right;
margin-left: 24px;
}
.top-header .top-link{
color: #000000;
margin: 0 0 0 24px;
text-decoration: none;
}
.top-header a{text-decoration: none;}
.ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-target{font-size:20px;}
.menu-header a{text-decoration: none;}
.top-header .user{
color: #000000;
margin: 0 0 0 32px;
}
.top-header .phone {
margin: 0 0 0 24px;
}
/**Css for image search icon**/
.spicewpsearch_icon {
background-image: url('images/search-icon.png');
background-repeat: no-repeat;
padding: 0 0 0 36px;
background-position: 5px center;
background-color: transparent;
background-size: 18px 18px;
}
.oxfam-masthead {
/*background-color: #428bca;*/
-webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
}
/* Nav links */
.oxfam-nav-item {
position: relative;
display: inline-block;
padding: 10px;
font-weight: 500;
color: #cdddeb;
}
.oxfam-nav-item:hover,
.oxfam-nav-item:focus {
color: #fff;
text-decoration: none;
}
/* Active state gets a caret at the bottom */
.oxfam-nav .active {
color: #fff;
}
.oxfam-nav .active:after {
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 0;
margin-left: -5px;
vertical-align: middle;
content: " ";
border-right: 5px solid transparent;
border-bottom: 5px solid;
border-left: 5px solid transparent;
}
/*Reusable Blocks*/
.donate-now-button {
display: inline-block;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 14px 40px;
background: #336114;
border-radius: 6px;
}
.donate-now-button a{
text-decoration: none !important;
font-family: Oxfam TSTAR PRO !important;
font-style: normal;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 22px !important;
text-align: center;
text-transform: uppercase !important;
color: #FFFFFF !important;
}
.primary-white-btn{
border-radius: 6px;
justify-content: center;
align-items: center;
margin-top: 40px;
margin-bottom: 0px;
}
.primary-white-btn a, .donate-now-btn a {
padding: 14px 40px;
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 22px !important;
text-align: center !important;
text-transform: uppercase !important;
}
.donate-now-btn{
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 0px;
}
.home-subscription-form{
background: #FFFFFF;
/* Oxfam AAA Green */
border: 1px solid #336114;
box-sizing: border-box;
border-radius: 6px;
padding :32px 42px 45px 42px;
}
/*Reusable Blocks End*/
/*Pillar Subscription */
.pillar-subscription-wrap{
padding-top: 0px;
margin-bottom: 0px;
}
/*
/*price chart*/
.timeline-outer{ width:100%; height: 20px; border-radius: 50%;}
.container{ height: auto; margin: 0 auto;}
.value-initial{
float: left;
height: 20px;
width: 100%;
border-radius: 50px 0px 0px 50px; position: relative; text-align: center;
}
.value-mid{
float: left;
width: 100%;
height: 20px; position: relative;
}
.value-end{
float: left;
width: 100%;
height: 20px;
border-radius: 0px 50px 50px 0px; position: relative;
}
.outer-initial{ float: left;}
.outer-mid{ float: left;}
.outer-end{ float: left;}
.content-in{ text-align: center; min-height: 80px;}
.content-in p{
margin-top: 5px;
font-family: Roboto !important;
font-weight: normal !important;
font-size: 14px !important;
line-height: 19px !important;
/* identical to box height */
text-align: center;
}
.value-initial .fa-caret-down{ position:absolute;top: 3px;}
.value-initial .fa-caret-down::before{font-size: 35px;color: #336114;}
.price-chart-image{
margin-top: 58px !important;
float: left;
width: 100%;
}
.content-block .oxfam-primary-btn{
align-items: center;
padding: 14px 40px;
color: #FFFFFF !important;
background: #336114;
border-radius: 6px;
font-family: Oxfam TSTAR PRO !important;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 22px;
margin-top: 24px;
text-align: center;
text-transform: uppercase !important;
text-decoration:none;
}
.content-block{
border: 2px solid #44841A;
box-sizing: border-box;
border-radius: 6px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 52px !important;
height: max-content;
vertical-align: middle;
margin-top: 40px !important;
margin-left: -5%;
background: #FFF;
}
.content-block h3 {
font-family: Oxfam TSTAR PRO !important;
font-weight: 700 !important;
font-size: 34px ;
line-height: 41px !important;
}
.content-block h3 span{
color: #336114;
}
.content-block p {
font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
padding-top: 13px;
color: #000000 !important;
}
.climate-block-bg .wp-block-cover__inner-container h2 {
line-height: 52.8px;
margin-bottom: 25px;
margin-top: 35px;
}
.climate-block-bg .wp-block-cover__inner-container {
padding-right: 90px;
}
/*end price chart*/
/*Home Page*/
.price-block-title{
font-family: Oxfam TSTAR PRO;
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 58px;
margin-top: 58px;
margin-bottom: 48px;
text-align: center;
/* Oxfam Grey */
color: #545454;
}
.price-block-title .text-hilite{color: #336114;}
.price-block-title .highlight{color: #FFFFFF;background:#336114;border-radius: 6px;padding: 4px; }
.home-banner-text{
font-family: Oxfam TSTAR PRO;
font-style: normal;
font-size: 24px;
line-height: 65px;
font-weight: 700;
}
.home-about-oxfam {
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-weight: 900 !important;
font-size: 22px !important;
line-height: 26px !important;
text-align: center !important;
text-transform: uppercase !important;
}
.home-about-outer{
padding-top: 80px;
padding-left: 175px;
padding-right: 175px;
margin-bottom: 32px;
}
.about-container-block p{
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 21px;
text-align: center;
/* Black */
color: #000000;
margin: 12px 0px;
}
/* END Home*/
/* Blog name and description
*/
.post-grid-outer-block{
text-align: center;
z-index: 9999999;
margin-top: 81px;
}
.post-grid-outer-block h4 a{
font-family: Oxfam TSTAR PRO;
font-style: normal;
font-weight: bold;
font-size: 34px;
line-height: 41px;
/* identical to box height */
/* Oxfam AAA Green */
color: #336114 !important;
}
.impact-block{
margin-top:60px;
margin-bottom:10px;
}
.impact-block .impact-para{
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
text-align: center;
color: #000000;
margin-bottom: 51px;
}
.news-block-outer{
margin-top: 60px;
}
.news-data h2{
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-weight: bold !important;
font-size: 32px !important;
line-height: 38px !important;
text-align: center !important;
}
.news-grid-view a{
/* identical to box height */
/* Oxfam AAA Green */
color: #336114;
text-decoration: underline;
}
.news-data{
padding: 40px;
}
.multi-media-carousel .grid-container{max-width: 100% !important;}
.multi-media-carousel .multi-media-para{margin-top:15px;}
.multi-media-carousel{background: linear-gradient(180deg, rgba(255, 255, 255, 0.11) 50%, rgb(249, 249, 249) 50%);}
.news-data h5{
font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 18px !important;
line-height: 21px !important;
text-align: center !important;
color: #FFFFFF !important;
}
.news-loop h5{
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
display: flex;
align-items: center;
color: #000;
}
.news-loop .ab-block-button a{
background-color: transparent !important;
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 21px !important;
color: #336114 !important;
padding-left: 0;
}
.climate-block-bg{
padding-left: 51px;
padding-right: 80px;
}
.post-grid-outer-block .ab-block-post-grid-more-link{
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #336114;
text-decoration: underline;
}
.post-grid-outer-block p{
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
/* Black */
color: #000000;
}
.home-demand-two-block{margin-top: 25px;}
.home-demand-two-block .block-bg-2 {
margin-left: 0em !important;
/*background-size: cover !important;
background: url('img/Rectangle.png');
background-repeat: no-repeat;*/
}
.home-demand-two-block .wp-block-column:not(:first-child) {
margin-left: 0em !important;
}
.outer-grid-bg-class{
margin-top: 10px;
position: relative;
background: linear-gradient(180deg, rgba(51,97,20,1) 50%, rgba(255,255,255,1) 50%);
}
.outer-grid-bg-class .container{margin-top:80px;}
.oxfam-header {
padding-top: 20px;
padding-bottom: 20px;
}
.oxfam-title {
margin-top: 30px;
margin-bottom: 0;
font-size: 60px;
font-weight: normal;
}
.oxfam-description {
font-size: 20px;
color: #999;
}
.navbar-expand-lg {
background: #fff;
}
.site-header .container{padding-left:0px !important;padding-right:0px !important;}
/*
* Main column and sidebar layout
*/
.oxfam-main {
font-size: 18px;
line-height: 1.5;
}
.home-additional-banner h2{line-height: 52px !important;}
@media only screen and (max-width: 1920px) and (min-width: 1128px){
section#gmd26b66b {
display: flex !important;
align-items: center;
justify-content: center;
padding-top:0;
}
}
@media only screen and (max-width: 782px) and (min-width: 641px){
.pillar-contact-form .talk-form-bg .elementor-field-group.elementor-field-type-submit{
width: 40% !important;
margin-top: 15px;
}
header .menu-header { margin-left:15px; margin-right:15px;}
header .top-header { padding-right:15px;}
}
@media only screen and (max-width: 2000px) and (min-width: 1300px) {
.outer-grid-bg-class figure{margin-left:0px !important;}
.ubermenu .ubermenu-row {
max-width: 1300px !important;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 2000px) {
.outer-grid-bg-class figure{margin-left:0px !important;}
.ubermenu .ubermenu-row {
max-width: 1300px !important;
margin-left: auto;
margin-right: auto;
}
.embed-youtube iframe{
width: 100vw !important;
height: calc(100vw/3.4) !important;
}
}
@media only screen and (max-width: 1199px) and (min-width: 991px) {
.home-main-banner .wp-block-columns .wp-block-column{flex-basis: 100% !important;}
.embed-youtube iframe{
/*width: 100vw !important;
height: calc(100vw/2.4) !important;*/
}
}
@media screen and (max-width: 991px) {
.offcanvas { top:0px; width:80%; height:100%; left:0px;}
.home-about-outer{ padding-top:0px !important; padding-left:0px !important; padding-right:0px;}
}
.price-chart-image .content-block{border-radius: 0px 0px 5px 5px;}
@media screen and (max-width: 1199px) and (min-width:992px){
.nav-item-main-text{ padding-left: 0px !important;}
.ubermenu-main .ubermenu-item.ubermenu-active > .ubermenu-submenu-drop.ubermenu-submenu-type-mega{
padding-left: 80px !important;
padding-right: 80px !important;
}
.top-ox-donate a{padding: 16px 20px 16px 20px;}
#once_price .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option, #monthly_price .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option{width:30%;}
#donnate-priceForm .elementor-field-subgroup .priceField span{ font-size:15px;}
}
@media screen and (max-width: 640px) {
.home-main-banner .donnate-form-home { padding-bottom: 15px; padding-top: 16px; }
}
@media screen and (max-width: 1199px) {
body .site-content p a {
font-size: 16px !important;
}
}
@media screen and (max-width: 991px) and (min-width:782px) {
.bottom-banner-image .grid-container {
position: absolute;
top: 30%;
}
}
@media screen and (max-width: 991px) and (min-width:768px) {
.multi-media-carousel .g-c-r-valign-tablet {display: flex !important;}
.bottom-banner-image .grid-container {
position: absolute;
top: 30%;
}
}
@media screen and (max-width: 767px){
.content-area .oau-bottom-banner-desk {
display: none !important;
}
.page-template-sidebar .py-5 {
padding-top: 1rem!important;
}
footer .col-lg-2.col-md-2.text-left{
text-align: left;
width: 100%;
margin: 0;
padding: 0;
max-width:38px;
}
footer .footer-description{ width:85%; }
footer .footer-description .inner-description {
padding-top: 0px;
width: 67%;
margin: 0 auto;
}
footer .col-lg-2.col-md-2.text-right {
max-width:38px;
text-align: right;
width: 97%;
margin: 0;
padding: 0;
}
footer .social-holder .social-networks li{ margin:0 18px;}
footer .social-holder .social-networks li > a{font-size: 32px;}
}
.page-nav-breadcrumb{padding-top: 40px;}
.elementor-page div .elementor {
margin-top: 50px !important;
}
/*Simple page right sidebar*/
.page-template-sidebar h1{
/* 3x Large / Desktop */
font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 54px !important;
line-height: 63px !important;
/* Oxfam AAA Green */
color: #336114;
margin-top: 24px;
margin-bottom: 24px;
}
.page-template-sidebar h2{
/* 3x Large / Desktop */
font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 48px !important;
line-height: 56px !important;
/* Oxfam AAA Green */
color: #336114;
margin-top: 25px;
margin-bottom: 25px;
}
.header-black,.page-template-sidebar h4 strong,.page-template-sidebar h2 strong,
.page-template-sidebar h3 strong,.page-template-sidebar h5 strong{
color: #000000 !important;
font-family: Roboto !important;
}
.page-template-sidebar h3{
/* 3x Large / Desktop */
font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 34px !important;
line-height: 40.8px !important;
/* Oxfam AAA Green */
color: #336114;
margin-top: 24px;
margin-bottom: 24px;
}
.page-template-sidebar small{
font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 15px !important;
line-height: 18px !important;
color: #545454 !important;
}
blockquote {
padding: 30px 40px;
font-size: 20px;
background: #fff;
border-top: 2px solid #336114;
border-bottom: 2px solid #336114;
margin: 60px 0px !important;
}
blockquote::before {
display: none !important;
}
/*blockquote::after {
font-size: 54px;
line-height: 63px;
color: #336114;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
content: "“";
}*/
blockquote:after {
content: '' !important;
}
.page-nav-breadcrumb {
font-size: 14px; color: #545454; font-weight: normal;
font-family: Roboto;
margin-bottom: 32px !important;}
#content .page-nav-breadcrumb a {
text-decoration: none;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
color: #545454 !important;
}
#content .page-nav-breadcrumb a .fa-home{color: #336114;}
.order-first, .order-md-last{float:left;}
.inner-banner-image{
display: flex;
align-items: center;
justify-content: center;
}
#content .sidebar-right .widget-area{background:#E5E5E512;}
.sidebar-right{padding-left: 40px;}
#content .menu-sidebar-menu-container ul li a {
line-height: 40px !important;
display: block;
padding-left: 5px;
color: black;
text-decoration: none;
}
#content .menu-sidebar-menu-container ul li a:hover {
background-color: #336114 !important;
line-height: 40px !important;
color: white !important;
display: block;
padding-left: 5px;
margin-top: 1px;
}
#content .menu-sidebar-menu-container ul li.current-menu-item > a {
background-color: #336114 !important;
color: white !important;
}
.menu-sidebar-menu-container ul#menu-sidebar-menu > li > ul li {
border-bottom: solid 1px #ccc !important;
padding: 0px !important;
margin-left: 5px !important;}
.menu-sidebar-menu-container ul#menu-sidebar-menu > li {border-bottom: solid 1px #ccc;padding: 0px;}
/*End Simple page right sidebar*/
.home-subscription-form .wp-block-media-text__media img {width: 80%;}
.home-banner-text{font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 24px !important;
line-height: 28px !important;}
.elementor-63089 .elementor-element.elementor-element-9ee21a8 > .elementor-element-populated {
margin: 0px 20px 0px 0px !important;}
h1.home-banner-text {
margin-bottom: 20px;
}
.help-holder .col.green-dark, .help-holder .col.orange, .help-holder .col.pink {min-height: 450px;}
@media only screen and (max-width: 1024px) {
.page-template-sidebar h3{ font-size: 30px !important;
line-height: 36px !important;}
}
@media only screen and (max-width: 640px) {
.page-template-sidebar h3{font-size: 24px !important;
line-height: 28.8px !important;}
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
.content-block h3{font-size: 32px !important; line-height: 33px !important; margin-top:6px !important;}
.content-block{margin-top: 29px !important; padding: 22px !important;}
.content-block p{ padding-top: 10px;}
.content-block .oxfam-primary-btn{margin-top: 6px;}
.climate-block-bg .wp-block-cover__inner-container{padding-right:55px;}
.wsm-head #nav-main .logo {
width: 10% !important;
}
.wsm-head #nav-main .logo {
width: 10% !important;
}
.wsm-head .menu-header .navbar-dark .ox-site-logo {
width: 100%;
}
.wsm-head #nav-main .menu-canvas-wrap {
width: 70% !important;
}
}
@media only screen and (max-width: 1399px) {
.content-in p{line-height: 14px !important;}
}
@media only screen and (max-width: 1399px) and (min-width: 992px) {
.content-in p{height:40px;}
}
@media only screen and (max-width: 1199px) and (min-width: 782px) {
.home-MkForm .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {width: 65%; font-size: 17px;}
}
@media only screen and (max-width: 360px) {
#donnate-priceForm .elementor-field-subgroup .priceField span{font-size:15px !important; padding:10px 3px !important;}
}
@media only screen and (max-width: 480px) {
.price-chart-image .content-block{ padding-left:20px !important; padding-right:20px !important; }
.content-block .oxfam-primary-btn{ font-size:16px !important;}
}
@media only screen and (max-width: 782px) {
.home-additional-banner h2{line-height:36px !important;}
.pillar-climate-block .grid-container {text-align: center;padding-bottom: 40px; padding-top: 40px; }
.pillar-climate-wrap .pillar-container {padding-left: 0px !important; padding-right: 0px !important;}
.pillar-grey-block-wrap .wp-block-column {margin-bottom: 20px;}
.wp-impact-wrap .container .wp-block-column{margin-bottom: 20px;}
}
@media only screen and (max-width: 781px) and (min-width: 600px) {
.wgb-btm-banner-left{flex-basis: 100% !important;}
}
@media only screen and (max-width: 640px) {
.wgb-btm-banner-left{flex-basis: 100% !important;}
.pillar-container {
padding-left: 15px !important;
padding-right: 15px !important;
}
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target{
background: #336114 !important;color: #fcfffb !important;
}
.ubermenu-content-block.ubermenu-custom-content.ubermenu-custom-content-padded.mobile-donate {
text-align: center;
background: #336114;
margin-right: 25px;
margin-left: 25px;
border-radius: 6px;
margin-top:15px;
margin-bottom:15px;
}
.ubermenu-content-block.ubermenu-custom-content.ubermenu-custom-content-padded.mobile-donate a {
color: #fff;
text-transform: uppercase;
font-weight: 900;
font-family: 'Oxfam TSTAR PRO';
font-size: 16px;
text-decoration:none;
}
.ubermenu-responsive-toggle {
padding: 10px 20px !important;
}
.ubermenu-skin-clean-white.ubermenu-responsive-toggle {
background: transparent !important;
}
}
@media only screen and (max-width: 1980px) and (min-width: 1600px) {
.climate-block-bg .wp-block-cover__inner-container { padding-right: 38%; }
}
@media only screen and (max-width: 1980px) and (min-width: 1400px) {
.site-main .in-container {
padding-left: 0px !important;
padding-right: 0px !important;
}
.content-block { margin-top:62px !important;}
}
@media only screen and (max-width: 991px) and (min-width:641px) {
.wgb-btm-banner-left{flex-basis: 100% !important;}
.ubermenu-responsive-toggle-fixed { position: absolute !important; top: 65px !important; right: 0; }
nav#ubermenu-main-938-main-menu-2 {top:164px !important;}
}
@media only screen and (max-width: 991px) {
.ubermenu-responsive-toggle {
padding: 10px 20px !important;
}
.ubermenu-skin-clean-white.ubermenu-responsive-toggle {
background: transparent !important;
}
.bottom-banner-image .grid-container {
padding-left: 50px !important;
padding-right: 50px !important;
max-width: 100%;
}
.pillar-blog-blocks .grid-container {
max-width: 100%;
}
.wgb-btm-banner-right{display:none;}
.wgb-btm-banner-left{flex-basis: 100% !important;}
.home-main-banner .data-credit-link{display:none;}
footer .footer-logos .signs { text-align: center; display: flex; justify-content: center;}
.section-gm3f65e2e{background-position: top center !important;}
nav#ubermenu-main-938-main-menu-2 {
width: 100% !important;
scroll-behavior: auto !important;
height: 500px;
text-align: justify;
}
.pillar-climate-wrap .pillar-container {
padding-left: 0px !important;
padding-right: 0px !important;
}
.price-chart-image .image-bloack img {
width: 100% !important;
}
.home-additional-banner{margin-top:30px;}
nav#ubermenu-main-938-main-menu-2 {
width: 100% !important;
top: 102px;
}
.ubermenu-responsive-default.ubermenu.ubermenu-mobile-modal {
position: absolute !important;
}
.ubermenu .ubermenu-item-type-column > .ubermenu-submenu-type-stack > .ubermenu-item-normal .ubermenu-target-text::after {
display: none;
}
.ubermenu-responsive-default.ubermenu.ubermenu-responsive.ubermenu-mobile-accordion.ubermenu-interaction-press .ubermenu-item.ubermenu-active>.ubermenu-submenu-drop {
background: #F8F8F8;
}
.ubermenu-mobile-view .ubermenu-submenu-type-mega {
margin-top: 0px !important;
}
.banner-empty-space{display:none;}
.banner-form-resposive-box{ flex-basis:100% !important; flex-grow:1 !important;}
.wp-block-cover__inner-container h1.home-banner-text {
color: #000 !important;
text-align: center;
}
.gutentor-image-thumb img{width:100%;}
.container{ max-width:950px !important;}
.news-block-outer .wp-block-group{padding:0px !important;}
.help-holder .col {float: left; width: 100%; padding: 14px 2.45% 19px;}
#donnate-priceForm .elementor-field-option > label{width:100% !important;}
}
.page-template-sidebar h2 a{
font-size: 32px !important;
font-family: 'Oxfam TSTAR PRO' !important;
font-weight: 700 !important;
}
.blog-link-down {
display: inline-block;
padding-top: 10px;
padding-bottom: 15px;
}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text p{
margin-bottom: 0 !important;
}
@media only screen and (max-width: 991px) and (min-width: 782px){
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text {
padding: 10px 10px !important;
}
.inner-banner-image .container{
padding-left: 0px !important;
padding-right: 0px !important;
}
.bottom-wide-image .grid-container {
padding-right: 50px !important;
padding-left: 50px !important;
max-width: 100%;
}
.bottom-wide-image{padding-left:0px !important;padding-right:0px !important;}
}
@media only screen and (max-width: 1400px) and (min-width: 1199px) {
.bottom-banner-image .grid-container{
padding-left: 70px !important;
padding-right: 70px !important;
}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text {
min-height: 100px !important;
}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text p{
margin-bottom: 0 !important;
}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text .wp-block-media-text__content {
padding-right: 0px !important;
}
}
blockquote p{
color: #336114;
padding-left: 20px;
}
@media only screen and (min-width: 1199px) {
.embed-youtube iframe{
/*width: 100vw !important;
height: calc(100vw/2.4) !important;*/
}
.page-template-page-banner-with-meu .embed-youtube iframe {
/*width: 100vw !important;
height: calc(50vw/2) !important;*/
}
}
@media only screen and (min-width: 991px){
.home-main-banner .elementor-element-populated {
margin: 0px 20px 0px 0px !important;
}
}
@media only screen and (max-width: 1024px) and (min-width: 991px) {
.ubermenu-main .ubermenu-item.ubermenu-active > .ubermenu-submenu-drop.ubermenu-submenu-type-mega {
padding-left: 30px !important;
padding-right: 30px !important;
}
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
.inner-banner-image .container{
padding-left: 0px !important;
padding-right: 0px !important;
}
.menu-header .ox-site-title {
display: none;
}
.bottom-wide-image .grid-container {
padding-right: 0 !important;
padding-left: 0 !important;
}
footer .footer-logos{padding-left:40px !important; padding-right:40px !important;}
.nav-block-outer-div .oxfam-primary-btn{padding:14px 24px; font-size:15px !important;}
.menu-block-section .nav-block-left-side{padding:28px !important;}
.ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-target{font-size:18px !important;}
.ubermenu .ubermenu-target{padding: 10px 8px !important;}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text {
min-height: 100px !important;
}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text p{
margin-bottom: 0 !important;
}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text .wp-block-media-text__content {
padding-right: 0px !important;
}
#nav-main .logo{width: 25% !important;}
#nav-main .menu-canvas-wrap{width: 58.33333333% !important;}
.menu-header .ox-site-logo {
width: 60%;
}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target{padding-right: 23px !important;}
.news-block-outer .wp-block-group{padding:0px !important;}
.climate-inner-wrap{display:block;}
.climate-inner-wrap .wp-block-column{width : 100%;}
.climate-inner-wrap .wp-block-column .gutentor-element-image-box img{width: 100%;}
.pillar-container {padding-left: 0px !important; padding-right: 0px !important; }
}
@media only screen and (max-width: 1399px) and (min-width: 1200px) {
.pillar-climate-block section { padding: 0px !important;}
}
/*---13-10-2021--*/
.home-MkForm p{padding-left:0px !important; padding-right:0px !important;}
#mktoForm_1057 .home-MkForm p a {
font-size: 13px !important;
}
@media only screen and (max-width: 640px) {
.page-template-page-pillar-without-container .wp-block-group__inner-container .wp-block-columns {
padding-left: 0px !important;
padding-right: 0px !important;
}
.inner-banner-image .grid-container {
padding-left: 15px !important;
padding-right: 15px !important;
}
.bottom-wide-image {
padding-left: 0px !important;
padding-right: 0px !important;
}
}
#data-credit-popover {
display: none;
}
.data-credit-link{
z-index: 999999;
color: #fff !important;
position: absolute;
right: 11px !important;
font-size: 23px !important;
top: 5px;
}
.popover-body {
top: 0;
right: 0;
z-index: 1;
background-color: rgb(50 43 47 / 58%);
color: #fff !important;
padding: 12px 12px 12px 12px !important;
margin: 0;
font-size: 13px;
line-height: 20px;
opacity: 1;
pointer-events: auto;
padding-right: 42px;
min-width: 200px;
}
.popover {
max-width: 100% !important;
background-color: transparent !important;
}
.popover .popover-arrow{
display: none !important;
}
.banner-img-credit-data,.featured-img-credit-data{position: relative !important;}
.donate-banner-wrap .grid-container{margin-top: 50px;}
.donate-banner-wrap{height: 690px !important;}
.donnate-form-home .elementor-widget:not(:last-child) {
padding-top: 10px;
}
.pillar-blog-blocks .grid-container{
padding-right: 0px;
padding-left: 0px;
}
.wpblock-media-center{display: flex;}
.entry-image .item-text{
font-size: 14px;
color: #757575;
padding-top: 10px;
display: inline-block;
}
body .site-content p a.btn-danger, body .site-content p a.btn-success {
background-color: #336114;
border-color: #336114;
border-radius: 6px;
padding: 14px 40px;
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 22px !important;
text-align: center;
text-transform: uppercase;
color: #FFFFFF !important;
}
.page-template-sidebar .entry-content img{
padding-top: 25px;
padding-bottom: 25px;
}
.page-template-sidebar .entry-content ul li{
font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 18px !important;
line-height: 24px !important;
}
body .site-content .home-MkForm p a{
font-size: 13px !important;
}
.home-main-banner .elementor-field-group {
margin-top: 15px;
margin-bottom: 10px;
}
.home-main-banner .elementor-element-populated {
margin: 0px 0px 0px 0px !important;
}
.has-huge-font-size, .has-larger-font-size {
line-height: 1.1em !important;
}
.has-medium-font-size {
line-height: 1.4em !important;
}
/*.elementor-element .elementor-button {
background-color: #336114;
border-color: #336114;
border-radius: 6px;
padding: 14px 40px;
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 22px !important;
text-align: center;
text-transform: uppercase;
color: #FFFFFF !important;
}*/
.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
width: 100% !important;
}
.mejs-container {
padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
max-width: 100% !important;
}
video.wp-video-shortcode {
position: relative;
}
.mejs-mediaelement {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.mejs-overlay-play {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto !important;
height: auto !important;
}
.home-additional-banner .donate-now-btn{margin-top: 34px;}
.mobile-banner .wp-block-cover__inner-container{
position: absolute;
padding-bottom: 40px;
bottom: 0;}
@media only screen and (max-width: 991px) {
.wrap-banner-image{
margin-bottom:40px;
}
}
@media only screen and (max-width: 1199px) and (min-width: 769px){
/*.mobile-banner{display:none;}*/
blockquote cite {
font-size: 15px !important;
line-height: 22px !important;
}
}
@media only screen and (max-width: 769px) {
blockquote cite {
font-size: 14px !important;
line-height: 20px !important;
}
}
.large-banner-image .container{padding-left:0px !important;padding-right:0px !important;}
.ox-au-banner-mobile{position:relative;}
.oau-banner-mobile-content{
position: absolute;
bottom: 0;
margin-bottom: 5px;
}
.bottom-wide-image .grid-container{
padding-right: 10px;
padding-left: 10px;
}
body .site-content p a.btn-danger, body .site-content p a.btn-success {
background-color: #336114;
border-color: #336114;
border-radius: 6px;
padding: 14px 40px;
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 22px !important;
text-align: center;
text-transform: uppercase;
color: #FFFFFF !important;
}
.page-template-sidebar .entry-content img{
padding-top: 25px;
padding-bottom: 20px;
}
/*.elementor-element .elementor-button {
background-color: #336114;
border-color: #336114;
border-radius: 6px;
padding: 14px 40px;
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 22px !important;
text-align: center;
text-transform: uppercase;
color: #FFFFFF !important;
}*/
/* Custom Header*/
.site-header .bg-dark,.bg-dark .navbar-expand-lg {background: #336114;background-color: #336114 !important;}
div.custom-menu-class ul {
margin:20px 0px 20px 0px;
list-style-type: none;
list-style: none;
list-style-image: none;
text-align:right;
display:inline-block;
}
div.custom-menu-class li {
padding: 0px 20px 0px 0px;
display: inline-block;
}
div.custom-menu-class a {
color:#ffffff;
}
.navbar-dark .navbar-nav .nav-link {
color: #fff !important;
}
.navbar-dark .navbar-nav .nav-link {
padding-right: 0.7rem !important;
padding-left: 0.7rem !importan;
font-family: Oxfam TSTAR PRO;
font-weight: 500;
font-size: 20px;
line-height: 24px;
}
.menu-header .navbar-dark .ox-site-logo {
width: 70%;
}
.menu-header .navbar-dark .ms-auto {
/*margin-left: 0% !important;*/
}
.navbar-dark .offcanvas-body {
align-items: center;
justify-content: center;
align-self: center;
}
.navbar-dark .top-ox-donate a{
border: 1px solid #FFFFFF;
box-sizing: border-box;
border-radius: 6px;
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 20px !important;
line-height: 24px;
padding: 14px 25px 14px 25px;
text-transform: inherit !important;
}
.site-header .bg-light {
--bs-bg-opacity: 1;
background-color: #fff !important;
}
.blog-link-down{
display: inline-block;
padding-top: 10px;
padding-bottom: 15px;
}
@media only screen and (max-width: 1199px) and (min-width: 991px) {
.navbar-dark .navbar-nav .nav-link {
font-size: 18px !important;
}
.page-template-page-dark-header #nav-main .menu-canvas-wrap {
width: 70% !important;
}
.page-template-page-dark-header #nav-main .logo {
width: 15% !important;
}
.page-template-page-dark-header #nav-main .top-ox-donate{
width: 15% !important;
}
.navbar-dark .top-ox-donate a {
font-size: 14px !important;
padding: 14px 20px 14px 20px;
}
}
@media only screen and (min-width: 991px)
{
.oau-relation-image-textWrap{margin-left: 145px !important;}
.oau-right-grid-image{margin-left: 0 !important;}
}
.oxfam-top-head-left {
text-align: left;
float: left;
padding-top: 10px;
padding-bottom: 10px;
}
.oxfam-top-head-left .top-link span{
color: #336114 !important;
font-family: Oxfam TSTAR PRO;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
}
.oxfam-top-head-left .top-link span fas{
padding-right: 5px;
}
.oau-bg-block-text {
padding-top: 80px;
padding-bottom: 50px !important;
padding-left: 15%;
padding-right: 15%;
}
#wsm-pledge-form progress[value]::-webkit-progress-bar {
background-color: #336114;
}
#wsm-pledge-form progress {
border-radius: 30px;
width: 100%;
height: 22px;
box-shadow: none;
background:#fff;
border: 1px solid #336114;
}
#wsm-pledge-form progress::-webkit-progress-bar {
background-color: #336114;
border-radius: 30px;
}
#wsm-pledge-form progress::-webkit-progress-value {
background-color: #336114;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
box-shadow: none;
}
#wsm-pledge-form progress::-moz-progress-bar {
background-color: #336114;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
box-shadow: none;
}
.wpblock-paragraph .progress {
background-color: #fff;
border: 1px solid #336114;
border-radius: 30px 30px 30px 30px;
height: 22px;
}
.wpblock-paragraph .progress-bar {
background: #336114;
}
.wpblock-paragraph{padding-top: 44px;}
#wsm-pledge-form .progress-text{
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
color: #336114;
}
.wpblock-paragraph .progress-text span{
font-weight: bold;
}
.oau-outer-grid-bg-wrap {
margin-top: 0px;
position: relative;
background: linear-gradient(180deg, rgba(51,97,20,1) 50%, rgba(255,255,255,1) 50%);
padding-bottom: 100px;
}
.oau-large-left-content .wp-block-cover{
height: 100% !important;
padding-left: 51px;
padding-right: 51px;
border-left: 2px solid #336114;
border-bottom: 2px solid #336114;
}
.oau-news-large-left-content .wp-block-cover {
height: 100% !important;
padding-left: 51px;
padding-right: 51px;
}
.oau-large-left-content .wp-block-cover h2, .oau-news-large-left-content .wp-block-cover h2{
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-weight: bold !important;
font-size: 36px !important;
line-height: 43px;
padding-top: 21px;
}
.oau-large-left-content .wp-block-cover p,.oau-news-large-left-content .wp-block-cover p{
padding-top: 12px;
}
.oau-large-left-content .wp-block-cover .primary-green-button, .oau-news-large-left-content{
margin-top: 31px;
}
.oau-about-two-blocks-container .oau-news-large-left-content .wp-block-cover {
height: 100% !important;
padding-left: 0px;
padding-right: 0px;
}
.oau-about-grid-bg-wrap {
margin-top: 0px;
position: relative;
background: linear-gradient(
180deg,
rgb(255, 255, 255) 50%,
rgb(51, 97, 20) 50%
);
padding-top: 82px;
padding-bottom: 70px;
}
.oau-what-she-about-faq {padding-top:40px;}
.oau-what-she-about-faq h3,.oau-what-she-about-faq h2, .oau-what-she-about-faq h1{padding-bottom: 36px;}
.oau-overview-round-image .gutentor-image-thumb{ margin-bottom:50px;}
.oau-overview-round-image .has-text-align-center.has-white-color.has-text-color {
line-height: 28px !important;
}
.oau-overview-round-image{padding-top:36px;}
.oau-about-two-blocks-container{margin-top: 78px;}
.parent {
position: relative;
top: 0;
left: 0;
display: block;
}
.image1 {
position: relative;
top: 0;
left: 0;
width: 70%;
}
.image2 {
position: absolute;
bottom: -51px;
right: 10px;
}
.oau-img-relationwrap{ margin-bottom: 160px;}
.oau-report-block{background: #ffffff !important; padding: 24px;}
.oau-report-block h5,.oau-custom-block h5{
font-family: Oxfam TSTAR PRO;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 29px;
padding-bottom:8px;
/* identical to box height */
/* Oxfam AAA Green */
color: #336114;}
.oau-report-wrap{padding-top:80px; padding-bottom:80px;}
.oau-report-wrap h2{padding-bottom: 42px;}
.oau-report-block:nth-child(1) {
margin-right: 26px;
}
.oau-report-block:nth-child(2) {
margin-left: 26px;
}
.oau-update-wrap{
padding-top: 40px;
padding-bottom: 0px;
text-align: center;
}
.oau-update-wrap h2{padding-bottom: 42px;}
.oau-custom-block .wp-block-post-date{font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px;
color: #000000;
padding: 8px 0px;}
.oau-custom-block-outer{text-align:left;}
.oau-custom-block-outer p a, .oau-custom-block-outer a {
text-underline-position: under !important;
text-underline-offset: 4px !important;
}
.oau-campaign-quote .quote-click-link a{
text-decoration: underline !important;
text-underline-position: under !important;
text-underline-offset: 4px !important;
color: #fff !important;
}
.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
width: 100% !important;
}
.mejs-container {
padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
max-width: 100% !important;
}
video.wp-video-shortcode {
position: relative;
}
.mejs-mediaelement {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.mejs-overlay-play {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto !important;
height: auto !important;
}
.oau-wms-carousel .multi-media-para {
padding-top: 22px;
}
.oau-wms-carousel {
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0.11) 50%,
rgb(249, 249, 249) 50%
);
}
.oau-wsm-video {
margin-top: 80px;
margin-bottom: 80px;
}
.oau-campaign-quote .gutentor-container-cover {
padding: 20px 0px 20px 0px;
}
.oau-campaign-bg {
text-align: center;
}
.oau-campaign-bg .text-block {
padding-left: 20%;
padding-right: 20%;
}
.oau-campaign-bg .primary-green-button {
margin-top: 21px;
}
.oau-campaign-quote .home-additional-banner .gutentor-container-cover{
padding: 20px 0px 20px 0px !important;
}
.oau-campaign-quote .gutentor-container-cover .gutentor-text{
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-weight: bold !important;
font-size: 32px !important;
line-height: 38px !important;
}
.mktoFieldWrap input {
height: 35px;
background: #FFFFFF;
border: 1px solid #868686;
box-sizing: border-box;
border-radius: 6px;
}
.elementor-text-editor p a{
font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 18px !important;
line-height: 21px !important;
}
@media only screen and (max-width: 991px) and (min-width: 641px){
.wpblock-main-banner-inner,.inner-banner-image{height: 400px !important;}
}
@media only screen and (max-width: 640px){
.dark-header-without-container .wsm-top-banner {height: 400px !important;}
.inner-banner-image {
display: flex;
align-items: center;
background-position: center !important;
height: 100% !important;
width: 100% !important;
}
}
.btn-success {
background-color: #336114;
border-color: #336114;
border-radius: 6px;
padding: 14px 40px;
font-family: Oxfam TSTAR PRO;
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
}
.oau-right-form-widget{
padding-left: 67px;
padding-right: 250px;
padding-top: 60px;
padding-bottom: 40px;
}
.oau-right-form-widget h1{padding-bottom: 29px;}
.oau-right-form-widget p{padding-bottom: 32px;}
.oau-right-form-widget .mktoForm input[type="text"]{width:100% !important;}
.oau-right-form-widget .mktoForm .mktoFieldWrap .mktoLabel {
margin-bottom: 7px;
width: 100% !important;
margin-left: 0px !important;
}
.oau-right-form-widget .mktoForm {
width: 100% !important;
}
.oau-right-form-widget .mktoForm label#LblEmail {
width: auto !important;
margin-bottom: 7px;
width: 100% !important;
margin-left: 0px !important;
}
.oau-right-form-widget .mktoForm .mktoGutter {
display:none;
}
.oau-right-form-widget .mktoForm .mktoFieldWrap {
width: 100%;
}
.oau-right-form-widget .mktoForm .mktoFormRow:nth-of-type(3){
width: 100% !important;
}
.oau-right-form-widget .mktoForm .mktoFormRow:nth-of-type(3) .mktoFormCol {
width: 100% !important;
padding-right: 0px;
}
.oau-right-form-widget .mktoForm .mktoFieldWrap input {
height: 38px;
}
.oau-right-form-widget .mktoForm input[type="email"]{width:100% !important;}
.oau-right-form-widget .mktoForm .mktoFormRow:nth-of-type(4) .mktoFormCol{width: 100% !important;}
.oau-right-form-widget .mktoForm input[type="tel"]{
width: 100% !important;
}
.oau-right-form-widget .mktoForm .mktoFormCol{ margin-bottom: 5px !important;}
.oau-right-form-widget .mktoForm .mktoButtonRow{width: 100% !important;margin-top: 24px;}
.oau-right-form-widget .mktoForm .mktoButtonRow .mktoButtonWrap{margin-left: 0px !important;}
.oau-right-form-widget .mktoForm .mktoButtonWrap.mktoSimple .mktoButton{background: #336114;
border-radius: 6px;
padding: 14px 40px;
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 22px !important;
text-align: center;
text-transform: uppercase !important;
color: #FFFFFF;}
.oau-outer-grid-bg-wrap {
margin-top: 0px;
position: relative;
background: linear-gradient(180deg, rgba(51,97,20,1) 50%, rgba(255,255,255,1) 50%);
}
.oau-video-block-outer{margin-bottom:0 !important;}
.oau-bg-block-text{padding-top:80px;padding-bottom:80px;}
@media only screen and (min-width: 991px)
{
.oau-campaign-quote .grid-container{max-width: 1320px;}
.banner-para-text{
padding-left: 35%;
padding-right: 35%;
}
}
@media only screen and (min-width: 641px)
{
.wsm-company-tracker-row__column--responsive{display:none;}
.oau-right-form-widget .mktoForm .mktoFormRow {
clear: inherit;
width: 50% !important;
float: left;
}
.oau-right-form-widget .mktoForm .mktoFormRow:nth-of-type(2) .mktoFormCol{
margin-left: 20px;
}
.wsm-home-quote-mobile{display:none;}
}
@media only screen and (max-width: 640px)
{
.image2 {
width: 40%;
}
.oau-large-left-content .wp-block-cover {
padding-left: 15px;
padding-right: 15px;
}
.oau-outer-grid-bg-class .oau-large-left-content,
.oau-outer-grid-bg-class .oau-large-right-content
{flex-basis: 100% !important;max-width: 100% !important;}
.oau-outer-grid-bg-class .oau-left-grid-book{min-height: 360px !important;}
.oau-video-block-outer .oau-video-popRight{margin-left:0px !important;}
.oau-large-left-content .wp-block-cover h2{
font-size: 26px !important;
line-height: 31px;
}
.oau-large-left-content .wp-block-cover h2{ padding-top: 5px !important;}
.oau-large-left-content .wp-block-cover .primary-green-button {
margin-top: 15px !important;
}
.oau-video-block-outer .oau-video-popLeft .gutentor-image-thumb img {
width: 50%;
}
.oau-large-left-content .wp-block-cover p {
padding-top: 0px !important;
}
.oau-right-form-widget .mktoForm {
padding-left: 0px;
padding-right: 0px;
}
.oau-video-block-outer .gutentor-container-cover {
height: 400px;
}
#main .oau-video-block-outer .oau-video-popLeft {
flex-basis: 100% !important;
}
#main .oau-video-block-outer .oau-video-popRight {
flex-basis: 100% !important;
margin-left: 0px !important;
}
.oau-video-block-outer .gutentor-container-cover{height: 400px; }
.oau-video-block-outer .oau-video-popLeft{
flex-basis: 100% !important;
}
.oau-video-block-outer .oau-video-popRight{
flex-basis: 100% !important;
}
.oau-right-form-widget {
padding-left: 24px !important;
padding-right: 24px !important;
padding-top: 42px !important;
padding-bottom: 42px !important;
}
.oau-right-form-widget h1{
font-size: 26px !important;
line-height: 31px !important;
}
.oau-right-form-widget .mktoForm .mktoFormRow {
width: 100% !important;
}
.oau-right-form-widget .mktoForm .mktoFormCol {
float: left;
position: relative;
min-height: 2em;
width: 100%;
}
.oau-right-form-widget .mktoForm .mktoFormRow:nth-of-type(3) .mktoFormCol {
padding-right: 0px !important;
}
.oau-right-form-widget .mktoForm .mktoButtonWrap.mktoSimple .mktoButton{
width:100%;
}
.wpblock-paragraph .progress-text {
text-align: center;
}
.oau-large-left-content{order: 2;}
.oau-large-left-content .wp-block-cover {
border-right: 2px solid #336114;
}
.oau-bg-block-text {
padding-top: 36px;
padding-bottom: 6px !important;
font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 16px !important;
line-height: 19px !important;
text-align: center !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.oau-outer-grid-bg-class .container .container{padding-left: 0px !important;;padding-right: 0px !important;}
}
.oau-large-news-left-content .wp-block-cover{
height: 100% !important;
padding-left: 51px;
padding-right: 51px;
border-left: 2px solid #336114;
border-bottom: 2px solid #336114;
}
.date-block{
text-transform:uppercase;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
}
.wpblock-date-block{margin-bottom: 14px;}
.oau-news-page-head{ margin-top: 80px;}
.oau-custom-block .date-block{font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px;
text-transform: capitalize;}
.oau-custom-block .wpblock-date-block {
margin-bottom: 14px;
padding-top: 24px;
}
.oau-news-outer{
padding-left: 0px !important;
padding-right: 0px !important;
}
.oau-news-outer .primary-white_button{
margin-top: 14px;
}
.legend, .criteria {
padding: 20px;
border: 2px solid #F9F9F9;
margin-bottom: 20px;
}
.legend h4, .legend .h4 {
font-size: 1.5625rem;
}
.legend ul {
padding: 0px;
margin: 0px;
}
.legend li {
list-style: none;
display: inline-block;
}
.company-tracker-data{padding-top: 50px;}
.wsm-company-tracker {
margin-top: 2rem;
margin-bottom: 2rem;
}
#wsm-company-tracker-header {
line-height: 1.4em;
text-align: center;
}
.sticky.is-anchored {
position: relative;
right: auto;
left: auto;
}
.wsm-company-tracker-row--header {
background-color: #FFFFFF;
}
.wsm-company-tracker-row {
padding-top: 1rem;
padding-bottom: 1rem;
-webkit-box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.19);
margin-top: 1rem;
margin-bottom: 1rem;
border: 1px solid #EDEDED;
border-radius: 0.5rem; }
.wsm-company-tracker-row::before, .wsm-company-tracker-row::after {
display: table;
content: ' '; }
.wsm-company-tracker-row::after {
clear: both; }
.wsm-company-tracker-row--header {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
border-radius: 0; }
.has-tip {
position: relative;
display: inline-block;
border-bottom: none;
font-weight: inherit;
cursor: help;
}
.wsm-company-tracker-row--header .wsm-company-tracker-row__column {
display: block;
}
.wsm-company-tracker-row__column {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
.wsm-ct-header__tooltip {
padding-right: 1.875 rem;
background-repeat: no-repeat;
background-position: right center;
background-size: 1.25 rem auto;
/*background-image: url(img/company-tracker/information.svg);*/
}
.wsm-ct-header__title {
display: block;
font-size: 1.375rem;
font-weight: 700;
color: #000000;
line-height: 1.4;
text-align: center;
}
.wsm-company-tracker-row--header .wsm-company-tracker-row__column {
display: block;
}
.wsm-company-tracker-badge--green {
background-image: url(img/company-tracker/badges/green.svg);
}
.wsm-company-tracker-badge--yellow {
background-image: url(img/company-tracker/badges/yellow.svg);
}
.wsm-company-tracker-badge--red {
background-image: url(img/company-tracker/badges/red.svg);
}
.wsm-company-tracker-badge--none {
background-image: url(img/company-tracker/badges/na.svg);
}
.wsm-company-tracker-badge--action {
background-image: url(img/company-tracker/action-button.png);
cursor: pointer;
color: #05884A;
text-transform: uppercase;
font-weight: 700;
width: auto;
margin-left: auto;
margin-right: auto;
padding: 1.25rem 2.5rem;
background-size: auto 100%;
background-position: center center;
}
.wsm-company-tracker-badge{
height: 50px !important;
background-repeat: no-repeat;
text-align: center;
width: 65px;
background-color: transparent;
border: none;
cursor: pointer;
overflow: hidden;
outline: none;
}
.oau-campaign-quote .section-gm7128c7e{ background-position:center center;}
.oau-campaign-quote .section-g6c7bdc.gutentor-element-icon .gutentor-element-icon-box{
margin:0px;
}
.oau-campaign-quote p.gutentor-text{width:45%; margin-bottom:0px !important; line-height:42px !important;}
.oau-campaign-quote section#gm2bfff0f .grid-container{ padding-left:0px;}
.oau-campaign-quote .gutentor-container-cover{padding-bottom:1px !important;}
header .bg-dark {
margin-right: 0px !important;
margin-left: 0px !important;
}
@media only screen and (min-width: 1200px) {
.wp-block-columns.are-vertically-aligned-center.container.oau-wsm-video{
width:1212px !important;
}
}
.home-additional-banner .donate-now-btn{margin-top: 34px;}
.mobile-banner .wp-block-cover__inner-container{
position: absolute;
padding-bottom: 40px;
bottom: 0;}
@media only screen and (max-width: 991px) {
.wrap-banner-image{
margin-bottom:40px;
}
blockquote p{
font-size: 18px !important;
}
}
@media only screen and (min-width: 769px) {
.mobile-banner{display:none;}
#wsm-pledge-form label {
display: none;
}
}
.large-banner-image .container{padding-left:0px !important;padding-right:0px !important;}
.modal-content {
padding-top: 3rem;
padding-bottom: 3rem;
border-radius: 1rem !important;
z-index: 99;
}
.wsm-company-tracker-brand-dialog__action-text-container {
position: relative;
background-color: #FFFFFF;
border: 2px solid #05884A;
border-radius: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 1rem;
padding-bottom: 2rem;
margin-bottom: 1.5rem;
}
.wsm-company-tracker-brand-dialog__action-text-container::after {
content: '';
position: absolute;
top: 0.5rem;
left: 0.5rem;
width: 100%;
height: 100%;
z-index: -1;
border: 2px solid #05884A;
border-radius: 0.5rem;
}
.modal-dialog {
max-width: 700px !important;
}
.modal-body {
padding-right: 3.75rem !important;
padding-left: 3.75rem !important;
}
.modal-body .wsm-company-tracker-brand-dialog__lead-in{
font-weight: 500 !important;
font-size: 1.5rem !important;
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.wsm-company-tracker-brand-dialog__action-text {
min-height: 4.8rem;
margin-bottom: 0;
}
.company-tracker-table .fa-exclamation-circle{float:right;}
.wsm-company-tracker-brand-dialog__copy{
position: absolute;
right: 1rem;
bottom: 0.5rem;
padding-left: 1.25rem;
font-size: 0.875rem;
font-weight: 500;
text-decoration: underline;
text-transform: uppercase;
background-image: url(img/copy-to-clipboard.svg);
background-repeat: no-repeat;
background-position: 0% 50%;
background-size: auto 100%;
cursor: pointer;
}
body a:hover {
color: #336114;
}
.wsm-ctbd-cta .menu li{list-style: none;}
.wsm-ctbd-cta .menu{padding-left: 0rem;}
.wsm-ctbd-cta .menu a, .wsm-ctbd-cta .menu a:hover{
line-height: 1;
text-decoration: none;
display: block;
padding: 1rem .5rem;
cursor: pointer;
font-family: Oxfam TSTAR PRO;
color: #336114 !important;
}
.wsm-ctbd-cta img {
max-height: 2.875rem;
}
.table-responsive-stack tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.table-responsive-stack td,
.table-responsive-stack th {
display:block;
/*
flex-grow | flex-shrink | flex-basis */
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.table-responsive-stack .table-responsive-stack-thead {
font-weight: bold;
}
@media screen and (max-width: 768px) {
#wsm-pledge-form input::placeholder {
opacity: 0;
}
.table-responsive-stack tr {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: 3px solid #ccc;
display:block;
}
/* IE9 FIX */
.table-responsive-stack td {
float: left\9;
width:100%;
}
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
--bs-table-accent-bg: #fafafa !important;
}
#tableOne tr td{justify-content: center;}
.wsm-company-tracker-badge-title{position:relative;}
.wsm-company-tracker-badge-title::after{content: '';
position: absolute;
top: -8px;
right: 0;
bottom: 0;
width: 1.25rem;
background-image: url(img/information.svg);
background-size: 1.25rem;
background-repeat: no-repeat;
background-position: center center;
}
.wsm-company-tracker-badge-title:hover{cursor: help !important;}
/* Popover Body */
#tableOne>thead>tr{
border-bottom: none !important;
}
#tableOne>tbody>tr{
border-bottom: 2px solid rgba(219, 219, 219, 0.27) !important;
}
.page-template-page-company-tracker .container{
padding-left: 15px !important;
padding-right: 15px !important;
}
.wsm-tracker-content{padding-top:50px;}
.wsm-tracker-content li {
font-size: 16px !important;
}
.wsm-ct-header__title{font-family: 'Oxfam TSTAR PRO'!important; font-size:20px !important; padding-right:20px;}
p.wsm-ct-brand__sub-text{color: #949494; margin-top: 10px;font-family: 'Oxfam TSTAR PRO'!important;font-size: 0.875rem !important;}
#tableOne>tbody>tr {
border-bottom: 1px solid #EDEDED !important;
}
.table>:not(:last-child)>:last-child>* {
border-bottom-color: #fff !important; margin-bottom:15px;
}
.wsm-ct-brand {
text-align: center; margin-top:10px;
}
.modal-body .wsm-company-tracker-brand-dialog__lead-in{ line-height:29px !important; font-family: 'Oxfam TSTAR PRO'!important;}
.wsm-company-tracker-brand-dialog__action-text{ line-height:25px !important;font-family: 'Oxfam TSTAR PRO'!important;}
.pillar-blog-blocks
.piller-blog-block
.gutentor-dynamic-single-column
.wp-block-cover
img {
position: relative !important;
}
.pillar-blog-blocks
.piller-blog-block
.gutentor-dynamic-single-column
.wp-block-cover {
min-height: auto !important;
padding: 0px !important;
background-color: transparent;
}
.pillar-blog-blocks
.piller-blog-block
.gutentor-dynamic-single-column
.wp-block-cover
.wp-block-cover__inner-container {
position: absolute;
}
.content-right-empty .empty-col-space {
margin-left: 0em;
}
@media only screen and (max-width: 1199px) {
.oau-large-left-content .wp-block-cover .primary-green-button{padding: 14px 37px;}
.oau-large-left-content .wp-block-cover h2{padding-top:5px;}
.oau-large-left-content .wp-block-cover{min-height: 420px;}
.oau-large-left-content .wp-block-cover .primary-green-button{ margin-top:12px;}
}
@media only screen and (max-width: 992px) {
.oau-right-form-widget{padding-left:38px !important; padding-right:50px !important;}
.oau-video-popLeft .gutentor-container-cover {height:100% !important; height: 100% !important; display: flex !important; align-items: center;
justify-content: center;
}
.oau-campaign-quote p.gutentor-text{ width:100%;}
.wp-block-media-text{display:flex !important; grid-template-columns: unset !important; direction: unset !important;
}
.wp--horizontal-text-block-item .wp-block-media-text{display:table !important; grid-template-columns: unset !important; direction: unset !important;
}
}
@media only screen and (max-width: 991px) and (min-width: 641px){
.oau-video-popRight .oau-right-form-widget {
padding-left: 20px !important;
padding-right: 40px !important;
padding-top: 40px !important;
padding-bottom: 20px !important;
}
.dark-header-without-container .oau-campaign-quote .grid-container{
max-width: 100%;
padding-left: 0px;
padding-right: 0px;
}
}
@media only screen and (max-width: 991px){
/* company tracker start */
.dark-header-without-container .oau-campaign-bg {
height: auto;
}
.dark-header-without-container .oau-campaign-quote {
height: auto;
}
.dark-header-without-container .gutentor-container-cover{
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.navbar-dark .offcanvas-body {
align-self: initial;
padding-left: 50px;
}
.page-template-page-dark-header-php .menu-header .offcanvas{background: #336114;width: 60%;}
.wsm-company-tracker-legend .legend ul li{ font-size: 15px;}
.wsm-company-tracker-legend .legend{padding:15px;}
p.wsm-ct-brand__sub-text {
font-size: 15px !important;
margin-top: 10px;
}
.wsm-ct-header__title{font-family: 'Oxfam TSTAR PRO'!important; font-size:20px !important;}
/* company tracker end */
.oau-campaign-bg {
padding-bottom: 20px;
}
.oau-report-wrap{ padding-top:50px; padding-bottom:50px;}
.oau-campaign-quote .gutentor-container-cover .gutentor-text{ margin-bottom:15px !important;}
.section-ge510c9.gutentor-element-icon .gutentor-element-icon-box{margin:0px !important;}
.oau-large-left-content .wp-block-cover .primary-green-button { padding: 14px 21px;}
.oau-large-left-content .wp-block-cover{ padding-left:20px; padding-right:20px;}
.oau-large-left-content .wp-block-cover {
border-right: 2px solid #336114;
}
.oau-right-form-widget h1{line-height:51px !important;}
.oau-right-form-widget {
padding-left:30px !important;
padding-right:30px !important;
}
.oau-right-form-widget{padding-top:100px; padding-bottom:100px;}
.oau-large-left-content .wp-block-cover .primary-green-button, .oau-news-large-left-content{margin-top:17px;}
.oau-left-grid-book .primary-green-button{ padding:14px 26px;}
.oau-relation-image-textWrap{margin-left:100px !important;}
.oau-img-relationwrap{margin-bottom:60px !important;}
.oau-campaign-bg .text-block{padding:6% !important;}
}
@media only screen and (max-width: 782px){
.content-right-empty .content-col-space {
flex-basis: 100% !important;
}
.content-right-empty .empty-col-space {
display: none !important;
}
.wp-block-columns.oau-about-two-blocks-container.container {
display: block;
}
.oau-bg-block-text{ font-size:22px !important;}
.oau-report-wrap{ padding-bottom:45px; padding-top:45px;}
.oau-outer-grid-bg-wrap{ padding-bottom:15px;}
.oau-large-left-content .wp-block-cover{ min-height:338px;}
.oau-large-left-content .wp-block-cover{ text-align:center;}
.wp-block-column.is-vertically-aligned-center.oau-relation-image-textWrap{ margin-top:50px;}
.wp-block-column.oau-report-block {
width: 100% !important;
flex-basis: 100% !important;
flex-grow: 0;
}
.oau-report-block:nth-child(2){ margin-left:0px !important; margin-right:0px !important;}
.oau-report-block:nth-child(1){
margin-right:0px !important;
margin-bottom:25px;
}
.wp-block-columns.container.oau-img-relationwrap {
flex-basis: 100% !important;
width: 100% !important;
flex-grow: 0 !important;
display: block;
}
.oau-relation-image-textWrap{ margin-left:0px !important;}
.wp-block-column.oau-large-left-content {
flex-basis: 100% !important;
display: block;
order:2;
}
.wp-block-column.news-large-right-banner.oau-large-right-content{flex-basis:100% !important; display:block; order:1;}
.home-subscription-form .wp-block-media-text { display:block !important;text-align:center; }
.home-subscription-form .wp-block-media-text img{max-width:250px;.}
}
@media only screen and (max-width: 768px){
/* company tracker start */
#tableOne>:not(caption)>*>*{ box-shadow:none !important;}
#tableOne tr td{justify-content:left;}
.company-tracker-table td {
border-bottom: solid 1px #f3f1f1;
}
.company-tracker-table tr{ border-radius:3px; margin-bottom:20px;box-shadow: 0px 1px 8px 2px #cccccc6b;}
.table-responsive-stack .table-responsive-stack-thead{ font-weight:normal;}
span.table-responsive-stack-thead{width:85%;}
td.d-flex.align-items-center.wsm-action-popup{ width:225px;}
/* company tracker end */
}
@media only screen and (max-width: 640px){
/* Dec 16 2021*/
.page-template-page-pillar-without-container .wrap-banner-image .wp-block-group__inner-container .wp-block-columns {
padding-left: 15px !important;
padding-right: 15px !important;
}
.mobile-banner .wp-block-cover__inner-container {
padding-bottom: 10px !important;
}
.donate-banner-wrap .wp-block-cover__image-background {
display: none !important;
}
.donate-banner-wrap .wp-block-cover__gradient-background{
display: none !important;
}
.donate-banner-wrap .elementor-63089 .elementor-element.elementor-element-9ee21a8 > .elementor-element-populated > .elementor-widget-wrap{padding: 30px 0px 20px 0px;}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text{display: block !important;}
/* End Dec 16 2021*/
/* Dec 17 2021*/
.inner-top-section .inner-top-content h5{font-size: 18px !important;}
.news-thumbColumn .wp-block-columns .wp-block-column{flex-basis: 50% !important;}
.news-thumbColumn .wp-block-columns .wp-block-column:nth-child(2n) {
margin-left: 0em !important;
}
.news-thumbColumn .wp-block-columns .wp-block-column figure{
padding-right: 16px !important;
margin-bottom: 10px;
}
.news-thumbColumn .wp-block-columns .wp-block-column {
margin-bottom: 0px;
}
.news-thumbColumn .wp-block-columns{margin-bottom: 0em;}
.banner-menu{padding-bottom:50px;}
/* End Dec 17 2021*/
.oau-bg-block-text{ line-height:30px !important;}
.oau-report-wrap h2{ padding-bottom:20px !important;}
footer .footer-logos .logo-section{border-top: solid 1px #fff; padding-top: 15px;}
.oau-video-popLeft .gutentor-container-cover{height:500px !important;}
.oau-right-form-widget h1{line-height:32px !important;}
.oau-video-popRight .oau-right-form-widget p{ margin-bottom:0px !important;}
.oau-video-popRight .oau-right-form-widget .wp-block-column.is-vertically-aligned-center{}
.wp-block-cover.has-white-background-color.has-background-dim.oau-left-grid-book{ text-align:center;}
.oau-outer-grid-bg-wrap{ padding-bottom:32px;}
.wp-block-column.is-vertically-aligned-center.oau-relation-image-textWrap{ margin-top:50px;}
.section-g15e5de.gutentor-element-icon .gutentor-element-icon-box{margin:0px;}
.oau-campaign-quote .gutentor-container-cover .gutentor-text{font-size:25px !important; line-height:29px !important;}
.oau-report-wrap{padding-top:30px; padding-bottom:50px;}
.oau-update-wrap h2{ padding-bottom:30px;}
.oau-campaign-bg .text-block{padding-top:100px !important;padding-bottom: 16px !important;}
.oau-relation-image-textWrap{margin-left:0px !important;}
.oau-campaign-quote p.gutentor-text{width:100% !important; font-size: 17px !important;
line-height: 25px !important;}
.section-ge510c9.gutentor-element-icon .gutentor-element-icon-box{ font-size:26px;}
.oau-campaign-quote .gutentor-container-cover{ margin-bottom:0px !important; margin-top:0px !important;}
.wsm-home-quote-desk{display:none;}
.wsm-home-quote-mobile{position:relative;}
.col-split {
width: 50% !important;
}
}
@media only screen and (max-width: 360px){
.oau-large-left-content .wp-block-cover .primary-green-button{ font-size:16px !important;}
.oau-report-wrap h2 {
padding-bottom: 18px;
}
.oau-large-left-content .wp-block-cover .primary-green-button {padding: 14px 21px !important;}
.oau-report-block .donate-now-btn a{padding: 14px 18px; font-size:16px !important;}
.oau-campaign-quote .donate-now-btn a{padding: 14px 18px; font-size:16px !important;}
}
#wsm-pledge-form input[type=text],#wsm-pledge-form input[type=email]{
background: #FFFFFF;
border: 1px solid #868686;
box-sizing: border-box;
border-radius: 6px;
height: 40px;
margin: 8px 0px;
padding-left: 10px;
}
.wsm-fm-fname,.wsm-fm-lname,.wsm-fm-email{
width: 100%;
padding-left: 10px;
}
.wsm-fm-email {
width: 100%;
background: #FFFFFF;
border: 1px solid #868686;
box-sizing: border-box;
border-radius: 6px;
height: 48px;
margin: 8px 0px;
}
#wsm-pledge-form button{
display: inline-block;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 14px 40px;
background: #336114;
border-radius: 6px;
font-family: Oxfam TSTAR PRO !important;
font-style: normal;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 22px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
color: #FFFFFF !important;
border: none;
margin-top: 20px;
margin-bottom: 20px;
}
#wsm-pledge-form p{
padding-bottom: 0px !important;
font-size: 16px;
line-height: 19px;
text-align: center;
padding-top: 20px;
/* Oxfam AAA Green */
color: #336114;
}
.page-template-page-dark-header-php .menu-header .canvas-menu-icon {
color: #fff;
}
.ox-au-banner-mobile{position:relative;}
.oau-banner-mobile-content{
position: absolute;
bottom: 0;
}
input.wsm-fm-pcode {
width: 100%;
}
input.wsm-fm-pne {
width: 100%;
}
.oau-right-form-widget .tabs {
display: none;
}
.oau-right-form-widget .tabs-panel {
display: none;
padding: 0;
}
.oau-right-form-widget .tabs-panel.is-active {
display: block;
}
#wsm-pledge-facebook-share,#wsm-pledge-twitter-share{
color: #fff;
text-transform: uppercase;
text-decoration: none;}
@media only screen and (max-width: 1200px) {
.oau-right-form-widget {
padding-left: 40px !important;
padding-right: 40px !important;
}
.oau-video-popRight h1 {
font-size: 36px !important;
}
}
@media only screen and (min-width: 1200px) {
.oau-video-popRight h1{font-size: 42px !important;}
}
@media only screen and (max-width: 640px) {
/* Dec 16 2021*/
.page-template-page-pillar-without-container
.wrap-banner-image
.wp-block-group__inner-container
.wp-block-columns {
padding-left: 15px !important;
padding-right: 15px !important;
}
.mobile-banner .wp-block-cover__inner-container {
padding-bottom: 10px !important;
}
.donate-banner-wrap .wp-block-cover__image-background {
display: none !important;
}
.donate-banner-wrap .wp-block-cover__gradient-background {
display: none !important;
}
.donate-banner-wrap
.elementor-63089
.elementor-element.elementor-element-9ee21a8
> .elementor-element-populated
> .elementor-widget-wrap {
padding: 30px 0px 20px 0px;
}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text {
display: block !important;
}
/* End Dec 16 2021*/
/* Dec 17 2021*/
.inner-top-section .inner-top-content h5 {
font-size: 18px !important;
}
.news-thumbColumn .wp-block-columns .wp-block-column {
flex-basis: 50% !important;
}
.news-thumbColumn .wp-block-columns .wp-block-column:nth-child(2n) {
margin-left: 0em !important;
}
.news-thumbColumn .wp-block-columns .wp-block-column figure {
padding-right: 16px !important;
margin-bottom: 10px;
}
.news-thumbColumn .wp-block-columns .wp-block-column {
margin-bottom: 0px;
}
.news-thumbColumn .wp-block-columns {
margin-bottom: 0em;
}
.banner-menu {
padding-bottom: 50px;
}
/* End Dec 17 2021*/
.oau-video-block-outer .oau-video-popRight .oau-right-form-widget {
padding-right: 20px !important;
}
.modal-content {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.modal-dialog .modal-body {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
padding-top: 30px;
}
.modal-body p.wsm-company-tracker-brand-dialog__lead-in {
font-size: 18px !important;
line-height: 1.2em !important;
}
}
.mobile-banner .text-block {
padding-bottom: 0px !important;
}
.dark-header-without-container .oau-campaign-bg {
margin-top: 80px;
}
#tableOne th{
display: flex;
justify-content: center;
align-items: center;
}
#tableOne th:last-child > .wsm-ct-header__title{
color:#336114;
}
.modal-content .close{
font-weight: 900;
text-align: right;
font-size: 40px;
text-decoration: none;
padding-right: 60px;
position: absolute;
right: 0;
cursor: pointer;
z-index: 999;
top: 0;
}
.oxfam-top-head-left .top-header .top-link{margin: 0 0 0 0px !important;}
.btn-success,.emrg-update .btn-success {
color: white !important;
text-decoration: none !important;
display: inline-block;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 14px 40px !important;
background: #336114 !important;
border-radius: 6px !important;
font-family: Oxfam TSTAR PRO !important;
font-style: normal;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 22px !important;
text-decoration: none;
text-align: center;
text-transform: uppercase;
color: #FFFFFF !important;
margin: 0px 10px;
border-color: #336114 !important;
}
.elementor-button{
text-decoration: none !important;
display: inline-block !important;
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
padding: 14px 40px !important;
background: #336114 !important;
border-radius: 6px !important;
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 22px !important;
text-decoration: none;
text-align: center;
text-transform: uppercase !important;
color: #FFFFFF !important;
margin: 0px 10px;
border-color: #336114 !important;
}
.elementor-button span .elementor-button-text {
text-decoration: inherit;
font-family: Oxfam TSTAR PRO !important;
font-style: normal !important;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 22px !important;
text-decoration: none;
text-align: center;
text-transform: uppercase !important;
}
.btn-success:hover {
background-color: #336114 !important;
border-color: #336114 !important;
}
.btn-check:active+.btn-success:focus, .btn-check:checked+.btn-success:focus, .btn-success.active:focus,
.btn-success:active:focus, .show>.btn-success.dropdown-toggle:focus {
box-shadow: none !important;
}
.elementor-page .elementor-element-acc2d30 .elementor-button-link .elementor-button-text, .elementor-page .elementor-element-92e7d60 .elementor-button-link .elementor-button-text, .elementor-page .elementor-element-642175b .elementor-button-link .elementor-button-text {
color: #fff !important;
}
/*Sngle WSM Story */
.wsm-story-single-banner {
margin-top: 0px;
position: relative;
background: linear-gradient(
180deg,
rgb(51, 97, 20) 100%,
rgb(255, 255, 255) 100%
);
height: 500px;
}
.wsm-story-single-banner-image {
position: absolute;
z-index: 999;
text-align: center;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: 200px;
}
/* Dec 17 2021*/
.wpblock-date-block .date-block {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px;
text-transform: capitalize;
}
.pillar-climate-block h3 {
color: #FFFFFF !important;
font-size: 32px !important;
}
.home-subscription-form .home-MkForm p a {
font-size: 13px !important;
}
@media only screen and (max-width: 1400px) and (min-width: 583px) {
.pillar-blog-inner-container{
padding-right: 40px !important;
padding-left: 40px !important;
}
}
@media only screen and (min-width: 1400px) {
.pillar-blog-blocks .piller-blog-block .grid-container{
max-width: 1320px;
padding-right: 0px;
padding-left: 0px;
}
}
@media only screen and (max-width: 991px) {
.banner-img-credit-data .box-content-pop {
display: none !important;
}
}
@media only screen and (max-width: 960px) and (min-width: 583px) {
/*.pillar-blog-inner-container .grid-container{
max-width: 950px !important;
padding-right: 40px;
padding-left: 40px;
}*/
.pillar-blog-inner-container .grid-container{
max-width: 950px !important;
padding-right: 0px;
padding-left:0px;
}
}
@media only screen and (max-width: 582px) {
.pillar-blog-inner-container {
padding-right: 24px !important;
padding-left: 24px !important;
}
/*
.pillar-blog-inner-container {
padding-right: 0px !important;
padding-left: 0px !important;
}*/
}
.piller-blog-block .gutentor-element-image .gutentor-image-thumb img{width:100%;}
.pillar-blog-blocks .piller-blog-block .gutentor-dynamic-single-column .wp-block-cover img{
position: relative !important;
}
.pillar-blog-blocks .piller-blog-block .gutentor-dynamic-single-column .wp-block-cover {
min-height: auto !important;
padding: 0px !important;
background-color: transparent;
}
.pillar-blog-blocks .piller-blog-block .gutentor-dynamic-single-column .wp-block-cover .wp-block-cover__inner-container{
position: absolute;
}
/* End Dec 17 2021*/
/* Start Feb 2 2022*/
@media only screen and (min-width: 991px) {
.banner-form-resposive-box .home-banner-text{padding-right: 20px;}
}
@media only screen and (max-width: 991px) {
.large-banner-image .home-additional-banner{flex-basis: 50% !important;}
.inner-fullWidth-content{width : 100% !important;}
}
@media only screen and (max-width: 780px) and (min-width: 680px) {
.ox-au-banner-desk .wp-block-cover__inner-container .wp-block-column:nth-child(2n) {
margin-left: 0em !important;;
}
}
@media only screen and (min-width: 1199px) {
.ox-au-banner-desk .wp-block-cover__inner-container .wp-block-column:not(:first-child) {
margin-left: 1.5em !important;
}
}
@media only screen and (max-width: 1199px) and (min-width: 991px){
.ox-au-banner-desk .wp-block-cover__inner-container .wp-block-column {
flex-basis: 100% !important;
}
.ox-au-banner-desk .wp-block-cover__inner-container .wp-block-column:not(:first-child) {
margin-left: 2em !important;
}
}
@media only screen and (max-width: 992px) and (min-width: 781px){
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text__media img {
width: auto !important;
}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text__media {text-align: center;}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text .wp-block-media-text__content{text-align: center;}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text {
width: 100%;
}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text p {
font-size: 16px;
padding-top: 6px;
}
.pillar-gey-bg-section .pillar-grey-block-wrap .wp-block-column {
margin-left: 1em;
}
.news-thumbNail .news-thumbColumn{
flex-basis: 100% !important;
flex-grow: 0;
display: block;
}
.news-thumbNail .news-thumbColumn .wp-block-columns{
display: inline-block;
width: 100%;
max-width: 100%;
}
.news-thumbNail .news-thumbColumn .wp-block-columns .wp-block-column:not(:first-child) {
margin-left: 0em;
}
}
@media only screen and (max-width: 780px) and (min-width: 600px){
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text {
width: 100% !important;
min-height: 150px !important;
}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text__media img {
width: auto !important;
}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text__media {text-align: center;}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text .wp-block-media-text__content{text-align: center;}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text p {
padding-top: 6px;
}
.pillar-grey-block-wrap .wp-block-column.is-vertically-aligned-center {
flex-basis: 48% !important;
margin-left: 0px;
margin-right: 0px;
}
.pillar-grey-block-wrap .wp-block-column:nth-child(2n) {
margin-left: 2%;
}
.pillar-grey-block-wrap {
padding-top: 0px !important;
margin-bottom: 0em !important;
}
}
@media only screen and (max-width: 600px) {
.pillar-grey-block-wrap {
padding-top: 0px !important;
margin-bottom: 0em !important;
}
.page-template-sidebar .entry-content .news-large-right-banner img {
padding-top: 0px;
padding-bottom: 0px;
}
.page-template-sidebar .entry-content .news-large-left-content img {
padding-top: 0px;
padding-bottom: 0px;
}
.page-template-sidebar .entry-content .news-thumbColumn img {
padding-top: 0px;
padding-bottom: 0px;
}
.news-thumbColumn .wp-block-columns .wp-block-column figure {
padding-right: 16px !important;
margin-bottom: 5px;
}
.news-thumbColumn .wp-block-columns .wp-block-column:nth-child(2n) {
flex-basis: 70% !important;
padding-left: 10px;
}
.news-thumbColumn .wp-block-columns .wp-block-column:first-child {
flex-basis: 30% !important;
}
}
@media only screen and (max-width: 640px) {
.page-template-page-sidebar-container-banner-right .page-template-sidebar .entry-content img {height: 100% !important;}
.page-template-page-sidebar-container-banner-right .page-template-sidebar .entry-content .banner-img-credit-data {
min-height: 250px;
}
}
@media only screen and (max-width: 400px) {
.page-template-sidebar .entry-image img {
/*aspect-ratio: 6/4.5;*/
aspect-ratio: 10/4.5;
}
.pillar-grey-block-wrap .wp-block-media-text__media img, .pillar-grey-block-wrap .wp-block-media-text__media video {
width: auto !important;
}
.pillar-grey-block-wrap .wp-block-column {
margin-bottom: 0px;
margin-top: 0px;
}
.pillar-grey-block-wrap {
padding-top: 0px !important;
margin-bottom: 0em !important;
}
}
@media only screen and (max-width: 991px) and (min-width: 641px){
.top-ox-donate a {
padding: 12px 20px 12px 20px;
font-size: 16px !important;
}
}
@media only screen and (max-width: 991px) and (min-width: 781px){
.logged-in .ubermenu-responsive-toggle-fixed {
top: 110px !important;
}
}
@media only screen and (max-width: 780px) and (min-width: 640px){
.logged-in .ubermenu-responsive-toggle-fixed {
top: 120px !important;
}
}
@media only screen and (max-width: 991px) and (min-width: 740px){
.top-ox-donate {
display: block !important;
}
}
@media only screen and (max-width: 740px) and (min-width: 640px){
.top-ox-donate {
display: block !important;
margin-right: 50px;
}
}
@media only screen and (max-width: 640px) and (min-width: 480px){
.ubermenu-responsive-toggle-fixed {
top: 20px !important;
}
.logged-in .ubermenu-responsive-toggle-fixed {
top: 70px !important;
}
}
@media only screen and (max-width: 480px) {
/*.ubermenu-responsive-toggle-fixed {
top: 15px !important;
}*/
.logged-in .ubermenu-responsive-toggle-fixed {
top: 55px !important;
}
}
.page-template-page-sidebar-container-banner-right .page-template-sidebar .entry-content img{padding-top: 0px;padding-bottom: 0px;margin-top: 10px;}
@media only screen and (min-width: 1199px){
.page-template-page-sidebar-container-banner-right .page-template-sidebar .entry-content .embed-youtube iframe {
}
}
.hide-toolTip{display:none !important;}
.box-content-pop{
position: absolute;
padding: 10px 48px 10px 15px;
right: 0px;
top: 0px;
background: rgba(51,51,51,.8);
z-index: 999;
}
.box-content-pop p{
color: #fff !important;
font-size:13px !important;
margin-bottom: 0rem;
}
.hide-pop{
display:none;
}
.show-pop{
display:block; /* P.S: Use `!important` if missing `#content` (selector specificity). */
}
.jetpack-video-wrapper {
margin-bottom: 1.6em;
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.page-template-page-sidebar-container-banner-right .page-template-sidebar .entry-content .embed-youtube iframe{
position: absolute;
top: 0px;
left: 0px;
width: 100% !important;
height: 100% !important;
}
.card-wrap .card-img-left-md img {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
object-fit: contain;
height: 100%;
width: 100%;
}
@media only screen and (max-width: 767px) {
body .site-content .landing-custom-data p strong, body .site-content .landing-custom-data p a {
font-size: 20px !important;
}
.pillar-without-container h3 strong {
font-size: 24px !important;
}
.page-id-66330 .pillar-without-container h3 {
font-size: 24px !important;
}
}
@media only screen and (max-width: 991px){
.ox-au-banner-desk-on{display:none !important;}
.make-will-container .grid-container {
max-width: 950px !important;
padding-left: 40px !important;
padding-right: 40px !important;
}
body .site-content .landing-custom-data p a {
font-size: 20px !important;
}
}
@media only screen and (max-width: 640px){
.make-will-container .grid-container{
padding-left: 24px !important;
padding-right: 24px !important;
}
}
/* Karthika March 30 2022*/
.wp-help-wrap .wp-image-col-wrap h4{
font-style: normal !important;
font-weight: bold !important;
font-size: 24px !important;
line-height: 29px !important;
}
.wp-help-wrap .wp-image-col-wrap h4 {
min-height: 70px;
padding-top: 18px;
padding-bottom: 10px;
}
.wp-help-wrap .wp-image-col-wrap img {
padding-top: 0px;
padding-bottom: 0px;
}
.navbar-dark .ox-site-logo img {
max-width: fit-content;
}
.wsm-head .oxfam-top-head-left .top-link {
margin: 0 0 0 1px !important;
}
.bg-dark .navbar-expand-lg {
padding-bottom: 0rem;
}
@media only screen and (max-width: 991px) {
.wsm-head .menu-header .canvas-menu-icon {
font-size: 2.2rem;
}
.wsm-head .menu-header .canvas-menu-icon .fa-bars {
color: #fff;
}
}
.img-outer {
width: 100%;
height: auto;
position: relative;
}
.img-outer img {
width: 100%;
height: auto;
}
.box-content-pop {
position: absolute;
padding: 10px 48px 10px 15px;
right: 0px;
top: 0px;
background: rgba(51, 51, 51, 0.8);
z-index: 999;
}
.box-content-pop p {
color: #fff !important;
font-size: 13px !important;
margin-bottom: 0rem;
}
.hide-pop {
display: none;
}
.show-pop {
display: block; /* P.S: Use `!important` if missing `#content` (selector specificity). */
}
/*Ashwin & Rahul 10/3/2021-*/
/*.single-post p { font-size: 18px; line-height: 26px !important; }*/
.single-post .post-thumbnail img {
margin-bottom: 10px;
}
.single-post h3{
margin-bottom: 24px !important;
margin-top: 24px !important;
}
.single-post .content-area{
padding-bottom: 50px !important;
}
.breadcrumbs li:after{margin-left: 1px;}
#content li{margin-right: 8px;}
/*---14th March */
.page-template-template-issue-detail p {
font-size: 18px !important;
line-height: 26px !important;
}
.page-template-template-issue-detail ul li {
font-size: 18px !important;
line-height: 24px !important;
}
.page-template-template-issue-detail ul {
margin-top: 20px;
}
.page-template-template-issue-detail #content li {
padding-bottom: 15px;
}
.page-template-template-issue-detail .entry-content iframe{margin-top:24px !important;}
.page-template-template-issue-detail .entry-content .vp-center{ justify-content:left !important;}
.page-template-default h3{margin-bottom:24px !important;}
.page-template-default .wp-block-quote{margin-top:21px !important; margin-bottom:53px !important;}
@media only screen and (max-width: 991px) {
/*.single-post h1 {line-height: 52px !important;}
.single-post p { font-size: 16px !important; line-height: 24px !important;}*/
}
@media only screen and (max-width: 640px) {
/*.single-post h1 {line-height: 40px !important;}
.single-post p { font-size: 15px !important; line-height: 22px !important;}*/
}
/*---16th March */
@media screen and (max-width: 1024px) and (min-width: 641px){
.home-about-outer p{font-size:22px !important;}
.about-container-block p{font-size:16px !important;}
h3{font-size:30px !important; line-height:36px !important;}
.climate-block-bg .wp-block-cover__inner-container h2{font-size:36px !important;}
h4, .h4{font-size:24px !important;}
.home-additional-banner h2{line-height:42px !important;}
}
@media screen and (max-width:752px) {
.climate-block-bg .wp-block-cover__inner-container h2{line-height:36px !important;}
}
@media screen and (max-width:640px) {
h3{font-size:24px !important;line-height: 28.8px !important;}
.home-about-outer p {font-size: 15px !important;line-height: 20px !important;}
.home-about-4blocks {
font-size: 20px !important;
}
.resposive-about-block .wp-block-column p {
line-height: 20px !important;
font-size: 15px !important;
}
}
/*karthika's changes march 18/2022*/
.section-contents {
width: 100%;
float: left;
padding: 10px;
}
.image-card {
width: 100%;
}
.image-card img {
width: 100%;
}
.image-content-part p {
font-size: 18px;
line-height: 24px;
margin-bottom: 30px;
}
.image-content-part {
float: left;
margin-top: 15px;
width: 100%;
}
.image-content-part a {
background-color: #336114;
padding: 10px;
text-align: center;
color: #ffff;
text-decoration: none;
}
/*End karthika's changes march 18/2022*/
/*22 march 2022 Ashwin and RahUl */
/*.wp-block-columns.are-vertically-aligned-center.pillar-grey-block-wrap{margin-bottom:2px !important;}*/
.wp-block-columns.are-vertically-aligned-center.pillar-grey-block-wrap {
margin-bottom: 24px !important;
}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text{margin-bottom:0px !important;}
#rank-math-faq .rank-math-question {font-size:16px;}
#rank-math-faq .rank-math-question::after{font-size:24px !important;color: #336114!important;}
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{border-bottom:solid 2px #fff;}
.wp-block-columns.outer-grid-bg-wrap{margin-bottom:0px !important;}
.wp-block-column.outer-grid-bg-class .wp-block-columns{margin-bottom:26px !important;}
@media only screen and (max-width: 1024px) and (min-width: 768px){
.piller-blog-block .gutentor-container-cover{min-height:198px !important;}
}
@media only screen and (max-width: 767px){
.piller-blog-block .gutentor-container-cover{min-height:260px !important;}
.pillar-grey-block-wrap {
grid-template-columns: repeat(2,minmax(0,1fr));
}
}
@media only screen and (max-width:535px){
nav#ubermenu-main-938-main-menu-2{position:absolute; top:94px;}
}
@media only screen and (max-width:466px){
nav#ubermenu-main-938-main-menu-2{position:absolute; top:88px;}
}
@media only screen and (max-width:400px){
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text{margin-bottom:24px !important;}
}
@media only screen and (max-width:388px){
nav#ubermenu-main-938-main-menu-2{position:absolute; top:74px;}
}
@media only screen and (max-width:301px){
nav#ubermenu-main-938-main-menu-2{position:absolute; top:68px;}
}
/* karthika's changes march 23/2022*/
@media only screen and (max-width: 780px) and (min-width: 600px){
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text {
width: 100% !important;
min-height: 150px !important;
}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text__media img {
width: auto !important;
}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text__media {text-align: center;}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text .wp-block-media-text__content{text-align: center;}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text p {
padding-top: 6px;
}
.pillar-grey-block-wrap .wp-block-column.is-vertically-aligned-center {
flex-basis: 48% !important;
margin-left: 0px;
margin-right: 0px;
}
}
@media only screen and (max-width: 400px){
.pillar-grey-block-wrap .wp-block-media-text__media img, .pillar-grey-block-wrap .wp-block-media-text__media video {
width: auto !important;
}
}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text {
margin-bottom: 20px;
}
/*End karthika's changes march 23/2022*/
/* 24th march */
.wp-block-columns .wp-image-text-wrap h4 {
margin-top: 5px !important;
margin-bottom: 18px !important;
}
@media only screen and (max-width: 780px){
.entry-content .home-subscription-form .wp-block-column:not(:only-child) {flex-basis: 100% !important;}
.wp-block-columns.are-vertically-aligned-center.pillar-grey-block-wrap{padding-top:0px;}
.wp-block-columns .pillar-container .pillar-grey-block-wrap:nth-child(2){padding-top:25px !important;}
}
@media only screen and (max-width: 640x){
.ox-au-banner-mobile .pillar-container .wp-block-column {padding: 0px 20px;}
}
@media only screen and (max-width: 400px) {
.pillar-grey-block-wrap .wp-block-column{margin-bottom:0px;}
.pillar-grey-block-wrap .wp-block-media-text__content p{min-height:40px !important;}
}
.wpblock-box-image-text .caption h4 {
margin-top: 15px;
margin-bottom: 20px;
}
#donnate-priceForm .elementor-field-type-number > input{margin-left:0px !important;}
#donnate-priceForm .elementor-button[type="submit"]{margin-left:0px !important; margin-right:4px !important;}
.elementor-button span .elementor-button-text{line-height:14px !important;}
/*image height propotion*/
.news-thump-imge{position:relative; width:100%;}
.news-thump-imge:after{content: ""; display:block; padding-bottom: 100%;}
.news-thump-imge img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position:center;}
/*karthika's changes march 25/2022*/
.wp-column-news-Outergrid{
display: grid;
grid-template-columns: 33.33% 33.33% 33.33%;
}
.wp-column-news-grid{
margin-left: var(--wp--style--block-gap,1em);
margin-right: var(--wp--style--block-gap,1em);
}
.wp-column-news-grid:nth-child(1){
margin-left: var(--wp--style--block-gap,1em);
margin-right: var(--wp--style--block-gap,1em);
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-column-news-grid:not(:first-child) {
margin-left: var(--wp--style--block-gap,1em);
}
@media only screen and (max-width: 860px){
.wp-column-news-Outergrid{
display: grid;
grid-template-columns: 50% 50% !important;
}
}
@media only screen and (max-width: 540px){
.wp-column-news-Outergrid{
display: grid;
grid-template-columns: 100% !important;
}
}
@media only screen and (max-width: 1200px){
.oau-news-outer {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
.oau-news-outer .oau-large-news-left-content{
flex-basis: 100%;
width: 100%;
max-width: 100%;
order: 2;
}
.oau-news-outer .oau-large-news-right-content{
flex-basis: 100%;
width: 100%;
max-width: 100%;
order: 1;
}
.oau-news-outer .oau-large-news-right-content .gutentor-element-image-box,
.oau-news-outer .oau-large-news-right-content .gutentor-element-image-box img{
width:100%;
}
}
/*End karthika's changes march 25/2022*/
/*28-03-2022*/
/*home marketo section margin arrangement*/
/*home marketo section margin arrangement end*/
.wp-block-column.news-thumbColumn .wp-block-columns{margin-bottom:0px !important;}
.wp-block-columns.wp-image-text-wrap.wp-help-wrap .wp-image-col-wrap {
margin-top: 25px !important;
}
.wp-block-columns.wp-image-text-wrap.wp-help-wrap {padding-top: 0px!important;}
.wp-block-columns.wp-image-text-wrap.wp-help-wrap .wp-image-col-wrap{margin-bottom:30px; margin-top:0px!important;}
@media only screen and (min-width: 1024px){
.wp-block-columns.home-subscription-form.container {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
}
@media only screen and (max-width: 1024px){
.wp-block-columns.home-subscription-form.container {
margin-top: 64px !important;
margin-bottom: 64px !important;
}
}
@media only screen and (max-width: 768px){
.wp-block-columns.home-subscription-form.container {
margin-top: 42px !important;
margin-bottom: 42px !important;
}
}
@media only screen and (max-width:1399px){
.wp-help-wrap .wp-image-col-wrap .primary-green-button{padding:14px!important;}
}
@media only screen and (max-width:1199px){
.wp-help-wrap .wp-image-col-wrap .primary-green-button{padding:8px!important;}
}
@media only screen and (max-width: 945px) and (min-width: 782px){
#content .wp-help-wrap .wp-image-col-wrap .primary-green-button a {
font-size: 14px !important;
margin: 0px 6px;
}
}
.wp-block-pullquote p:before {
content: '“';
padding-right: 5px;
font-size: 24px !important;
color: #336114 !important;
}
.wp-block-pullquote p:after{content: '“'; padding-left:5px; color: #336114 !important; }
.wp-block-pullquote blockquote { content:none !important;}
blockquote:after {
content: '' !important;
}
.wp-block-quote p:before{
content: open-quote !important;
padding-right: 5px;
font-size: 24px !important;
color: #336114 !important;
}
.wp-block-quote p:after{
content: close-quote !important;
padding-left:5px;
color: #336114 !important;
}
@media only screen and (max-width: 1200px){
.wp-block-column.outer-grid-bg-class .wp-block-columns{margin-bottom: 9px !important;}
.wp-block-columns.news-thumbNail{margin-bottom:0px !important;}
}
@media only screen and (max-width: 640px){
.wp-block-column.outer-grid-bg-class .wp-block-columns{margin-bottom: 0px !important;}
.home-main-banner .donnate-form-home{margin-top:0px !important;}
}
@media only screen and (max-width:480px){
.wp-block-column.is-vertically-aligned-center.home-MkForm{padding-left:0px !important; padding-right:0px !important;}
}
/*karthika's changes march 30/2022*/
#wsm-pledge-form__tab-pledge .mktoForm .mktoFormRow {
clear: inherit;
width: 100% !important;
float: left;
}
#wsm-pledge-form__tab-pledge .mktoForm .mktoFormRow:nth-child(5),
#wsm-pledge-form__tab-pledge .mktoForm .mktoFormRow:nth-child(6) {
clear: inherit;
width: 48% !important;
float: left;
}
#wsm-pledge-form__tab-pledge .mktoForm .mktoFormRow:nth-child(5){margin-right:2%;}
#wsm-pledge-form__tab-pledge .mktoForm .mktoFormRow:nth-child(6){margin-left:2%;}
#wsm-pledge-form__tab-pledge .mktoForm .mktoFormCol {
width: 100%;
}
#wsm-pledge-form__tab-pledge .mktoForm .mktoFormRow:nth-of-type(2) .mktoFormCol {
margin-left: 0px;
}
#wsm-pledge-form__tab-pledge .mktoFieldWrap .mktoLabel{display:none;}
#wsm-pledge-form__tab-pledge .mktoButtonWrap.mktoRound .mktoButton{
display: inline-block;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 14px 40px;
background: #336114;
border-radius: 6px;
font-family: Oxfam TSTAR PRO !important;
font-style: normal;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 22px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
color: #ffffff !important;
border: none;
margin-top: 20px;
margin-bottom: 20px;
}
#wsm-pledge-form__tab-pledge .mktoFormRow input[type="text"],
#wsm-pledge-form__tab-pledge .mktoFormRow input[type="email"],
#wsm-pledge-form__tab-pledge .mktoFormRow input[type="tel"]{
box-shadow: none;
background: #ffffff;
border: 1px solid #868686;
box-sizing: border-box;
border-radius: 6px;
margin: 0px 0px;
padding-left: 10px;
}
#wsm-pledge-form__tab-pledge .mktoForm .mktoFormCol {
margin-bottom: 2px !important;
}
#wsm-pledge-form__tab-pledge .mktoForm .mktoButtonRow {
width: 100% !important;
margin-top: 10px;
}
#wsm-pledge-form__tab-pledge .wsm-pf__actions-taken {
padding-bottom: 0px !important;
text-align: center;
padding-top: 20px;
color: #336114;
}
/*End karthika's changes march 30/2022*/
#wsm-pledge-form__tab-pledge .mktoButtonWrap.mktoRound .mktoButton:hover{background-color: #254e09 !important;}
.oau-video-popRight h1{line-height:58px !important; padding-bottom:20px !important;}
.oau-right-form-widget p{padding-bottom:15px;}
@media only screen and (max-width: 1486px){
#wsm-pledge-form__tab .primary-green-button {padding: 10px 10px; font-size: 16px;}
}
@media only screen and (max-width: 845px){
#wsm-pledge-form__tab .primary-green-button { padding: 9px 8px;font-size: 13px;}
.oau-right-form-widget p{padding-bottom:20px;}
}
@media only screen and (max-width: 720px){
#wsm-pledge-form__tab .primary-green-button {font-size: 10px;}
}
@media only screen and (max-width: 480px){
#wsm-pledge-form__tab-pledge .mktoFormRow input[type="text"], #wsm-pledge-form__tab-pledge .mktoFormRow input[type="email"], #wsm-pledge-form__tab-pledge .mktoFormRow input[type="tel"]{margin-bottom:12px !important;}
}
@media only screen and (max-width: 310px){
#wsm-pledge-form__tab .primary-green-button {font-size: 8px;}
}
/*--01/04/2022--*/
/*--01/04/2022--*/
@media only screen and (max-width: 1024px) and (min-width: 781px){
.wp-about-bock-common{display:none;}
}
@media only screen and (min-width: 1024px){
blockquote p{
font-size: 24px !important;
line-height: 30px !important;
}
.wp-about-bock-tab{display:none;}
}
/*--04/04/2022--*/
.wp-block-pullquote cite {
display: block;
text-align: center;
}
blockquote.wp-block-quote{padding-bottom:20px !important;}
blockquote.wp-block-quote site {
text-align: center;
display: block;
}
/*--05-04-2022--*/
.wp-help-narrow-container{width:100%;}
/*--END 05-04-2022--*/
blockquote cite{
display: block;
text-align: center;
font-size: 16px;
line-height: 24px;
}
.wp-block-columns.wp-col-bottom-align {
position: absolute;
width: 100%;
bottom: 60px;
}
/*get involved [ remove h4 font size important for backend manage]*/
.inner-top-content h4 {font-family: 'Roboto' !important; font-style: normal !important; font-weight: normal !important; font-size: 24px; line-height: 30px !important; }
@media (max-width: 1024px){
.inner-top-content h4 {font-family: 'Roboto' !important; font-style: normal !important; font-weight: normal !important; font-size: 22px !important; line-height: 28px !important; }
/*.wp-block-quote p {font-size: 22px !important; line-height: 28px !important;}*/
}
@media (max-width: 640px){
.inner-top-content h4 {font-family: 'Roboto' !important; font-style: normal !important; font-weight: normal !important; font-size: 20px !important; line-height: 26px !important; }
/*.wp-block-quote p {font-size: 20px !important;line-height: 26px !important;}*/
}
/*CTA Buttons hover function*/
.top-ox-donate a:hover
{ background: #254e09;}
#donnate-priceForm .elementor-button[type="submit"]:hover
{ background: #254e09 !important;}
.oxfam-primary-btn:hover
{color: #fff!important; background: #254e09;}
.content-block .oxfam-primary-btn:hover
{color: #ffff !important;background-color: #254e09;}
.donate-now-btn a:hover
{box-shadow:none !important; background-color: #254e09 !important;}
.primary-white-btn a:hover
{background-color: #254e09 !important; color: #fff!important;}
.home-MkForm .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover
{background-color: #254e09 !important;}
.primary-green-button:hover
{background-color: #254e09 !important;}
.primary-white_button:hover
{background-color: #254e09 !important; color: #fff!important;}
.donate-now-button:hover
{background-color: #254e09 !important;}
.pillar-contact-form .talk-form-bg .elementor-button[type="submit"]:hover
{background-color: #254e09 !important;}
.primary-white_button a:hover
{color:#fff !important;}
.primary-white_button:hover
{background-color: #254e09 !important;}
.btn-success:hover
{background-color: #254e09 !important;}
.gform_wrapper input.button
{font-family: Oxfam TSTAR PRO !important;
color: #fff !important;font-size: 18px !important; font-weight:900;background: #336114 !important;}
.gform_wrapper input.button:hover
{background-color: #254e09 !important;}
.primary-white_button:hover a
{color: #fff !important;}
.entry-content .btn-warning {color: #fff !important;
text-transform: uppercase !important;
text-decoration: none !important;
border:none !important; }
.entry-content .btn-warning:hover{ color: #fff !important;
text-transform: uppercase !important;
text-decoration: none !important;
background-color:#254e09 !important; border-color:none !important;
border:none !important;}
.entry-content.btn-warning:focus{ color: #fff !important;
text-transform: uppercase !important;
text-decoration: none !important;
background-color:#254e09 !important; border-color:none !important;
box-shadow:none !important;border:none !important;}
.primary-green-button {padding: 14px 32px;}
/*CTA Buttons hover function end*/
@media only screen and (max-width: 781px){
.wp-about-bock-tab{display:none;}
.wp-about-bock-common .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
flex-basis: 100% !important;flex-grow: 0; margin-left:0px !important; }
.wp-block-columns.resposive-about-block .wp-block-column { padding: 8px;}
.wp-about-bock-common .resposive-about-block .wp-block-column .wp-block-image { width: 30%; float: left;}
.wp-about-bock-common .resposive-about-block .wp-block-column h4 {text-align: left !important;}
.wp-about-bock-common .resposive-about-block .wp-block-column p {text-align: left !important;}
}
@media only screen and (max-width: 328px){
.wp-about-bock-common .resposive-about-block .wp-block-column p{font-size:13px !important;}
.wp-about-bock-common .resposive-about-block .wp-block-column h4{line-height:24px !important;}
}
@media only screen and (max-width: 992px) and (min-width: 781px){
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text{height: 206px !important;
width: 100% !important; text-align: center !important;}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text img {
width: 63% !important; text-align: center !important; margin-bottom: 13px !important;}
}
@media only screen and (max-width: 767px){
.pillar-blog-blocks .gutentor-single-col {margin-bottom: 21px;}
}
@media only screen and (max-width: 873px){
.wp-block-tabOne .wp-block-column {padding-left: 20px !important; padding-right: 20px !important;}
}
@media only screen and (max-width: 818px){
.wp-block-tabOne .wp-block-column {padding-left: 13px !important; padding-right: 13px !important;}
}
@media only screen and (max-width: 1024px) and (min-width: 781px){
.wp-about-bock-common{display:none;}
}
@media only screen and (min-width: 1024px){
.wp-about-bock-tab{display:none;}
}
@media (max-width: 1023px){
.wp-block-columns.wp-block-tabTwo {padding-left: 145px;padding-right: 118px;}
}
@media (max-width: 806px){
.wp-block-columns.wp-block-tabTwo {padding-left: 129px;padding-right: 93px;}
}
@media (max-width: 763px){
.wp-block-columns.wp-block-tabOne {padding-left: 29px;padding-right: 31px;}
}
@media (max-width: 720px){
.wp-block-columns.wp-block-tabOne {padding-left: 10px;padding-right: 10px;}
}
@media (max-width: 641px){
.wp-block-columns.wp-block-tabTwo {padding-left: 70px;padding-right: 70px;}
}
@media only screen and (max-width: 328px){
.wp-about-bock-common .resposive-about-block .wp-block-column p{font-size:13px !important;}
.wp-about-bock-common .resposive-about-block .wp-block-column h4{line-height:24px !important;}
}
.wp-donate-carousel-item-wrap .wp-donate-carousel-item{background: #336116;}
.wp-donate-carousel-item-wrap .wp-donate-carousel-item .wp-carousal-right-col{padding-right:0px;}
.wp-donate-carousel-item-wrap .wp-donate-carousel-item .wp-carousal-left-col h2,
.wp-donate-carousel-item-wrap .wp-donate-carousel-item .wp-carousal-left-col p{color: #FFF;}
/*r*/
.wp-carousal-left-col p{font-size:16px !important; line-height:24px !important;}
.wp-carousal-left-col h2{font-size:30px !important; line-height:36px !important; padding-right:34%;}
.wp-block-col-group-wrap .wp--horizontal-text-block-item {margin-bottom:20px;}
.wp-block-col-group-wrap h2{margin-bottom: 32px; font-size:36px;}
.wp-block-col-group-wrap .wp--horizontal-text-block-item h4{margin-bottom:10px; color:#336114 !important;}
.wp-block-col-group-wrap .wp--horizontal-text-block-item p{font-size:16px !important; line-height:24px;}
.wp-block-col-group-wrap .wp--horizontal-text-block-item p a{font-size:16px !important;}
.wp-block-col-group-wrap .wp--horizontal-text-block-item .wp-block-media-text.alignwide.is-stacked-on-mobile{ background-color:#fff;}
.wp-carousal-group-wrap{ margin-top:64px;}
.wp-carousal-group-wrap h3{ margin-bottom:20px;}
@media (max-width: 991px){
.wp-donate-carousel-item-wrap .wp-donate-carousel-item .wp-carousal-right-col{padding-left:0px;}
.wp-carousal-left-col{order:2;}
.wp-carousal-left-col h2{padding-right:0%;}
.pillar-grey-block-wrap .wp-block-column .wp-block-media-text{display: block !important;}
}
@media (max-width: 992px){
.wp-block-col-group-wrap .wp--horizontal-text-block-item .wp-block-media-text__content{padding-top:25px !important; }
}
@media (max-width: 640px){
.wp-block-col-group-wrap h2{font-size:28px !important;}
.wp-carousal-group-wrap{margin-bottom:20px;}
.wp-carousal-left-col{padding-left:24px !important;}
.wp-carousal-group-wrap h3{font-size:28px !important; line-height:20px !important; }
}
/*
@media (max-width: 520px){
.wp-carousal-left-col h2{padding-right:42%;}
}
@media (max-width: 350px){
.wp-carousal-left-col h2{padding-right:20% !important;}
}*/
/*asw 06/04/2022 globaly font feedback code*/
@media (max-width: 640px){
.page-template-sidebar h1 {font-size: 32px !important;}
.wp-block-col-group-wrap { padding-top: 32px;}
}
@media (max-width: 598px){
.wp-home-news-data { min-height: 350px;}
}
.wp-block-col-group-wrap{
padding-top: 64px;
}
.multi-media-carousel .multi-media-para{font-size:16px !important;}
/* 07/04/2022*/
@media (max-width: 640px){
/*.ubermenu-responsive-toggle{margin-top:22px !important;}*/
}
@media (max-width: 450px){
/*.ubermenu-responsive-toggle{margin-top:11px !important;}*/
}
#secondary #country_widget h1 {padding: 1rem !important;}
.wp-donate-carousel.slick-dots{padding-top:0px !important; padding-bottom:24px !important;}
.wp--horizontal-text-block{padding-bottom:40px !important;}
.wp-block-column.news-thumbColumn{margin-bottom:20px;}
@media only screen and (max-width: 1024px) and (min-width: 781px){
.wp-about-bock-common{display:none;}
}
@media only screen and (min-width: 1024px){
.wp-about-bock-tab{display:none;}
}
@media only screen and (max-width: 781px){
.wp-about-bock-common .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
flex-basis: 100% !important;flex-grow: 0; margin-left:0px !important; }
.wp-block-columns.resposive-about-block .wp-block-column { padding: 8px;}
.wp-about-bock-common .resposive-about-block .wp-block-column .wp-block-image { width: 30%; float: left;}
.wp-about-bock-common .resposive-about-block .wp-block-column h4 {text-align: left !important;}
.wp-about-bock-common .resposive-about-block .wp-block-column p {text-align: left !important;}
}
@media screen and (max-width: 1024px) and (min-width: 641px){
.home-about-outer p {
font-size: 22px !important;
}
}
@media screen and (max-width: 640px){
.home-about-outer p {
font-size: 15px !important;
line-height: 20px !important;
}
}
@media (max-width: 480px){
.primary-meroon-button a{margin:0px !important;}
.primary-green-button a{margin:0px !important;}
}
@media only screen and (max-width: 768px){
.mX-white-Bg-block .has-custom-bg{
margin-bottom: 22px;
}
.mX-white-Bg-block .has-custom-bg {
min-height: 219px !important;
}
}
@media only screen and (max-width: 873px){
.wp-block-tabOne .wp-block-column {padding-left: 20px !important; padding-right: 20px !important;}
}
@media only screen and (max-width: 818px){
.wp-block-tabOne .wp-block-column {padding-left: 13px !important; padding-right: 13px !important;}
}
/*13-04-2021* all-block-elements-right-data page*/
.wp-block-columns.pillar-container.news-thumbNail {
padding: 0 !important;
}
@media only screen and (max-width: 1024px){
.pillar-without-container h3 {font-size: 30px !important;line-height:36px !important; }
.wpb-block-text-wrap {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
.wp-common-spacer{
padding-top: 64px !important;
padding-bottom: 64px !important;
}
}
@media only screen and (max-width: 782px){
.wp-common-spacer{
padding-top: 42px !important;
padding-bottom: 42px !important;
}
.wpb-block-text-wrap {
padding-top: 42px !important;
padding-bottom: 42px !important;
}
.primary-green-button a{margin: 0px 0px !important;}
.mX-white-Bg-block .has-custom-bg .ab-block-button a, .mx-auto .ab-block-button a{text-align:left !important;}
.mob-has-left h3,.mob-has-left p, .mob-has-left .ab-block-button{text-align: left !important;}
}
@media only screen and (max-width: 640px){
.pillar-without-container h3 {font-size: 28px !important;line-height:33.6px !important; }
}
/*news data section*/
.wp-column-news-Outergrid{padding-left:0px !important; padding-right:0px !important;}
@media only screen and (max-width: 1199px){
.wp-column-news-Outergrid {display: grid; grid-template-columns: 50% 50%;}
}
@media only screen and (max-width: 991px){
.carousel-Caption {
position: inherit !important;
}
}
@media only screen and (max-width: 640px){
.wp-column-news-Outergrid {display: grid; grid-template-columns: 100% !important ;}
.primary-green-button a{margin:0px !important;} /*button text alignment issue in small device*/
}
@media only screen and (max-width: 480px){
.wp-block-column.is-vertically-aligned-center.home-MkForm{padding-left:20px !important; padding-right:20px !important;}
}
/*grid system change*/
@media only screen and (min-width: 640px){
.grid-container{max-width:960px !important;}
}
@media only screen and (min-width: 960px){
.grid-container{max-width:1200px !important;}
.mX-white-Bg-block .has-custom-bg{min-height:350px !important;}
}
@media only screen and (max-width: 1200px){
.mX-white-Bg-block .has-custom-bg p{
font-size: 16px;
}
}
@media only screen and (min-width: 1200px){
.mX-white-Bg-block .has-custom-bg{min-height:298px !important;}
}
.page-template-page-pillar-without-container .wp-block-group__inner-container .wp-block-columns {
margin-bottom: 0 !important;
}
.Mx-SpaceReove{margin-bottom: 0px;}
.wpb-block-text-wrap{margin-bottom: 0 !important;}
.wp-common-spacer{
padding-top: 80px;
padding-bottom: 80px;
}
/*@media only screen and (min-width: 768px){
.grid-container{max-width:720px !important;}
}
@media only screen and (min-width: 576px){
.grid-container{max-width:540px !important;}*/
.wp-donate-carousel-item-wrap .wp-donate-carousel-item .wp-carousal-right-col {
min-height: 430px;
}
.pillar-without-container .has-white-color {
color: #FFFFFF !important;
}
.wp-carousal-left-col {
padding-top: 60px;
padding-bottom: 60px;
padding-left: 44px;
padding-right: 26px;
}
.carousel-Caption{
position: absolute;
bottom: 53px;
}
.mX-white-Bg-block .has-custom-bg h4,.mX-white-Bg-block .has-custom-bg p{
padding-bottom: 24px;
margin-bottom: 0px;
}
.mX-white-Bg-block .has-custom-bg .ab-block-button{margin-bottom: 0px;}
.mX-white-Bg-block .has-custom-bg .ab-block-button a,.mx-auto .ab-block-button a{
font-family: Oxfam TSTAR PRO !important;
font-style: normal;
font-weight: 900 !important;
font-size: 18px !important;
line-height: 22px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
color: #ffffff !important;
padding: 14px 40px;
}
.Mx-SpaceReove h3{
margin-bottom:22px;
}
.Mx-SpaceReove .ab-block-button{
margin-top:27px;
margin-bottom: 0px;
}
/*added from custom css* 25-04-2022*/
@media only screen and (max-width: 1500px){
.oau-right-form-widget{padding-right:154px; }
.oau-video-popRight h1{line-height:50px !important;}
}
@media only screen and (max-width: 1199px){
.oau-right-form-widget{padding-right:100px;}
}
@media only screen and (max-width: 640px){
.oau-right-form-widget{padding-left:25px;}
.oau-video-popRight h1 {line-height:48px !important; font-size:34px !important;}
#wsm-pledge-form button{width:100% !important;}
}
@media only screen and (max-width: 360px){
.col-split{width:100% !important;}
}
@media only screen and (max-width: 600px) {
.news-thumbColumn .wp-block-columns .wp-block-column figure {
padding-right: 16px !important;
margin-bottom: 5px;
}
.news-thumbColumn .wp-block-columns .wp-block-column:nth-child(2n) {
flex-basis: 70% !important;
padding-left: 10px;
}
.news-thumbColumn .wp-block-columns .wp-block-column:first-child {
flex-basis: 30% !important;
}
.news-thumbColumn .wp-block-columns {margin-bottom: 20px !important;}
}
.news-thumbColumn .wp-block-column p a {
text-underline-position: under !important;
text-underline-offset: 4px !important;
}
.mx-auto {margin: 0 auto;}
.wp-column-news-Outergrid .wp-column-news-grid{
padding-left: 26px;
padding-right: 26px;
margin-left: 0px !important;
margin-right: 0px !important;
margin-bottom:32px;
}
.wp-block-newsData {
border: 1px solid #8686868c;
box-sizing: border-box;
padding: 24px 22px;
height: 100%;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.oau-custom-block .wpblock-date-block {
padding-top: 0px !important;
}
.oau-update-wrap {
padding-top: 90px !important;
}
body .site-content .wp-wsm-newsLink a {
text-decoration-color: #336114 !important;
text-decoration-thickness: 2px !important;
font-weight: 500 !important;
}
/*added from custom css* end 25-04-2022*/
.wp-block-quote p:before{content: open-quote !important;padding-right: 5px;}
.wp-block-quote p:after{content: close-quote !important; padding-left: 5px;}
@media (max-width: 1024px){
/*.wp-block-quote p {font-size: 22px !important; line-height: 28px !important;}*/
}
@media (max-width: 640px){
/*.wp-block-quote p { font-size: 20px !important; line-height: 26px !important;}*/
}
/*added styles* 26-04-2022*/
.wp-column-news-grid .wp-block-columns {
height: 100%;
}
.wp-column-news-grid .wp-block-columns .wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word;
display: flex;
flex-direction: column;
}
.wp-Nwlink-box p {
margin-bottom: 10px;
}
/*added styles end* 26-04-2022*/
.pillar-blog-blocks .piller-blog-block .grid-container{
margin-right: 0px;
margin-left: 0px;
}
/*Karthika 29-04-2022*/
/* Donation Form Widget*/
.donate_form_widget,.donate_form_widget_handle {
max-width: 450px;
margin: 0 auto;
background-color: #FFFFFF;
padding: 25px 0px;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
border-radius: 6px;
border:1px solid #999999;
}
.tab-wrap,.donate_form_widget form, .donate_form_widget_handle form{
padding: 0px 24px;
}
.donate_form_widget .tabs a:first-child, .donate_form_widget_handle .tabs a:first-child{
border-radius: 6px 1px 1px 6px;
}
.wp-donate-box:first-child{
margin-right: 2%;
}
.wp-donate-box:last-child{
margin-left: 2%;
}
.wp_dnbtn {
display: inline-block;
max-width: 100%;
line-height: 1;
text-align: center;
overflow: hidden;
cursor: pointer;
border: none;
padding: 0;
}
.donate_form_widget .tabs a:last-child,.donate_form_widget_handle .tabs a:last-child {
border-radius: 0px 6px 6px 0px;
}
.donation-submit .input span {
padding-left: 15px;
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #000;
}
.imp-form-title {
padding-top: 22px;
padding-bottom: 22px;
border-bottom: 1px solid #999;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
text-align: center;
color: #000000;
margin: 0 auto;
margin-bottom: 25px !important;
}
.wp_dnbtn:hover {
text-decoration: none;
outline: none;
}
.wp_dnbtn:focus {
animation-name: none;
outline: none;
}
.pillar-grey-block-wrap {
display: grid !important;
gap: 24px;
}
.pillar-grey-block-wrap .wp-block-column {
margin: 0 !important;
height: 100% !important;
}
@media (max-width: 767px) {
.donate_form_widget,.donate_form_widget_handle {
margin-bottom: 30px;
}
}
@media (min-width: 768px){
.pillar-grey-block-wrap {
grid-template-columns: repeat(4,minmax(0,1fr));
}
}
@media (min-width: 991px){
.donate_form_widget,.donate_form_widget_handle {
max-width: 100%;
margin: 0 auto;
background-color: #fff;
transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
border: 1px solid #999;
box-sizing: border-box;
border-radius: 6px;
}
.wp-block-cover__inner-container h1.home-banner-text {
color: #000;
text-align: center;
}
.donate_form_widget form{
padding-top: 20px;
}
}
.tabs {
margin-bottom: 0px !important;
}
.tabs .wp_dnbtn {
width: 50%;
float: left;
border: 1px solid #336114 !important;
text-decoration: none;
padding: 8px 0px !important;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
text-align: center;
text-transform: uppercase;
}
.tabs .wp_dnbtn:not(.active) {
background-color: #fff;
color: #336114;
}
.tabs .wp_dnbtn.active {
background-color: #336114 !important;
color: #fff;
}
.wp-donate-box {
width: 32% !important;
border: 1px solid #999999 !important;
border-radius: 6px !important;
padding: 16px 10px;
text-align: center;
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 23px;
text-align: center;
text-transform: uppercase;
background: #F8F8F8;
color: #336114;
}
.donate_form_widget .input{
padding-top: 20px;
padding-bottom: 20px;
}
.donate_form_widget_handle .donation-value {
margin-top: 8px !important;
}
.wp-donate-label-box .don-value span{font-weight:600;}
@media (max-width: 1024px) {
.donate_form_widget_handle form{
padding-top: 25px !important;
}
.donate_form_widget_handle .input {
padding-top: 10px;
padding-bottom: 5px;
}
.donate_form_widget_handle .donation-submit .input {
padding-top: 15px !important;
padding-bottom: 0px !important;
}
.wp-donate-box-mob {
width: 32% !important;
border: 1px solid #999999 !important;
border-radius: 6px !important;
padding: 16px 10px;
text-align: center;
font-family: Roboto;
font-style: normal;
font-size: 20px;
line-height: 23px;
text-align: center;
text-transform: uppercase;
background: #F8F8F8;
color: #336114;
}
.dollar-handle{display:none;}
.wp-donate-label-box .donation-data{ width: 100% !important;}
.donate_form_widget_handle .donation-value .row{
--bs-gutter-x: 0 !important;
--bs-gutter-y: 0 !important;
display: inherit !important;
flex-wrap: inherit !important;
margin-top: 0 !important;
float: left !important;
}
.wp-donate-box-mob:first-child{
margin-right: 2% !important;
}
.wp-donate-box-mob:last-child{
margin-left: 2% !important;
}
.wp-donate-box-mob .donation-data {
padding-right: 15px;
padding-left: 0px;
color: #000000;
text-align: center;
}
#optFormOne .donation-submit input[type=number] {
width: 40%;
}
.donate_form_widget_handle .imp-form-title {
padding-top: 22px;
padding-bottom: 22px;
border-bottom: 1px solid #999;
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 21px;
text-align: center;
color: #000;
margin: 0 auto;
margin-bottom: 0px !important;
}
}
@media (min-width: 1025px) {
.donate_form_widget_handle .imp-form-title {display:none;}
.donate_form_widget_handle .input{
padding-top: 20px;
padding-bottom: 20px;
}
.donate_form_widget_handle .donation-submit .input {
padding-top: 15px !important;
padding-bottom: 0px !important;
}
.wp-donate-label-box {
width: 100% !important;
border: 1px solid #EAEADE !important;
border-radius: 6px !important;
padding: 17px 15px;
text-align: center;
font-family: Roboto;
font-style: normal;
font-size: 20px;
line-height: 23px;
text-align: center;
text-transform: none;
background: #FFFFFF;;
color: #336114;
min-height: auto;
align-items: center;
margin-right: 0px !important;
margin-left: 0px !important;
margin-top: 16px !important;
}
.wp-donate-label-box .donation-label{text-align: left;font-size:14px;color: #000000;}
.wp-donate-label-box .donation-data {
padding-right: 15px;
padding-left: 0px;
color: #000000;
text-align: left;
}
.font-space-right-desk{padding-right: 8%;}
.font-space-left-desk{padding-left: 10%;}
.wp-carousal-group-wrap{ margin-top:80px;margin-bottom:80px;}
}
.wp-donate-label-box .dollar-handle{
padding-right: 0px;
padding-left: 0px;
}
.wp-donate-box:hover,.wp-donate-box:active,.wp-donate-box:focus,
.wp-donate-label-box:hover,.wp-donate-label-box:active,.wp-donate-label-box:focus,
.wp-donate-label-box .donation-data:hover,.wp-donate-label-box .donation-data:active,.wp-donate-label-box .donation-data:focus{
border-color: #336114 !important;
background: #336114 !important;
color: #fff;
}
.wp-donate-label-box:hover > .donation-data,.wp-donate-label-box:active > .donation-data,.wp-donate-label-box:focus > .donation-data,
.wp-donate-label-box:hover > .dollar-handle .donation-label,
.wp-donate-label-box:active > .donation-label,
.wp-donate-label-box:focus > .donation-label{
color: #fff;
}
#optFormOne .donation-submit input[type=number] {
padding: 0 15px 0 15px;
height: 54px;
width: 30%;
}
#optFormTwo .donation-submit input[type=number] {
padding: 0 15px 0 15px;
height: 54px;
width: 30%;
}
.donate_form_widget .input, .donate_form_widget_handle .input{
position: relative;
}
.donate_form_widget .input :before, .donate_form_widget_handle .input :before{
position: absolute;
left: 18px;
top: 50%;
transform: translateX(-100%) translateY(-50%);
z-index: 1;
}
.donate_form_widget input[type="number"], .donate_form_widget_handle input[type="number"]{
max-width: 100% !important;
border-radius: 10px;
height: 50px;
background: #F8F8F8;
border: 1px
solid #999999;
box-sizing: border-box;
border-radius: 6px;
font-family: Oxfam TSTAR PRO;
font-weight: 700;
font-size: 20px;
line-height: 24px;
text-transform: uppercase;
color: #868686;
width: 100%;
margin-bottom: 10px;
margin-top: 20px;
}
.donate_form_widget input[type="submit"] {
background: #336114 !important;
border-radius: 6px;
font-family: Oxfam TSTAR PRO;
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
width: 100%;
color: #fff;
border-color: #336114 !important;
padding: 8px 20px !important;
margin: 10px 0px;
border: 1px solid #336114 !important;
}
.donate_form_widget_handle input[type="submit"] {
background: #336114 !important;
border-radius: 6px;
font-family: Oxfam TSTAR PRO;
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
width: 100%;
color: #fff;
border-color: #336114 !important;
padding: 14px 40px !important;
margin: 10px 0px 0px 0px;
border: 1px solid #336114 !important;
}
}
.wForm-addition {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
#optFormTwo input[type="number"] {
padding: 0 120px 0 20px;
}
#optFormOne input[type="number"] {
padding: 0 55px 0 20px;
}
.wpDnForm-description {
background-color: #ffffff;
color: #111;
padding: 25px;
text-align: center;
}
.wpDnForm_info {
margin-bottom: 20px;
color: #111;
}
.donate_buttons .wp_dnbtn {
background: #336114 !important;
border-radius: 6px;
font-family: Oxfam TSTAR PRO;
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
padding: 10px 40px;
color: #fff;
}
.donation-value{
margin-top: 15px;
}
.donate_form_widget form .donate_buttons{padding-top:10px;}
/* Chrome, Safari, Edge, Opera */
.donate_form_widget form input::-webkit-outer-spin-button,
.donate_form_widget form input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
.donate_buttons .wp_dnbtn {
background: #336114 !important;
border-radius: 6px;
font-family: Oxfam TSTAR PRO;
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
padding: 10px 40px;
color: #fff;
}
.donation-value{
margin-top: 15px;
}
.donate_form_widget form .donate_buttons, .donate_form_widget_handle form .donate_buttons{padding-top:10px;}
/* Chrome, Safari, Edge, Opera */
.donate_form_widget form input::-webkit-outer-spin-button,
.donate_form_widget form input::-webkit-inner-spin-button,
.donate_form_widget_handle form input::-webkit-outer-spin-button,
.donate_form_widget_handle form input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
.donate_form_widget form input[type=number],.donate_form_widget_handle form input[type=number] {
-moz-appearance: textfield;
}
/*bequest Page*/
.wp-bequestForm .gform_button{}
.wp-bequestForm .ginput_container_name span {
padding-right: 16px !important;
}
.wp-bequestForm_wrapper .wp-bequestForm ul.gform_fields li.gfield {
padding-right: 0px;
}
.wp-bequestForm_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"]{width : 100%;}
#BequestPop{
justify-content: center;
align-items: center;
pointer-events: all;
background-color: rgba(0,0,0,.8);
}
#BequestPop .modal-content{
border-radius: 0px !important;
}
.formLoader {
display: none;
}
.bq-popHead h3{color:#336114;}
.beQuestBtmForm form,.beQuestBtmForm form .mktoFormRow,.beQuestBtmForm .mktoForm input,.beQuestBtmForm .mktoForm .mktoFormCol,.beQuestBtmForm .mktoForm .mktoFieldWrap,.beQuestBtmForm .mktoForm.mktoLayoutAbove .mktoLabel,.beQuestBtmForm .mktoForm.mktoLayoutAbove textarea.mktoField,.beQuestBtmForm .mktoButtonRow,
.bq-popForm form,
.bq-popForm form .mktoFormRow,.bq-popForm .mktoForm input,.bq-popForm .mktoForm .mktoFormCol,.bq-popForm .mktoForm .mktoFieldWrap,.bq-popForm form .mktoButtonRow
{width:100% !important;}
.bq-popForm .mktoForm .mktoOffset {
display: none;
}
.beQuestBtmForm .mktoForm .mktoFormCol {
margin-bottom: 0px !important;
}
.bq-popForm .mktoForm.mktoLayoutAbove .mktoLabel {
width: 100% !important;
}
.bq-popForm .mktoForm .mktoButtonWrap.mktoRound .mktoButton{
float: left;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 40px;
border: 1px solid #336114;
background: #326013 !important;
background-color: rgb(50, 96, 19);
border-radius: 6px;
}
.bq-popPriv{padding-top: 10px;}
.wp-donate-carousel .gutentor-carousel-row .slick-slide, .wp-donate-carousel .gutentor-module-carousel-row .slick-slide {
margin-right: 0px !important;
margin: 15px;
margin-left: 0px !important;
}
.bquestBgForm{
padding: 80px 28%;
}
.bquestBgForm .beQuestBtmForm{
padding: 52px;
}
.beQuestBtmForm .mktoForm .mktoButtonWrap.mktoRound .mktoButton{
float: left;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 40px;
border: 1px solid #336114;
background: #326013 !important;
background-color: rgb(50, 96, 19);
border-radius: 6px;
margin-top: 24px;
}
.beQuestBtmForm .mktoForm .mktoButtonWrap input[type=text]{
box-shadow: none;
}
#BequestPop .modal-content .close{padding-right: 22px;}
@media (max-width: 1200px) {
.bquestBgForm {
padding: 80px 8% !important;
}
.bquestBgForm .beQuestBtmForm {
padding: 52px !important;
}
}
@media (max-width: 991px) {
.bquestBgForm {
padding: 80px 5% !important;
}
.bquestBgForm .beQuestBtmForm {
padding: 52px !important;
}
.stack-col-mobile{display: flex !important;padding-top: 29px !important;flex-direction: column;}
.stack-col-mobile .banner-form-resposive-box{order:1;}
.stack-col-mobile h2{color: #000000 !important;}
.stack-col-mobile .stack-text-tab h1{color: var(--wp--preset--color--primary) !important;}
.wp-mb-spacing{padding-top:64px;}
.home-main-banner {min-height:auto !important;}
}
.entry-header {padding-top: 25px;}
/*Latest Changes 26-05-2022*/
@media (max-width: 768px) {
.text-hide-mobile{display:none;}
.text-hide-desk{display:inherit;}
.stack-col-mobile p{line-height: 26px !important;font-size:18px !important;}
.wp-donate-carousel-item-wrap .wp-donate-carousel-item .wp-carousal-right-col {
min-height: 100% !important;
}
.wp-donate-carousel-item-wrap .wp-donate-carousel-item .wp-carousal-right-col .has-image-bg{background: none !important;}
}
@media (max-width: 782px) {
/*.stack-col-mobile h2,.stack-col-mobile .h2{line-height: 52.8px !important;}*/
}
@media (min-width: 768px) {
.text-hide-desk{display:none;}
.text-hide-mobile{display:inherit;}
}
@media (max-width: 640px) {
.page-template-page-pillar-without-container .ox-au-banner-mobile .wp-block-group__inner-container .container {
padding-left: 15px !important;
padding-right: 15px !important;
}
.pillar-grey-block-wrap .is-vertically-aligned-center:nth-child( odd ) {
margin-right: 5px;
}
.pillar-grey-block-wrap .is-vertically-aligned-center:nth-child( even ) {
margin-left: 5px;
}
.wp-block-columns.home-subscription-form.container {
padding-top: 42px !important;
margin-top: 42px !important;
margin-bottom: 42px !important;
padding-bottom: 35px !important;
}
.home-MkForm .mktoForm .mktoFormRow .mktoFormCol {
margin-bottom: 15px !important;
}
.home-MkForm p {
padding-left: 12px !important;
padding-right: 0 !important;
padding-top: 28px;
margin-top: 0px;
margin-bottom: 0px;
}
.home-MkForm .mktoButtonRow {
padding-top: 10px;
}
.home-MkForm .mktoButtonWrap{
margin-left: 0px !important;
}
.home-MkForm .mktoButtonRow {
width: 60% !important;
}
.home-subscription-form .wp-block-media-text__content p{
font-size: 15px !important;
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (max-width: 681px) and (min-width: 640px){
.page-template-page-pillar-without-container .ox-au-banner-mobile .wp-block-group__inner-container .container {
padding-left: 50px !important;
padding-right: 50px !important;
}
}
/*Latest Code 30-05-2021*/
@media only screen and (max-width: 1024px){
.wp-common-col-space {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
.wp-carousal-group-wrap{ margin-top:64px;margin-bottom:64px;}
}
@media only screen and (max-width: 782px){
.wp-common-col-space {
padding-top: 42px !important;
padding-bottom: 42px !important;
}
.donate-desktop{display:none;}
.wp-mb-spacing{padding-top:42px;}
}
@media only screen and (min-width: 783px){
.donate-mobile{display:none;}
}
@media (max-width:600px) {
.wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 100% !important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
grid-column: 1;
grid-row: 1
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
grid-column: 1;
grid-row: 2
}
}
/*Oxfam Developer Changes Gutenberg file 2022*/
.wp-common-gutter{margin-bottom:42px;margin-top:42px;}
.wp-block-top-wrap{
padding-top: 80px;
}
.wp-block-bottom-wrap{
padding-bottom: 80px;
}
.wp-col-vertical-pad{margin-top:42px;}
.wp-col-vertical-space{margin-bottom:42px !important;}
@media only screen and (min-width: 1024px){
/*.wp-block-group{margin-bottom:80px !important;}*/
.wp-col-wrap-gap{
padding-top: 80px;
padding-bottom: 80px;
}
.wp-block-column-wrap{
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (max-width: 1024px){
/*.wp-block-group{margin-bottom:64px !important;}*/
.wp-col-wrap-gap{
padding-top: 64px;
padding-bottom: 64px;
}
.wp-block-column-wrap{
padding-top: 64px;
padding-bottom: 64px;
}
.wp-block-top-wrap{
padding-top: 64px !important;
}
.wp-block-bottom-wrap{
padding-bottom: 64px !important;
}
.wp-col-vertical-pad{margin-top:32px !important;}
.wp-common-gutter{margin-bottom:32px !important;margin-top:32px !important;}
.wp-col-vertical-space{margin-bottom:32px !important;}
/*.pillar-container {
padding-top: 64px !important;
padding-bottom: 64px !important;
}*/
}
@media only screen and (max-width: 640px){
/*.wp-block-group{margin-bottom:42px !important;}*/
.wp-block-column-wrap{
padding-top: 42px;
padding-bottom: 42px;
}
.wp-col-wrap-gap{
padding-top: 42px;
padding-bottom: 42px;
}
.wp-block-top-wrap{
padding-top: 42px !important;
}
.wp-block-bottom-wrap{
padding-bottom: 42px !important;
}
.wp-col-vertical-pad{margin-top:22px !important;}
.wp-common-gutter{margin-bottom:22px !important;margin-top:22px !important;}
.wp-col-vertical-space{margin-bottom:22px !important;}
.news-tiles-blocks .wp-block-column .wp-block-media-text .wp-block-media-text__media{width:80%;}
.news-tiles-blocks .wp-block-column .wp-block-media-text .wp-block-media-text__content{width:100%;}
/*.pillar-container {
padding-top: 42px !important;
padding-bottom: 42px !important;
}
.wpb-block-text-wrap .pillar-container {
padding-top: 0px !important;
padding-bottom: 0px !important;
}*/
}
.wp-block-col-group-wrap .grid-container{
padding-right: 0px !important;
padding-left: 0px !important;
}
.no-vertical-empty{margin-bottom:0px !important; margin-top:0px !important;}
.vertical-top-empty{margin-top:0px !important;padding-top:0px !important;}
.vertical-bottom-empty{margin-bottom:0px !important;padding-bottom:0px !important;}
/*END Oxfam Developer Changes 2022*/
/* ELEMENTOR STYLE OVERRIDE*/
/* ELEMENTOR STYLE OVERRIDE*/
/*Style Fixing 31-05-2022*/
@media only screen and (max-width: 640px){
.stack-col-mobile {
padding-top: 14px !important;
}
.climate-block-bg{min-height: auto !important;}
.climate-block-bg .wp-block-cover__inner-container .ab-block-button{margin-bottom: 0px;}
.climate-block-bg .wp-block-cover__inner-container p:first-child {
margin-top: 0px;
}
.climate-block-bg{
padding: 42px 24px;
}
.wp-block-columns.are-vertically-aligned-center.pillar-grey-block-wrap:last-child {
margin-bottom: 0px !important;
}
.wp-hide-empty-block{display:none;}
}
.wp-gutter-empty {
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
@media only screen and (min-width: 1024px){
.outer-grid-bg-class .container .wp-block-columns .wp-block-column:first-child {
margin-right: 32px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 782px){
.outer-grid-bg-class .container .wp-block-columns .wp-block-column:first-child {
margin-right: 15px;
}
}
@media only screen and (min-width: 1024px){
.outer-grid-bg-class .container .wp-block-columns .wp-block-column:last-child {
margin-left: 32px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 782px){
.outer-grid-bg-class .container .wp-block-columns .wp-block-column:last-child {
margin-left: 15px;
}
}
@media (min-width: 782px){
.wp-image-text-wrap:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
margin-left: var(--wp--style--block-gap,2em);
}
}
@media (max-width: 782px){
.oau-update-wrap .wp-block-column .container .wp-block-column:first-child{margin-right: 30px;}
.oau-update-wrap .wp-block-column .container .wp-block-column:last-child{margin-left: 30px;}
.oau-update-wrap .wp-block-column .container .oau-custom-block-outer .oau-custom-block img{width:100%;}
.oau-custom-block .wpblock-date-block {
margin-top: 20px;
}
}
@media (max-width: 991px){
.donate_form_widget, .donate_form_widget_handle {
max-width: 100%;
margin: 0 auto;
background-color: #fff;
transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
border: 1px solid #999;
box-sizing: border-box;
border-radius: 6px;
}
}
@media only screen and (max-width: 768px){
.news-block-outer .home-demand-two-block .news-large-left-content .wp-block-cover {
min-height: auto !important;
}
}
@media only screen and (max-width: 991px) and (min-width: 769px){
.news-block-outer .home-demand-two-block:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
flex-basis: 50% !important;
}
}
.price-chart-image {
margin-right: 0 !important;
margin-left: 0 !important;
}
.image-bloack {
padding-left: 0 !important;
padding-right: 0 !important;
}
@media (max-width: 991px){
.news-tiles-blocks {
flex-wrap: wrap !important;
}
}
@media (max-width: 991px){
.news-tiles-blocks .wp-block-column {
flex-basis: calc(50% - var(--wp--style--block-gap,2em)/2) !important;
flex-grow: 0 !important;
}
.news-tiles-blocks .wp-block-media-text {
margin-bottom: 30px;
direction: ltr !important;
display: grid !important;
grid-template-columns: 50% 1fr !important;
}
.news-tiles-blocks .wp-block-media-text figure {
margin-right: 30px;
}
.news-tiles-blocks:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
margin-left: var(--wp--style--block-gap,2em) !important;
}
}
@media (min-width: 769px){
.home-demand-two-block .news-large-left-banner .wp-block-cover {
min-height: 100% !important;
}
.home-demand-two-block .news-large-right-banner .wp-block-cover.is-light {
min-height: 100% !important;
}
}
@media (max-width: 600px){
.news-tiles-blocks .wp-block-media-text {
margin-bottom: auto !important;
}
.news-tiles-blocks:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
margin-left: 0 !important;
}
}
@media (min-width: 600px) and (max-width: 781px){
.news-tiles-blocks:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
flex-basis: calc(50% - var(--wp--style--block-gap,2em)/2) !important;
}
}
@media (min-width: 782px){
.wp-col-padding-multi .wp-block-column:first-child {
padding-right: 24px;
}
.wp-col-padding-multi .wp-block-column:last-child {
padding-left: 24px;
}
.wp-col-padding .wp-block-column:first-child {
padding-right: 12px;
}
.wp-col-padding .wp-block-column:last-child {
padding-left: 12px;
}
}