/* To Change The RSS Feed Icon Color */
.WaGadgetEvents h1.pageTitle a.rssFeedLabel, .WaGadgetEvents h1.pageTitle a.rssFeedLabel:hover {
    color: #ffffff;
}
/* To Change The Header Color On Calender Gadget*/
.WaGadgetEvents.WaGadgetEventsStateCalendar h3 {
    color: #ffffff;
    font: bold 24px/normal Roboto Condensed;
    margin: 0;
}
/* To Underline The Date Numbers On The Calendar Gadget*/
.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar td a.calendarDate, .WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar td a.calendarDate:hover {
    color: #ffffff;
    text-decoration: underline;
}
/* To underline And bold The Column Headers On The Calendar Gadget*/
.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar td.EventListCalendarHeader {
    color: #ffffff;
    font: bold 14px/normal Roboto Condensed;
    margin: 0;
}
/* To remove "Recurring Payments" Text On Application Gadget */
.levelRecurring {
display:none;
}
/* To remove the social login buttons from the Authorization required system page */
.WaGadgetAuthorizationRequired .openAuthFormContainer {
display: none !important;
} 

/* To remove the buttons from private member profiles? */
#socialLoginContainer, #idSocialLoginContainer {
	display: none;
} 

/* To change font to white on Change Password page */
.WaGadgetChangePassword .formOuterContainer .formContainer .generalFieldsOuterContainer .generalFieldsContainer .fieldLabel strong {
    color: white;
    font: italic 19px/normal PT Sans;
}

/* To <change profile fields?> */
.fieldSubContainer .fieldBody {
    font: normal 22px/normal PT Sans;
}

/* To change font color to white on Calendar Gadget where the current state is shown, e.g. Month, Week, Year */
.WaGadgetEvents.WaGadgetEventsStateCalendar #idViewSwitchersTable #group1 div, .WaGadgetEvents.WaGadgetEventsStateCalendar #idViewSwitchersTable #group2 div {
    color: white;
}

/* To <do something> */
.fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody input.subjectTextBox, .fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody input.typeText, .fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody input[type="text"] {
    border: 1px solid rgb(145, 145, 145);
    background: transparent;
    color: white;
}

/* To change font to white on Password Reset page */
.WaGadgetResetPassword .formContainer .generalFieldsOuterContainer .generalFieldsContainer .fieldSubContainer .fieldLabel strong, .WaGadgetResetPasswordRequest .formContainer .generalFieldsOuterContainer .generalFieldsContainer .fieldSubContainer .fieldLabel strong {
    color: white;
    font: italic 20px/normal PT Sans;
}

/* To <do something> */
.fieldContainer.textFieldContainer .fieldSubContainer .fieldBody textarea {
    margin: -1px 0 0 0;
    border: 1px solid #919191;
    font-size: 16px;
    padding: 2px 4px 3px 4px;
    background: transparent;
    color: white;
}

/* To change the hover highlighting on the members listing */
.membersTable tr.hover td {
    background-color: #11c39f
}

/*"ADD TO CALENDAR" LINK*/
.ui.inline.dropdown.-wa-add-event-to-calendar-dropdown>.text {
color: yellow;
}

/*CART BACKGROUND*/
.WaGadgetOnlineStoreCartCheckout .OnlineStoreCart_content_container {
background: #28431d;
}

/*STORE CHECKOUT BACKGROUND*/
.WaGadgetOnlineStoreCartCheckout .OnlineStoreCheckout_content_container {
background: #28431d;
}

/*ITEM QUANTITY*/
.quantitySnippet input {
COLOR:WHITE;
}


/* Directory simple search and advanced search field text color change */
.WaGadgetMemberDirectoryStateList .memberDirectorySearchAreaOuterContainer .memberDirectorySearchArea input[type=text] {
    color: white;
}

/* ??? */
.WaGadgetMemberDirectoryStateAdvancedSearch .searchCriteriaOuterContainer .criteriaListItem .valueContainer .fieldContainer .fieldSubContainer span input[type=text] {
    color: white;
}

/* Member profile header color */
.WaGadgetMemberPublicProfileStateMain .memberDirectoryDetailsOuterContainer .profileHeaderContainer h2, .WaGadgetMemberPublicProfileStateMain .memberDirectoryDetailsOuterContainer .profileHeaderContainer h3 {
    color: white;
}

/* ??? */
.WaGadgetEvents.WaGadgetEventsStateDetails .pageTitleContainer h1.pageTitle {
    color: #fff;
    font: normal 34px/normal Roboto Condensed;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

/* ??? */
.WaGadgetEvents .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxInfoContainer ul.boxInfo li.eventInfoStartDate label, .WaGadgetEvents .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxInfoContainer ul.boxInfo li.eventInfoEndDate label {
    font: italic 12px/normal PT Sans;
    color: #fff;
}

/* ??? */
.WaGadgetEvents .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxInfoContainer ul.boxInfo li label {
    color: #fff;
    font: italic 12px/normal PT Sans;
    padding: 2px 15px 0 0;
    text-align: right;
}

/* Prevent loading of Theme Background image while page loads */
body {
    background-color: #554f47;
    background-image: url(https://slopesandtrails.wildapricot.org/resources/Pictures/Background/Background.JPG);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
    font-family: PT Sans;
    height: 100%;
    margin: 0;
    padding: 0;
}



/* Change the background color of the top-level menu */
/* From: https://gethelp.wildapricot.com/en/articles/1634-changing-menu-colors-using-css-code#firma */
/* .WaGadgetMenuHorizontal .menuInner ul.firstLevel { */
/* background: #4d4d4d !important; */
/* } */

/*"change input color for billing details*/
Input#billingDetails_lastName{
  color: white   }
 
 Input#billingDetails_firstName{
  color: white   }
 
Input#billingDetails_phone{
  color: white  }

 
/*Change text color for Member name on send message form*/
div.memberDirectoryDetailsHeaderContainer {
  color: white
}

/*Change background color when want to add event to member's calendar */
.ui.inline.dropdown.-wa-add-event-to-calendar-dropdown .item {
  background-color: green;
}