img.header-member-icon {
    width:27px;
    border-radius: unset;
    margin-right: 10px;
}
.navbar-light .navbar-toggler-icon {
    background-image: url('../images/menu-icon.svg');
    background-repeat: no-repeat;
    height: 34px;
}
.navbar-light .navbar-search-icon {
    background-image: url('../images/search-icon.svg');
    background-repeat: no-repeat;
    height: 34px;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    /* background: no-repeat center center; */
    background-size: 100% 100%;
}
.navbar-light .navbar-toggler{
    border: unset;
}

@media only screen and (max-width: 600px) {
   .social-bar .donate-btn .rounded-pill.button{
        display: inline-block;
        padding: 6px 50px 6px 20px !important;
        border: 2px solid #ff661f;
        color: #ff661f;
        background: #FFFFFF;
        cursor: pointer;
        position: relative;
        font-size: 20px;
        margin-top: 24px;
        margin-bottom: 24px;
    }
}

@media only screen and (max-width: 600px) {
  .social-bar .donate-btn  i.fas.fa-heart {
        background: #ff661f !important;
        color: #FFFFFF !important;
        border-radius: 25px;
        font-size: 20px;
        padding: 12px;
        position: absolute;
        right: -1px;
        top: -1px;
    }
}

.logout-icon-mobile .fa-sign-out-alt{
        font-size: 24px;
}

::selection {
  background: #00215c; /* Bootstrap primary blue */
  color: #fff;
}
#footer-social-info #social-info li a {
        color: #fff;
    }
@media only screen and (max-width: 768px) {
    #footer-social-info #social-info .donate-btn a{
            color: #ff661f!important;
    }
}

@media only screen and (max-width: 600px) {
     #map-container{
        display: block !important;
    }
}
@media only screen and (max-width: 600px) {
    #map{
        height: 500px;
        margin-top: 24px;
    }
}

@media only screen and (max-width: 600px) {
    .slick-prev {
        z-index: 1000;
        left: -45px !important;
    }
}
.slick-slider {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

@media only screen and (max-width: 768px) {
    .page-id-2 .squares.bottom {
        bottom: -60px !important;
        z-index: 10;
        top: auto;
        right: 0px;
        position: absolute;
    }
}
@media only screen and (max-width: 768px) {
   .page-id-2 .right-image {
        overflow: hidden;
        position: relative;
        z-index: 1;
        height: 284px;
        /* width: 293px; */
        top: 30px;
    }
}
/* @media only screen and (max-width: 600px) {
.page-id-11 .team-member-slider-container .slick-next {
    right: 36px;
}
}
@media only screen and (max-width: 600px) {
  .page-id-11 .team-member-slider-container   .slick-prev {
        z-index: 1000;
        left: 7px !important;
    }
} */
@media only screen and (max-width: 600px) {
.page-id-11 .team-member-slider-container .slick-dots {
    text-align: left;
}
}

@media only screen and (max-width: 768px) {
  #newsArea .content-type{
        position: absolute;
        background: #ff661f;
        color: #FFFFFF;
        border-bottom-right-radius: 20px;
        border-top-left-radius: 20px;
        padding: 8px 22px;
        left: 0px;
        top: 0px;
        z-index: 1000;
        text-transform: capitalize;
    }
}

@media only screen and (min-width: 600px) {
    .activities .slide .activity-container img {
        height: 340px;
    }
}

.get-involved-page .squares.bottom{
    bottom: -50px !important;
}

@media only screen and (max-width: 600px) {
    .get-involved-page .squares.bottom{
        bottom:105px !important;
        z-index: 10;
        top: auto;
        right: 50px;
        position: absolute;
    }
}

@media only screen and (max-width: 600px) {
    .article-slider-generic .slide-articles .content-type {
        position: absolute;
        background: #ff661f;
        color: #FFFFFF;
        border-bottom-right-radius: 20px;
        border-top-left-radius: 20px;
        padding: 8px 30px;
        left: 0px;
        top: 0px;
        z-index: 1000;
        text-transform: capitalize;
    }
}

.read-more span {
width: 40px!important;
}


/* table style  */

/* table format for mobile  */
  /* Style the table normally */
  .page-id-1811 .wp-block-table table {
    width: 100%;
    border-collapse: collapse;
  }

  .page-id-1811 .wp-block-table td, 
  .page-id-1811 .wp-block-table th {
    padding: 8px;
    /* border: 1px solid #ddd; */
    text-align: left;
  }

  /* Mobile View */
  @media (max-width: 600px) {
    .page-id-1811  .wp-block-table table, 
    .page-id-1811  .wp-block-table thead,
    .page-id-1811  .wp-block-table tbody,
    .page-id-1811  .wp-block-table tr,
    .page-id-1811  .wp-block-table td,
    .page-id-1811 .wp-block-table th {
      display: block;
      width: 100%;
    }

 .page-id-1811 .wp-block-table thead {
      display: none; /* hide header */
    }

  .page-id-1811 .wp-block-table tr {
      margin-bottom: 1rem;
      /* border-bottom: 1px solid #ccc; */
      padding-bottom: 8px;
    }

    .page-id-1811  .wp-block-table td {
      display: inline;
      padding: 0;
      border: none;
    }

   .page-id-1811  .wp-block-table tr::after {
      content: "";
      display: block;
      height: 1px;
      background: #eee;
      margin-top: 8px;
    }

    /* Insert commas between columns */
   .page-id-1811  .wp-block-table tr td:not(:last-child)::after {
      content: ", ";
    }

    .page-id-1811  .wp-block-table tr td:last-child::after {
      content: "";
    }
  }

  @media only screen and (max-width: 600px) {
    .page-id-1811 .blog .content-block .article-container .article-content img {
            width: 100%;
            border-radius: 20px;
            margin: 0px 0px; 
        }
    }

    .news-container .content-type {
        position: absolute;
        background: #ff661f;
        color: #FFFFFF;
        border-bottom-right-radius: 20px;
        border-top-left-radius: 20px;
        padding: 8px 30px;
        left: 0px;
        top: 0px;
        z-index: 1000;
        text-transform: capitalize;
    }



    /* spacing and mobile responsive */

    @media only screen and (max-width: 600px) {
    .activities .slide .activity-container:hover {
        background-color: #ff661f;
        color: #FFFFFF;
    }
}

@media only screen and (max-width: 600px) {
    .activities .slide .activity-container {
        background-color: #F1F1F3;
        overflow: hidden;
        min-height: 400px;
        cursor: pointer;
    }
}

@media only screen and (max-width: 600px) {
    .news .slide .news-container {
        background-color: #F1F1F3;
        overflow: hidden;
        cursor: pointer;
        position: relative;
    }
}

@media only screen and (max-width: 600px) {
   #footer-social-info .social-bar .donate-btn i.fas.fa-heart {
        background: #ff661f !important;
        color: #FFFFFF !important;
        border-radius: 25px;
        font-size: 14px;
        padding: 12px;
        position: absolute;
        right: 2px;
        top: 2px;
    }
}

/* after review */

@media only screen and (max-width: 600px) {
    .annual-reports-container .annual-report-slider {
        padding-right: 0px !important;
        padding-bottom: 44px;
    }
}


@media (min-width: 992px) {
  .w-lg-25 {
    width: 25% !important;
  }
}

.submit-primary{
    color: #fff !important;

}
#salesforce_newsletter #newsletter_button {
    border: 1px solid #FFFFFF !important; 
    margin-left: 0px !important;
    border-radius: 25px !important;
    padding-left: 10px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-size: 16px !important;
}


.submit-primary:hover{
    background-color: transparent !important;
}

#newsletter_button:active {
  background-color: transparent !important;
  color: white !important;
  border-color: #fff !important; /* A darker shade for active click */
}

@media only screen and (max-width: 600px) {
    .page-id-2628.blog .content-block .article-container .article-content {
        background: #FFFFFF;
        padding: 20px 13px;
        border-top-left-radius: 20px;
    }
}
@media only screen and (max-width: 600px) {
.donate-img{
        padding-top: 32px;
    }

}