/* Fix header*/
#id_xcFvoYn {
  position: fixed;          
  top: 0;
  left: 0;
  right: 0;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff;
  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;
}

/* Drop shadow when scrolling */
#id_xcFvoYn {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.25s ease-in-out;
}

/*horizontal line under student membership
.menuInner li .item > a[title="Student Membership"]::after {
    content: "";
    display: block;
    border-bottom: 1px solid #ccc; 
    margin-top: 10px; 
}*/

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a {
    display: none!important;
}


/* Hide the "Home" link by targeting the anchor */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a[href="https://www.nfbpwc.org/"] {
    display: none!important;
}

/* Hide the "Home" link by targeting the anchor no www*/
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a[href="https://nfbpwc.org/"] {
    display: none!important;
}

/* Hide the "Home" link by targeting the span inside the anchor with www*/
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a[href="https://www.nfbpwc.org/"] > span {
    display: none!important;
}
/* Hide the "Home" link by targeting the span inside the anchor no www */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a[href="https://nfbpwc.org/"] > span {
    display: none!important;
}

/*Shows contact button when on the page*/
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a {
    display:block!important;
    background: transparent;
    color: #000;
    font-weight: bold;
}


/*Removing hyperlink on main navigation links i.e. WHO WE ARE, Programs, etc*/

    /* Target specific navigation link Headers by their titles and disable pointer events */
.menuInner li .item > a[title="Who We Are"],
.menuInner li .item > a[title="Programs"],
.menuInner li .item > a[title="#Blog"],
.menuInner li .item > a[title="Events Calendar"],
.menuInner li .item > a[title="Join Us"] ,
.menuInner li .item > a[title="Clubs"] ,
.menuInner li .item > a[title="Members-only Area"]{
        pointer-events: none;
    }

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

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

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

/* CSS for screens 768px and above */
@media screen and (min-width: 768px) {
    /* CSS to display the image link normally */
    .mainlogo {
        display: inline-block;
    }
}


/* CSS for screens below 768px */
@media screen and (max-width: 767px) {
    /* CSS to hide the image link */
    .mainlogo {
        display: none;
    }
}

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


.panel {
  padding: 0 18px;
  background-color: #fffaf0;
  display: none;
  overflow: hidden;
}
.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLink{
display:none;
}
.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLabel{
display:none;
}
.WaGadgetRecentBlogPosts .itemAuthor
{ display: none; }


.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;} /* button color */

/*Mobile buttons*/
.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 .menuInner ul.firstLevel, .WaGadgetMobilePanel .mobilePanel .menuInner ul ul, .WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul {
    background: #fff;
}

.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: .3s ease all;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
    background: 0;
    color: #fbbc0d;
   transition: .3s ease all;
}

 /* Login button */
.WaGadgetLoginButton .loginLink, .WaGadgetLoginForm .loginLink {
    background:#1a8045  !important;
    color: #fffaf0 !important;
    transition: background-color 0.3s ease, color 0.3s ease;
    
}
/* Login button on 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 on hover */
.WaGadgetLoginButton .authenticated .loginLink:hover, .WaGadgetLoginButton .authenticated .loginLink.hover, .WaGadgetLoginForm .authenticated .loginLink:hover, .WaGadgetLoginForm .authenticated .loginLink.hover {
    background: #fbbc0d !important;
    color: #fffaf0 !important;
}

/* Code to change page width START */
.WaPlaceHolder { max-width: 100%; }
.zonePlace{padding: 0 0}
/* Code to change page width END */

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

/*Dropdown*/
/*Gives rounded edges to dropdown*/
.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);
}

.WaGadgetMenuHorizontal .menuInner ul ul.secondLevel > li:hover > .item > a {
    background-color: none!important ;
    color: #FBBC0D;
    transition:.3s ease all;
}


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

.WaGadgetMenuHorizontal .menuInner ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    margin: 0 0 0 1px;
    border-radius: 0px 10px 10px 0px!important;
    }


.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:.3s ease all;
}

.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a {
    background: none;
    /* border-radius: 10px !important; */
}


.WaGadgetMenuHorizontal .menuInner ul ul {
    position: absolute;
    top: 80%;
    left: 0%;
}

.WaGadgetMenuHorizontal .menuInner ul ul ul {
    position: absolute;
    left: 100%;
    top: -15%;
    margin: 0 0 0 0;
}

/*Footer Stuff*/

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

/*Social Media in Footer*/
.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: .3s;
}

 @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;

    }
 }


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

.WaGadgetMenuHorizontal .menuInner {
    background: transparent!important;
}
}

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

/*Event Calendar*/

/*Updates the 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;
}

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

/*BG for button options i.e. week, month, year, etc*/

.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span {
    background:#1a8045;
    transition: .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;
    transition: .2s ease all;
}

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

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

/*background color for longer events that take place all day. Before changing, makes sure you like the color of the bar before messing with the css here*/

/*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;
    color:;
    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;
}*/

/*adusts box around calendar*/
.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;
}

/*adds margin below top weekly nav bar*/
.WaGadgetEventsStateCalendar #idViewSwitchersTable {
    clear: both;
    padding: 30px 0 0;
    overflow: hidden;
    margin-bottom: 50px;
}


/*removes straight lines around border of calendar to where you can see curved edges*/
table#FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_calendar {
    border-collapse: unset!important;
}

/*adjusts boxes to pick week, month, & year on smaller screens */

@media screen and (max-width: 767px) {
    /* CSS to hide the image link */
    .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%;
}
}

</style>