body{
  background-color: white !important;
}
.container_id_Header{
  max-width: 900px; 
  width: 100%;
}

/* NAVBAR DISPLAY */
#id_FlWrpDq{
  background: #662D91 !important;
  padding: 20px !important;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel{
  background: #662D91 !important;
  width: 100%;
}
#id_cXOLKQ2{
  margin-bottom: -2%;
}
.WaGadgetMobilePanel .mobilePanel{
  background: #662D91 !important;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul{
  background: #662D91 !important;
  width: 70%;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul a:hover{
  background: #FFD700 !important;
  color: white;
}


/* ABOUT US */
/* Slideshow */
@media(max-width: 1500px){
  #id_wq618So{
    height: 10vh;
    }
}
@media(max-width: 768px){
  #id_wq618So{
    height: 60vh;
    }
}
@media (max-width: 480px){
    #id_wq618So{

     height: 60vh;
    }
}


/* DONATE- Other Payment Options */
#id_YgSORQu, #id_4xI5bKh{
  flex: 1;
  padding: 11px 20px;
  border-radius: 8px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}

/* MERCHANDISE Display*/
#id_x1F5u8E{
  flex: 1;
  padding: 14px 25px;
  border-radius: 8px;
  gap: 50px !important;
}

/* MY CHART */
#id_G7ZWbbB{
  margin: 0 auto;
  width: 95%; 
  padding: 12px;
  color: #662D91  !important;
}
#id_F6YVaaA{
  margin: 0 auto;
  width: 70%;
  color: #662D91  !important;
}

/* RESOURCES PAGE */
#id_UazPgOM, #id_8JRVTxH, #id_rOCU94W, #id_I4e89z6, #id_dsCJs7H, #id_BnkWSW3, #id_rwo7MzB, #id_NxvdvcB, #id_vWQBdNl, #id_ayA1pnL, #id_Q4Exdw9{
  background: white;
  padding: min(1rem, 3%);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: transform 0.2s;
}
#id_UazPgOM:hover, #id_8JRVTxH:hover, #id_rOCU94W:hover, #id_I4e89z6:hover, #id_dsCJs7H:hover, #id_BnkWSW3:hover, #id_rwo7MzB:hover, #id_NxvdvcB:hover,#id_vWQBdNl:hover, #id_ayA1pnL:hover, #id_Q4Exdw9:hover{
  transform: translateY(-5px);
}

/* MEMBER BENEFITS */
#id_yGCKGil, #id_bZZDwNU{
  background: white;
  padding: 1.25rem;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: transform 0.2s;
}
#id_yGCKGil:hover, #id_bZZDwNU:hover{
  transform: translateY(-5px);
}

/* AGM PAGE */
#id_4BctCqO, #id_P2hCSWZ, #id_3CoyFkh{
  background: white;
  padding: min(1rem, 3%);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: transform 0.2s;
}
#id_4BctCqO:hover, #id_P2hCSWZ:hover, #id_3CoyFkh:hover{
  transform: translateY(-5px);
}


/* @media (max-width: 1024px){ */
    /* .WaGadgetMenuHorizontal .menuInner ul.firstLevel{
        padding: 1rem;
    }
    .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a{
        font-size: 15px;
    }

/* Navbar */
/* .WaGadgetMenuHorizontal .menuInner ul.firstLevel{
background: #662D91 !important;
width: 98%;
padding: 1.25rem !important;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a{
color: white !important;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a:hover
{
  color: gold !important;
}
.WaGadgetMenuHorizontal .menuInner ul ul{
background: #662D91  !important;
}
.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a{
color: white !important;
}
.WaGadgetMenuHorizontal .menuInner ul ul>li>.item>a:hover{
background: gold !important;
} */
/* @media (max-width: 1024px){ */
    /* .WaGadgetMenuHorizontal .menuInner ul.firstLevel{
        padding: 1rem;
    }
    .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a{
        font-size: 15px;
    }
} */

/* @media (max-width: 768px){
  #id_FlWrpDq{
    width: 96.75%;
  }
  #id_4vyOeis{
    width: 100%;
    object-fit: cover;
  } */
    /* .WaGadgetMenuHorizontal .menuInner ul.firstLevel{
        width: 94.8%;
        padding: 0.8rem;
    }
    .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a{
        font-size: 14px;
    }
} */
}
/* @media (max-width: 480px){
  #id_FlWrpDq{
    width: 90.2%;
  }
  #id_4vyOeis{
    width: 100%;
  } */
    /* .WaGadgetMenuHorizontal .menuInner ul.firstLevel{
        width: 20%;
        padding: 0.6rem;
    }
    .WaGadgetMenuHorizontal .menuInner ul ul > li > .item > a{
        font-size: 12px;
    } */
}

/* 
.WaGadgetMobilePanel .mobilePanel .menuInner ul{
background: #662D91;
color : white !important;
font-size: 14px; 
width: 60%;
} */

