<link rel="stylesheet" href="https://use.typekit.net/lwq6ijf.css">

@font-face {
    font-family: 'BourtonHandBaseDrop';
    src: url('/resources/Fonts/BourtonHandBaseDrop/BourtonHandBaseDrop.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body, p {
    font-family: " Adobe Caslon Pro", serif;
}

h1, h2, h3 {
    font-family: 'BourtonHandBaseDrop', serif;
}

 /* makes login avatar navy blue */
 .WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink
  {
    color: #312D65;
}

/* makes login avatar navy blue and teal on hover */
.WaGadgetLoginForm:hover  .loginContainer.authenticated.loginContainer.authenticated .loginLink {
    background-color: #78AAAE;
    color: #312D65;
}

/* makes login button pink and navy */
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton {
    background: #EEB1AA;
    color: #312D65;
}

/* Changes login button hover background color navy and font color to white  */
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:hover {
    background: #312D65;
    color: white;
}


/* makes virtical background light teal color */
.WaGadgetMenuVertical ul.firstLevel {
    background: #D6E2E0;
}

/* Changes button colors to pink background with navy font on login table */
.WaGadgetAuthorizationRequired .loginPageTable input.loginButton {
    background: #EEB1AA;
    color: #312D65;
    text-align: center;

}

/* Changes button hover background color navy and font color to white  */
.WaGadgetAuthorizationRequired .loginPageTable input.loginButton:hover {
    background: #312D65;
    color: white;
}

/* Changes login title to navy  */
H1:not(.promo), .gadgetStyleNone H1:not(.promo) {
    color: #312D65;
    font-size: 25px;
}

/* Change side menu buttons to pink and navy */
.WaGadgetMenuVertical ul.firstLevel>li>.item>a {
    background: #EEB1AA;
    color: #312D65;
}

/* Change side menu buttons align text to center */
.WaGadgetMenuVertical ul.firstLevel>li>.item>a {
    text-align: center;
}

/* Change side menu buttons background color navy and font color to white  */
.WaGadgetMenuVertical ul.firstLevel>li>.item:hover>a {
    background: #312D65;
}


/* Styling side menu buttons */
a.stylizedButton.buttonStyle002 {
    border-style: solid;
    border-color:#312D65;
    width: 50%;
    white-space:normal !important;
    word-wrap:break-word;
    font-family: 'DIN 2014';
}


/* Change Suscribe button to pink and navy  */
.navigationOuterContainer input.nextButton:hover, .navigationOuterContainer input.typeButton:hover, .navigationOuterContainer input[type=submit] {
    background: #EEB1AA;
    color: #312D65;
}

/* Change Suscribe button hover navy and white  */
.navigationOuterContainer input.nextButton:hover, .navigationOuterContainer input.typeButton:hover, .navigationOuterContainer input[type=submit]:hover {
    background: #312D65;
    color: white;
}

/* Styling extra menu buttons   */
a.stylizedButton.buttonStyle003 {
    border-style: solid;
    border-color:#312D65;
    width: 250px;
    white-space:normal !important;
    word-wrap:break-word;
    font-family: 'DIN 2014';
}

/* Change mobile menu to pink  */
.WaGadgetMobilePanel .mobilePanel {
    background: #EEb1AA;
}

/* Change Change mobile menu hover to white */
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
    color: white;
}

/* Change mobile menu button to teal */
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton {
    color: #78AAAE;
}

/* Change mobile menu active button to teal */
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel>.item>a {
    color:  #78AAAE;
}

/* Change Edit Profile button to pink and navy  */
.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton {
    background: #EEB1AA;
    color: #312D65;
    font-family: 'DIN 2014';
}

/* Change Edit Profile button to pink and navy  */
.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:hover {
 background: #312D65;
    color: white;
}

/* Change font size on profile page lables  */
.fieldSubContainer .fieldLabel ,
.fieldSubContainer>.fieldBody {
    color: black;
    font-size: 18pt;
}

/* Change font size on the profile navigation pages  */
.WaGadgetContactProfile .memberDetailsTabsOuterContainer ul.memberDetailsTabMenu {
    font-size: 25px;
}


/* Change font size on filters on the profile Event Registrations tab  */
.WaGadgetContactProfileStateEventRegistrations .genericListHeaderContainer table td .eventHeaderLabel {
    color: #312D65;
    font-size: 19px;
    
}


/* Change font size on body infor on the profile tabs  */
.gadgetStyleNone {
    color: #312D65;
    font-size: 19px;
}


/* add line height to have read more match origional paragraph on board memeber page */
.board_bio {
    line-height: 28px;
}

/* Removes bundle wording on Member Application form */
#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_selectedLevel_group {
    display: none;
}

/* Changing social media buttons to pink on hover */
.WaGadgetSocialProfile.gadgetThemeStyle2 li a:hover {
    color: #EEB1AA;
}

/* removing branding from membership form */
#PAGEID_18138 #idFooterPoweredByWA {
    display: none !important;
}


/* Styling Event Registration Buttons*/
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton {

    background: #EEB1AA;
    color: #312D65;
    font-family: 'DIN 2014';
}

/* Styling Event Registration Buttons on hoover*/
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton:hover {
    background: #312D65;
    color: white;
    font-family: 'DIN 2014';
}


/* Styling message pop-up colors */
#WA_messagePopup #contentBalancePanelId ul li a {
    color:#312D65; 
}


/* Styling Event Registration Confirmation and Continuation buttons on hover */
.WaGadgetContactProfileStateEventRegistrations .genericListTable input[type='submit']:hover {

    background: #EEB1AA;
    color: #312D65;
    font-family: 'DIN 2014';
}


/* Styling Event Registration Confirmation and Continuation buttons */
.WaGadgetContactProfileStateEventRegistrations .genericListTable input[type='submit']{
     background: #312D65;
    color: white;
}


/* Move Event Registration Cancellation back into the box */

#idEventRegistrationWizardContainer DIV.navigationContainer #registrationButtons .link {
    margin-right: 15px;
    margin-left: 0px;
}

/* Move see my resgistered events back into the box */
.viewAllRegistrations {
    margin-right: 15px;
    margin-left: 0px;
}

/* Styling already a member buttons on hover */
.commonMessageBox .cww-co .buttons input[type="submit"], .commonMessageBox .cww-co .buttons input.typeButton {
    background: #EEB1AA;
    color: #312D65;
    font-family: 'DIN 2014';
}

/* Styling already a member buttons on hover */
.commonMessageBox .cww-co .buttons input[type="submit"]:hover, .commonMessageBox .cww-co .buttons input.typeButton:hover {
    background: #312D65;
    color: white;
}

/* Styling Upcomping Events Boxes */
.WaGadgetUpcomingEvents li{
    background-color: white;
    border: 5px solid #EEB1AA;
}

/* Styling Resest Password Buttons */
.generalFieldsContainer input.typeButton, .generalFieldsContainer input[type=submit] {
    background: #EEB1AA;
    color: #312D65;
    font-family: 'DIN 2014';
}

/* Styling Resest Password Buttons On hover */
.generalFieldsContainer input.typeButton:hover, .generalFieldsContainer input[type=submit]:hover{
    background: #312D65;
    color: white;
}

/* Styling WA Terms of Use Buttons */
.WaGadgetTermsOfUse .login-role-actions input[type='submit']{
    background: #EEB1AA;
    color: #312D65;
    font-family: 'DIN 2014';
}

/* Styling WA Terms of Use Buttons on Hover */
.WaGadgetTermsOfUse .login-role-actions input[type='submit']:hover {
    background: #312D65;
    color: white;
}


.WaGadgetUnsubscribeFromEmails form input[type=submit]{
    background: #EEB1AA;
    color: #312D65;
    font-family: 'DIN 2014';
}

.WaGadgetUnsubscribeFromEmails form input[type=submit]:hover{
    background: #312D65;
    color: white;
}