@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 .sectionTitle {
  color: #231f20;
}
.WaGadgetEventsStateCalendar .yearViewType .EventListCalendar a.yearViewHeader {
  color: #8a5266;
}
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span {
  color: #ffcb81;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer, .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer, .infoOuterContainer {
  background: #fafafa;
}
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer h4.infoTitle {
    color: #8a5266;
}

/* 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 */
.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;
}

}





/* 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;
}