/*
Theme Name: Make A Wish Canada Custom Theme
Author: Sandeep
Author URI: https://makeawishcanada.ca
Version: 1.0
 */
 @import url("css/custom.css"); /* Using a url */
 /*Accessibility CSS*/
.common-button{
    background-color: #0057b8;
    border: 2px solid #0057b8;
    color: #fff!important;
    font-size: 1rem!important;
    padding:1% 3% 1% 3%;
    border-radius: 0;
    font-weight: 900!important;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.common-button:hover{
   background-color: #fff;
   border: 2px solid #0057b8;
   color:#0057b8!important;
}

.common-button2{
    background-color: #ff484f;
    border: 2px solid #ff484f;
    color: #fff!important;
    font-size: 1rem!important;
    padding:1% 3% 1% 3%;
    border-radius: 0;
    font-weight: 900!important;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.common-button2:hover{
   background-color: #fff;
   border: 2px solid #ff484f;
   color:#ff484f!important;
}

input:focus, input:active {
     outline: 3px solid #0057b8;  
}
textarea:focus, textarea:active {
     outline: 3px solid #0057b8;  
}
button:focus, button:active {
     outline: 3px solid #0057b8;  
}
.accordion:focus, .accordion:active{
  outline: 3px solid #ff484f!important;
}
a:focus {
    outline: 3px solid #0057b8;
}
.footer-menu-right a:focus{
  outline: 3px solid #fff!important;
}

.logo-a,#wishes_id, #get_involved_a_tag, #refer-child-id, .donate-button-top-a
{
  border: 3px solid #0057b8;
}

.menu-border-focus-class{
  border:3px solid #fff!important;
}

 .custom_hr_tag{
   border-top: 1px solid #e2e2e2;
}
.super-top-menu li a{
  font-size:1rem!important;
}

.skip-link {
  background: #0057b8;
  color: #fff;
  font-weight: 700;
  left: 50%;
  padding: 4px;
  position: absolute;
  transform: translateY(-100%);
}
.skip-link:focus {
  transform: translateY(0%);
}
#breadcrumbs a{
  font-size:1.2em;
  font-weight:bold;
}
#breadcrumbs span{
  font-size:1.2em;
  font-weight:bold;
}
#breadcrumbs a{
  font-size:19px;
  font-weight:bolder;
}
#breadcrumbs span{
  font-size:19px;
  font-weight:bolder;
}
#get-involved-internal-link{
  margin-top:114px;
}
@media screen and (max-width: 1050px) {
  #get-involved-internal-link{
    margin-top:0px!important;
  }
}
/*Accessibility CSS*/
 /*Elementor*/
.wp-caption-text{
   color: #0057b8;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
}
/*Elementor*/
/*Accesssibility*/

.zeno_font_resizer a {
    color: #fff!important;
}
.zeno_font_resizer_container{
   float:right!important;
}



/*Accesssibility*/
sup{
  font-size:14px!important;
}
h1{
    font-size: 2.5em!important;
    color: #FFFFFF;
  
    font-weight: 900;
    text-transform: uppercase;
}
/*Forms*/
#mc_embed_signup .mc-field-group label {
    color:#5a5a55!important;
    margin-bottom: 3px;
    font-weight: 700!important;
    font-size: inherit!important;
}

#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error{
  border:2px solid #000!important;
}

#mc_embed_signup .mc-field-group input{
  border:1px solid #e2e2e2;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{
  width:100%!important;
}
input,textarea{
  border:1px solid #e2e2e2;
  padding:5px 4px;
  border-radius: 0!important;
}
.gfield_label{
  color:#5a5a55!important;
}
#mc_embed_signup .button{
     background-color: #F5B547!important;
    border: 2px solid #F5B547!important;
    color: #fff!important;
      justify-content: center!important;
    height: 2.5em!important;
    padding: 0 1em!important;
    border-radius: 0!important;
    
    letter-spacing: initial;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: initial;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]{
    background-color: #ff484f;
    border: 2px solid #ff484f;
    color: #fff;
    font-size: 1.25rem;
    justify-content: center;
    height: 2.5em;
    padding: 0 1em;
    border-radius: 0;
    font-weight: 900;
    letter-spacing: initial;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: initial;
}
/*Forms*/
/*Donate Page*/
.monthly-buttons button.active-class{
    color: #fff;
    background-color: #0057b8;
    border: none;
 }
 .monthly-buttons button {
    display: inline-block;
    width: 48%;
    padding: 20px 12px 20px 12px;
    margin-right: 1%;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    color: #0057b8;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #0057b8;
    border-radius: 50px;
}
/*Donate Page*/
.news-detail-image{
  width:500px;
  margin-bottom:20px;
}
/*Events*/
.tribe-events-nav-previous{display:none!important}
.tribe-events-nav-next{display:none!important}
.tribe-events-event-image img{
  width:500px;
}
.tribe-events-single ul.tribe-related-events li .tribe-related-events-thumbnail img{
  width:150px!important;
}
.tribe-events-single-section-title
{
  color: #0057b8;
  font-size: 1.5rem!important;
  font-weight: 700!important;
   text-transform: uppercase!important;
}
dt{
  color: #ff484f;
  font-size: 1.125rem!important;
  font-weight: 700!important;
}
.tribe-events-end-date-label,.tribe-events-event-categories-label,.tribe-events-start-date-label,.tribe-events-event-url-label,.tribe-venue-tel-label,.tribe-venue-url-label{
  color: #ff484f;
  font-size: 1.125rem!important;
  font-weight: 700!important;
   
}
.tribe-organizer a{
  color: #5a5a55!important;
  font-size: 1.125rem!important;
}
.tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group{
  padding:0px;
}
.tribe-events-single-event-title{
  color: #ff484f!important;
  text-transform:uppercase;
}
.tribe-event-time{
  color:#0057b8;
}
.tribe-events-related-events-title{
  color:#0057b8!important;
}
.tribe-events-single ul.tribe-related-events li .tribe-related-events-title a{
  font-size:1.3em;
  text-decoration:none;
  color:#ff484f!important;
}

button, html [type="button"], [type="reset"], [type="submit"]{
  cursor:pointer!important;
}
.tribe-events-schedule h2{
  margin-top:0px!important;
}
/*Events*/

/*impact*/
.impact-div{
  border-bottom:1px solid #e2e2e2;
}



.left-20 {
  width: 19%;
  
  padding: 1%;
  float:left;
}

/* Main column */
.right-80 {
  width: 79%;

  padding: 1%;
  float:left;
}

@media screen and (max-width: 1050px) {
  .left-20 {
      width: 100%;
  }

.right-80 {
  width: 100%;
  }
}
/*Impact*/
/*Shop*/
.shop-partners-div{
  padding:3%; 
  border:3px solid #00bdb6;
}
.shop-partners-div:hover{
   box-shadow: 1px 3px #00bdb6;
}

.shop-partners-div p{
  margin-top:0px;
  text-align:left;
  min-height:250px;
}
.shop-partner-button-div{
  margin-bottom:20px;
}
.shop-partner-image-div{
  width:150px;
  height:100px;
  margin: 0 auto;
  position: relative;
}
.shop-partner-image-div img{
    max-height: 100%;  
    max-width: 100%; 
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}
/*Shop*/

/*leadership*/
 .maw-name{
    color: #ff484f;
    font-size: 1.5rem;
    font-weight: 700;
    white-space: nowrap;
 }
 .maw-position{
    color: #0057b8;
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: uppercase;
 }
 .maw-location{
   color: #5a5a55;
    font-size: 1.125rem;
 }
 h3{
   color:#0057b8;
 }
/*Leadership*/
/* Accordion */
.accordion {
  background-color: #0057b8!important;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.0em;
  font-weight:bold;
  transition: 0.4s;
  
}

.active, .accordion:hover {
  background-color: #004896!important;
}

.accordion:after {
  content: '\002B';
  color: #fff;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border:1px solid #e2e2e2;
}
/*Accordion*/


.maw-subheading-h3{
    color: #ff484f;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.5em;
    text-transform: capitalize;
}

.pager{list-style:none}


#main-header{
  z-index:9999;
}
.mtop10{
  margin-top:10px;
}
.mtop20{
  margin-top:20px;
}
.mbottom10{
  margin-bottom:10px;
}
.mbottom20{
  margin-bottom:20px;
}
.maw-button1{
  
    width: fit-content;
    background-color: #F5B547;
    border: 2px solid #F5B547;
    
    color: #fff;
    font-size: 1.25rem;
    justify-content: center;
    height: 2.5em;
    padding: 0 1em;
    border-radius: 0;
    font-weight: 900;
    letter-spacing: initial;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: initial;
}
.maw-button1:hover{
   background-color: #fff;
   border: 2px solid #F5B547;
   color:#F5B547;
}
.maw-subheading-2{
  color:#ff484f;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.5em;
  text-transform:uppercase;
}
.left-right-padding{
  padding-left:2%;
  padding-right:2%;
}
.clear{
  clear:both;
}
#breadcrumbs{
  margin-top: 2%;
  border-bottom: 1px solid #e2e2e2;
  font-weight:bold;
  text-transform:uppercase;
}

.super-icon-top{
  display:flex;  
  list-style:none;
  margin-top:5px;
  float:right;
}

ul .super-icon-top li{
display:inline!important;
}

.super-icon-top img:hover{
opacity:0.5;
}

.dropbtn1 {
    color: #0057B8;
    font-size: 0.875rem;
    line-height: 1;
    text-decoration: none;
    font-weight: 700;
    cursor:pointer;
    z-index:99999;
}

.dropdown1 {
  position: relative;
  display: inline-block;
  z-index:99999;
}
.super-top-menu{
  z-index:99999;
}
.dropdown-content1 {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999999;
}

.dropdown-content1 a {
  color: #0057b8;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content1 a:hover {background-color: #ddd;}

.dropdown1:hover .dropdown-content1 {display: block;}

.bottom-strip{margin-top:2%;margin-bottom:2%;width:80%;margin: 0 auto;background-color: #def8ff!important;border: 1px solid #54c9eb;text-align:center}
.bottom-strip-left{width:60%;float:left}
.bottom-strip-middle{padding: 15px 0;width:20%;float:left}
.bottom-strip-middle img{display:initial;width:100px;margin-top:3px;}
.bottom-strip-right{padding: 15px 0;width:20%;float:left;}
.bottom-strip-right button{margin-top:11px;}

.paragraph--type--image-hero-curved .field--name-field-headline{
    font-size: 2.5em!important;
    color: #FFFFFF;
    text-shadow: 0 0 10px rgba(0,0,0,.5);
    font-weight: 900;
    text-transform:uppercase;
    font-family:'lato';
}
p{
  font-family:'lato'!important;
}
@media screen and (max-width: 600px) {

.super-icon-top{
  
  float:left;
  margin-left:10px;
}

.news-detail-image{
  width:100%;
}

.maw-button1{
  font-size:0.9rem!important;
}
}

@media screen and (max-width: 900px) {
  .bottom-strip-left{width:100%;}
  .bottom-strip-middle{width:100%;}
  .bottom-strip-right{width:100%;}
}

@media screen and (max-width: 390px) {
 
  .topnav a.icon {

    margin-top:-58px;
  }
  .topnav.responsive .icon{
      top:55px;
   } 
}

/*Search Form*/

.search-form {
    position: relative;
}


.search-form input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .52em .7em;
    border: 1px solid #d7d7d7;
    color: #5a5a55;
    font-size: 1.125rem;
    line-height: 1.1;
    width:100%;
}
.search-form button {
    position: absolute!important;
    right: 5px!important;
    top: 0;
    height: 100%;
    padding: 0;
    background: 0 0;
    border: none;
    font: inherit;
}
.search-form i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    color: #d7d7d7;
    font-size: 1.375em;
    -webkit-transform: translateX(-.2em);
    transform: translateX(-.2em);
}
.fa-search:before {
    content: "\f002";
}
/*Search Form*/
.current-lang{display:none!important;}
.lang-item a{color:#f00008!important;font-weight:bold!important;text-decoration: underline!important;text-transform:uppercase!important;}


.display-posts-listing .listing-item{
width:300px!important;
float:left!important;
margin:1%!important;
padding:1%!important;

}
.p-white{
font-size: 0.875rem;line-height: 1.7143;margin-bottom: 1.75rem;color: #FFFFFF;
}
.footer-float{
text-align:right;
}
.custom-menu {
  list-style-type: none;
  margin: 1%;
  padding: 1%;
 
}

.custom-menu-item {
  float: left;
  margin-left:10px;
color:#fff;
 list-style-type: none;
}

.custom-menu-item a{
  
  font-size: 0.875rem;
    line-height: 1;
    color: #FFFFFF;
    text-decoration: none;

}

.footer-menu-right a{
    font-size: 1.125rem;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none;
}

.custom-menu-item a:hover{

    text-decoration: underline;

}

.body-container{ 
    max-width: 1080px; 
    margin: 0 auto; 
    font-family: lato;
}

.column-33{
  float: left;
  width: 33%;
  padding:1%;
}

.column {
  float: left;
  width: 25%;
  padding:2%;
}

.column-50 {
  float: left;
  width: 50%;
padding:2%;
  
}

.column-60 {
  float: left;
  width: 60%;
padding:2%;
  
}

.column-40 {
  float: left;
  width: 40%;
padding:2%;
  
}

.side-left {
  width: 30%;
  
  padding: 20px;
  float:left;
}

/* Main column */
.side-right {
  width: 70%;

  padding: 20px;
  float:left;
}


.side-left3 {
  width: 20%;
  
  padding: 20px;
  float:left;
}

.side-right3 {
  width: 80%;

  padding: 20px;
  float:left;
}

.side-right {
  width: 80%;

  padding: 20px;
  float:left;
}

.side-left1 {
  width: 70%;
  
  padding: 20px;
  float:left;
}

/* Main column */
.side-right1 {
  width: 30%;

  padding: 20px;
  float:left;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 992px) {
  .column {
    width: 50%;
  }
.column-50 {
    width: 100%;
  }

}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
.column-50 {
    width: 100%;
  }

.side-left {
  width: 100%;
 
}

/* Main column */
.side-right {
  width: 100%;
  
}

.side-left3 {
  width: 100%;
 
}

/* Main column */
.side-right3 {
  width: 100%;
  
}

.side-left1 {
  width: 100%;
 
}

/* Main column */
.side-right1 {
  width: 100%;
 }

.column-60 {
  
  width: 100%;

  
}

.column-40 {

  width: 100%;

  
}

.footer-float{
text-align:center;
}
}
.super-top-menu{
list-style-type:none;
margin-top:10px;
margin-bottom:10px;

}
.super-top-menu li{
display: inline; 
margin-left:20px
}
.super-top-menu li a{
    color: #0057B8;
    font-size: 0.875rem;
    line-height: 1;
    text-decoration: none;
    font-weight:700;
    text-transform:capitalize;
}

.super-bottom-menu li{
display: inline; 
margin-left:10px;
color: #fff!important;
}
.super-bottom-menu li a{
    color: #fff;
    font-size: 0.875rem;
    line-height: 1;
    text-decoration: none;
    font-weight:700;
}

.custom-menu
{
height:55px;
margin-top:28px;
width:160px;
}

.topnav a{
font-family: "lato",sans-serif!important;
    font-style: normal!important;
    font-weight: 700!important;
}

.donate-button-top
{
   padding: 16%;
    margin-top: 5px;
    height: auto!important;
    border-radius: 50px;
    width: 160px!important;
    text-align: center;
    margin-top: 4px;
    background-color:#ff484f;
}

.donate-button-top:hover
{
   
    margin-top: 5px;
    background-color:#ff484f!important;
    
}

.donate-button-top-a:hover{
background-color:#ff484f!important;
}

.donate-button-class{
   background-color: #ff484f!important;
    padding: 2%;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    font: inherit;
    text-transform: uppercase;
    font-weight:bold;
}

.logo-a{
width:300px;
}

.logo-a:hover{
background-color:#0057b8!important;
}

.logo-top{
width:230px;
margin-top:8px;
}
.topnav {
  overflow: hidden;
  background-color: #0057b8;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 19px;
}

.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
  font-family: "lato",sans-serif!important;
    font-style: normal!important;
    font-weight: 700!important;
  font-size:19px;
width:160px;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.dropdown .dropbtn {
  font-size: 19px;    
  border: none;
  outline: none;
  color: white;
  padding: 43px 9px;
  background-color: #0057b8;
  font-family: inherit;
  margin: 0;
  z-index:9999;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: #0057b8;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
 
}
.donate-div{
display:none;
}
.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #004896;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

/*
.dropdown:hover .dropdown-content {
  display: block;
}*/

.column-header-left {
  float: left;
  width: 80%;
}

.column-header-right {
  float: left;
  width: 20%;
}

/* Home page CSS*/

.event-img{
  position: relative;
  margin: 0 auto;
}

.event-img .event-text {
 
  position: absolute;
  bottom: 0;
  background:#0057b8; /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
  font-size: 1.5em;
  font-weight: 700;
}



.maw-text {
    padding: .75em;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}

.maw-subheading{
  
    color: #0057b8;
    font-size: 1.8em;
    font-weight:bold;
    line-height:48px;
    text-transform:uppercase;
}
.maw-involved-item{
background-color: #0057b8;
}
.maw-involved-item p{
color:#fff;
margin-top:10px;

font-size:1.2em;
}
.maw-involved-item-div{
padding:4%;
}

.maw-text{
    margin: 1em 0;
    color: #5a5a55;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
  
}

.maw-button{
    background-color: transparent;
    border: 2px solid #ff484f;
    color: #ff484f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2.5em;
    padding: 0 1em;
    border-radius: 0;
    font-family: 'Lato';
    font-size: 20px;
    font-weight: 900;
    letter-spacing: initial;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: initial;
    cursor:pointer;
}

.maw-button2{
    background-color: #fff;
    border: 2px solid #ff484f;
    color: #ff484f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2.5em;
    padding: 0 1em;
    border-radius: 0;
    font-family: 'Lato';
    font-size: 20px;
    font-weight: 900;
    letter-spacing: initial;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: initial;
    cursor:pointer;
}

.maw-button:hover{
color:#fff;
background-color:#ff484f;
}

.maw-button2:hover{
color:#fff;
background-color:#ff484f;
}

.maw-involved-item-button{
margin:1%;
}

.maw-wish-count {
    color: #0057b8;
    font-family: 'Lato';
    font-size: 112px;
    font-weight: 900;
    letter-spacing: -.05em;
    line-height: 1;
    text-shadow: -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear;
}

.maw-support-text {
    max-width: 100%;
    margin: .75em 0;
    color: #5a5a55;
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
}

.get-involved-main{
padding-bottom: 42px;
    background-color: #a4e0f3;
text-align:center;
}

.get-involved-div{
position: relative;margin-bottom: 36px;padding: .35em;background-color: #0057b8;color: #fff;font-size:30px;font-weight:700;
}


.get-involved-div:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin: 0 auto;
    border: 36px solid transparent;
    border-top: 36px solid #0057b8;
    -webkit-transform: translateX(-50%) scaleX(1.76);
    transform: translateX(-50%) scaleX(1.76);
}

.cwf-list>li {
    background-color: #54c9eb;
    margin-bottom: 30px;
}
.cwf-list .cwf-item-photo {
    display: block;
    width: 100%;
}

.get-involved-div .cwf-item-text {
    padding: 1em;
    color: #fff;
    text-align: center;
}
.get-involved-div .cwf-item-actions {
    padding: 0 30px 20px;
}



.maw-newsletter {
    padding: 42px 0 55px;
    background-image: url('images/cloud-bg-wide.png');
 background-repeat: no-repeat;
}

/*About Us*/
.cwf-grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1rem;
    background-color: #0057bb;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
    text-decoration: none;
}
.cwf-grid-item img {
    display: block;
    width: 100%;
}
.cwf-grid-item span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .65em .75em;
    line-height: 1;
}
/*About Us*/


/*Elementor*/
.wp-caption-text{
   color: #0057b8;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
}
/*Elementor*/
/*Accesssibility*/

.zeno_font_resizer a {
    color: #fff!important;
}
.zeno_font_resizer_container{
   float:right!important;
}

/*Accesssibility*/
sup{
  font-size:14px!important;
}
h1{
    font-size: 2.5em!important;
    color: #FFFFFF;
  
    font-weight: 900;
    text-transform: uppercase;
}
/*Forms*/
#mc_embed_signup .mc-field-group label {
    color:#5a5a55!important;
    margin-bottom: 3px;
    font-weight: 700!important;
    font-size: inherit!important;
}

#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error{
  border:2px solid #000!important;
}

#mc_embed_signup .mc-field-group input{
  border:1px solid #e2e2e2;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{
  width:100%!important;
}
input,textarea{
  border:1px solid #e2e2e2;
  padding:5px 4px;
  border-radius: 0!important;
}
.gfield_label{
  color:#5a5a55!important;
}
#mc_embed_signup .button{
     background-color: #F5B547!important;
    border: 2px solid #F5B547!important;
    color: #fff!important;
      justify-content: center!important;
    height: 2.5em!important;
    padding: 0 1em!important;
    border-radius: 0!important;
    
    letter-spacing: initial;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: initial;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]{
    background-color: #ff484f;
    border: 2px solid #ff484f;
    color: #fff;
    font-size: 1.25rem;
    justify-content: center;
    height: 2.5em;
    padding: 0 1em;
    border-radius: 0;
    font-weight: 900;
    letter-spacing: initial;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: initial;
}
/*Forms*/
/*Donate Page*/
.monthly-buttons button.active-class{
    color: #fff;
    background-color: #0057b8;
    border: none;
 }
 .monthly-buttons button {
    display: inline-block;
    width: 48%;
    padding: 20px 12px 20px 12px;
    margin-right: 1%;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    color: #0057b8;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #0057b8;
    border-radius: 50px;
}
/*Donate Page*/
.news-detail-image{
  width:500px;
  margin-bottom:20px;
}
/*Events*/
.tribe-events-event-image img{
  width:500px;
}
.tribe-events-single-section-title
{
  color: #0057b8;
  font-size: 1.5rem!important;
  font-weight: 700!important;
   text-transform: uppercase!important;
}
dt{
  color: #ff484f;
  font-size: 1.125rem!important;
  font-weight: 700!important;
}
.tribe-events-end-date-label,.tribe-events-event-categories-label,.tribe-events-start-date-label,.tribe-events-event-url-label,.tribe-venue-tel-label,.tribe-venue-url-label{
  color: #ff484f;
  font-size: 1.125rem!important;
  font-weight: 700!important;
   
}
.tribe-organizer a{
  color: #5a5a55!important;
  font-size: 1.125rem!important;
}
.tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group{
  padding:0px;
}
.tribe-events-single-event-title{
  color: #ff484f!important;
  text-transform:uppercase;
}
.tribe-event-date-start, .tribe-event-date-end{
  color:#0057b8;
  font-size:1.2em;
}
button, html [type="button"], [type="reset"], [type="submit"]{
  cursor:pointer!important;
}
.tribe-events-schedule h2{
  margin-top:0px!important;
}
/*Events*/

/*impact*/
.impact-div{
  border-bottom:1px solid #e2e2e2;
}



.left-20 {
  width: 19%;
  
  padding: 1%;
  float:left;
}

/* Main column */
.right-80 {
  width: 79%;

  padding: 1%;
  float:left;
}

@media screen and (max-width: 1050px) {
  .left-20 {
      width: 100%;
  }

.right-80 {
  width: 100%;
  }
}
/*Impact*/
/*Shop*/
.shop-partners-div{
  padding:3%; 
  border:3px solid #00bdb6;
}
.shop-partners-div:hover{
   box-shadow: 1px 3px #00bdb6;
}

.shop-partners-div p{
  margin-top:0px;
  text-align:left;
  min-height:250px;
}
.shop-partner-button-div{
  margin-bottom:20px;
}
.shop-partner-image-div{
  width:150px;
  height:100px;
  margin: 0 auto;
  position: relative;
}
.shop-partner-image-div img{
    max-height: 100%;  
    max-width: 100%; 
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}
/*Shop*/

/*leadership*/
 .maw-name{
    color: #ff484f;
    font-size: 1.5rem;
    font-weight: 700;
    white-space: nowrap;
 }
 .maw-position{
    color: #0057b8;
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: uppercase;
 }
 .maw-location{
   color: #5a5a55;
    font-size: 1.125rem;
 }
 h3{
   color:#0057b8;
 }
/*Leadership*/
/* Accordion */
.accordion {
  background-color: #0057b8!important;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.0em;
  font-weight:bold;
  transition: 0.4s;
  
}

.active, .accordion:hover {
  background-color: #004896!important;
}

.accordion:after {
  content: '\002B';
  color: #fff;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border:1px solid #e2e2e2;
}
/*Accordion*/


.maw-subheading-h3{
    color: #ff484f;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.5em;
    text-transform: capitalize;
}

.pager{list-style:none}


#main-header{
  z-index:9999;
}
.mtop10{
  margin-top:10px;
}
.mtop20{
  margin-top:20px;
}
.mbottom10{
  margin-bottom:10px;
}
.mbottom20{
  margin-bottom:20px;
}
.maw-button1{
  
    width: fit-content;
    background-color: #F5B547;
    border: 2px solid #F5B547;
    
    color: #fff;
    font-size: 1.25rem;
    justify-content: center;
    height: 2.5em;
    padding: 0 1em;
    border-radius: 0;
    font-weight: 900;
    letter-spacing: initial;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: initial;
}
.maw-button1:hover{
   background-color: #fff;
   border: 2px solid #F5B547;
   color:#F5B547;
}
.maw-subheading-2{
  color:#ff484f;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.5em;
  text-transform:uppercase;
}
.left-right-padding{
  padding-left:2%;
  padding-right:2%;
}
.clear{
  clear:both;
}
#breadcrumbs{
  margin-top: 2%;
  border-bottom: 1px solid #e2e2e2;
  font-weight:bold;
  text-transform:uppercase;
}

.super-icon-top{
  display:flex;  
  list-style:none;
  margin-top:5px;
  float:right;
}

ul .super-icon-top li{
display:inline!important;
}

.super-icon-top img:hover{
opacity:0.5;
}

.dropbtn1 {
    color: #0057B8;
    font-size: 0.875rem;
    line-height: 1;
    text-decoration: none;
    font-weight: 700;
    cursor:pointer;
    z-index:99999;
}

.dropdown1 {
  position: relative;
  display: inline-block;
  z-index:99999;
}
.super-top-menu{
  z-index:99999;
}
.dropdown-content1 {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999999;
}

.dropdown-content1 a {
  color: #0057b8;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content1 a:hover {background-color: #ddd;}

.dropdown1:hover .dropdown-content1 {display: block;}

.bottom-strip{margin-top:2%;margin-bottom:2%;width:80%;margin: 0 auto;background-color: #d1f0f9;border: 1px solid #54c9eb;text-align:center}
.bottom-strip-left{width:60%;float:left}
.bottom-strip-middle{padding: 15px 0;width:20%;float:left}
.bottom-strip-middle img{display:initial;width:100px;margin-top:3px;}
.bottom-strip-right{padding: 15px 0;width:20%;float:left;}
.bottom-strip-right button{margin-top:11px;}

.paragraph--type--image-hero-curved .field--name-field-headline{
    font-size: 2.5em!important;
    color: #FFFFFF;
    text-shadow: 0 0 10px rgba(0,0,0,.5);
    font-weight: 900;
    text-transform:uppercase;
    font-family:'lato';
}

@media screen and (max-width: 600px) {

.super-icon-top{
  
  float:left;
  margin-left:10px;
}

.news-detail-image{
  width:100%;
}

.maw-button1{
  font-size:0.9rem!important;
}

.common-button2{
    font-size:0.7em!important;
  }
  .common-button{
    font-size:0.7em!important;
  }

}

@media screen and (max-width: 900px) {
  .bottom-strip-left{width:100%;}
  .bottom-strip-middle{width:100%;}
  .bottom-strip-right{width:100%;}
}

@media screen and (max-width: 390px) {
 
  .topnav a.icon {

    margin-top:-58px;
  }
  .topnav.responsive .icon{
      top:55px;
   } 
}

/*Search Form*/

.search-form {
    position: relative;
}


.search-form input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .52em .7em;
    border: 1px solid #d7d7d7;
    color: #5a5a55;
    font-size: 1.125rem;
    line-height: 1.1;
    width:100%;
}
.search-form button {
    position: absolute!important;
    right: 5px!important;
    top: 0;
    height: 100%;
    padding: 0;
    background: 0 0;
    border: none;
    font: inherit;
}
.search-form i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    color: #d7d7d7;
    font-size: 1.375em;
    -webkit-transform: translateX(-.2em);
    transform: translateX(-.2em);
}
.fa-search:before {
    content: "\f002";
}
/*Search Form*/
.current-lang{display:none!important;}
.lang-item a{color:#E00007!important;font-weight:bold!important;text-decoration: underline!important;text-transform:uppercase!important;}

@media screen and (max-width: 1050px) {
.maw-newsletter {
    padding: 30px;
    background-color: #d1f0f9;
    background-image: url('images/cloud-bg.png');
    background-size: cover;
   
    background-position: center;
}

.event-img .event-text {
padding:0px;
font-size:1em;
line-height:1em;
}



}
/* End of Home page CSS */

@media screen and (max-width: 1050px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}





@media screen and (max-width: 1050px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }

.custom-menu
{
height:auto;
margin-top:0px;
width:auto;
}
.logo-top{
width:95px;
margin-top:0px;
}

.dropdown .dropbtn {
  
  padding: 14px 15px;
width:auto;
 
}

.donate-button-top{
padding:3%;
}

.logo-a{
width:236px;
}

.donate-div{
display:block;
}

.column-33{
  width: 100%;
  padding:5%;
 
}

}