/* =========================================================
   HEADER
========================================================= */

#id_xcFvoYn {
  /* position: fixed; */
  top: 0;
  left: 0;
  right: 0;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.25s ease-in-out;
  z-index: 9999;
}

/* Background width */
#id_xcFvoYn .WaLayoutTable {
  width: 100% !important;
  margin: 0 !important;
  border-spacing: 0;
  border-collapse: collapse;
  background: #ffffff;
}

/* Remove side gaps */
#id_xcFvoYn .WaLayoutItem,
#id_xcFvoYn .WaLayoutPlaceHolder {
  padding: 0 !important;
}


/* =========================================================
   MAIN NAVIGATION
========================================================= */

/* Style currently selected top-level navigation item */
.WaGadgetMenuHorizontal
.menuInner
ul.firstLevel > li.sel > .item > a {
  display: block !important;
  background: transparent;
  color: #000;
  font-weight: bold;
}

/* Always hide Home link */
.WaGadgetMenuHorizontal
.menuInner
ul.firstLevel > li > .item > a[href="https://www.nfbpwc.org/"],
.WaGadgetMenuHorizontal
.menuInner
ul.firstLevel > li > .item > a[href="https://nfbpwc.org/"] {
  display: none !important;
}

/* Remove dropdown arrow */
.WaGadgetMenuHorizontal
.menuInner
ul.firstLevel > li.dir > .item > a span::after {
  display: none !important;
}

/* Navigation container */
.WaGadgetMenuHorizontal .menuInner {
  position: relative;
  margin: 0;
  background: white;
  display: flex;
  flex-direction: column;
}

/* Center items in navigation container */
[class^="WaLayoutRow"] {
  display: flex;
  align-items: center;
}


/* =========================================================
   MAIN LOGO
========================================================= */

@media screen and (min-width: 768px) {
  .mainlogo {
    display: inline-block;
  }
}

@media screen and (max-width: 767px) {
  .mainlogo {
    display: none;
  }
}


/* =========================================================
   ACCORDION
========================================================= */

.accordion {
  background-color: #FCDFA4;
  color: #333333;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

.accordion.active,
.accordion:hover {
  background-color: transparent !important;
}

.panel {
  padding: 0 18px;
  background-color: #fffaf0;
  display: none;
  overflow: hidden;
}


/* =========================================================
   BLOG
========================================================= */

.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLink,
.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLabel,
.WaGadgetRecentBlogPosts .itemAuthor {
  display: none;
}


/* =========================================================
   GENERAL BUTTONS
========================================================= */

.navigationOuterContainer .navigationContainer input.nextButton,
.navigationOuterContainer .navigationContainer input.typeButton,
.navigationOuterContainer .navigationContainer input[type="submit"],
.loginButton,
.typeButton,
input[type="submit"] {
  background-color: #ff412d !important;
  color: #fffaf0 !important;
}


/* =========================================================
   MEMBER DIRECTORY
========================================================= */

tr:hover td.memberDirectoryColumn1 .memberValue h5 a {
  color: #fff !important;
}


/* =========================================================
   MOBILE MENU
========================================================= */

.WaGadgetMobilePanel .mobilePanel .menuInner {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: none;
  font: 18px / 1em 'Ubuntu Condensed', 'Arial', sans-serif;
  text-transform: none;
  z-index: -1;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
  margin: 0;
  padding: 60px 0 60px 10px;
  background: #fff;
  border-top: 1px solid #fff;
  text-align: left;
  list-style: none;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel,
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul,
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul {
  background: #fff;
}

.WaGadgetMobilePanel .mobilePanel {
  position: relative;
  height: 50px;
  background: transparent;
  z-index: 9999;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  color: #1a8045;
  white-space: nowrap;
  text-decoration: none;
  text-indent: 1000px;
  cursor: pointer;
  transition: 0.3s ease all;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
  background: transparent;
  color: #fbbc0d;
}


/* =========================================================
   LOGIN / LOGOUT
========================================================= */

/* Login button */
.WaGadgetLoginButton .loginLink,
.WaGadgetLoginForm .loginLink {
  background: #1a8045 !important;
  color: #fffaf0 !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Login button hover */
.WaGadgetLoginButton .loginLink:hover,
.WaGadgetLoginForm .loginLink:hover {
  background: #fbbc0d !important;
  color: #ffffff !important;
}

/* Logout button */
.WaGadgetLoginButton .authenticated .loginLink,
.WaGadgetLoginForm .authenticated .loginLink {
  background: #1a8045 !important;
  color: #fffaf0 !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Logout button hover */
.WaGadgetLoginButton .authenticated .loginLink:hover,
.WaGadgetLoginButton .authenticated .loginLink.hover,
.WaGadgetLoginForm .authenticated .loginLink:hover,
.WaGadgetLoginForm .authenticated .loginLink.hover {
  background: #fbbc0d !important;
  color: #fffaf0 !important;
}


/* =========================================================
   PAGE WIDTH
========================================================= */

.WaPlaceHolder {
  max-width: 100%;
}

.zonePlace {
  padding: 0;
}


/* =========================================================
   SOCIAL MEDIA
========================================================= */

.WaGadgetSocialProfile.gadgetThemeStyle2 li a {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  background: none;
  color: #fbbc0d;
  font-family: 'WA-theme-icons';
  font-size: 30px;
  text-decoration: none;
  line-height: 50px;
  vertical-align: top;
  transition: 0.3s;
}

.WaGadgetSocialProfile.gadgetThemeStyle2 li a:hover {
  color: #1a8045;
  background-color: transparent;
}


/* =========================================================
   DROPDOWN NAVIGATION
========================================================= */

/* Rounded dropdown edges */
.WaGadgetMenuHorizontal .menuInner li > .item:hover > ul {
  background-color: #ffffff !important;
  padding: 5px 0;
  border-radius: 10px !important;
  box-shadow: 5px 5px 8px rgba(51, 51, 51, 0.5);
}

/* Top-level hover */
.WaGadgetMenuHorizontal
.menuInner
ul.firstLevel > li > .item:hover > a {
  background: none !important;
  color: #fbbc0d;
  font-weight: 600;
  transition: 0.3s ease all;
}

/* Second-level hover */
.WaGadgetMenuHorizontal
.menuInner
ul ul.secondLevel > li > .item:hover > a,
.WaGadgetMenuHorizontal
.menuInner
ul ul.secondLevel > li:hover > .item > a {
  background-color: transparent !important;
  color: #fbbc0d;
  transition: 0.3s ease all;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a {
  background: none;
}

/* Second-level dropdown positioning */
.WaGadgetMenuHorizontal .menuInner ul ul {
  position: absolute;
  top: 80%;
  left: 0;
}

/* Third-level dropdown positioning */
.WaGadgetMenuHorizontal .menuInner ul ul ul {
  position: absolute;
  left: 100%;
  top: -15%;
  margin: 0;
  border-radius: 0 10px 10px 0 !important;
}


/* =========================================================
   FOOTER
========================================================= */

div#id_68XrDgY {
  padding: 0 0 0 20px !important;
}

@media screen and (max-width: 768px) {
  div#id_68XrDgY {
    padding: 0 50px 0 20px !important;
  }

  .WaGadgetSocialProfile.gadgetThemeStyle2 li a {
    width: 40px;
    height: 50px;
    font-size: 24px;
  }
}


/* =========================================================
   NAVIGATION — SMALL / MEDIUM SCREENS
========================================================= */

@media screen and (min-width: 320px) and (max-width: 1023px) {
  .WaGadgetMenuHorizontal .menuInner ul.firstLevel,
  .WaGadgetMenuHorizontal .menuInner {
    background: transparent !important;
  }
}


/* =========================================================
   SITE SEARCH
========================================================= */

.WaGadgetSiteSearch .searchBoxField {
  box-sizing: border-box;
  width: 100vw !important;
  height: 50px;
  border-radius: 70px;
  padding-left: 33px;
  vertical-align: top;
}


/* =========================================================
   EVENT CALENDAR
========================================================= */

/* Month title */
.WaGadgetEventsStateCalendar .sectionTitle {
  display: flex;
  width: 100%;
  background-color: transparent;
  font-family: Helvetica, ms;
  font-style: normal;
  text-decoration: none;
  color: #140a41;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.167;
  text-transform: uppercase;
  float: left;
  margin: 0 10px 0 0;
  justify-content: center;
}

/* Remove RSS feed icon */
.WaGadgetEventsStateCalendar .pageTitle a.rssFeedLabel {
  display: none;
}

/* Week / month / year buttons */
.WaGadgetEventsStateCalendar
#idViewSwitchersTable
div[id*="Button"] a,
.WaGadgetEventsStateCalendar
#idViewSwitchersTable
div[id*="Button"] span {
  background: #1a8045;
  transition: 0.2s ease all;
  font-size: 18px;
  font-family: Helvetica !important;
}

.WaGadgetEventsStateCalendar
#idViewSwitchersTable
div[id*="Button"] a:hover,
.WaGadgetEventsStateCalendar
#idViewSwitchersTable
div[id*="Button"] span:hover {
  background: #fbbc0d;
  color: white;
}

.WaGadgetEventsStateCalendar
.monthViewType
.EventListCalendar
td.EventListCalendarHeader {
  font-family: Helvetica !important;
  font-weight: 400 !important;
  font-size: 16px;
}

.WaGadgetEventsStateCalendar
#idViewSwitchersTable
div[id*="Button"]::before {
  width: 0;
}

/*
Background styling for longer/all-day events.

div#divDest0 {
  display: none;
  background-color: #f0f0f0 !important;
}

.WaGadgetEventsStateCalendar
.monthViewType
.EventListCalendar td > div a {
  color: #fff;
}

.WaGadgetEventsStateCalendar
.monthViewType
.EventListCalendar td > div {
  padding: 10px;
  background: #252932;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.WaGadgetEventsStateCalendar
.monthViewType
.EventListCalendar
.eventDivItem:hover a {
  color: #fff;
}

.WaGadgetEventsStateCalendar
.monthViewType
.EventListCalendar td {
  border-right: 1px solid #ebebeb;
}
*/

/* Calendar container */
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar,
.WaGadgetEventsStateCalendar .weekViewType .EventListCalendar,
.WaGadgetEventsStateCalendar .yearViewType .EventListCalendar {
  width: 100%;
  background: white;
  box-shadow: 15px 10px 20px rgba(60, 60, 60, 0.2);
  table-layout: fixed;
  border-radius: 10px;
}

/* Space below calendar navigation */
.WaGadgetEventsStateCalendar #idViewSwitchersTable {
  clear: both;
  padding: 30px 0 0;
  overflow: hidden;
  margin-bottom: 50px;
}

/* Preserve rounded calendar edges */
table#FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_calendar {
  border-collapse: unset !important;
}


/* =========================================================
   EVENT CALENDAR — MOBILE
========================================================= */

@media screen and (max-width: 767px) {
  .WaGadgetEventsStateCalendar #idViewSwitchersTable #group1 {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .WaGadgetEventsStateCalendar #idViewSwitchersTable {
    display: flex;
    flex-direction: column;
  }

  .WaGadgetEventsStateCalendar #idViewSwitchersTable #group2 {
    width: 100%;
  }

  .WaGadgetEventsStateCalendar
  #idViewSwitchersTable
  div[id*="Button"] {
    width: 100%;
  }
}


/* =========================================================
   BLOG ENTRY SPACING
========================================================= */

.blogEntryOuterContainer {
  margin-top: 200px;
}