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

.mLayout {
      max-width: 2000px;
    margin: 0 auto;
    box-shadow: 0 0 36px 14px rgba(0, 0, 0, .1);
}
.subHeader {
  padding-top: 60px;
  padding-bottom: 60px;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginPanel, .WaGadgetLoginForm.LoginFormStyle002 .loginPanel {
  z-index: 99;
}


/* END PORTRAIT MODE */

/* HIDE DIRECTORY INFO & FIXES */
#idContainer2922549, #idContainer2569192, #idContainer2569191 {
  display: none;
}
#idContainer2569210 {
  max-width: 800px;
}
/* END HIDE DIRECTORY INFO */

/* CTA GADGET */
.ctaTitlecontainer {
max-width: 605px; margin: 0 auto; display: flex; align-items: center; background: #fff; margin-bottom: -60px; z-index: 5; position: relative; padding: 20px;
}

.ctaTitlecontainer h2 {
font-size: 40px; margin: 0px auto;
}

.ctaBodycontainer {
border: 15px solid #000; padding: 30px; max-width:900px; margin: 0 auto; z-index: 1;
}

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

.ctaTitlecontainer h2 {
font-size: 20px; margin: 0px auto;
}
.ctaTitlecontainer {
max-width: 190px !important;
}

}
/* END CTA GADGET */
/* PUBLIC PROFILE */



#idMemberDirectoryDetailsContainer > div.memberDirectoryDetailsContainer > div > div > div > div > div > div > div > div > div > div > div.profileHeaderContainer > div > h2 {
  margin: 0;
}
#membershipDetailsContainer {
  display: none;
}
.attachmentsContainer {
    max-width: 400px !important;
}
.memberDirectoryDetailsHeaderContainer {
  background: #f9f9f9;
  padding: 40px 0px;
}
#idMemberDirectoryDetailsContainer > div.memberDirectoryDetailsContainer > div > div > div > div > div > div > div > div > div > div > div.profileHeaderContainer > div {
  text-align: center;
}
#idMemberDirectoryDetailsContainer > div.memberDirectoryDetailsContainer > div > div > div > div > div > div > div > div > div > div > div.profileHeaderContainer > div > h2 > img {
      width: 100%;
    max-width: 200px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, .1);

}
.WaGadgetMemberPublicProfileStateMain .profileHeaderContainer h3 {
  font-size: 30px;
  font-weight: 300;
  margin: 0;
}
.memberDirectoryDetailsContainer > .d1 > .d2 > .d3 > .d4 > .d5 > .d6 > .d7 > .d8 > .d9 > .inner {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;

    justify-content: center;
}


.memberDirectoryDetailsContainer .profileHeaderContainer {
  flex: 0 0 300px; /* fixed width */
  max-width: 100%;
}

.memberDirectoryDetailsContainer .formOuterContainer {
  flex: 1 1 auto; /* fill remaining space */
}

/* HIDE PHOTO FIELD IN PUBLIC PROFILE */
#idContainer17179421 {
  display: none;
}
/* END PUBLIC PROFILE */

/* Vertical Align Middle */

.vertAlign td {
  vertical-align: middle; 
}
/* Vertical Align Middle */



/* UPCOMING GADGETS */
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .location span {
  color: #fff;
  font-style: normal;
}
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .date {
  color: #fff;
  font-style: normal;
  font-size: 18px;
  font-weight: 300;
}
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .title a {
  font-weight: 400;
  font-size: 18px;
}

.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .title a, .WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li .title a
 {
  font-size: 18px;
  font-style: normal;
    font-weight: 500;
        color: #f15a4e !important;
}
.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .date, .WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .location {
  font-size: 18px;
  font-weight: 300;
      font-style: normal;
      color: #000;
      margin-bottom: 5px;
}
/* END UPCOMING GADGETS */

/* Application Page */
.formTitleOuterContainer {
  display: none;
}
.infoOuterContainer {
  background: #f9f9f9;
}
/* Application Page */

.offsetImage {
      max-width: 145px;
    margin: -50px auto 25px;
    background: #fff;
}
/* Vertical align icon and Headings */
.imageTextRow .gadgetContentEditableArea {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 20px;
}

.imageTextRow .gadgetContentEditableArea img {
  max-width: 100px;
  width: auto;
  height: auto;
  display: block;
}

.imageTextRow .gadgetContentEditableArea h2 {
  margin: 0;
}

@media screen and (max-width: 1028px) {
  .imageTextRow .gadgetContentEditableArea img {
display: none;
}

}


@media screen and (max-width: 768px) {
  .memberCTA {
    background-size: cover !important;
    background-position: center !important;
  }
.imageTextRow .gadgetContentEditableArea {
  display: block;
}

}

/* End Vertical Align Icons and Headings */



.buttonBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

/* EVENT CALENDAR */
.upcomingEventsOuterContainer .boxesListItem div > div.boxContainer > div > div > div > div > div > div > div > div > div > div > div.boxBodyOuterContainer > div.boxBodyContainer > div > div > div > div > div > div > div > div > div > div > div.boxBodyContentOuterContainer > div.boxBodyContentContainer.fixedHeight > div > div > div > div > div > div > div > div > div > div {
padding-top: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 2fr));
gap: 20px;
align-items: center;
}

#FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_calendar > tbody > tr > td > div {
  display: block;
}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventDivItem:hover, .WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventContainerHover {
  background: #f9f9f9;
    border-left: 2px solid #18bfdf;
}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td>div {
  border-left: 2px solid #f15a4e;
    background: #f9f9f9;
    max-height: 175px;
}
.WaGadgetEventsStateCalendar .sectionTitle {
  color: #000;
    font-weight: 300;
    text-transform: none;
}
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span {
    color: #8f8f8f;
}
td.EventListCalendarItemSelected.EventListCalendarDate {
    border: 2px solid #f15a4e !important;
    
}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected a.calendarDate, .WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected a.calendarDate:hover {
  color: #f15a4e;
}
.WaGadgetEventsStateCalendar .yearViewType .EventListCalendar a.yearViewHeader {

    color: #f15a4e;

}
@media screen and (max-width: 767px) {
      .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] {
        position: relative;
        display: inline-block;
        width: 35px;
    }
    .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a {
        display: block;
        width: 35px;
        height: 40px;
        padding: 0;
        background: #f15a4e;
        color: white;
        line-height: 40px;
    }

    .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span,  .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span:hover{
        display: block;
        width: 40px;
        height: 40px;
        padding: 0;
        background: #18bfdf;
        color: white;
        line-height: 40px;
    }
}
/* END EVENT CALENDER */

/* EVENT DESCRIPTION PAGE */
.WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1 {

  color: #000;
}
.WaGadgetEventsStateList h3.sectionTitle {
  font-weight: 300;
  color: #000;
}
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer h4.infoTitle {
    font-weight: 300;
  color: #000;
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
  background: #fff;
  border: 6px solid #000;
  padding: 60px 10px;
}
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
  background: #fff;
  border: 6px solid #000;
  padding: 60px 10px;
}

.WaGadgetEvents .boxInfoContainer ul.boxInfo li > label {

/* width: 65px; */
  /* text-align: right; */
  font-weight: 300;
  font-size: 18px;
}
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer {
  padding: 40px 10px 0;
background: url(/resources/Theme/event-description-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 250px;
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer {
  padding: 40px 10px 0;
background: url(/resources/Theme/event-description-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 235px;
}
@media screen and (max-width: 991px) {
  .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer {
    max-width: 220px;
    /* max-width: 100%; */
  }
  .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer {
    max-width: 220px;
  }
}
@media screen and (max-width: 767px) {
  .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer {
    max-width: 100%;
    margin: 0 auto;
/* width: 350px; */
/* padding-bottom: 30px; */
  }
  .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer {
    max-width: 100%;
    /* max-width: 350px; */
    margin: 0 auto;
/* width: 350px; */
padding-bottom: 30px;
  }
  .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle {
    text-align: center;
  }
  .footerEventDetailsLink {
    text-align: center;
    display: block;
    margin: 0 auto;
  }
  }
/* END EVENT DESCRIPTION PAGE */

/* FEATURED MEMBER GADGET */
 .WaGadgetFeaturedMember ul.layoutVertical li .img img {
  width: 200px!important;
  max-width: 250px!important;
  object-fit: cover;
  height: 245px;
}
.WaGadgetFeaturedMember ul.layoutVertical li .img {
  margin: 0;
  width: 100%;
} 

.WaGadgetFeaturedMember ul.layoutVertical li .rightPart {
  margin-right: 0px;
  width: 200px;
  text-align: center;
}
.WaGadgetFeaturedMember ul .label_1 a {
  font-size: 18px;
  font-style: normal;
}
/* END FEATURED IMAGE */

/* HeroCTA Text */
.heroContent {
      position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
}
    .hero-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.hero-heading .top,
.hero-heading .middle,
.hero-heading .bottom {
  display: inline-block;
  transform-origin: left;
  white-space: nowrap;
}
/* END HERO CTA TEXT */

.alignRight {
  text-align: right;
}

.logoContainer {
  display: flex;
  align-items: center;
  height: 77px; 
}

.memberCTA 
  {
    padding-top: 8vw;
    padding-bottom: 8vw;
    background-image: url(https://dac6.wildapricot.org/resources/Theme/member-cta-bg-2.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

/* Optional: if logo should shrink a bit on smaller screens */
@media (max-width: 768px) {
    .logoContainer {
      height: auto;
        height: 50px; 
    }
  .logoContainer img {
    height: auto;
padding-top: 15px; padding-bottom: 0px;
  }
}
/* DONATE FIX */
.LoginBtnContainer {
    display: flex;
    gap: 0px;
    align-items: center;
    justify-content: flex-end;
}
.LoginBtnContainer a,
.LoginBtnContainer .LoginBtn {
  display: inline-block;
}
/* Stack vertically below 1200px */
@media (max-width: 1200px) {
  .LoginBtnContainer {
    transform: scale(0.75); /* shrinks to ~60% */
            z-index: 5;
        position: relative;
  }
}

/* END DONATE FIX */

/* DIRECTORY */

.artistDirectory  .genericListTable tbody td, .artistDirectory .membersTable tbody td {
  border-top: 0px;
}

.artistDirectory .memberDirectoryColumn1 {
  text-align: center;
}
.artistDirectory #membersTable > tbody > tr > td > div > h5 > a > img {
  width: 100%;
  max-width: 200px;
  border-radius: 10px;
  height: 235px;
  box-shadow: 0 0 20px 5px rgba(0,0,0,.1);
      object-fit: cover;
}
@media screen and (min-width: 843px) {
.WaGadgetMemberDirectoryStateList .browsingColumnsMainContainer table.browsingColumns {
  table-layout: auto;
}
#idF1Options .filterList {
  column-count: 4;
  column-gap: clamp(10px, 5vw, 150px); 
  padding: 0;
  margin: 0;
  list-style: none;
}

#idF1Options .filterList li {
  break-inside: avoid;
  padding-bottom: 5px;
}
}

.artistDirectory #membersTable > thead {
  display: none;
}
  
 @media screen and (min-width: 767px) {

  .artistDirectory .genericListTable tbody, .artistDirectory .membersTable tbody {

    display: flex;
    gap: 20px;
     flex-wrap: wrap;
  }
    .artistDirectory .genericListTable tr,
  .artistDirectory .membersTable tr {
    flex: 1 1 calc(25% - 20px); 
    box-sizing: border-box;
  }
} 



/* END DIRECTORY */


/* MENU */
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.dir>.item>a span:after {
  display: none;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel {
    margin: 0 auto;
    /* display: flex;
    flex-wrap: wrap;
    justify-content: center; */
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li>.item>a {
font-family: "roboto-condensed", sans-serif;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a {
font: 400 18px / 23px "roboto-condensed", sans-serif;
color: #000;
}

#id_6NfRKGL > div > div.menuInner > ul > li:nth-child(1) > div {
  display: none;
}
#id_6NfRKGL .stickyMenu.active div.menuInner > ul > li:nth-child(1) > div {
    display: block;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a>span {
  text-transform: uppercase;
  font-weight: 400;
}
@media (max-width: 1200px) {
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel > li > .item > a{
font-size: .7em!important;
  }
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.phantom {
  width: 40px;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.phantom>.item>a span:before {
  text-align: left;
}

/* END MAIN MENU */

/* CONTACT INFO FOOTER */
.contact-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  text-align: center;
}

.contact-info span {
  white-space: pre-wrap;
}

@media (max-width: 600px) {
  .contact-info {
    flex-direction: column;
    gap: 0.5rem;
  }
}

/* END CONTACT INFO FOOTER */

/* MOBILE PANEL */
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul {
  background: #129eb9;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel > .item > a, .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li.sel > .item > a {
  color: #fff;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li > .item > a {
  color: #fff;
}
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton {
  color: #000;
}
.WaGadgetMobilePanel .mobilePanel {
  position: relative;
  height: 50px;
  background: #18bfdf;
    background-image: none;
    background-size: auto;
  color: #000;
  background-image: url('/resources/Theme/DAC-Logo.png'),url('/resources/Theme/Footer-bar-bg.png');
  background-size: 100px, contain;
  background-repeat: no-repeat, repeat;
  background-position: center;
}
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active {
  background: #18bfdf;
  color: white;
}
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
    background: #18bfdf;

}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel, .WaGadgetMobilePanel .mobilePanel .loginInner {
  background: #129eb9;
  border-top: 1px solid #18bfdf;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton {
  background: #000 !important;
  color: #fff !important;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:hover {
    background: #000;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$="TextBox"] input[class$="TextBoxControl"], .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label::before {
  background: #129eb9;
}
/* END MOBILE PANEL */


/* BREAD CRUMBS */
.WaGadgetBreadcrumbs {
  font-family: "Roboto-condensed", Arial, sans-serif;
}
.WaGadgetBreadcrumbs ul li a  {
  color: #f15a4e!important;
  font-weight: 700;
  text-decoration: none;
  font-size: 18px;
}
.WaGadgetBreadcrumbs ul > li.last {
  font-size: 18px;
}
/* END BREAD CRUMBS */

/* Page title edit */
.pageTitle {

    padding-bottom: 30px;
   max-width: 1250px;

}

.pageTitle.WaGadgetBreadcrumbs ul li + li::before {
display: none;
}
.pageTitle.borul li+li:before {
display: none;
}
.pageTitle li:not(:last-child) {
display: none;
}
.pageTitle li 
{
Font-size: 3.5em!important;
color: #000;
font-weight: 700;
text-transform: capitalize;
border-bottom: 0px solid #cc9933; 
font-style: none;
font-family: helvetica-neue-lt-pro, sans-serif;
}
.pageTitle ul li+li:before {
    display: none;
}
/* End Page Title */




/* LOGIN */
.WaGadgetLoginForm.LoginFormStyle002.loginUserName, .WaGadgetLoginForm.LoginFormStyle002 .loginPassword {
  width: 160px;
  margin-right: 5px;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink {
      width: 110px;
    height: 43px;
    background: #000;
    color: #fff;
}

 .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink {
      width: 95px;
    height: 43px;
    background: #000;
} 



 .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:before, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:before {
font: normal 18px / 43px "roboto-condensed", sans-serif;
    text-align: center;
    text-indent: 0;
    content: 'LOGIN';
    font-weight: 600;
}



.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink::before, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink::before {
font: normal 18px / 43px "roboto-condensed", sans-serif;
    text-align: center;
    text-indent: 0;
    content: 'ACCOUNT';
    font-weight: 600;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink.hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink.hover, .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 {
  background:#18bfdf;
}
/* END LOGIN */

p, h1, h2, h3, h4, h5 {
font-family: helvetica-neue-lt-pro, sans-serif;
      text-transform: none;

  }

  /* TYPOGRAPHY */
p {
font-family: helvetica-neue-lt-pro, sans-serif;
font-weight: 300;
} 
[class*='EditableArea'] ul li {
  font-family: helvetica-neue-lt-pro, sans-serif;
font-weight: 300;
}
.WaGadgetCustomMenu.menuStyle001 ul li a {
  color: #129eb9;
  font-family: "Roboto-condensed", Arial, sans-serif;
}

.emphasis {
     font-size:24px;  
      font-weight: 300;
}
/*  Desktop (default)  */
.promo, h1.promo, .gadgetStyle002 h1.promo {
  font-size: 60px;
  line-height: 1.2;
   text-transform: none;
      font-weight: 300;
}
.h1, h1, .gadgetStyle002 h1:not(.promo):not(.header):not(.h1Alt) {
  font-size: 60px;
  line-height: 1.2;
   text-transform: none;
      font-weight: 300;
}

.header, h1.header,  .gadgetStyle002 h1.header{
  font-size: 60px;
  line-height: 1.2;
   text-transform: none;
      font-weight: 300;
}
.h1Alt, h1.h1Alt, .gadgetStyle002 h1.h1Alt {
    font-size: 35px;
  line-height: 1.3;
   text-transform: none;
      font-weight: 300;
}
.h2, h2, .gadgetStyle002 h2 {
font-size: 31px;
  line-height: 1.3;
  text-transform: none;
  font-weight: 300;
}
.h3, h3, .gadgetStyle002 h3 {
font-size: 23px;
  line-height: 1.3;
  text-transform: none;
  font-weight: 300;
}
.h4, h4, .gadgetStyle002 h4, .gadgetStyle002 h4:not(.gadgetTitleH4):not(.h4Alt){
font-size: 21px;
  line-height: 1.3;
  text-transform: none;
  font-weight: 300;
}
.h4Alt, h4.h4Alt, .gadgetStyle002 h4.h4Alt {
font-size: 21px;
  line-height: 1.3;
  text-transform: none;
  font-weight: 300;
}
h5, .gadgetStyle002 h5 {
font-size: 21px;
  line-height: 1.3;
  text-transform: none;
  font-weight: 300;
}
/*  Tablet (≤768px)  */
@media (max-width: 768px) {
.emphasis {
     font-size:18px;  
      font-weight: 300;
}
  .promo, h1.promo, .gadgetStyle002 h1.promo {
  font-size: 36px;
  line-height: 1.2;
   text-transform: none;
}
.h1, h1, .gadgetStyle002 h1:not(.promo):not(.header):not(.h1Alt) {
  font-size: 36px;
  line-height: 1.2;
   text-transform: none;
}

.header, h1.header,  .gadgetStyle002 h1.header{
  font-size: 36px;
  line-height: 1.2;
   text-transform: none;
}
.h1Alt, h1.h1Alt, .gadgetStyle002 h1.h1Alt {
    font-size: 30px;
  line-height: 1.3;
   text-transform: none;
}
.h2, h2, .gadgetStyle002 h2 {
      font-size: 30px;
  line-height: 1.3;
   text-transform: none;
}
.h3, h3, .gadgetStyle002 h3 {
       font-size: 21px;
  line-height: 1.3;
   text-transform: none; 
   font-weight: 300;
}
.h4, h4, .gadgetStyle002 h4, .gadgetStyle002 h4:not(.gadgetTitleH4):not(.h4Alt){
         font-size: 21px;
  line-height: 1.3;
   text-transform: none;
   font-weight: 300; 
}
.h4Alt, h4.h4Alt, .gadgetStyle002 h4.h4Alt {
         font-size: 21px;
  line-height: 1.3;
   text-transform: none; 
   font-weight: 300;
}
h5, .gadgetStyle002 h5 {
         font-size: 21px;
  line-height: 1.3;
   text-transform: none; 
   font-weight: 300;
}
}

/*  Mobile (≤480px)  */

@media (max-width: 480px) {
  .subHeader {
  padding-top: 20px;
  padding-bottom: 10px;
}
  .pageTitle li 
{
Font-size: 1.5em!important;
}
   a.buttonStyle001, a:link.buttonStyle001,    a.buttonStyle002, a:link.buttonStyle002,    a.buttonStyle003, a:link.buttonStyle003,    a.buttonStyle004, a:link.buttonStyle004,    a.buttonStyle005, a:link.buttonStyle005 {
     font-size: 12px !important;
   }
  .promo, h1.promo, .gadgetStyle002 h1.promo {
  font-size: 30px;
  line-height: 1.2;
   text-transform: none;
}
.h1, h1, .gadgetStyle002 h1:not(.promo):not(.header):not(.h1Alt) {
  font-size: 30px;
  line-height: 1.2;
   text-transform: none;
}

.header, h1.header,  .gadgetStyle002 h1.header{
  font-size: 30px;
  line-height: 1.2;
   text-transform: none;
}
.h1Alt, h1.h1Alt, .gadgetStyle002 h1.h1Alt {
    font-size: 26px;
  line-height: 1.3;
   text-transform: none;
}
.h2, h2, .gadgetStyle002 h2 {
      font-size: 26px;
  line-height: 1.3;
   text-transform: none;
}
.h3, h3, .gadgetStyle002 h3 {
       font-size: 26px;
  line-height: 1.3;
   text-transform: none; 
}
.h4, h4, .gadgetStyle002 h4, .gadgetStyle002 h4:not(.gadgetTitleH4):not(.h4Alt){
         font-size: 26px;
  line-height: 1.3;
   text-transform: none; 
}
.h4Alt, h4.h4Alt, .gadgetStyle002 h4.h4Alt {
         font-size: 21px;
  line-height: 1.3;
   text-transform: none; 
}
h5, .gadgetStyle002 h5 {
         font-size: 21px;
  line-height: 1.3;
   text-transform: none; 
}
}



/* END TYPOGRAPHY */


/* BUTTON STYLES */
a.buttonStyle001, a:link.buttonStyle001 {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
min-width: 40%;
  margin: 1px;
  padding: 8px 10px;
  background: #f15a4e;
  color: white;
  font-family: "roboto-condensed", sans-serif;
 font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  white-space: pre-wrap;
  text-align: center;
  text-decoration: none;
}
a.buttonStyle001:hover, a:link.buttonStyle001:hover {
  background: #000;
}
a.buttonStyle002, a:link.buttonStyle002 {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 112px;
  margin: 5px;
  padding: 8px 20px;
  background: #000;
  color: white;
  font-family: "roboto-condensed", sans-serif;
font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  white-space: pre-wrap;
  text-align: center;
  text-decoration: none;
}
a.buttonStyle002:hover, a:link.buttonStyle002:hover {
  background: #f15a4e;
}
a.buttonStyle003, a:link.buttonStyle003 {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 112px;
  margin: 5px;
  padding: 8px 20px;
  background: #18bfdf;
  color: #000;
  font-family: "roboto-condensed", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  white-space: pre-wrap;
  text-align: center;
  text-decoration: none;
}
a.buttonStyle003:hover, a:link.buttonStyle003:hover {
  background: #000;
  color: #fff;
}
a.buttonStyle004, a:link.buttonStyle004 {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 112px;
  margin: 5px;
  padding: 4px 20px;
  background: transparent;
  border: 4px solid #18bfdf;
  color: #000;
  font-family: "roboto-condensed", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  white-space: pre-wrap;
  text-align: center;
  text-decoration: none;
}
a.buttonStyle004:hover, a:link.buttonStyle004:hover {
    background: #18c0dd26;
    border-color: #18bfdf;
    color: #000;
}
a.buttonStyle005, a:link.buttonStyle005 {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 112px;
  margin: 5px;
  padding: 4px 20px;
  background: transparent;
  border: 4px solid #000;
  color: #000;
  font-family: "roboto-condensed", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  white-space: pre-wrap;
  text-align: center;
  text-decoration: none;
}

a.buttonStyle006, a:link.buttonStyle006 {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 95px;
  margin: 0px 2px 0 0;
  padding: 8px 10px;
  background: #f15a4e;
  color: white;
  font-family: "roboto-condensed", sans-serif;
 font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  white-space: pre-wrap;
  text-align: center;
  text-decoration: none;
}
a.buttonStyle006:hover, a:link.buttonStyle006:hover {
  background: #18bfdf;
}
/* END BUTTON STYLES */


/* 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, .navigationOuterContainer input.typeButton, .navigationOuterContainer input[type="submit"], .attachmentsContainer .attachmentsUploadContainer .inputUploadFileLabel, .commonMessageBox .cww-co .buttons input[type="submit"], .commonMessageBox .cww-co .buttons input.typeButton, .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type="submit"], .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton, .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton, .WaGadgetBlogStateAddPost .boxFooterOuterContainer input, .WaGadgetBlogStateEditPost .boxFooterOuterContainer input {
    background: #18bfdf;
    font-family: "roboto-condensed", sans-serif;
    color: #000;
}

.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, .attachmentsContainer .attachmentsUploadContainer .inputUploadFileLabel:hover, .commonMessageBox .cww-co .buttons input[type="submit"]:hover, .commonMessageBox .cww-co .buttons input.typeButton:hover, .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type="submit"]:hover, .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:hover, .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton:hover, .WaGadgetBlogStateAddPost .boxFooterOuterContainer input:hover, .WaGadgetBlogStateEditPost .boxFooterOuterContainer input:hover {
background: #18bfdf;
}
/* END SYSTEM BUTTONS */



/* BACK TO TOP */
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 10px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f15a4e;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #18bfdf;
}
#back-to-top.show {
    opacity: 1;
}

/* END BACK TO TOP */










/*  Mobile (≤768px)  */
@media (max-width: 768px) {
  .heroContent {
      position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    padding: 0px 15px;
    box-sizing: border-box;
}
  .LoginBtnContainer {
    display: none;
  }
  /* #id_Header {
    max-width: 140px;
    margin: 0 auto;
    margin-top: -68px;
  } */
.mobileText {
  text-align: center;
}
.WaGadgetCustomMenu.menuStyle001 ul.alignLeft {
   text-align: center;
 
}
.non-mobile {
  display: none;
}
}