/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

.jl-wrapper .jl-container .el-content {
  padding: 0.938rem;
  margin: 0.625rem;
}
.jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
  box-sizing: content-box;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
.jl-wrapper .g-container .el-content, .tm-header .g-container .el-content, .tm-header-mobile .g-container .el-content {
  padding: 0.938rem;
  margin: 0.625rem;
}
@media only all and (min-width: 75rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 75rem;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 60rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 48rem;
  }
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 30rem;
  }
}
.tm-header .navbar-wrapper, .tm-header-mobile .navbar-wrapper {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
[id^="jlnavbar-"][id$="-particle"] {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
.menu-simple .jl-container .g-main-nav {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
.menu-extended .el-navbar-dropbar {
  padding-left: 0.938rem;
  padding-right: 0.938rem;
}
.el-horiz-nav {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
[id^="jlnav-"][id$="-particle"] .jl-search-input {
  border-radius: 0;
  box-shadow: none;
}
ul.jl-list, .jl-breadcrumb, .jl-comment-list {
  margin-left: 0;
}
ul.jl-tab, .jl-subnav {
  margin-top: 0;
}
ul.jl-list {
  margin: 0 0 20px 0;
}
.jl-hr, hr {
  overflow: visible;
  text-align: inherit;
  border-top: 1px solid #e5e5e5;
}
.jl-checkbox, .jl-radio {
  display: inline-block !important;
  width: 16px !important;
}
.jl-modal-dialog video {
  vertical-align: middle;
}
.jl-link {
  color: #4db2b3;
}
.jl-link:hover, .jl-link:focus, .jl-link:active {
  color: #4db2b3;
}
.jl-link-heading:hover, .jl-link-heading a:hover, .jl-link-toggle:hover .jl-link-heading, .jl-link-toggle:focus .jl-link-heading, .jl-list-primary > ::before, .jl-text-primary {
  color: #4db2b3 !important;
}
.jl-notification-message-primary, .jl-button-link, .jl-navbar-toggle.jl-open, .jl-navbar-toggle:focus, .jl-navbar-toggle:hover, .jl-iconnav > * > a:hover, .jl-iconnav > .jl-active > a {
  color: #4db2b3;
}
.jl-search-input {
  box-sizing: border-box !important;
}
.jl-search-navbar .jl-search-input:focus, .jl-tab > .jl-active > a {
  border-color: #4db2b3;
}
.jl-button-primary, .jl-card-primary.jl-card-hover:hover, .jl-background-primary, .jl-marker, .jl-alert-primary, .jl-subnav-pill > .jl-active > a, .jl-checkbox:checked, .jl-checkbox:indeterminate, .jl-checkbox:checked:focus, .jl-checkbox:indeterminate:focus, .jl-radio:checked, .jl-card-primary > .tm-timeline-arrow, .jl-dotnav > .jl-active > *, .jl-dotnav > * > :focus, .jl-dotnav > * > :hover, .jl-pagination > .jl-active > *, .jl-label:not(.jl-label-success, .jl-label-warning, .jl-label-danger) {
  background-color: #4db2b3;
}
.jl-button-primary:hover, .jl-button-primary:focus {
  background-color: #45a1a2;
}
.jl-light .jl-button-primary:focus {
  background-color: #fff;
  color: #1c1c1c;
}
.jl-icon:not(.jl-preserve) [stroke*="#"]:not(.jl-preserve) {
  stroke: currentcolor;
}
.jl-section-primary, .jl-tile-primary, .jl-card-primary, .jl-badge {
  background: #4db2b3;
}
.jl-text-background {
  background-color: #4db2b3;
  background-image: linear-gradient(90deg, #4db2b3 0, #4d6eb3 100%);
}
.jl-checkbox:focus, .jl-radio:focus {
  border-color: #4db2b3;
}
.jl-radio:checked:focus {
  background-color: #4db2b3;
}
.jl-overlay-primary {
  background: rgba(77, 178, 179, 0.8);
}
.jl-button-default {
  background-color: rgba(255, 255, 255, 0);
  color: #4db2b3;
  border-color: #4db2b3;
}
.jl-button-default:hover, .jl-button-default:focus, .jl-button-default:active {
  background-color: #4db2b3;
  border-color: #4db2b3;
  color: #ffffff;
}
.jl-pagination > * > :hover {
  color: #fff;
  background-color: #4db2b3;
}
.mod-rscontact-width-auto {
  width: 100%;
}
.button.button-outline {
  background: #FE95D8 !important;
  font-weight: 800;
  color: #002072 !important;
}
.our-causes {
  padding-left: 1rem;
  margin-top: -1rem;
  text-align: justify;
  padding-right: 1rem;
}
.social-media {
  width: 80%;
  margin-top: 2rem;
  display: flex;
  column-gap: 0.5rem;
}
@media (max-width: 768px) {
  .social-media {
    margin-top: -4rem;
    margin-left: 50%;
  }
}
@media (max-width: 768px) {
  .g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
    margin-left: 3rem;
  }
}
#g-mobilemenu-container {
  margin: 1rem;
}
#g-features {
  background: #F8F3E8;
  color: #424753;
  padding: 3rem 0;
}
#g-footer {
  padding: 2rem !important;
}
#g-navigation .g-social {
  text-align: right;
  line-height: 3.125;
  margin-top: 1.3rem;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
  word-break: normal;
  line-height: normal;
  margin-top: 2rem;
  font-size: larger;
}
.g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
  max-height: 100px;
}
/*
.card-container {
  width: 100%;
  display: grid;
  grid-template-columns: 55% 45%;
  border-radius: 10px;
  margin-bottom: -3rem;
}
*/
.card-container {
  width: 100%;
  display: grid;
  grid-template-columns: 50% 50%;
  /* Initially, each column takes up half of the container */
  gap: 20px;
  /* Add some gap between columns */
  border-radius: 10px;
  margin-bottom: -3rem;
}
@media (max-width: 768px) {
  .card-container {
    grid-template-columns: 1fr;
    /* On smaller screens, switch to a single column layout */
  }
}
.account-container {
  margin-top: 4rem;
  color: #15161a;
  font-size: 22px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .account-container {
    width: 100%;
    padding: 1rem;
  }
}
.account-container > h3 {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 45px;
  line-height: 50px;
  letter-spacing: 0px;
  color: #002072;
}
/*
@media (max-width: 768px) {
  .account-container > h3{
    font-size: 30px;
    font-weight:200;
  }
}
*/
.get-involve-img-container {
  width: 612px;
  height: 408px;
}
@media (max-width: 768px) {
  .get-involve-img-container {
    width: 100%;
  }
}
/*
.blog-container {
  //margin-top: 3rem;
  width: 100%;
  scroll-behavior: smooth !important;
  display: grid;
  grid-template-columns: repeat(4, 0.2fr);
 // height: 800px;
  padding-top: 2rem;
  padding-bottom: 4rem;
  gap: 2rem;
  //overflow-y: scroll;
  justify-content: center;
  border-radius: 10px;
  //background-color: grey;
}
*/
.blog-container {
  width: 100%;
  scroll-behavior: smooth !important;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  /* Responsive grid */
  padding-bottom: 4rem;
  gap: 3rem;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .blog-container {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    /* Adjust columns for smaller screens */
  }
}
@media screen and (max-width: 576px) {
  .blog-container {
    grid-template-columns: 1fr;
    /* Single column layout on smaller screens */
    margin-left: 0.5rem;
    width: 95%;
  }
}
.blog-post {
  width: 400px;
  height: 570px;
  box-shadow: 1px 1px 10px rgba(189, 189, 189, 0.3);
}
@media screen and (max-width: 768px) {
  .blog-post {
    width: 100%;
    height: 36rem;
  }
}
.blog-post > div {
  margin-top: -2rem;
}
.blog-post > img {
  width: 100%;
  height: 50%;
}
@media screen and (max-width: 768px) {
  .blog-post > img {
    height: 35%;
  }
}
.blog-post > div > a {
  margin-top: 2rem;
}
.centerText {
  text-align: center !important;
}
.g-content {
  margin: 0rem;
  padding: 0rem;
  margin-top: -0.1rem;
}
.g-container {
  width: 100%;
  object-fit: cover;
}
.g-owlcarousel.has-color-overlay .owl-stage > .owl-item:nth-child(odd) .g-owlcarousel-item-img:after {
  background: transparent;
  opacity: 0.9;
}
.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content {
  margin: 1.25rem 0.625rem 0.625rem -45%;
  padding: 0.938rem;
  text-align: center;
  width: 40%;
}
@media screen and (max-width: 768px) {
  .g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content {
    width: 100%;
    margin: 0rem 0rem 0rem 0%;
    padding: 0rem;
  }
}
.button.button-outline {
  background: #f68e13;
  color: white;
  border-color: #4db2b3;
}
/*# sourceMappingURL=custom_16.css.map */