/* REMOVE WILD APRICOT BRANDING */

.zoneBanner {
    display: none;
}

.folded-corner {
    position: relative;
    overflow: hidden;
}

.folded-corner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 30px 30px 0;
    border-style: solid;
    border-color: #E4E5E0 #E4E5E0 #666666 #666666;
    display: block;
    width: 0;
 }


/* ADD VERTICAL SCROLLBARS TO EVERY PAGE */
html {overflow-y: scroll;}

/* Code to change page width START */
.container_12 {
    width: 1400px;
}

/* CUSTOM PAGE WIDTH --------------------------- */

.s1_grid_12{
    width: auto;
}

@media only screen and (max-width: 1399px) and (min-width: 800px){
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1400px;
    min-width: 800px;
}}


@media only screen and (max-width: 816px){
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 800px;
    min-width: 320px;
    display: block;
}}


/* Code to change page width END */


/* TEXT */

body,
[class*="EditableArea"] {
font-size: 1em;
line-height: 1.5em;
}

[class*="EditableArea"] p {
    margin-top: 0;
    margin-bottom: 1em;
}

body, td, p,
input.typeButton,
input.searchButton,
.infoOuterContainer .infoContainer .infoSection .infoTitle,
.infoOuterContainer .infoContainer .infoSection .infoText,
.fieldSubContainer .fieldLabel,
.fieldSubContainer .fieldLabel strong.mandatoryLabel,
.WaGadgetChangePassword .formOuterContainer .formContainer .generalFieldsOuterContainer .generalFieldsContainer .fieldLabel strong,
.WaGadgetResetPassword .formContainer .generalFieldsOuterContainer .generalFieldsContainer .fieldSubContainer .fieldLabel strong, .WaGadgetResetPasswordRequest .formContainer .generalFieldsOuterContainer .generalFieldsContainer .fieldSubContainer .fieldLabel strong,
.fieldSubContainer .fieldBody,
.WaGadgetEvents.WaGadgetEventsStateCalendar #idEventListCalendar .EventListCalendar td a.calendarDate, .WaGadgetEvents.WaGadgetEventsStateCalendar #idEventListCalendar .EventListCalendar td a.calendarDate:hover,
.WaGadgetEvents.WaGadgetEventsStateCalendar #idEventListCalendar.yearViewType .EventListCalendar a.yearViewHeader,
.WaGadgetBlog .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle a,
.WaGadgetEvents .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle a,
.WaGadgetEvents .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxInfoContainer ul.boxInfo li label,
.WaGadgetEvents .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxInfoContainer ul.boxInfo li div,
.WaGadgetEvents.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer ul.registrationInfo li label strong,
.WaGadgetEvents.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer ul.registrationInfo li div span,
.formTitleOuterContainer .formTitleContainer .inner .mandatoryFieldsTitle,
.fieldSubContainer .fieldBody .fieldItem span.label,
.genericListTable thead th, 
.membersTable thead th,
[class*="WaGadget"] .gadgetStyleBody ul li .date,
[class*="WaGadget"] .gadgetStyleBody ul li .author,
[class*="WaGadget"] .gadgetStyleBody ul li .location {
font-family: 'Open Sans', Helvetica, sans-serif !important;
color: #222;
}

a.stylizedButton.buttonStyle001, 
a.stylizedButton.buttonStyle002, 
a.stylizedButton.buttonStyle003,
a.stylizedButton.buttonStyle004 {
    font-family: 'Open Sans', Helvetica, sans-serif !important;
}

a.nounderline {
    text-decoration: none; 
}

h1, h2, h3, h4, .promoText {
font-family: 'Montserrat', sans-serif !important;
}

h1,
.WaGadgetMemberPublicProfileStateMain .memberDirectoryDetailsOuterContainer .profileHeaderContainer h2 {
font-weight: 600!important;
font-size: 40px !important;
line-height: 130% !important;
color: #007AC2 !important;
margin-bottom: 22px !important;
text-transform: uppercase !important;
padding: 0px !important;
width: auto !important;
white-space:normal !important;
}

/* PAGE TITLE */

h1.titlePage {
    letter-spacing: normal;
    font-size: 40px!important;
    font-weight: 600!important;
    color: #007AC2!important;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

h2,
h3.sectionTitle,
.gadgetStyleNone .gadgetStyleTitle h4,
.captionOuterContainer .captionContainer .fieldBody h4,
.WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle,
.WaGadgetEvents.WaGadgetEventsStateDetails .pageTitleContainer h1.pageTitle {
font-weight: normal;
font-size: 28px;
line-height: 130%;
color: #1a1a1a;
margin-bottom: 16px;
white-space:normal;
text-transform: none;
}

h2 {
margin-top:20px;
margin-bottom:20px;
}

h2.largeSlogan {
    text-align: center;
    color: #FFF!important;
    font-size: 3em!important;
    line-height: normal!important;
    width: 1100px;
    max-width: 100%;
    margin: 0 auto;
}

.HeroFeatures h4 {
    font-size: 36px!important;
    font-weight: 300!important;
    color:#FFF;
    line-height: 36px;
}

h2:after,
h3.sectionTitle:after,
.captionOuterContainer .captionContainer .fieldBody h4:after {
display:none !important;
}

h3,
.WaGadgetBlog.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a,
.WaGadgetEvents .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle a,
.genericListTable thead th, 
.membersTable thead th,
.WaGadgetEvents.WaGadgetEventsStateCalendar #idEventListCalendar.yearViewType .EventListCalendar a.yearViewHeader,
.WaGadgetEvents.WaGadgetEventsStateCalendar #idEventListCalendar.weekViewType .EventListCalendar td.EventListCalendarHeader a.calendarDate {
font-weight: normal !important;
font-size: 24px !important;
line-height: 32px !important;
color: #1a1a1a !important;
margin-bottom: 25px !important;
margin-top: 25px;
white-space:normal !important;
}

.genericListTable thead th, 
.membersTable thead th {
border-bottom:1px solid #cacaca;
}

.WaGadgetBlog.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle:after,
.WaGadgetEvents .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle:after {
display:block;
float:none;
margin:0px;
height:1px;
}

.WaGadgetBlog.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle {
    white-space:normal;
}

h4 {
    white-space:normal !important;
    font-size: 20px;
}

h4.boxHeaderTitle a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px;
}

.quotedText {
    padding: 0px 0px 20px 0px;
    background-color: #fff;
    border-radius: 0px;
    font: italic 18px 'Montserrat';
    color: #6e6d6d;
}

.captionOuterContainer .captionContainer .fieldBody h4 {
    margin-top:24px !important;
    margin-bottom:24px !important;
}

h5 {
    font-size:18px !important;
    line-height:20px !important;
    color:#555 !important;
    white-space:normal !important;
}

.promoText {
    background-color: none;
    color: #FFF;
    display: block;
    font-size: 60px;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    white-space: normal;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;
    padding: 0;
    line-height: 64px;
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

ul,
ol,
.WaGadgetSiteMap .gadgetStyleBody > ul {
padding:0px;
margin-left:24px;
}

[class*="EditableArea"] ul {
    color: #373737;
    font: normal 1em/1.6em 'Open Sans', Arial;
    list-style: disc;
    margin: 1em 0 1em 30px;
    padding: 0;
}

p:first-child, 
h1:first-child, 
h2:first-child, 
h3:first-child, 
h4:first-child, 
h5:first-child, 
h6:first-child {
margin-top: 0 !important;
}

p:last-child, 
h1:last-child, 
h2:last-child, 
h3:last-child, 
h4:last-child, 
h5:last-child, 
h6:last-child {
margin-bottom: 0 !important;
}


/* LAYOUTS --------------------------------------------------- */

.zoneHeader1Outer {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

div#id_Header2 {
    background-position-y: top;
}

div#id_Content {
    margin-bottom: 50px;
}

/**** HERO ****/

.HeroSlogan {
    width: 1600px;
    margin: 0 auto 90px auto;
    max-width: 100%;
}

.HeroSloganWrapper {
    display:block; 
    float:right;
}

.HeroSloganWrapper span {
    display:inline-block
}


/* MAIN MENU ------------------------------------------------ */

.mainMenu {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: #007AC2 !important;
}

.WaGadgetMenuHorizontal .menuInner {
  border-bottom: none;
}
.WaGadgetMenuHorizontal .menuInner a {
  background: none !important;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel {
    margin: 0 auto;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
  color: #FFFFFF;
  font: normal 18px/normal 'Montserrat',sans-serif;
  padding: 17px 25px;
  text-transform: uppercase;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a > span {
  display: block;
  padding: 0;
  position: relative;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item:hover > a > span {
  color: #abc9ed;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:first-child > .item > a {
  display:none;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:last-child > .item > a,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.last-child > .item > a {
  padding-right: 20px;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:last-child.dir > .item > a,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.last-child.dir > .item > a {
  padding-right: 20px;
}

/* drop down menu indicator */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a > span:after {
  background-color: #FFF !important;
  bottom: -10px;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item:hover > a > span {
    color: #abc9ed;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.dir > .item > a:after {
  border-color: transparent transparent #FFF;
  border-width: 0 0 5px 5px;
  right: 8px;
  top: 33px;
}

.WaGadgetMenuHorizontal .menuInner ul ul {
  background: #007AC2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  min-width: 180px;
  z-index: 40000;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}

.WaGadgetMenuHorizontal .menuInner ul ul li {
  margin: 0;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item {
  padding: 8px 25px;
  position: relative;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #FFFFFF;
  display: block;
  font: normal 15px/normal Open Sans,sans-serif;
  height: auto;
  margin: 0;
  position: relative;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  text-shadow: none;
  white-space: nowrap;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a > span {
  display: inline-block;
  padding: 0;
  position: relative;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item:hover {
  background: rgba(255,255,255,0.1);
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item:hover > a {
  color: #FFF;
}

.WaGadgetMenuHorizontal .menuInner ul ul li.sel > .item {
  background: transparent;
}

.WaGadgetMenuHorizontal .menuInner ul ul li.sel > .item > a {
  color: #5AC8FB;
}

.WaGadgetMenuHorizontal .menuInner ul ul li.sel > .item > a:after {
  display: none; /* remove bottom line on active page */
}

.WaGadgetMenuHorizontal .menuInner ul ul li.sel > .item:hover {
  background-color: rgba(255,255,255,0.15);
}

.WaGadgetMenuHorizontal .menuInner ul ul li.sel > .item:hover > a {
  color: #5AC8FB;
}

.WaGadgetMenuHorizontal .menuInner ul ul li.sel > .item:hover > a > span {
  color: #abc9ed;
}

.WaGadgetMenuHorizontal .menuInner ul ul li.dir > .item {
  padding: 8px 25px;
}

.WaGadgetMenuHorizontal .menuInner ul ul li.dir > .item > a > span:after {
  display: block;
  z-index: 3;
  border-color: transparent transparent #FFF;
  border-style: solid;
  border-width: 0 0 5px 5px;
  content: "";
  height: 0;
  position: absolute;
  right: -21px;
  top: 15px;
  width: 0;
}

.WaGadgetMenuHorizontal .menuInner ul ul li ul {
  background: #007ac2;
}

.WaGadgetMenuHorizontal .menuInner ul ul li ul li {
  background-color: transparent;
}

.WaGadgetMenuHorizontal.menuStyle001 .menuInner ul.firstLevel > li.sel > .item:hover > a > span::after,
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li.sel > .item:hover > a > span::after,
.WaGadgetMenuHorizontal.menuStyle003 .menuInner ul.firstLevel > li.sel > .item:hover > a > span::after {
  background-color: #155545;
}

.WaGadgetMenuHorizontal.menuStyle001 .stickness,
.WaGadgetMenuHorizontal.menuStyle002 .stickness {
  border-top: none;
  border-bottom: none;
}

.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick .menuInner {
  border-bottom: none;
  color: #033333;
}

.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick .menuInner ul.firstLevel > li > .item > a {
  color: #033333;
}

.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick .menuInner ul.firstLevel > li > .item > a span {
  padding: 15px 0 10px;
}

.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick .menuInner ul.firstLevel > li > .item > a span:after {
  background-color: #033333;
}

.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick .menuInner ul.firstLevel > li.dir > .item > a:after {
  border-color: transparent transparent #033333;
  top: 43px;
}

.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick .menuInner ul.firstLevel > li.phantom > .item > a span {
  padding: 15px 0;
}


/* PHANTOM MENU ---------------------- */

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item {
    position: relative;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.phantom > .item > a span {
    padding: 0;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.phantom > .item > a {
    font: normal 40px/16px sans-serif;
    padding-bottom: 24px;
}


/* MOBILE MENU -------------------------------------------- */

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

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton {
    color: #FFF;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
    color: white;
    background: #000;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
    background: #000;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li > .item > a {
    color: #999;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul .item a {
    color: #999;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel > .item > a:after, .WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul li.sel > .item > a:after {
    background: #FFF;
}


/* VERTICAL SIDE MENU ------------------------------------ */

.WaGadgetMenuVertical {
    overflow: visible;
}

.WaGadgetMenuVertical .menuInner ul.firstLevel>li {
    background: #FFF;
    margin-bottom: 7px;
}

.WaGadgetMenuVertical .menuInner ul.firstLevel>li:last-child {
    border-bottom: none;
}

.WaGadgetMenuVertical.menuStyle001 .menuInner {
    background: transparent;
    border-left: none;
    border-right: none;
}

.WaGadgetMenuVertical .menuInner ul ul {
    display: none;
    right: 100%;
    left: auto;
    list-style: none;
    margin: 0;
    min-width: 170px;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 40000;
}

.WaGadgetMenuVertical .menuInner ul.firstLevel > li > .item > a {
    font: normal 18px/normal Roboto Regular;
    display: block;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    background: none;
}

.WaGadgetMenuVertical .menuInner ul.firstLevel > li > .item > a > span {
    display: inline-block;
    padding: 15px 0;
    position: relative;
}

.WaGadgetMenuVertical .menuInner ul.firstLevel > li > .item {
    padding: 0 30px 0 35px;
    position: relative;
}

.WaGadgetMenuVertical .menuInner ul.firstLevel > li.sel > .item > a > span:before {
    background: #007AC2!important;
    content: '';
    display: block;
    position: absolute;
    left: -20px;
    top: 46%;
    height: 6px;
    width: 6px;
    border-radius: 50%;
}


/**** BREADCRUMBS ****/

.Breadcrumbs {
    width:1400px; 
    max-width:100%; 
    margin: 0 auto; 
    padding: 15px 20px; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}



/* SOCIAL PROFILES ---------------------------------------- */


/* LIGHT */

.WaGadgetSocialProfile.gadgetStyle002 ul {
    background-color: transparent;
}

.WaGadgetSocialProfile.gadgetStyle002 ul.orientationHorizontal li {
    border-right: 1px solid rgba(255,255,255,0.4);
}

.WaGadgetSocialProfile.gadgetStyle002 ul li a {
    font: normal 22px/normal FontAwesome;
    color: #FFF!important;
}


/* DARK */

.WaGadgetSocialProfile.gadgetStyle001 ul.orientationHorizontal {
    padding: 0;
    background-color: transparent;
}

.WaGadgetSocialProfile.gadgetStyle001 ul.orientationHorizontal li {
    border-right: 1px solid rgba(255,255,255,0.15);
}

.WaGadgetSocialProfile.gadgetStyle001 ul.orientationHorizontal li a {
    font: normal 18px/normal FontAwesome!important;
    color: rgba(255,255,255,0.5)!important;
    -webkit-transition: all ease-in-out 250ms;
    -moz-transition: all ease-in-out 250ms;
    -o-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms;
}

.WaGadgetSocialProfile.gadgetStyle001 ul.orientationHorizontal li a:hover {
    font: normal 18px/normal FontAwesome!important;
    color: rgba(255,255,255,1)!important;
}



/* SEARCH ------------------------------------------------------- */

.WaGadgetSiteSearch .searchBoxField {
    margin: 0;
    padding: 15px 15px 15px 3em;
    border: 1px solid #e7edca;
    background: #FFFFFF;
    font-family: inherit;
    font-size: inherit;
    color: black;
    width: 300px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.WaGadgetSiteSearch .searchBoxFieldContainer:before {
    color: #222222;
}

.WaGadgetSiteSearch .searchBoxFieldContainer:before {
    left: 1em;
}


/* HEADER ------------------------------------------------------ */

.HeaderSearch, .HeaderLogin {
    margin-top: 10px;
}

.HeaderLogin {
    float:right;
    margin-left: 20px;
}

/**** HEADER SOCIAL ****/

.headerSocial {
    margin-top: 10px;
    float:right; 
    width:50px;
}

.headerSocial p img {

}

.headerSocial p img.lastIcon {

}



/* --- LOGIN FORM --- */

.WaGadgetLoginForm .loginContainerWrapper .loginContainerInnerWrapper .loginLink {
    padding: 15px 20px 15px 15px;
    background-color: #007AC2;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
    font-size: 15px;
}

.WaGadgetLoginForm .loginContainerWrapper .loginContainerInnerWrapper .loginLink:before {
    background-color: transparent;
    color: #FFF;
    content: '\e613';
    display: inline-block;
    font: normal 13px/normal WA-theme-icons;
    height: 13px;
    margin-right: 5px;
    padding: 3px;
    text-align: center;
    vertical-align: top;
    width: 16px;
}

.WaGadgetLoginForm .loginContainerWrapper .loginContainerInnerWrapper .loginContainer {
    margin-top: 0;
}

/* DROP DOWN LOGIN FORM */

.WaGadgetLoginForm .loginContainerWrapper .loginContainerInnerWrapper .loginLink.showLoginContainer:after {
    display: none;
}

.WaGadgetLoginForm .loginContainerWrapper .loginContainerInnerWrapper .loginContainer {
    background: #000000;
    display: none;
    /* margin-top: 5px; */
    position: absolute;
    text-align: left;
    z-index: 4001;
}

.WaGadgetLoginForm .loginContainerWrapper .loginContainerInnerWrapper .loginContainer .loginContainerForm form .loginActionRememberMe label {
    color: #999999;
}

.WaGadgetLoginForm .loginContainerWrapper .loginContainerInnerWrapper .loginContainer .loginContainerForm form .loginPasswordForgot a {
    font: normal 13px/normal Open Sans;
    color: #999999;
}

.WaGadgetLoginForm .loginContainerWrapper .loginContainerInnerWrapper .loginContainer .loginContainerForm form [class$="TextBox"] input[class$="TextBoxControl"] {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #8a8a8a;
    font-size: 14px;
    font-style: normal;
    height: 30px;
    line-height: 30px;
    padding: 5px 10px;
    width: 168px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.WaGadgetLoginForm .loginContainerWrapper .loginContainerInnerWrapper .loginContainer .loginContainerForm form .loginAction input.loginButton {
    padding: 10px 15px;
    background-color: transparent;
    border: 2px solid #747879;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: white;
    font: normal 16px/normal 'Montserrat';
    height: auto;
    margin: 0;
    outline: none;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-appearance: none;
    white-space: nowrap;
    min-width: 85px;
    width: auto;
    text-transform: uppercase;
}

.WaGadgetLoginForm .loginContainerWrapper .loginContainerInnerWrapper .loginContainer .loginContainerForm form .loginAction input.loginButton:hover {
    border: 2px solid #747879;
    background-color: #747879;
    color: #FFF;
}

.WaGadgetLoginForm .loginContainerWrapper .loginContainerInnerWrapper .loginContainer .loginContainerForm form .loginPasswordForgot a:hover {
    color: #FFF;
}


/* --- LOGGED IN MENU --- */

.WaGadgetLoginForm .loginContainerWrapper.authenticated .loginContainer .profileBox a {
    font: normal 13px/normal Open Sans;
    color: #FFF;
}

.WaGadgetLoginForm .loginContainerWrapper.authenticated .loginContainer .profileBox a:hover {
    color: #999;
    text-decoration: none;
}

.WaGadgetLoginForm .loginContainerWrapper.authenticated .loginContainer .loggedAction .loginBoxLogout {
    background: none;
    border: none;
    color: #FFF;
    font: normal 13px/normal Open Sans;
    outline: none;
    text-decoration: underline;
}

.WaGadgetLoginForm .loginContainerWrapper.authenticated .loginContainer .loggedAction .loginBoxLogout:hover {
    color: #999;
    text-decoration: none;
}


/* FOOTER -------------------------------------------------------- */

#idFooterPoweredByContainer {
    display:none;
}

div#id_Footer1 {
    padding: 10px 0;
}


/* DIRECTORY ----------------------------------------------------- */

.genericListTable tr:hover td, .membersTable tr:hover td, .genericListTable tr.hover td, .membersTable tr.hover td {
    background-color: #F5F2EE;
}


/* EVENTS ----------------------------------------------------- */

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle {

}

.WaGadgetEvents.WaGadgetEventsStateList ul.boxesList li.boxesListItem:first-child {
    padding-top: 0;
}

.WaGadgetEvents.WaGadgetEventsStateList ul.boxesList li.boxesListItem {
    margin: 0;
    padding-top: 0;
    padding-bottom: 40px;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 40px;
}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer {
    margin-bottom: 10px!important;
}

.WaGadgetEvents .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle a {
    color: #007AC2 !important;
    font-weight: 600!important;
}



/* HOME PAGE STYLES ------------------------------------------ */

.zoneHeader2 > .container_12,
.zoneHeader2 > .container_12 > .s1_grid_12 {width:100%;}
.zoneHeader2 > .container_12 > .s1_grid_12 {margin:0px;}
.zoneHeader2.container_12 {width: 100%;}
.zoneHeader2Inner.s1_grid_12.s2_grid_12.s3_grid_12 {width: 100%; margin: 0;}


.fwContentBlock {
    width: 1400px;
    padding: 0 30px;
    margin: 0 auto;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

td#id_CXEooSl, td#id_MglQSO4, td#id_VpAQdTQ {
    padding: 30px 30px 40px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

td#id_CXEooSl {
    background-color: rgba(0,0,0,0.7) !important;
}

td#id_MglQSO4 {
    background-color: rgba(68,68,68,0.8) !important;
}

td#id_VpAQdTQ {
    background-color: rgba(0,122,194,0.8) !important;
}

.homeSlogan p.promoText {
    text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.4);
}

.HomeHero {
    padding:100px 50px 50px 50px;
    background-position-x: center!important;
    background-position-y: top!important;
}

.HomeFeatureIcon {
    z-index: 2; margin-top: -70px;
}

.HomeFeatureIcon img {
    width:80px;
}

.HeroFeatures a {
    color: #82d4ff!important;
    font-weight: 100;
}


div#id_w4BP2Yd {
    margin: 0 auto;
}


/* SHADOW BOXES -------------- */

td#id_qsnUZ8m {
    background-color: rgba(0,0,0,.3);
}

.shadowBox2 {
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
}

.shadowBox {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
    padding: 30px;
}

.shadowBoxNP {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
}

.shadowBoxTitle {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
    padding: 15px 30px;
    margin-bottom:0;
}

.shadowBoxTitle h2, .shadowBoxTitle h3 {
    font-weight: 300!important;
}



/* SLIDER -------------------------------------------------------- */

.WaGadgetSlideshow {
    overflow: hidden;
}

div#camera_wrap_8lRoJWF, div#camera_wrap_PAAuOUc {
    margin-bottom: 0!important;
}
.camera_pag {
    display: none;
}
.camera_bar {
    display: none;
}

.WaGadgetSlideshow .camera_wrap.camera_charcoal_skin .camera_prev:hover > span, .WaGadgetSlideshow .camera_wrap.camera_charcoal_skin .camera_next:hover > span {
    color: #5AC8FB;
}

.homeSlider .camera_wrap {
    margin-bottom: 0 !important;
}


/* ACCORDION GADGET --------------------------------------------------------*/

/* Only hide the accordion content by default on the front-end (so admins can see it in the admin easily)... */

.publicContentView .WaGadgetContentAccordion .gadgetStyleBody,
.memberContentView .WaGadgetContentAccordion .gadgetStyleBody {
display:none; /* toggled by jQuery */
}

/* Allow an accordion to be open on page load... Use as gadget's custom css class... 'opened' */

.publicContentView .WaGadgetContentAccordion.opened .gadgetStyleBody,
.memberContentView .WaGadgetContentAccordion.opened .gadgetStyleBody {
display:block;
}

/* This are the selectors you should use for styling the "open" toggler gadgets, titles, body, etc... replace [selector] with an actual css element to select.
It requires you use two CSS selectors, one for the "opened" and one for the "active" togglers */

.publicContentView .WaGadgetContentAccordion.opened [selector],
.publicContentView .WaGadgetContentAccordion.active [selector] {
/* add css here */
}

.WaGadgetContentAccordion {
    margin-bottom: 10px;
}


.publicContentView .WaGadgetContentAccordion .gadgetStyleBody, .memberContentView .WaGadgetContentAccordion .gadgetStyleBody {
    display: none;
    padding: 15px 20px;
}

.publicContentView .WaGadgetContentAccordion .gadgetStyleBody, .memberContentView .WaGadgetContentAccordion .gadgetStyleBody {
    display: none;
    padding: 15px 20px 30px 20px;
}

.WaGadgetContentAccordion .gadgetStyleTitle h4 {
    margin-bottom: 0!important;
    font-size: 24px!important;
}


/*DEFAULT COLOR */

.WaGadgetContentAccordion .gadgetStyleTitle {
    margin: 0;
    font: normal 24px Tahoma, sans-serif;
    padding: 15px 20px;
    border: 1px solid #5AC8FB;
    background-color: #FFF;
    -webkit-transition: background ease-in-out 0.5s;
    -moz-transition: background ease-in-out 0.5s;
    -o-transition: background ease-in-out 0.5s;
    transition: background ease-in-out 0.5s;
}

.WaGadgetContentAccordion.active .gadgetStyleTitle {
    background-color: #5AC8FB;
    color: #FFF;
}

.WaGadgetContentAccordion .gadgetStyleTitle:hover {
    cursor: pointer;
    background-color: #5AC8FB;
    color: #FFF;
}

.WaGadgetContentAccordion .gadgetStyleTitle h4.gadgetTitleH4:after {
    content: "+";
    float: right;
    color: #007AC2;
    cursor: pointer;
}

.WaGadgetContentAccordion.active .gadgetStyleTitle h4.gadgetTitleH4:after {
    content: "-";
    float: right;
    color: #FFF;
    cursor: pointer;
}


/**** BUTTONS ****/

input.typeButton {
    background: #C22032 !important;
    font-family: 'Roboto Condensed','Arial',sans-serif !important;
}


/* FEATURE BUTTONS */

.FeatureButton a.stylizedButton {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
    font: normal 22px/100% 'Montserrat','Arial',sans-serif!important;
    padding: 20px;
    text-transform: none;
    transition: background-color 0.5s ease;
    text-align: left;
    position:relative;
}

.FeatureButton.ArrowRight a.stylizedButton {
    background-image: url(/resources/Theme/Images/Icons/button-icon-right-arrow.svg);
    background-size: 36px;
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding-right: 70px;
}



/* MISC STYLES -------------------------------------------------------------- */

/*styling for group directory*/

.WaGadgetMemberDirectoryStateList .browsingColumnsMainContainer table.browsingColumns tr.filterHead th {
    padding-bottom: 10px;
    font: 26px 'Montserrat';
    color: #5AC8FB;
    font-weight: normal;
}

/* SOCIAL LOGIN BUTTONS HIDE */
.WaGadgetAuthorizationRequired .openAuthFormContainer {
border-right: none;
max-width: 0px;
padding-right: 40px;
display: none;
}

/* PADDING TO SOCIAL LOGIN BUTTONS HIDE */
.WaGadgetAuthorizationRequired .authFormContainer {
padding-left: 0;
}

/* MEMBER SOCIAL LOGIN BUTTONS HIDE */
#socialLoginContainer, #idSocialLoginContainer {
display: none;
}


/* NEWS title styling ----------------------------*/

.WaGadgetBlog.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetEvents .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle a, .genericListTable thead th, .membersTable thead th, .WaGadgetEvents.WaGadgetEventsStateCalendar #idEventListCalendar.yearViewType .EventListCalendar a.yearViewHeader, .WaGadgetEvents.WaGadgetEventsStateCalendar #idEventListCalendar.weekViewType .EventListCalendar td.EventListCalendarHeader a.calendarDate {
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
    color: #333;
    margin-bottom: 18px;
    margin-top: 18px;
    white-space: normal;
    font-family: 'Montserrat', serif!important;
}

.WaGadgetMemberDirectoryStateList .browsingColumnsMainContainer table.browsingColumns tr.filterRow td .filterOptions ul.filterList li a {
    font-family: "Open Sans",Helvetica,sans-serif;
}

.genericListTable tbody tr td .memberValue a, .membersTable tbody tr td .memberValue a {
    font: inherit;
    color: #36aff0;
}

.genericListTable tbody tr td .memberValue, .membersTable tbody tr td .memberValue {
    padding: 0;
    font-family: 'Open Sans', Helvetica, sans-serif !important;
    font-size: initial;
}

.genericListTable tbody tr td .memberValue a, .membersTable tbody tr td .memberValue a {
    font-family: inherit;
    font-size: initial;
    color: #36aff0;
}

/* styling for blog posts */

SPAN.postedByComment { 
display: none 
}


/*****************************************************************/
/**** MOBILE MENU ****/
/*****************************************************************/

.WaGadgetMobilePanel .mobilePanel .buttonMenu,
.WaGadgetMobilePanel .mobilePanel .buttonLogin {
text-indent: 0; /* resets WA styling that hides the existing text */
line-height: 50px; /* vertically center text to height of bar */
}

.WaGadgetMobilePanel .mobilePanel .buttonMenu {
padding-left: 50px; /* pushes menu text to right of menu button */
padding-right: 10px; /* adds extra padding to right of menu text for useability */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin {
padding-right: 45px; /* pushes login text to left of login button */
padding-left: 10px; /* adds extra padding to left of login text for useability */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin:before {
left: auto; /* resets WA styling that puts login button on left of existing text */
right: 0px; /* puts login button on right of existing text */
}

.WaGadgetMobilePanel .mobilePanel .buttonAdmin {
right: 0px; /* moves admin button to right so user info can expand to left */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin.logged {
right: 50px; /* moves user info button to left of admin button when logged in */
width: auto; /* allows user info button to grow to fit user name when logged in */
}

/**** END MOBILE MENU ****/

/*****************************************************************/
/*****************************************************************/
/**** RESPONSIVE STYLES ****/
/*****************************************************************/
/*****************************************************************/

/*****************************************************************/
/**** TABLET SPECIFIC STYLES ****/
/*****************************************************************/

@media only screen and (min-width:800px) and (max-width:1399px)
{

}


/*****************************************************************/
/* MOBILE SPECIFIC ****/
/*****************************************************************/

@media only screen and (max-width:814px) {

body {
    background-color: #E4E5E0;
    background-image: none;
}
.zoneHeaderOuter {
    background: #ffffff;
}

.WaGadgetSiteSearch .searchBoxField {
    width: 100%;
}

.HeaderLogo {
    text-align: center;
    margin-bottom: 20px;
}

.HomeHero {
    padding:60px 20px 50px 20px;
    background-size: cover;
}

.HomeFeatureIcon {
    margin:0;
}

.HomeFeatureIcon img {
    width:48px;
    height:48px;
}

.HeroFeatures h4 {
    font-size: 30px!important;
}

.HeroSlogan {
    margin-bottom: 60px;
}

.HeroSloganWrapper {
    width: 100%;
    clear: both;
}

.HeroSlogan span {
display: block!important;
text-align: center!important;
}

span.promoText.hideMobile {
    display: none!important;
}

td#id_s6VnaLG {
    border-left: none;
    padding-left: 0;
}

/* Centre top menu bar on mobile devices */
.WaGadgetCustomMenu .gadgetStyleBody .customMenuWrapper.alignRight {
    text-align: center;
}

/* Force semi-transparent boxes on home page to be solid */
td#id_zWs45C4, td#id_fzD9nAj {
    background-color: rgba(0,0,0,1) !important;
}

/* Force semi-transparent boxes on home page to be solid */
td#id_odMv1gF {
    background-color: rgba(0,122,194,1) !important;
}

div#id_E5mDjIC {
    display: none;
}

.headerSocial {
    margin: 10px 0;
}

.headerSocial {
    margin: 10px auto;
    float:none; 
    display: block;
    width:100%!important;
}

.headerSocial p img {
    width: 36px!important;
    height: 36px;
}

.headerSocial p {
    text-align: center;
}

.hideMobile, .mobileHide, span.mobileHide, span.hideMobile {
    display:none;
}

.promoText {
    font-size: 36px !important;
}

div.headerLogo {
    padding: 15px;
    margin: 0;
}

div.headerLogo p {
    text-align:centre!important;
}

div.headerLogo p img {
    padding-bottom: 20px;
    margin: 0 auto;
}

div#id_H8b9tTl, div#id_qaISEe5 {
    display: none;
}

.WaGadgetSocialProfile .alignRight {
    text-align: center;
}

.WaGadgetSiteSearch .searchBoxOuter.alignRight {
    text-align: center;
}

.WaGadgetSocialProfile.gadgetStyle001 ul.orientationHorizontal {
    padding: 8px 0;
}

.footerFeature {
    padding: 30px;
    margin bottom: 30px;
    border-bottom: 1px solid #FFF;
}

.footerFeatureLast {
    padding: 30px;
    margin bottom: 0;
}

div.homeFeatureLinkBlock {
    padding: 50px 25px 30px 25px!important;
}

.footerLinks p, .footerLinks ul, .footerLinks h4 {
    text-align: center;
}

.WaLayoutTable .WaLayoutRow .WaLayoutItem {
    display: block;
    width: 100%!important;
}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle {
    display: block;
}

.SubMenuTitle {
    padding-top: 40px;
}
}

@media only screen and (max-width:616px) {

.WaGadgetLoginForm {
    display: none;
}

h1,
.WaGadgetMemberPublicProfileStateMain .memberDirectoryDetailsOuterContainer .profileHeaderContainer h2 {
font-size: 34px !important;
}

/* PAGE TITLE */

h1.titlePage {
    font-size: 34px!important;
}

.HeaderLogo {
    max-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
}

.HeaderLogo img {
    max-width: 100%;
    text-align: center;
}

.HeaderSearch {
    width:500px;
    max-width: 100%;
}

.zoneContentOuter {

}

}