@import url("https://use.typekit.net/uvp5uol.css");

BODY, HTML, SPAN, p, h1, h2, h3, h4, h5 {
    font-family: "halyard-text", sans-serif;
    padding-bottom: 5px;
  }


 /* STICKY SECONDARY MENU ON HOME PAGE */
#id_gIxurIg {
  position: sticky; top: 0;  background: #fff; z-index: 1000;
    opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
#id_gIxurIg.visible {
  opacity: 1;
}
/* END STICKY */
 
.loginFixed{
  position: fixed;
  z-index: 99;
  top:155px;
}
.logoFixed {
  position: fixed;
  top: 40px;
  z-index: 99;
}
.menuFixed {
  position: fixed;
  top: 205px;
  z-index: 99;
}

.WaGadgetMenuVertical.VerticalMenuStyle002.light ul.firstLevel > li > .item > a {
  color: #231f20 !important;
}
.zoneWAbranding {
    display: none;
  }




.sqRatio {
aspect-ratio: 9 / 8;
}

.recRatio {
aspect-ratio: 21 / 10;
}

.custompageTitle {
position: absolute; 
bottom: 0px;
padding: 20px;
}







.logoBox {
  height: 250px;
  display: flex;
  align-items: center;       
  justify-content: center;  
  padding: 30px;
  text-align: center;
  background: #3D313E0D;
}
.logoBox img {
  max-height: 250px;
  max-width: 100%;
  height: auto;
  width: auto;
  object-fit: contain; 
}

/* BUTTON STYLES */
a.buttonStyle001, a:link.buttonStyle001 {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 112px;
    margin: 0;
    padding: 0px 30px 4px 30px;
    background: url(/resources/Theme/arrow.svg);
    color: #3d313e;
    font-family: 'halyard-text', 'Arial', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    white-space: nowrap;
    text-align: center;
    background-position: left center;
    text-decoration: underline;
    background-repeat: no-repeat;
}
a.stylizedButton.buttonStyle001:hover {
    color: #934D65;
    background: transparent;
   background: url(/resources/Theme/arrow.svg);
    background-repeat: no-repeat;
    background-position: left center;
}
/* END BUTTON STYLES */

/* EVENTS */

.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td>div {
  background: #f1f1f1;
  border-left: 1px solid #934D65;
}
.WaGadgetEventsStateCalendar .sectionTitle {
  color: #231f20;
}
.WaGadgetEventsStateCalendar .yearViewType .EventListCalendar a.yearViewHeader {
  color: #8a5266;
}
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span {
  color: #ffcb81;
}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected a.calendarDate, .WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected a.calendarDate:hover {
   color: #ffcb81; 
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer, .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer, .infoOuterContainer {
  background: #fafafa;
}
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer h4.infoTitle {
    color: #8a5266;
}

@media screen and (max-width: 767px) {
    .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span {
        display: block;
        width: 40px;
        height: 40px;
        padding: 0;
        background: #8a5266;
        color: white;
        line-height: 40px;
    }
}
/* END EVENTS */

/* LOGIN */
 .WaGadgetLoginButton .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover {
   background: transparent;
 }
.WaGadgetLoginButton .loginContainer.loginContainer .loginLink {
    color: #8a5165;
    padding: 4px 30px 4px 30px;
    background: url(/resources/Theme/arrow.svg);
    background-repeat: no-repeat;
    background-position: left center;
    font-family: 'halyard-text', 'Arial', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
}
.WaGadgetLoginButton .loginContainer.loginContainer .loginLink:hover {
    padding: 4px 30px 4px 30px;
    background: url(/resources/Theme/arrow.svg);
    background-repeat: no-repeat;
    background-position: left center;
    color: #ffcb81;
}
.WaGadgetLoginButton .loginContainer.authenticated.loginContainer.authenticated .loginLink {
width: 114px;
}
.WaGadgetLoginButton .loginContainer.authenticated.loginContainer.authenticated .loginLink::before {
  position: absolute;
color: #8a5165;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font: normal 16px/50px 'halyard-text', 'Arial', sans-serif;
  text-align: left;
  text-indent: 0;
  content: 'My Account';
  background: url(/resources/Theme/arrow.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0px 30px 4px 30px;
}

.WaGadgetLoginButton .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover {
    padding: 0px 30px 4px 30px;
    background: url(/resources/Theme/arrow.svg);
    background-repeat: no-repeat;
    background-position: left center;
}

/* END LOGIN */

  /* MENU */
  .WaGadgetMenuVertical.VerticalMenuStyle002 li>.item:hover>ul {
    padding: 30px 0;
  }
.WaGadgetMenuVertical.VerticalMenuStyle002 ul.alignRight>li.dir>.item>a:before {
display: none;
}
.WaGadgetMenuVertical.VerticalMenuStyle002 ul.firstLevel>li>.item>a {
padding: 4px 10px;
font: bold 16px / 1 'halyard-text', 'Arial', sans-serif;
}

.WaGadgetMenuVertical.VerticalMenuStyle002 ul ul {
transition: opacity.9s;
}
.WaGadgetMenuVertical.VerticalMenuStyle002 ul.alignRight>li>.item>a {
    text-align: left;
  }
  .WaGadgetMenuVertical.VerticalMenuStyle002 ul.firstLevel {
    background: transparent;
    border: none;
  }
  .WaGadgetMenuVertical.VerticalMenuStyle002 ul.firstLevel {
    width: auto;
  }
.light a {
  color:#4a3c5a;
}

  .WaGadgetMenuVertical.VerticalMenuStyle002 ul.firstLevel>li>.item>a>span {
    width: auto;
    text-transform: none;
    font-weight: 400;
  }

.WaGadgetMenuVertical.VerticalMenuStyle002 ul.firstLevel>li.sel>.item>a {
    color: #a78a9e;
}
.WaGadgetMenuVertical.VerticalMenuStyle002 ul.firstLevel>li>.item:hover>a {
    background: 0;
    color: #a78a9e;
}
.WaGadgetMenuVertical.VerticalMenuStyle002 ul ul {
    background: #934d65;
    border: 1px solid #934d65;
}
.WaGadgetMenuVertical.VerticalMenuStyle002 ul ul li.sel > .item > a {
  color: #fff;
  background:#a78a9e;
}
  /* SUB MENU */



/* TYPOGRAPHY */
.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .title, .WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li .title, .WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li .title, .WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .title, .WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li .title, .WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li .title {
  font-family: halyard-text, 'Arial', sans-serif;

}
.gadgetStyleNone .gadgetStyleTitle h4 {
  background-color: transparent;
  margin: 0;
  padding: 0;
  color: #3d313e;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.1;
  text-transform: none;
  font-family: 'halyard-text', 'Arial', sans-serif;
}
.h1, h1, H1:not(.promo):not(.header):not(.h1Alt), .gadgetStyleNone H1:not(.promo):not(.header):not(.h1Alt), .WaGadgetForum .topicTitleOuterContainer h4#forumTitle {
    margin: 1.66em 0 1em;
    color: #3d313e;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    text-transform: none;
    padding: 10px 0;
}

.h2, h2 {
    margin: 1.66em 0 1em;
    color: #3d313e;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    text-transform: none;
}
.h3, h3 {
    margin: 1.66em 0 1em;
    color: #3d313e;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    text-transform: none;
}

.h4, h4 {
    margin: 1.66em 0 1em;
    color: #3d313e;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    text-transform: none;
}

.h5, h5 {
    margin: 1.66em 0 1em;
    color: #3d313e;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    text-transform: none;
}

/* END TYPOGRAPHY */
/* MOBILE PANEL */
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel>.item>a {
  color: #ffcb81;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul {
  background: #4a3c5a;
}
.WaGadgetMobilePanel .mobilePanel {
  background: #4a3c5a;
}
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active {
    background: #4a3c5a;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
  background: #4a3c5a;
  border-top: 1px solid #4a3c5a;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul {
    background: #4a3c5a;
}
.WaGadgetMobilePanel .mobilePanel .loginInner {
  background: #4a3c5a;
  border-top: 1px solid #4a3c5a;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$="TextBox"] input[class$="TextBoxControl"] {
    background: #4a3c5a;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label::before {
    background: #4a3c5a;
}
.WaGadgetMobilePanel .mobilePanel .buttonMenu:before {
    content: '.';
    text-indent: 9999px;
    background: url(/resources/theme/lahq-white.png);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton {
  background: #8a5165;
}
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
  background: #8a5165;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li.sel > .item > a {
  color: #ffcb81;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li > .item > a {
  color: #fff;
}
/* END MOBILE PANEL */

/* Mobile View */
@media screen and (max-width: 766px) {
  
.customcontainerWidth  > div {
 max-width: 1535.951171875px; 
 margin: 0 auto!important; 
}
  .branding {
    position: relative!important;
    left: 0px!important;
    padding: 20px!important;
  }
  .hero-text {
    font-size: 36px!important;
  }
  .recRatio {
display: none;
}
.non-mobile {
display: none;
}
.custompageTitle {
position: relative; 
bottom: 0px;
}

}

/* TABLET */
@media screen and (max-width: 1024px) {
.h1, h1, H1:not(.promo):not(.header):not(.h1Alt), .gadgetStyleNone H1:not(.promo):not(.header):not(.h1Alt), .WaGadgetForum .topicTitleOuterContainer h4#forumTitle {
    margin: 1.66em 0 1em;
    color: #3d313e;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    text-transform: none;
    padding: 10px 0;
}
}




/* SYSTEM BUTTONS */
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton, .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton, .forumPanelOuterContainer .forumPanelContainer input.typeButton, .WaGadgetForum .forumBottomPanelOuterContainer .forumBottomPanelContainer input.typeButton, .WaGadgetAuthorizationRequired .loginPageTable input.loginButton, .WaGadgetLoginForm.LoginFormStyle001 .loginButton, .WaGadgetLoginForm.LoginFormStyle002 .loginButton, .navigationOuterContainer input.nextButton, .igationOuterContainer input.typeButton, .navigationOuterContainer input[type="submit"], .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type="submit"], .WaGadgetBlogStateAddPost .boxFooterOuterContainer input, .WaGadgetBlogStateEditPost .boxFooterOuterContainer input, .WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterSecondaryOuterContainer input, .WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterPrimaryOuterContainer input, .attachmentsContainer .attachmentsUploadContainer .inputUploadFileLabel, .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton {
    background: #3d313e;

}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton:hover, .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton:hover, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:hover, .forumPanelOuterContainer .forumPanelContainer input.typeButton:hover, .WaGadgetForum .forumBottomPanelOuterContainer .forumBottomPanelContainer input.typeButton:hover, .WaGadgetAuthorizationRequired .loginPageTable input.loginButton:hover,.WaGadgetLoginForm.LoginFormStyle001 .loginButton, .WaGadgetLoginForm.LoginFormStyle002 .loginButton:hover, .navigationOuterContainer input.nextButton:hover, .navigationOuterContainer input.typeButton:hover, .navigationOuterContainer input[type="submit"]:hover, .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type="submit"]:hover, .WaGadgetBlogStateAddPost .boxFooterOuterContainer input:hover, .WaGadgetBlogStateEditPost .boxFooterOuterContainer input:hover, .WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterSecondaryOuterContainer input:hover, .WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterPrimaryOuterContainer input:hover, .attachmentsContainer .attachmentsUploadContainer .inputUploadFileLabel:hover, .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton:hover {
background: #8a5165;
}
/* END SYSTEM BUTTONS */







/* CUSTOM  REGISTER BUTTONS */

.WaGadgetEvents .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .infoAlreadyRegistered, .WaGadgetEvents .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .infoRegistrationIsNotAvailable,  .WaGadgetEvents .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .infoRegistrationIsClosed::before { content: 'Pre-' }


.eventSponsor2 a {
color: #fff;
font: 300 20px/normal 'Roboto Condensed';
}
.eventSponsor2 {
padding: 10px 15px;
    border: 0;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: white;
    height: auto;
margin-top: 5px;
    outline: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-appearance: none;
    white-space: nowrap;
    min-width: 85px;
    width: auto;
background-color: #01677e;
    color: #fff;
}


.eventSponsor2:hover {
background: #005479;
}