/* Login button */
.WaGadgetLoginButton .loginLink, .WaGadgetLoginForm .loginLink {
    background: #Cae8ff !important;
    color: #050a30 !important;
    font-size: 24px !important;
}
/* Login button on hover */
.WaGadgetLoginButton .loginLink:hover, .WaGadgetLoginForm .loginLink:hover {
    background: #5cb6f9 !important;
}
/* Logout button */
.WaGadgetLoginButton .authenticated .loginLink, .WaGadgetLoginForm .authenticated .loginLink {
    background: 0 !important;
    color: #233dff !important;
    

    
}
/* Logout button on hover */
.WaGadgetLoginButton .authenticated .loginLink:hover, .WaGadgetLoginButton .authenticated .loginLink.hover, .WaGadgetLoginForm .authenticated .loginLink:hover, .WaGadgetLoginForm .authenticated .loginLink.hover {
    background: #F4f6fc !important;
    color: white !important;
}



.WaGadgetMobilePanel .mobilePanel {
background: #78cbe1 !important;
color : F4f6fc !important;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul{
background: 5cb6f9 !important;
color : F4f6fc !important;
}
.WaGadgetUpcomingEvents {
    background-color: #F4f6fc !important;
 border-style: none !important; 

}

.WaGadgetRecentBlogPosts
{
    background: #F4f6fc !important;
    
}


.gadgetTitleH4 {
    color: #050a30 !important;
}

    
}
.recentBlogPostsStyle002 ul li{
background-color: #F4f6fc !important; 
border-left: 0px !important;
}
/* FSGP responsive header */
#idHeaderContentHolder {
  position: relative;
  padding: 0 !important;
}

/* Remove the logo's width limit and spacing */
#id_niCeSBl,
#id_niCeSBl .gadgetStyleBody,
#id_niCeSBl .gadgetStyleBody > div {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#id_niCeSBl img {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  border: 0;
}

/* Place the existing search gadget over the artwork */
#id_c2aB9Np {
  position: absolute !important;
  top: 12px;
  right: 12px;
  width: 280px;
  max-width: calc(100% - 24px);
  margin: 0 !important;
  z-index: 10;
  background: transparent !important;
}

/* On small screens, keep search above the logo
   so it does not cover the society's name */
@media (max-width: 767px) {
  #id_c2aB9Np {
    position: relative !important;
    top: auto;
    right: auto;
    width: auto;
    max-width: none;
    margin: 0 !important;
    padding: 8px 12px !important;
    background: #E3EBF2 !important;
  }
}/* Make the header fill the full page width */
.zoneHeader1 > .container_12 {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.zoneHeader1 > .container_12 > .s1_grid_12 {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}
/* Remove the space above the header */
#idHeaderContentHolder > div {
  padding-top: 0 !important;
}

/* Make the banner proportional to 1100 × 300 */
#id_niCeSBl img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  aspect-ratio: 11 / 3 !important;
  object-fit: cover !important;
  object-position: center !important;
}
/* Keep mobile search over the banner */
@media (max-width: 767px) {
  #id_c2aB9Np {
    position: absolute !important;
    top: 4px !important;
    right: 8px !important;
    width: 150px !important;
    max-width: calc(100% - 16px) !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    z-index: 10 !important;
  }

  #id_c2aB9Np .gadgetStyleBody {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }
}
/* Give mobile search its own compact row */
@media (max-width: 767px) {
  #id_c2aB9Np {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: 180px !important;
    max-width: calc(100% - 16px) !important;
    margin: 0 8px 6px auto !important;
    padding: 0 !important;
    background: transparent !important;
  }

  #id_c2aB9Np .gadgetStyleBody {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }
}