@media print {
  /* Hide buttons and nav bars during print */
  .no-print {
    display: none;
  }
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-optical-sizing: auto;
}

.searchBoxField {
    border-radius: 4px;
    font-family: Lato, Arial, sans-serif !important;
    min-height:36px;
    font-size: 16px !important;
}
.WaGadgetBreadcrumbs a {
    margin-left: 2px; /* tabbing */
    padding: 0 4px;
    color: #9D58C6 !important; /* A11y */
}
.WaGadgetBreadcrumbs a:focus-within {
    color: #000 !important;
}

/* GENERIC SINGLE UTILITY CLASSES */
.border-radius, .border-radius-tablecells table td, .border-radius-first-tablecell table td:first-child, .border-radius-last-tablecell table td:last-child {
    border-radius: 16px;
}

/* Easy Locator place centre of page */
#EasyLocator {
    width:100%; 
}
/*  */
#id_hrFgvTB .camera_wrap {
    position: relative;
    z-index: 0;
    float: left;
    display: none;
    width: 100%;
    background: transparent;
}

.camera_target {
    border-radius: 0px 0px 16px 16px;
}

.camera_caption {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    background: rgba(31, 39, 43, 0.3 );
    border-radius: 0px 0px 16px 16px;
}

.camera_caption>div {
    padding: 15px 25px;
    color: white;
    font-size: 16px;
    line-height: 1em;
    font-weight: 400;
    text-align: center;
}

/* Code to change page width END */
    .supernova .form-all {
        border: 1px solid rgba(230, 230, 230, 0);
        box-shadow: 0 px 0px rgba(0, 0, 0, 0.1);
    }

/* START Original site CSS */

.WaGadgetAuthorizationRequired .openAuthFormContainer {
display: none !important;
}

#socialLoginContainer, #idSocialLoginContainer {
    display: none;
}

.camera_pie {  display: none; }


.nivoSlider {
    width:940px !important;
    height:300px !important;
}

#idFooterPoweredByContainer { 
display: none; 
}

.button {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    border-radius:10px;
}


@media only screen and (max-device-width: 768px)  {
    iframe#JotFormIFrame-52806150378860 {
     height: 1665px !important;
    }
}

.zonePlace.zoneHeader2 > DIV {
    min-height: 3px !important;
}

/* END Original site CSS */

/* START member application styling */

.navigationOuterContainer input.nextButton, .navigationOuterContainer input.typeButton, .navigationOuterContainer input[type=submit] {
padding: 12px 16px 13px;
background: #94b7a9;
font: normal 18px/21px 'Lato','Arial',sans-serif;
text-transform: capitalize;
margin: 0 10px 10px 0;
border-radius: 6px;
}

.navigationOuterContainer input.nextButton:hover, .navigationOuterContainer input.typeButton:hover, .navigationOuterContainer input[type=submit]:hover {
background: #7caa98;
color: white;
}

.infoOuterContainer {
margin: 0 0 30px;
padding: 20px 20px 17px;
background-color: #efefef;
color: #000;
border-radius: 16px;
}

.captionOuterContainer .captionContainer .fieldBody h4 {
font-family: 'Lato','Arial',sans-serif;
color: #000;
font-size: 22px;
font-weight: 400;
line-height: 1.36;
text-transform: capitalize;
}

/* END member application styling */

/* 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;
}

/* START horizontal navigation */

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
padding: 16px 13px 10px 13px;
font: normal 16px/22px 'Lato','Arial',sans-serif;
font-weight: 400;
}

.WaGadgetMenuHorizontal .menuInner ul.secondLevel > li.sel > .item > a:hover {
color: #ffffff;
background: #9D58C6 !important;
}

.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a {
padding: 9px 15px 8px;
background: #f7f7f7;
color: #000;
font: normal 14px/18px 'Lato','Arial',sans-serif;
}

.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a:hover {
background: #cdace3 !important;
color: #ffffff;
font: normal 14px/18px 'Lato','Arial',sans-serif;
}

#id_IB4FEY6 .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a,
#id_keIckzD.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a {
    color: #9D58C6;/* A11y */
}

#id_IB4FEY6 .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a:hover,
#id_keIckzD.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a:hover {
    color: #ffffff;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item:hover > a, .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item:hover > a {
    background: #9D58C6;/* A11y */
    color: #fff;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a:focus:focus-within {
    background: #9D58C6 !important;/* A11y */
    color: #fff !important; 
}

/* END horizontal navigation */

/* horizontal navigation level 2 current */
.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a {
    background: #dcc6ea;
}
.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a:hover {
    background: #9D58C6 !important;/* A11y */
    color: #fff !important; 
}
.WaGadgetMenuHorizontal .menuInner ul.secondLevel > li.sel > .item > a {
    color: #000000;
    background: #dcc6ea;
}

/* horizontal navigation level 2 current on hover */
.WaGadgetMenuHorizontal .menuInner ul.secondLevel > li.sel > .item > a:hover {
    color: #ffffff;
    background: #9D58C6 !important;
}

.WaGadgetMenuHorizontal .menuInner ul.secondLevel > li.sel > .item > a:active {
color: #ffffff;
background: #9D58C6 !important;
}

.WaGadgetMenuHorizontal .menuInner ul.secondLevel > li.sel > .item > a:focus {
color: #ffffff !important;
background: #9D58C6 !important;
}

.WaGadgetMenuHorizontal .menuInner ul.secondLevel > li.sel > .item > a:focus-within {
color: #ffffff;
background: #9D58C6 !important;
}

.WaGadgetMenuHorizontal .menuInner ul.secondLevel > li.sel > .item > a:target {
color: #ffffff;
background: #9D58C6 !important;
}


/* START mobile panel and navigation */

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

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
background: 0;
color: #ffffff;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:link {
background: 0;
color: #cccccc;
}

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

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li>.item>a {
color: #000;
text-transform: uppercase;
font: normal 16px/22px 'Lato','Arial',sans-serif;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a {
color: #000;
font: normal 14px/22px 'Lato','Arial',sans-serif;
}

/* mobile level 2 current */
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li.sel>.item>a {
color: #ffffff;
background: #94b7a9;
}

/* mobile level 2 current on hover */
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li.sel>.item>a:hover {
color: #ffffff;
background: #94b7a9;
}

/* mobile level 3 on hover */
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a:hover {
color: #ffffff;
background: #94b7a9;
font: normal 14px/22px 'Lato','Arial',sans-serif;
}

/* mobile level 3 on current */
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel>.item>a {
color: #ffffff;
background: #94b7a9;
}

/* mobile level 2 on hover */
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li>.item>a:hover {
color: #ffffff;
font: normal 16px/22px 'Lato','Arial',sans-serif;
background: #94b7a9;
}

/* START login button */

.WaGadgetLoginForm .loginContainer.loginContainer .loginLink {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
overflow: hidden;
background: #C095DB;
color: white;
line-height: 400px;
vertical-align: top;
text-decoration: none;
cursor: pointer;
border-radius: 50%;
}

.WaGadgetLoginForm .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm .loginContainer.loginContainer .loginLink.hover {
background: #cdace3;
color: white;
}

.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
overflow: hidden;
background: 0;
color: #cdace3;
line-height: 400px;
vertical-align: top;
text-decoration: none;
cursor: pointer;
}

.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover {
background: #cdace3;
color: white;
}

.WaGadgetLoginForm .loginButton {
padding: 8px 18px 9px;
background: #94b7a9;
color: white;
font-family: 'Lato','Arial',sans-serif;
font-size: 16px;
text-transform: capitalize;
cursor: pointer;
}

.WaGadgetLoginForm .loginButton:hover {
background: #7caa98;
color: white;
}

.WaGadgetAuthorizationRequired .loginPageTable input.loginButton {
padding: 14px 18px 15px;
background: #94b7a9;
color: white;
font: normal 18px/1.22 'Lato','Arial',sans-serif;
text-transform: capitalize;
}

.WaGadgetAuthorizationRequired .loginPageTable input.loginButton:hover {
background: #7caa98;
color: white;
}

/* END login button */

/* START typography styling */

H1.promo, .gadgetStyleNone H1.promo
 {
    font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 400;
}

H1:not(.promo):not(.header):not(.h1Alt), .gadgetStyleNone H1:not(.promo):not(.header):not(.h1Alt), .WaGadgetForum .topicTitleOuterContainer h4#forumTitle {
    font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 400;
    text-transform: capitalize;
}

H1.header, .gadgetStyleNone H1.header {
    font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 400;
}
.h1, h1 {
    margin: 1.5em 0 .7em;
}

.h2, h2 {
    margin: 1.5em 0 .7em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 400;
}

H4.h4Alt, .gadgetStyleNone H4.h4Alt {
    font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 400;
}

h5 {
    font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 400;
    line-height: 1.5em;
}

body {
    font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 300;
    line-height: 1.5em;
}

p {
display: block;
margin-block-start: .6em;
margin-block-end: .6em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}

.gadgetStyle002 {
color: white;
font-family: 'Lato','Arial',sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
}

.WaGadgetEventsStateList h3.sectionTitle {
font-family: 'Lato','Arial',sans-serif;
text-decoration: none;
color: #7caa98;
font-size: 27px;
font-weight: 400;
line-height: 1.2;
text-transform: capitalize;
float: left;
margin: 0 10px 0 0;
}

.WaGadgetEventsStateList h1.pageTitle a.rssFeedLabel:before {
color: #f26522;
font: 20px/1em 'WA-theme-icons';
content: '\e605';
}

.WaGadgetEventsStateList h1.pageTitle a.rssFeedLabel {
position: relative;
top: -10px;
display: inline-block;
margin: 0;
font-size: inherit;
vertical-align: top;
text-decoration: none;
}

strong {
  font-weight: 400;
}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle
 {
    background-color: transparent;
    font-family: 'Lato','Arial',sans-serif;
    text-decoration: none;
    color: #7caa98;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.21;
    text-transform: none;
    margin: 0;
}

A:not(.stylizedButton), A:link:not(.stylizedButton), A:active:not(.stylizedButton), A:visited:not(.stylizedButton), .gadgetStyleNone a:not(.stylizedButton), .gadgetStyleNone a:link:not(.stylizedButton) {
color: #7caa98;
}

/* END typography styling */

/* START google font styling */

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

/* END google font styling */

/* START button styling */

a.stylizedButton.buttonStyle001 {
border-radius: 6px;
padding: 12px 16px;
font-family: 'Lato','Arial',sans-serif;
font-weight: 400;
}

a.stylizedButton.buttonStyle002 {
border-radius: 6px;
padding: 12px 16px;
font-family: 'Lato','Arial',sans-serif;
font-weight: 400;
}

a.stylizedButton.buttonStyle003 {
border-radius: 6px;
padding: 12px 16px;
font-family: 'Lato','Arial',sans-serif;
font-weight: 400;
}

a.stylizedButton.buttonStyle004 {
border-radius: 6px;
padding: 12px 16px;
font-family: 'Lato','Arial',sans-serif;
font-weight: 400;
}

/* END button styling */

/* START specific box styling */

#id_mmnFJCN, #id_STQUQoD, #id_G5oCVzK, #id_E2NTpDV, #id_hPVQlcC, #id_V23r58B, #id_FweWCeh, #id_fUkz2AD, #id_DUYgTrt, #id_wIus9YY, #id_HzWQNMV, #id_2UtdDDc, #id_XuZEws5, #id_6wyt9yM, #id_IH1MPDv, #id_3q5mJjW, #id_7EmM3Th, #id_Elg8Pqp, #id_p7jcCbK{
border-radius: 16px;
}

/* END specific box styling */

/* START social button styling */

.WaGadgetSocialProfile.gadgetThemeStyle2 li a {
background: transparent;
color: #dcc6ea;
}

.WaGadgetSocialProfile.gadgetThemeStyle2 li a:hover {
background: #dcc6ea;
color: #ffffff;
}

.WaGadgetSocialProfile.gadgetThemeStyle li a:hover {
color: #94b7a9;
}

/* END social button styling */

/* START events gadget styling */

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    font-size: 14px;
    margin-top: 6px;
    padding: 20px;
    background: #efefef;
    border-right: 0;
    border-radius: 16px;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer
 {
    margin-top: 6px;
    padding: 20px;
    background: #efefef;
    border-right: 0;
    border-radius: 16px;
}

/* END events gadget styling */

[class*='EditableArea'] img {
max-width: 100%;
height: auto;
border-radius: 16px;
}

.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton {
padding: 12px 18px 13px;
background: #94b7a9;
color: white;
font: normal 18px/1.22 'Lato','Arial',sans-serif;
text-transform: capitalize;
}

.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:hover {
background: #7caa98;
color: white;
}

.actionButtonContainer input[type=submit] {
padding: 12px 18px 13px;
background: #94b7a9;
color: white;
font: normal 18px/1.22 'Lato','Arial',sans-serif;
text-transform: capitalize;
}

.actionButtonContainer input[type=submit]:hover {
background: #7caa98;
color: white;
}

/* START Scroll To Top Button */

:root { scroll-behavior: smoothX; }

.stt {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  background: url("/resources/Site/UpChevronIcon.jpg");
  border-radius: 50%;
  box-shadow: 0 0.25rem 0.5rem 0 gray;
  opacity: 0.7;
}
.stt:hover {
  opacity: 0.8;
}
.stt:focus {
  opacity: 0.9;
}
.stt:active {
  opacity: 1;
}

/* END Scroll To Top Button */

/* START Reset Password Buttons */

.generalFieldsContainer input.typeButton, .generalFieldsContainer input[type=submit] {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 120px;
    margin: 0;
    padding: 14px 18px 15px;
    background: #94b7a9;
    border: 0;
    outline: 0;
    color: white;
    font: normal 18px / 1.22 'Lato','Arial',sans-serif;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none;
    margin-right: 10px;
}


.generalFieldsContainer input.typeButton:hover, .generalFieldsContainer input[type=submit]:hover {
    background: #7caa98;
    color: white;
}

/* END Reset Password Buttons */

/* START profile, reset password and logout links */

.WaGadgetLoginForm .authenticated .loginPanel a
 {
    color: #94b7a9;
}

.WaGadgetLoginForm .authenticated .loginPanel a:hover {
    color: #7caa98;
}

.WaGadgetLoginForm .authenticated .loginPanel .loginBoxLogout {
    display: inline;
    margin: 0;
    padding: 0;
    background: 0;
    border: 0;
    color: #94b7a9;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}

.WaGadgetLoginForm .authenticated .loginPanel .loginBoxLogout:hover {
    color: #7caa98;
    text-decoration: none;
}

/* END profile, reset password and logout links */

/* Mobile */
@media only screen and (max-device-width: 768px)  {
    #id_6sQL9b6 > .gadgetStyleBody {
     padding:0 !important;
    }
}
@media only screen and (max-device-width: 480px)  {
    .navigationOuterContainer .inner {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .navigationOuterContainer .left:has(.nextButton) {
        display: flex;
        flex-grow: 1;
    }
    .navigationOuterContainer .right:has(.nextButton){
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width:100%;
    }
    .navigationOuterContainer input.nextButton {
        display: flex;
        flex-grow: 2;
    }
    input[type="submit"]:not([disabled]) {
        display: flex !important;
        flex-grow: 2;
    }
}