/* typography styling */

.header, h1.header {
margin: 1.5em 0 .85em;
color: #008001;
font-family: 'Lato','Arial',sans-serif;
font-size: 28px;
font-style: normal;
font-weight: normal;
line-height: 1.1;
text-transform: uppercase;
letter-spacing: 0px;
}

h2 {
margin: 1.5em 0 .5em !important;
margin-block-start: 0.5em;
margin-block-end: 0.5em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-family: 'Lato','Arial',sans-serif;
font-weight: 500;
text-transform: none;
line-height: 1.5;
}

h3 {
margin: 1.0em 0 .5em;
font-family: 'Lato','Arial',sans-serif;
font-weight: 500;
text-transform: none;
line-height: 1.3;
}
h4 {
margin: 1.0em 0 .5em;
font-family: 'Lato','Arial',sans-serif;
font-weight: 500;
text-transform: none;
line-height: 1.4;
}

.WaGadgetEventsStateList h3.sectionTitle {
color: #008001;
}

.WaGadgetEventsStateList .pastEventsOuterContainer h3.sectionTitle {
color: #008001;
}

H2, .gadgetStyleNone H2, .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle, .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1 {
font-family: 'Raleway','Arial',sans-serif;
font-size: 1.50em;
font-weight: normal;
color: #008001;
}

H4:not(.gadgetTitleH4):not(.h4Alt), .gadgetStyleNone H4:not(.gadgetTitleH4):not(.h4Alt), .WaGadgetBlog .blogCommentsOuterContainer h3.sectionTitle {
font-size: 1.5em;
color: #008001;
}

/* scroll to top button */

#toTopBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 30px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: 1px solid #ffffffd2; /* Borders colour */
  outline: none; /* Remove outline */
  background-color: #008001d2; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px 15px; /* Some padding */
  border-radius: 4px; /* Rounded corners */
  font-size: 16px; /* Increase font size */
  text-decoration: none;
}

#toTopBtn:hover {
  background-color: #facc1cd2; /* Add a hover background colour */
  color:#008001; /* Text color */
}

/* styling of login form */

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink {

    background: #fccb1c;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink.hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink.hover {
    background: #fccb1c;
    color: white;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink {
    color: #fccb1c;
}

.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 {
    color: white;
    background:#fccb1c;
}

/* Alignment of social icons gadget content */

.WaGadgetSharingButtons {
    overflow: visible;
    text-align: center;
}

/* Mobile menu styling */

.WaGadgetMobilePanel .mobilePanel {
    position: relative;
    height: 50px;
    background: #008001;
    color: white;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active {
    background: #008001;
    color: white;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
    margin: 0;
    padding: 12px 0;
    background: #008001;
    border-top: 1px solid #008001;
    font-weight: bold;
    text-align: left;
    list-style: none;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li.sel>.item>a {
    color: #facc1c;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
    margin: 0;
    padding: 12px 0;
    background: #008001;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    font-weight: bold;
    text-align: left;
    list-style: none;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
    background: #1e9c1e;
    color: #f9f5f5;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul {
    padding: 0;
    background: #008001;
    font-weight: normal;
    text-transform: none;
    list-style: none;
}

/* Top sticky menu styling */

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active {
    left: 0;
    z-index: 1000;
    width: 100%;
    background: #ffffffd2;
    border-bottom: 1px solid #008001;
    box-sizing: border-box;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .stickyMenu.active {
    left: 0;
    z-index: 1000;
    width: 100%;
    background: #008001d2;
    border-bottom: 1px solid #ffffff;
    box-sizing: border-box;
}

/* Secondary menu styling */

.WaGadgetCustomMenu.menuStyle003 .orientationVertical {
border-left: 4px
solid #fccb1c;
}

.WaGadgetCustomMenu.menuStyle003 ul li a {
    font-family: 'Lato','Arial',sans-serif;
    color: #008001 !important;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
}

/* Verticle menu styling */

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel {
    box-sizing: border-box;
    width: 300px;
    margin: 0;
    padding: 8px 0;
    background: white;
    border: 2px solid #008001;
    border-left:none;
    border-right:none;
    list-style: none;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel>li>.item>a {
    position: relative;
    display: block;
    padding: 4px 16px;
    overflow: hidden;
    background: inherit;
    color: #008001;
    font: bold 16px/1.5 'Lato','Arial',sans-serif;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

/* Make video responsive */

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* Hide some membership level information fields */

span.textLine.typeInstruction {
padding: 0px 0 0;
}

.levelBundle {
display:none;
}

.levelRenewal {
display:none;
}

.levelRecurring {
display:none;
}