.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;font-family:"Montserrat", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#000000;font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h1{font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h2{font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h3{font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h4{font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h5{font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h6{font-family:"Montserrat", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.shadow{
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3) !important;
}
#myblogPosts .swiper{
 overflow: visible !important;
}
.blogcards {
   position: relative; /* needed for z-index to work */
    transition: transform 0.3s ease, z-index 0s; /* smooth scaling */
    z-index: 1; /* default */
}

.blogcards:hover {
 transform: scale(1.2);
    z-index: 2 !important; /* pops above others */
}



/* Initially show normal button, hide hover button */
.serviceblocks .serviceblocksBtn {
    display: inline-block; /* or block/flex depending on layout */
}
.serviceblocks .serviceblocksBtnHover {
    display: none;
}

/* On hover, hide normal button and show hover button */
.serviceblocks:hover .serviceblocksBtn {
    display: none;
}
.serviceblocks:hover .serviceblocksBtnHover {
    display: inline-block;
}


/* Initially show normal button, hide hover button */
.homeblocks .homeblocksBtn {
    display: inline-block; /* or block/flex depending on layout */
}
.homeblocks .homeblocksBtnHover {
    display: none;
}

/* On hover, hide normal button and show hover button */
.homeblocks:hover .homeblocksBtn {
    display: none;
}
.homeblocks:hover .homeblocksBtnHover {
    display: inline-block;
}

.homeblocks:hover .homeblocksIcon svg{
color:#000  !important; 
    fill: #000 !important;
}

.homeblocksIcon svg{
   fill: #FFC629 !important; 
}

.homeblocks:hover .homeblocksText{
color:#000 !important;
}
.homeblocks:hover .homeblocksText p{
color:#000 !important;
}

/* Default state */
.blogcardsContent {
  background: transparent;
  color: inherit;
  transition: all 0.3s ease;
}

.blogcardsButtonHover {
  display: none;
}

.blogcardsButton {
  display: inline-block;
}

/* Hover state on the parent */
.blogcards:hover .blogcardsContent {
  background: #4672AE !important;
  color: #fff !important;
}
.blogcards:hover .blogcardsContent .blogcardsContentPara {
  color: #fff !important;
}

.blogcards:hover .blogcardsContent h4 {
  color: #fff !important;
}

.blogcards:hover .blogcardsContent * {
  color: #fff; /* ensures all inner text goes white */
}

/* Button swap on hover */
.blogcards:hover .blogcardsButton {
  display: none;
}

.blogcards:hover .blogcardsButtonHover {
  display: inline-block;
}



.facBlock:hover .facBlockTitle h3{
color:#FFC629 !important;
} 

.facBlock:hover .facBlockBtn svg{
color:#FFC629;
 fill: #FFC629 !important;
 }



/* Target your menu item */
.menu-item-149 a {
  position: relative;
  display: inline-block;
  width: 20px;   /* adjust size */
  height: 20px;
  text-indent: -9999px; /* push text off-screen */
  overflow: hidden;
  white-space: nowrap;
  background: url("https://rmhcsouthafrica.org/wp-content/uploads/2025/09/search.webp") no-repeat center;
  background-size: contain;
}




/* Inputs inside form with ID gform_1 */

#gform_submit_button_1{
    width:100%;
    font-style: normal;
font-weight: 700 !important;
font-size: 14px !important;
color: #fff;
background:#4672AE;
border-radius: 5px;
height: 60px;
text-transform: uppercase;
   
}

#gform_1 input[type="email"], #gform_1 input[type="text"] {
    font-size: 16px !important;
  height: 60px;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;      /* change to 25px for a pill shape */
color: #717171;
  padding: 0 12px;
  box-sizing: border-box;
  outline: none;
  font-size: 16px;
  line-height: 50px;       /* vertically center single-line text */
  -webkit-appearance: none;
  transition: border-color .15s ease, box-shadow .15s ease;
 
}

/* Placeholder colour */
#gform_1 input[type="text"]::placeholder,
#gform_1 input[type="email"]::placeholder {
color: #717171;
    
          font-size: 16px !important;
}

/* Focus state */
#gform_1 input[type="text"]:focus,
#gform_1 input[type="email"]:focus {
  border-color: #fff;
  box-shadow: 0 0 0 4px rgba(255,255,255,0.06);
}

/* Prevent browser autofill from adding a coloured background */
#gform_1 input:-webkit-autofill,
#gform_1 input:-webkit-autofill:hover,
#gform_1 input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  background: transparent !important;
  color: #fff !important;
}

#gform_1 #field_1_1, #field_1_3{
        grid-column: span 5;
}

#gform_1 #field_submit{
      grid-column: span 2;
}

/* Mobile reset: make fields full width */
@media (max-width: 768px) {
  #gform_1 #field_1_1,
  #gform_1 #field_1_3,
  #gform_1 #field_submit {
    grid-column: span 12 !important; /* full width */
  }
}



.sub-menu{
    padding: 1em !important;
}

/* Arrow */
.sub-menu::before {
 content: "";
  position: absolute;
  top: -20px;
  left: 30px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #444; /* match dropdown bg */
  pointer-events: none; /* <-- important fix */
}

.custom-breadcrumb{
    color: #969696;

text-align: center;
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 700;
}
.custom-breadcrumb a{
     color: #969696 !important;
}




/* Initially hide the button */
.donationsCard .programbtn {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, border 0.3s ease;
    border: 1px solid transparent; /* initial border */
}

/* Show button and add black border on hover */
.donationsCard:hover .programbtn {
    opacity: 1;
    visibility: visible;
  
}

.donationsCard .myicontick{
     opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, border 0.3s ease;
}

.donationsCard:hover .myicontick{
     opacity: 1;
    visibility: visible;
}

.donationborderhover {
    position: relative;
    border: 2px solid transparent;
    border-radius: 10px;
    transition: border 0.3s ease;
    padding-top: 20px;
     padding-bottom: 20px;
}

/* On hover, border becomes black */
.donationsCard:hover .donationborderhover {
    border: 2px solid #4672AE;
    background: #4672AE;
}

.donationsCard:hover p{
    color: #fff !important;
}






/* Mobile: show everything always */
@media (max-width: 768px) {
    /* Make button always visible */
    .donationsCard .programbtn {
        opacity: 1 !important;
        visibility: visible !important;
    }
    .donationsCard .myicontick{
   opacity: 1 !important;
        visibility: visible !important;
}

    /* Make border always black */
    .donationborderhover {
        border: 2px solid #4672AE !important;
        background:#4672AE;
    }
    
    .donationborderhover p{
        color:#fff !important;
    }

  

}






@media (max-width: 768px) {
    /* Submit button font size */
    .menu-item-149{
         display: none !important;
    }
    
#gform_fields_1{
    row-gap: 15px !important;
}
    
    #gform_submit_button_1 {
        font-size: 14px !important;
    }

    /* Text and email input font size */
    #gform_1 input[type="text"],
    #gform_1 input[type="email"] {
        font-size: 14px !important;
        line-height: 40px; /* adjust to match smaller font if needed */
    }

    /* Placeholder font size */
    #gform_1 input[type="text"]::placeholder,
    #gform_1 input[type="email"]::placeholder {
        font-size: 14px !important;
    }
    
    
    
}/* End custom CSS */