@import url('https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');

/* Basics */
body {
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  padding: 0;
  font-family: 'STIX Two Text', serif;
  text-transform: none;
}
a {
  color: #36678b;
  text-decoration: none;
  font-weight: bold;
}
/* Buttons */
a.buttonStyle003, a:link.buttonStyle003 {
  background-color: #4f7735;
  color: #FFFFFF;
}
a.buttonStyle003:hover, a:link.buttonStyle003:hover {
  background-color: #B8843A;
  color: #FFFFFF;
}
a.buttonStyle001, a:link.buttonStyle001 {
  background: #4f7735;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
a.buttonStyle001:hover, a:link.buttonStyle001:hover {
  background: #B8843A;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
input.typeButton, .generalFieldsContainer input[type="submit"] {
  background: #4f7735;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  margin-top:10px;
}
input.typeButton, .generalFieldsContainer input[type="submit"]:hover {
  background: #B8843A;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  margin-top:10px;
}
.forumPanelOuterContainer .forumPanelContainer input.typeButton {
  background: #4f7735;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  margin-top:10px;
}
.forumPanelOuterContainer .forumPanelContainer input.typeButton:hover {
  background: #B8843A;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  margin-top:10px;
}
.WaGadgetForum .forumBottomPanelOuterContainer .forumBottomPanelContainer input.typeButton {
  background: #4f7735;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  margin-top:10px;
}
.WaGadgetForum .forumBottomPanelOuterContainer .forumBottomPanelContainer input.typeButton:hover {
  background: #B8843A;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  margin-top:10px;
}
.WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterPrimaryOuterContainer input {
  background: #4f7735;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  margin-top:10px;
}
.WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterPrimaryOuterContainer input:hover {
  background: #B8843A;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  margin-top:10px;
}
.WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterSecondaryOuterContainer input {
  background: #4f7735;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  margin-top:10px;
}
.WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterSecondaryOuterContainer input:hover {
  background: #B8843A;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  margin-top:10px;
}
 .commonMessageBox .cww-co .buttons input[type="submit"], 
.commonMessageBox .cww-co .buttons input.typeButton {
  background: #4f7735;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: none;
}

.commonMessageBox .cww-co .buttons input[type="submit"]:hover, 
.commonMessageBox .cww-co .buttons input.typeButton:hover {
  background: #B8843A;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: none;
}
.WaGadgetMemberDirectoryStateAdvancedSearch .ActionPanelOuterContainer input.searchButton {
  background: #4f7735;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: none;
}
.WaGadgetMemberDirectoryStateAdvancedSearch .ActionPanelOuterContainer input.searchButton:hover {
  background: #B8843A;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: none;
}
.WaGadgetContactProfileStatePhotoGallery .emptyGalleryPanelInnerDiv .addAlbumButton {
  background: #4f7735;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
.WaGadgetContactProfileStatePhotoGallery .emptyGalleryPanelInnerDiv .addAlbumButton:hover {
  background: #B8843A;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

/* Gadgets - Social */
.WaGadgetSocialProfile.gadgetThemeStyle li a {
  color: #669A45;
}
/* Gadget Titles */

.gadgetStyleNone .gadgetStyleTitle h4 {
  font-family: 'STIX Two Text', serif;
  color: #36678b;
  text-decoration: none;
  text-transform: none;
}
#id_vKcA34r .gadgetStyleNone .gadgetStyleTitle h4.gadgetTitleH4, 
#id_J9kJEV1 .gadgetStyleNone .gadgetStyleTitle h4.gadgetTitleH4 {
  font-family: 'STIX Two Text', serif;
  font-size: 1.75em;
  color: #36678b;
  text-decoration: none;
  text-transform: none;
}
/* Gadget Styles */
.gadgetStyle001 a:link:not(.stylizedButton), 
.gadgetStyle001 a:not(.stylizedButton) {
  color: #36678b;
  text-decoration: none;
}
.gadgetStyle001 h1:not(.promo) {
  color: #36678b;
  text-transform: none;
  font-family: 'STIX Two Text', serif;
}
.gadgetStyle002 {
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
.gadgetStyle002 h1 {
  font-family: 'STIX Two Text', serif;
  text-decoration: none;
  text-transform: none;
}
.gadgetStyle002 h1:not(.promo) {
  text-transform: none;
  font-family: 'STIX Two Text', serif;
}
.gadgetStyle002 h4 {
  font-family: 'STIX Two Text', serif;
  color: #36678b;
  text-decoration: none;
  text-transform: none;
}
.gadgetStyle002 .gadgetStyleTitle h4 {
  font-family: 'STIX Two Text', serif;
  text-decoration: none;
  text-transform: none;
}
/* Gadget - Events */
.WaGadgetEventsStateList h3.sectionTitle {
  background-color: transparent;
  font-family: 'STIX Two Text', serif;
  font-weight: bold;
  text-decoration: none;
  color: #36678b;;
  font-size: 36px;
  line-height: 1.35;
  text-transform: none;
}
.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle {
  font-family: 'STIX Two Text', serif;
  font-style: bold;
  color: #36678b;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.21;
  text-transform: none;
}
.WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1 {
  background-color: transparent;
  font-family: 'STIX Two Text', serif;
  font-style: normal;
  color: #36678b;
  text-decoration: none;
}
/* Gadget - Donation */
.WaGadgetDonationGoal .gadgetStyleTitle h4 {
  font-family: 'STIX Two Text', serif;
  color: #36678b;
  text-decoration: none;
  text-transform: none;
}
/* Gadget - Polls*/
.WaGadgetPoll .bottomLine input[type=submit] {
  background: #4f7735;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: none;
}

.WaGadgetPoll .bottomLine input[type=submit]:hover {
  background: #B8843A;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: none;
}

/* Gadget Horizontal Menu */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  text-transform: none;
  padding: 13px;
  font-size:15px;
  line-height:21px;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a:hover {
  color: white;
  background-color: #284C66;
}

/* List Table */
genericListTable thead th, .membersTable thead th {
    font-family: 'STIX Two Text', serif;
    color: rgb(54, 103, 139);
    font-size: 22px;
    padding: 13px 13px 13px 0;
    background: 0;
    vertical-align: top;
    text-align: left;
}
genericListTable tr.hover td, .membersTable tr.hover td {
background-color: #4F7735

}
/* Field Containers */
.fieldContainer {
	margin:10px 0;
}
.fieldSubContainer {
    font-size: 16px;
}
[class*='EditableArea'] ol li {
  margin-bottom: 6px;
}
[class*="EditableArea"] ul li {
  margin-bottom: 6px;
}

/* Stylized Buttons */
.stylizedButton .buttonStyle003 a {
  background-color: #669A45;
  color: #FFFFFF;
}
.stylizedButton .buttonStyle003 a:hover, .stylizedButton .buttonStyle003 a:active {
  color: #FFFFFF;
  background-color: #B8843A;
}
.emailButton.buttonStyle04 {
    background-color: #4f7735;
    border-top: 2px solid #4f7735;
    border-right: 2px solid #4f7735;
    border-bottom: 2px solid #4f7735;
    border-left: 2px solid #4f7735;
}
/* Login Forms */
.WaGadgetLoginForm .loginLink {
  background-color: #669A45;
}
.WaGadgetLoginForm .loginLink:hover {
  color: #FFFFFF;
  background-color: #B8843A;
}
.WaGadgetLoginButton .loginLink {
  background-color: #669A45;
}
.WaGadgetLoginButton .loginLink:hover {
  color: #FFFFFF;
  background-color: #B8843A;
}
.WaGadgetLoginButton .authenticated .loginLink {
  color: #669A45
}
.WaGadgetLoginButton .authenticated .loginLink:hover, .WaGadgetLoginButton .authenticated .loginLink.hover {
  color: #FFFFFF;
  background-color: #B8843A;
}

/* Login Form */
.WaGadgetLoginForm .authenticated .loginPanel .profileBox {
  font-size: 16px;
}
.WaGadgetLoginButton .authenticated .loginPanel a {
  color: #4f7735;
}
.WaGadgetLoginButton .authenticated .loginPanel .profileBox {
  font-size: 16px;
}
.wa-authenticateLoginLink .authenticateLoginText {
  color:#FFFFFF;
}
.WaGadgetLoginButton .authenticated .loginPanel a {
  color: #4f7735;
}
.WaGadgetLoginButton .authenticated .loginPanel a:hover {
  color: #B8843A;
}
.WaGadgetLoginButton .authenticated .loginPanel .loginBoxLogout {
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;  
  color: #4f7735;
  font-size: 16px;
  text-decoration: none;
  font-weight:bold;
}
.WaGadgetLoginButton .authenticated .loginPanel .loginBoxLogout:hover {
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;  
  color: #B8843A;
  font-size: 16px;
  text-decoration: none;
  font-weight:bold;
}
.WaGadgetLoginForm .authenticated .loginLink:hover, 
.WaGadgetLoginForm .authenticated .loginLink.hover {
  background: #4f7735;
  color: white;
}
.WaGadgetLoginForm .authenticated .loginPanel a {
  color: #4f7735;
}
.WaGadgetLoginForm .authenticated .loginPanel a:hover {
  color: #DAB360;
}
.WaGadgetLoginForm .authenticated .loginPanel .loginBoxLogout {
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  color: #4f7735;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
}
.WaGadgetLoginForm .authenticated .loginPanel .loginBoxLogout:hover {
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  color: #B8843A;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
}
.WaGadgetLoginForm .authenticated .loginLink {
  background: #4f7735;
  color: #FFF;
}
.WaGadgetLoginForm .authenticated .loginLink:hover {
  background: #B8843A;
  color: #FFF;
}
.WaGadgetLoginForm .authenticated .loginPanel .loginBoxLogout {
  color: #4f7735;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
}
.WaGadgetLoginForm .authenticated .loginPanel .loginBoxLogout:hover {
  color: #B8843A;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
	
} 
/* Public Profile */
.WaGadgetContactProfile {
    font-size: 16px;
    overflow: visible;
}
.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton {
  color: #fff;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  background-color: #4f7735;
}
.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:hover {
  background: #B8843A;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  color: #FFFFFF;	
} 
.WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton {
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
background-color: #4f7735;
}
.WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton:hover {
  background: #B8843A;
  color: #FFFFFF;
}
.oAuthButtonsContainer a.wa-authenticateLoginLink.facebook span.authenticateLoginText, 
.oAuthButtonsContainer a.wa-authenticateLoginLink.googlePlus span.authenticateLoginText {
  color: #FFFFFF;
}
.WaGadgetAuthorizationRequired .loginPageTable input.loginButton {
  background-color: #4F7735;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
.WaGadgetAuthorizationRequired .loginPageTable input.loginButton:hover {
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
  background-color: #B8843A;
}
.navigationOuterContainer input.nextButton, 
.navigationOuterContainer input.typeButton, 
.navigationOuterContainer input[type=submit] {
  background-color: #4f7735;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
.navigationOuterContainer input.nextButton:hover, 
.navigationOuterContainer input.typeButton:hover, 
.navigationOuterContainer input[type=submit]:hover {
  background-color: #B8843A;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
.navigationOuterContainer input.nextButton:active, .navigationOuterContainer input.typeButton:active, .navigationOuterContainer input[type=submit]:active {
  background: #B8843A;
  color: #FFFFFF;
  font: 16px/1.35 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
/* Gadget Blog */
.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle {
  font-family: 'STIX Two Text', serif;
  color: #000000;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.20;
  text-transform: none;
}
.WaGadgetBlog .controlPanel .toggleButton:before {
  font: 36px/50px 'Times New Roman';
  letter-spacing: 4px;
  text-align: center;
  content: '\1F5CE';
  transform: none;
}
.WaGadgetBlog .controlPanel .toggleButton {
  background-color: #669A45;
  color: #FFFFFF;
}
.WaGadgetBlog .controlPanel .toggleButton:hover {
  background-color: #669A45;
  color: #FFFFFF;
}
.WaGadgetBlog .controlPanel.opened .toggleButton {
  background-color: #669A45;
  color: #FFFFFF;
}
.WaGadgetBlog .controlPanel .controlPanelInner a {
  background-color: #669A45;
  color: #FFFFFF;
}
.WaGadgetBlog .controlPanel .controlPanelInner a:hover {
  background: #B8843A;
  color: #FFFFFF;
}
.WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4 {
  font-family: 'STIX Two Text', serif;
  color: #36678b;
}
.fieldSubContainer .typeInstruction {
  color: #0F1C50;
}
.formTitleOuterContainer {
  color: #0F1C50;
}
