/* CSS Document */


/** Version Feb 2018-----------------------------**/
/* most of this CSS just fixes background colors because
our building blocks board game theme is black by default
and we want white in general                        */

/** GENERAL STUFF -----------------------------**/

/*  calendar */
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar, .WaGadgetEvents,.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer{
background:#dcdcdc;
}
.WaGadgetEventsStateCalendar .weekViewType .EventListCalendar, .WaGadgetEvents,.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer{
background:#dcdcdc;
}


.WaGadgetEventsStateCalendar .sectionTitle {
background:  white;
color:  #00BFAB;
}


/* events */
/*


.WaGadgetOnly WaGadgetEvents  gadgetStyleNone WaGadgetEventsStateCalendar {
background:#00ADD8;
}
*/
.WaGadgetEventsStateCalendar.monthViewType
.EventListCalendar  {
background:#00ADD8;
}

.WaGadgetEventsStateCalendar.weekViewType {
background:#00ADD8;
}
.WaGadgetEventsStateCalendar.sectionTitle {
color:  white
}
.WaGadgetEventsStateDetails{
background:#FFFFFF;
}
/* membership application*/
.WaGadgetMembershipApplication{
  color: black;
    background: white;
}
/* horizontal menu */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel{
    background: white;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a{
color:black;
}
.WaGadgetMenuHorizontal .menuInner{
background:  white;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    font-size: 14px;
    margin-top: 6px;
    padding: 0 20px;
    background: white;
}
.WaGadgetMemberDirectory {
    padding: 0;
    overflow: visible;
    background-color: white;
}

.WaGadgetMemberDirectoryStateList .memberDirectoryOuterContainer table#membersTable{
    background:  white;
}

/*  individual events */
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer{
background:  white;
color:  black;
}
.WaGadgetBlog{
background:  white;
}
.WaGadgetForum{
background: white;
}


.WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow{
background:white
}

.WaGadgetFeaturedMember ul .description{
color:#666666;
}
.WaGadgetFeaturedMember.gadgetStyle001 ul.showPic li .img a {
    background-color: #444444;
}
.WaGadgetFeaturedMember.gadgetStyle002{
background:#00add8;
}
/*
.WaGadgetFeaturedMember ul li{
background:white;
}*/
.WaGadgetLoginForm .loginPanel {
background:white;
}

/*new css*/
#id_NFH7hfH {
border: 5px solid #A1569F;
}
/*hr on footer*/
.bottom-hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: .5px;
  color: #ccc;
}
/*WA branding smaller*/
#idFooterPoweredByWA {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
text-align: center;
font-size: x-small;
}
  
/*login on header*/
#id_vd38IwO {
color: #a1569f;
font-size: small;
text-align: right;
padding-bottom: 2px;
}

@media only screen and (max-width: 992px) {
#id_vd38IwO {
display: none !important;
}
}

/*menu test align*/
#id_svVLY2a {
padding-left: 30%;
padding-right: 30%;
}

.WaGadgetMobilePanel .mobilePanel .buttonMenu {
    left: 15px;
    text-indent: 0;
    line-height: 50px;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:before {
    display: none;
}

@media screen and (max-width: 767px) {
  body.LayoutMain .WaGadgetLoginForm {
    display: block;
  }

  .zoneHeader1 .WaLayoutTable .WaLayoutItem {
    display: table-cell;
    width: inherit !important;
  }

  .zoneHeader2 { display: none; }

  .zoneHeader1 .WaGadgetLoginForm {
    margin-top: -70px !important;
    z-index: 50000;
  }
}

.WaGadgetUpcomingEvents ul li .title a {
    text-decoration: none !important;
}

.WaGadgetUpcomingEvents ul li .title {
    margin-bottom: 2px;
    line-height: 1.2;
    text-decoration: none;
    font-size: .9em;
    font-weight: 500;
}

.WaGadgetUpcomingEvents ul li .location {
    color: #666;
    margin-top: 0 !important;
    margin-bottom: 4px !important;
    font-size: 0.8em;
    line-height: 1em; /* exactly match font size */
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
    vertical-align: top;
}
.WaGadgetUpcomingEvents ul li .date {
    display: block;
    color: #555;
    font-weight: 500;
    font-size: 0.8em;
}

/* Remove pipe character */
.WaGadgetUpcomingEvents ul li .date:after {
    content: none !important;
}