/*Change margin on profile between fields membership level and user ID*/
#idSectionMembershipLevelContainer > div:nth-child(3)
{
    margin-top: -25px;
}
/*Remove space between price and level description on new membership */
span.textLine.typeInstruction 
{
padding: 0px;
}
/*Hide 'Membership word' and 'time/renewal statements */
#FunctionalBlock1_ctl00_ctl00_Membership_sharedMembershipLevelView_renewal
{
display: none;
}
#FunctionalBlock1_ctl00_ctl00_Membership_titleMembershipLevel
{
display: none;
}
#FunctionalBlock1_ctl00_ctl00_Membership_sharedMembershipLevelView_recurring
{
display: none;
}
#FunctionalBlock1_ctl00_ctl00_Membership_titleExpirationDate
{
display: none;
}
#FunctionalBlock1_ctl00_ctl00_Membership_renewalLimit
{
display: none;
}
#FunctionalBlock1_ctl00_ctl00_Membership_viewExpirationDate
{
display: none;
}
/* CSS code to remove "Recurring Payments" text in application gadget */
.levelRecurring 
{
display:none;
}
.levelRenewal
{
    display: none;
}
#idMembershipLevelRadioGroupContainer > div > div.fieldLabel > strong
{
    display: none;
}
#idGeneralFormContainer > div.generalFormContainer > div > div > div > div > div > div > div > div > div > div > div.formOuterContainer > div.formContainer > div > div > div > div > div > div > div > div > div > div > div.formTitleOuterContainer > div.formTitleContainer > div > div > div > div > div > div > div > div > div > div > h3
{
    display: none;
}
/*Hide message to join - redirect is not applicable */
div#FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_registrationTopMessage_suggestToApplyMessage_idConfirmWindowStyle 
{
    visibility: collapse;
}
/*Removed Member Since Label and Field per Vicki 4-18-22 */
div#idMemberCreatedOnContainer 
{
    visibility: collapse;
    display: none;
}
/* Remove price from renewal header */
span#FunctionalBlock1_ctl00_ctl00_stepTemplate_renewalHeader_level_price {
    visibility: hidden;
}
/*Hide Social Media Login on Profile Page */
#socialLoginContainer, #idSocialLoginContainer 
{
	display: none !important;
} 
/* Remove Social Media from Login (Auth) page */
.openAuthFormContainer 
{
    visibility: collapse;
}
/*Enlarge and Bold slider arrows */
.slick-prev:before, .slick-next:before 
{
    font-family: 'FontAwesome';
    font-size: 30px;
    line-height: 23px;
    font-weight: bold;
    color: #003b5f;
}
.slick-prev:hover:before, .slick-next:hover:before 
{
    color: #3287bf;
}




/************************************************
2025 REDESIGN
*************************************************/
:root {
    --default-font: Roboto, sans-serif;
    --text-dark-color: #000;
    --text-medium-color: #333;
    --primary-color: #003561;
    --secondary-color: #004f91;
}

body {
    background: #fff;
    font-family: var(--default-font);
}

#id_Footer1, #id_Footer2 {
    padding: 20px 40px;
    color: #fff;
    background: var(--secondary-color);
}

.zoneWAbranding {
    margin: 0;
    background: var(--secondary-color);
}

#idFooterPoweredByContainer,
#idFooterPoweredByContainer a  {
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.idFooterPoweredByWA {
    margin: 0 auto;
}

#id_Footer1 {
    padding-top: 40px;
}

.WaPlaceHolder>div {
    max-width: 1500px;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5, .promo {
    text-transform: capitalize;
    color: var(--text-dark-color);
    font-family: var(--default-font);
}

.roundedCorners {
    border-radius: 7px;
}

.homeLayout {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 20px 100px;
    width: 100%;
}



.homeLayout-item p {
    font-size: 20px;
}

.homeLayout-item-first {
    grid-column: span 2;
    grid-row: span 2;

}

.homeLayout-item-first p {
    color: var(--text-medium-color);
    font-weight: bold;
}

.homeLayout-item-first h1 {
    font-size: 45px;
}

.homeLayout-item {
    display: flex;
}

.homeLayout-item > div {
    width: 100%;
}

.homeLayout-item .WaGadgetContent {
    padding: 20px;
}

.homeLayout-item-first .WaGadgetContent {
    padding: 30px 20px;
}

.homeLayout img {
    width: 60%;
}

.menubar {
    background: var(--secondary-color);
    padding: 7px;
    padding-left: 20px;
    border-radius: 7px;
}

.searchBoxFieldContainer {
    background: #fff!important;
    border-radius: 7px!important;
    padding: 0 10px!important;
}

.WaGadgetSiteSearch .searchBoxField {
border: none!important;
}

.mainMenu .firstLevel>li span {
    text-transform: capitalize;
    font-size: 18px;
}

.mainMenu .firstLevel  a {
    color: #fff!important;
}

.mainMenu .secondLevel  a {
    color: var(--primary-color)!important;
}

.mainMenu .firstLevel {
    display: flex!important;
    justify-content: space-between;
}

.mainMenu .firstLevel > li:first-child {
    d_isplay: none!important;
}




.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink {
background: none!important;
color: var(--primary-color);
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink {
    color: var(--primary-color);
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover,
.loggedName {
    color: var(--primary-color);
}

.WaGadgetLoginForm .loginLink {
    display: flex!important;
    line-height: normal!important;
    align-items: center;
    padding: 0 20px;
    background: #f7f5f3!important;
    width: max-content !important;
    color: var(--primary-color);
    font-weight: bold;
    float: right;
}

.WaGadgetLoginForm .loginLink:before {
    display: none;
}

#id_Footer1 .WaGadgetHeadline * {
    font-weight: bold;
    color: #fff;
    font-size: 22px;
}

#id_Footer1 .WaGadgetCustomMenu a {
    text-transform: capitalize!important;
    color: #fff!important;
}


.mainMenu > li:first-child {
    d_isplay: none!important;
}

.mainMenu > li:hover::after, .is-active::after {
    display: none!important;
}

.mainMenu a {
    font-weight: bold;
    color: #fff!important;
    padding: 3px!important;
}

.mainMenu > a:hover, .is-active {
	color: #fff!important;
}


.heroMessage p, .heroMessage h3 {
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
}
.heroMessage h3 {font-size: 30px;}
.heroMessage p {font-size: 26px;}

.mainMenu > li:hover {
    background: var(--primary-color)!important;
    margin-left: 7px!important;
    padding-left: 7px!important;
    padding-right: 7px!important;
    margin-right: 7px!important;
    border-radius: 7px;
}


.pageTitle ul li,
.pageTitle ul li+li:before {
    display: none;
}

.pageTitle ul li.last {
    display: block;
    font-size: 3rem;
    font-weight: bold;
    margin: 1rem 0;
    color: var(--primary-color);
}





.membership-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; padding: 2rem 0; } .membership-card { display: flex; align-items: center; justify-content: center; background: #f5f5f5; padding: 2rem; text-decoration: none; color: #333; font-weight: bold; text-align: center; border-radius: 8px; transition: background 0.3s, transform 0.3s; } .membership-card:hover { background: #e0e0e0; transform: translateY(-5px); }








  .content-area {
    font-family: var(--default-font);
    color: var(--text-medium-color);
    line-height: 1.6;
    padding: 2rem;
  }
  .content-area h1 {
    color: var(--primary-color);
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .content-area h2 {
    color: var(--secondary-color);
    font-size: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
  }
  .content-area p {
    margin-bottom: 1rem;
  }
  .content-area ul {
    list-style-type: disc;
    margin-left: 1.5rem;
    margin-bottom: 1rem;
  }
  .content-area li {
    margin-bottom: 0.5rem;
  }
  .content-area a {
    color: var(--primary-color);
    text-decoration: none;
  }
  .content-area a:hover {
    text-decoration: underline;
  }
  .content-area {
    font-family: var(--default-font);
    color: var(--text-medium-color);
    padding: 1rem;
  }
  .content-area h1 {
    color: var(--primary-color);
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .content-area p {
    line-height: 1.6;
    margin-bottom: 1rem;
  }
  .content-area a {
    color: var(--secondary-color);
    text-decoration: none;
  }
  .content-area a:hover {
    text-decoration: underline;
  }
  .list-links {
    list-style: none;
    padding: 0;
  }
  .list-links li {
    margin-bottom: 0.75rem;
  }
  .list-links li a {
    font-weight: bold;
  }
  .list-links li span {
    margin-left: 0.5rem;
    color: var(--text-dark-color);
  }
  .button {
    background-color: var(--primary-color);
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    display: inline-block;
    text-decoration: none;
  }
  .button:hover {
    background-color: var(--secondary-color);
  }
  .content-area h1 {
    color: var(--primary-color);
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .content-area h2 {
    color: var(--secondary-color);
    font-size: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
  }
  .content-area p {
    margin-bottom: 1rem;
  }
  .list-links {
    list-style: none;
    padding: 0;
    margin-bottom: 1.5rem;
  }
  .list-links li {
    margin-bottom: 0.75rem;
  }
  .list-links a {
    font-weight: bold;
    color: var(--primary-color);
    text-decoration: none;
  }
  .list-links a:hover {
    text-decoration: underline;
  }
  .list-links span {
    margin-left: 0.5rem;
    color: var(--text-dark-color);
  }
 .meeting-container {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
  }
  .meetings h2 {
    color: var(--secondary-color);
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 0.75rem;
  }
  .meeting-list {
    margin: 0;
    padding: 0;
  }
  .meeting-list dt {
    font-weight: bold;
    margin-top: 1rem;
  }
  .meeting-list dd {
    margin: 0.25rem 0 1rem 1rem;
  }
  .meeting-list dd a {
    color: var(--primary-color);
    text-decoration: none;
    margin-left: 0.5rem;
  }
  .meeting-list dd a:hover {
    text-decoration: underline;
  }
  .sidebar {
    border-left: 2px solid var(--secondary-color);
    padding-left: 1rem;
  }
  .simplemenu h4 {
    color: var(--primary-color);
    margin-bottom: 0.5rem;
  }
  .simplemenu ul {
    list-style: none;
    padding: 0;
  }
  .simplemenu li {
    margin-bottom: 0.5rem;
  }
  .simplemenu li.active a {
    font-weight: bold;
    color: var(--secondary-color);
  }
  .simplemenu a {
    color: var(--primary-color);
    text-decoration: none;
  }
  .simplemenu a:hover {
    text-decoration: underline;
  }

.accordion-header, .accordion-content {
  border: 1px solid #ccc;
}

.accordion-header {
  background-color: #f1f1f1;
  padding: 10px;
  cursor: pointer;
  margin-top: 20px;
  font-size: 19px;
  font-weight: bold;
}

.accordion-header p {
  padding: 0;
  margin: 0;
}

.accordion-content {
  display: none;
  padding: 10px;
  border-top: none;
}


.accordion-content.active {
  display: block;
}


.adminContentView .accordion-content {
  display: block!important;
}

@media (max-width: 400px) {
    .homeLayout {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .homeLayout-item {
        grid-column: span 1;
    }
}

