/* Page-specific backgrounds */
#PAGEID_18103 {
    background: none;
}

#PAGEID_18055 {
    background-color: red;
}

#PAGEID_18128,
#PAGEID_18131,
#PAGEID_18134,
#PAGEID_18135 {
    background: #ffffff;
}

/* Video gallery */
.w-gallery-view__video-cards {
    background-color: #7e807f;
}

/* Azure background sections */
#id_8KyHLtc,
#id_PH7jrmq {
    background-color: azure;
    padding: 2em 1em;
}

/* Hide elements on mobile */
@media screen and (max-width: 991px) {
    #id_IZvJ6VO,
    #id_6KXmqN1,
    #id_4RFOwyT,
    #id_SCD5MdL {
        display: none;
    }
}

/* Member directory styles */
.memberDirectoryDetailsContainer {
    background-color: #fafefe;
}

.memberDirectoryDetailsContainer .fieldLabel {
    color: #166876;
}

/* Form containers */
#idGeneralFormContainer,
#id_m15T66H,
#id_Cc3XB8Z {
    background-color: #fafefe;
}

.generalFieldsContainer .fieldSubContainer .fieldLabel span:not(.mandatorySymbol) {
    color: #166876;
}

/* Headings */
H1:not(.promo) {
    color: #08527C !important;
}

/* Mailchimp embed - base styles */
#mc_embed_signup {
    width: 80% !important;
    max-width: 80%;
    padding-left: 1em;
    padding-top: 0.5em;
    padding-bottom: 1em;
    margin-top: 2em;
    margin-left: 2rem;
    line-height: 2.5em !important;
}

#mc_embed_signup label {
    margin-right: 2em;
}

/* Mailchimp embed - mobile */
@media screen and (max-width: 991px) {
    #mc_embed_signup {
        width: 90% !important;
        margin-left: 2px;
        margin-right: 2px;
        line-height: 1.5em !important;
    }
}

/* Login text styling */
.login-text {
    line-height: 1em;
    color: #b8dfe6 !important;
    font-size: 1em;
}

/* Hide element for member content view */
.memberContentView #id_H4JVLC1 {
    display: none;
}

/* Hide "Click here to log in" text when authenticated */
.loginContainer.authenticated + .WaGadgetContent .gadgetContentEditableArea p {
    display: none;
}

/* Welcome message styling */
.welcome-message {
    font-size: 14px;
    text-align: center;
    padding-top: 6px;
    padding-right: 12px;
}

/* Center the login icon/link above */
.loginContainer {
  text-align: center;
}

.loginContainerInner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
