/* FontAwesome custom styling */
  i.fas,
  i.fab {
    color:#005499;
    font-size: 36px;
  }

/* Mobile Menu styling */
.WaGadgetMobilePanel .mobilePanel .menuInner {
  font-family: 'Raleway', 'Verdana', sans-serif;
  font-size: 16px;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li > .item > a {
  font-size: 16px;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li.sel > .item > a {
  color: #2B9CD4;
}
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton {
  color: #005499;
}
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
  color: #A6D163;
}

/* Footer, Upcoming Events link styling */
#id_uiul5LU a:hover, #id_393mdFr a:hover, 
#id_bCIDEKc a:hover {
  color: #A6D163;
}
#id_uiul5LU a, #id_393mdFr a, #id_bCIDEKc a {
  text-decoration: none;
  color: #ffffff;
}

/* Form Button styling */
.navigationOuterContainer .navigationContainer input.nextButton, .navigationOuterContainer .navigationContainer input.typeButton, .navigationOuterContainer .navigationContainer input[type=submit], .loginButton, .typeButton, input[type=submit] {
  font-family: 'Raleway', 'Verdana', sans-serif;
  background-color: #005499 !important; 
  color:#ffffff !important;
  text-transform: none;
} /* button color */
.navigationOuterContainer .navigationContainer input.nextButton:hover, .navigationOuterContainer .navigationContainer input.typeButton:hover, .navigationOuterContainer .navigationContainer input[type=submit]:hover, .loginButton:hover, .typeButton:hover, input[type=submit]:hover {
  color: #A6D163 !important;
} /* hover color */
/* More form button styling */
.generalFieldsContainer input.typeButton, .generalFieldsContainer input[type="submit"], .WaGadgetAuthorizationRequired .loginPageTable input.loginButton, .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton, .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton, .WaGadgetUnsubscribeFromEmails form input[type="submit"], .WaGadgetTermsOfUse .login-role-actions input[type="submit"], .WaGadgetMemberDirectoryStateAdvancedSearch .ActionPanelOuterContainer input.searchButton {
  font: normal 16px/1.1 'Raleway','Verdana',sans-serif;
  text-transform: none;
}

/* System page font sizing */
.WaGadgetContactProfile, .fieldSubContainer, .WaGadgetAuthorizationRequired {
  font-size: 18px;
} 

/* Home Page BPs */
#id_69j7CGs .rightPart:not(:focus):not(:active) {
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
  width: 1px;
}
#id_69j7CGs ul.showPic li .img {
  margin: auto;
  width: 50%;
}
#id_69j7CGs ul.showPic li .img a {
  background-color:#ffffff;
}
#id_69j7CGs .WaGadgetFeaturedMember ul.layoutVertical li .img img {
  border-radius: 0;
}

/*
  Text Boxes
            */
/* Rounded Text Boxes */
.rounded-top {
  border-radius: 15px 15px 0 0;
}
.rounded-bottom {
  border-radius: 0 0 15px 15px;
}
.rounded-box {
  border-radius: 15px;
}
/* Home Text Boxes */
a.stylizedButton.buttonStyle008.boxbutton {
  width: 50%;
  position: absolute;
  left: 50%;
  bottom: 5%; 
  font-weight: bold;
  transform: translate(-50%, 0);
}
.boxheader {
  font-size: 30px;
  border-radius: 15px 15px 0 0;
  padding: 4%;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.hometext {
  padding: 7%;
}
/* Home Text Box Images */
.joinus {
  background-image: url('/resources/Pictures/assets/join-us-rsz.jpg');
  padding-bottom: 95%;
}
.findapro {
  background-image: url('/resources/Pictures/assets/stack-paper-rsz.jpg');
  padding-bottom: 95%;
}
.membersonly {
  background-image: url('/Resources/Pictures/assets/books-opq-rsz.jpg');
  padding-bottom: 95%;
}

/* Join Us Membership chart */
.joinheader {
  font-size: 18px;
  padding: 5% 5% 0;
  height: auto;
  border-radius: 15px 15px 0 0;
  margin-bottom: 0;
}
.leveltitle {
  padding: 0 5% 5%;
  font-size: 28px;
  color: #2B9CD4;
}
.bptitle {
  padding: 0 5% 13%;
  font-size: 28px;
  color: #2B9CD4;
}
.joinfooter {
  padding: 3%;
  border-radius: 0 0 15px 15px;
}
.sideborder-gray {
  border-right: 2px solid #C9D4DC;
  border-left: 2px solid #C9D4DC;
  height: auto;
  padding: 0 20px 0 20px;
}
.sideborder-beige {
  border-right: 2px solid #EDEAE3;
  border-left: 2px solid #EDEAE3;
  height: auto;
  padding: 0 20px 0 20px;
}

/* POINT, Chapter Doc Buttons */
a.stylizedButton.buttonStyle008.pointbutton {
  width: 69%;
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  transform: translate(-50%, -50%);
}
.pointheader {
  font-size: 28px;
}
/* POINT Images */
.point-how {
  background-image: url('/resources/Pictures/assets/point-instructions-button.jpg');
  padding-bottom: 25%;
}
.point-guide {
  background-image: url('/resources/Pictures/assets/point-guidelines-button.jpg');
  padding-bottom: 25%;
}
/* Chapter Document Images */
.policies {
  background-image: url('/resources/Pictures/assets/policies-x.jpg');
  padding-bottom: 55%;
}
.chaptermins {
  background-image: url('/Resources/Pictures/assets/chapter-mins-x.jpg');
  padding-bottom: 55%;
}
.boardmins {
  background-image: url('/resources/Pictures/assets/board-mins.jpg');
  padding-bottom: 55%;
}
/* Members Only Text Boxes */
.members-only-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
a.stylizedButton.buttonStyle008.mem-button {
  display: block;
  width: 88%;
  left: 50%;
  transform: translate(-50%, 0);
  margin-bottom: 3%;
}
a.stylizedButton.buttonStyle008.bene-button {
  margin-bottom: 2%;
}
/* Members Only images */
.get-started {
  background-image: url('/resources/Pictures/assets/getting-started.jpg');
  padding-bottom: 69%;
}
.connected {
  background-image: url('/Resources/Pictures/assets/connect-colleagues.jpg');
  padding-bottom: 69%;
}
.get-involved {
  background-image: url('/resources/Pictures/assets/getting-involved.jpg');
  padding-bottom: 69%;
}
.benefits {
  background-image: url('/resources/Pictures/assets/resources-benefits.jpg');
  padding-bottom: 69%;
}
/* Rollover effect */
.rollcontainer {
  position: relative;
  width: 100%;
}
.rollimage {
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: none;
  width: 100%;
  height: auto;
}
.rolloverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  transition: .5s ease;
  background-color: rgba(128,128,128,0.5);
}
.rollcontainer:hover .rolloverlay {
  opacity: 0.9;
  background-color: #2B9CD4;
}
.rolltext {
  color: white;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

 /* Fix on mobile */
@media only screen and (max-width: 1145px) {
  .joinus {
    background-image: url('/resources/Pictures/assets/join-us-qtr.jpg');
    padding-bottom: 125%;
  }
  .findapro {
    background-image: url('/resources/Pictures/assets/stack-paper.jpg');
    padding-bottom: 125%;
  }
  .membersonly {
    background-image: url('/Resources/Pictures/assets/books-color-org-opq.jpg');
    padding-bottom: 125%;
  }
  .boxheader, .leveltitle, .bptitle, .pointheader {
    font-size: 24px;
  }
  .joinheader, .joinfooter {
    font-size: 16px;
  }
  a.stylizedButton.buttonStyle008.bene-button {
    font-size: 16px;
    padding: 4%;
  }
}
@media only screen and (max-width: 991px) {
  .hometext {
    line-height: 177%;
  }
  a.stylizedButton.buttonStyle008.boxbutton {
    bottom: 3%; 
    font-size: 16px;
  }
  a.stylizedButton.buttonStyle008.pointbutton {
    font-size: 16px;
  }
  .boxheader, .leveltitle, .bptitle, .pointheader {
    font-size: 22px;
  }
  a.stylizedButton.buttonStyle008.mem-button {
    font-size: 16px;
    padding: 6% 12%;
  } 
  a.stylizedButton.buttonStyle008.bene-button {
    font-size: 14px;
  }
  .joinheader, .joinfooter {
    font-size: 14px;
  }
  .rolltext {
    font-size: 16px;
    padding: 4%;
  }
  .genericListTable td, .membersTable td, .genericListTable th, .membersTable th {
    word-break: initial;
  }
}
@media only screen and (max-width: 920px) {
  .hometext {
    line-height: inherit;
  }
  a.stylizedButton.buttonStyle008.boxbutton {
    bottom: 3%; 
    font-size: 14px;
  }
  a.stylizedButton.buttonStyle008.pointbutton {
    font-size: 14px;
  }
  .boxheader, .leveltitle, .bptitle, .pointheader {
    font-size: 20px;
  }
  a.stylizedButton.buttonStyle008.mem-button {
    font-size: 14px;
  }   
  a.stylizedButton.buttonStyle008.bene-button {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .joinus {
    background-image: url('/resources/Pictures/assets/join-us-rsz.jpg');
    padding-bottom: 49%;
  }
  .findapro {
    background-image: url('/resources/Pictures/assets/stack-paper-rsz.jpg');
    padding-bottom: 49%;
  }
  .membersonly {
    background-image: url('/Resources/Pictures/assets/books-opq-rsz.jpg');
    padding-bottom: 49%;
  }
  .hometext {
    line-height: 177%;
    /*padding: 8%;*/
  }
  a.stylizedButton.buttonStyle008.boxbutton {
    bottom: 7%; 
    font-size: 24px;
  }
  a.stylizedButton.buttonStyle008.pointbutton {
    font-size: 24px;
    padding: 5%;
  }
  a.stylizedButton.buttonStyle008.mem-button {
    font-size: inherit;
    padding: 16px 22px;
  }
  a.stylizedButton.buttonStyle008.bene-button {
    font-size: inherit;
    padding: inherit;
  }
  .boxheader, .leveltitle, .bptitle, .pointheader {
    font-size: 30px;
  }
  .joinheader, .joinfooter {
    font-size: 18px;
  }
  .rollimage {
    height: 50%;
  }
  .rolltext {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .hometext {
    font-size: 16px;
  }
  a.stylizedButton.buttonStyle008.boxbutton {
    font-size: 20px;
  }
  a.stylizedButton.buttonStyle008.pointbutton {
    font-size: 20px;
  }
  .leveltitle, .bptitle, .pointheader {
    font-size: 24px;
  }
  .joinheader, .joinfooter {
    font-size: 16px;
  }
}
@media only screen and (max-width: 525px) {
  a.stylizedButton.buttonStyle008.pointbutton {
    font-size: 18px;
  }
  .leveltitle, .bptitle, .pointheader {
    font-size: 20px;
  }
  a.stylizedButton.buttonStyle008.mem-button{
    font-size: 16px;
    padding: 6% 12%;

  } 
  a.stylizedButton.buttonStyle008.bene-button {
    font-size: 14px;
    padding: 4%;
  }
}
@media only screen and (max-width: 453px) {
  a.stylizedButton.buttonStyle008.pointbutton {
    font-size: 16px;
  }
  a.stylizedButton.buttonStyle008.bene-button {
    font-size: 12px;
  }
  .joinus {
    background-image: url('/resources/Pictures/assets/join-us-qtr.jpg');
    padding-bottom: 73%;
  }
  .findapro {
    background-image: url('/resources/Pictures/assets/stack-paper.jpg');
    padding-bottom: 73%;
  }
  .membersonly {
    background-image: url('/Resources/Pictures/assets/books-color-org-opq.jpg');
    padding-bottom: 73%;
  }
}
@media only screen and (max-width: 400px) {
  .hometext {
    /*font-size: 16px;*/
    line-height: inherit;
  }
  a.stylizedButton.buttonStyle008.boxbutton {
    font-size: 18px;
  }
  a.stylizedButton.buttonStyle008.pointbutton {
    font-size: 14px;
  }
  .leveltitle, .bptitle, .pointheader {
    font-size: 18px;
  }
}
@media only screen and (max-width: 372px) {
  a.stylizedButton.buttonStyle008.boxbutton {
    font-size: 16px;
  }
  a.stylizedButton.buttonStyle008.mem-button{
    font-size: 12px;
  } 
  a.stylizedButton.buttonStyle008.bene-button {
    font-size: 11px;
  }
}

/* Remove Social logins: Authorization system page
and private member profiles */
.WaGadgetAuthorizationRequired .openAuthFormContainer {
display: none !important;
}
#socialLoginContainer, #idSocialLoginContainer {
    display: none;
}

/* WA footer */
#idFooterPoweredByWA {
  font-size: 12px;
}

/* Rounded footer */
#id_Footer1 {
  border-radius: 15px;
}

/* Featured Member Styling */
.WaGadgetFeaturedMember div.label_1, .WaGadgetFeaturedMember div.subtitle {
  font-family: 'Raleway', 'Verdana', sans-serif;
}

/* Board of Directors Styling */
/* applies to all Featured Member gadgets */
/* to make page-specific use #PAGEID_18055 */
.WaGadgetFeaturedMember.gadgetStyleNone ul.showPic li .img a .no-image {
  background-color: #C9D4DC;
  border-radius: 15px;
}
.WaGadgetFeaturedMember.gadgetStyleNone ul.showPic li .img a {
  background-color: transparent;
}
#PAGEID_18055 .WaGadgetFeaturedMember ul.layoutVertical li .img img {
  border-radius: 15px;
}

/* Join Us Subscribe Form Styling */
#id_W3U1zO4 a#FunctionalBlock1_ctl00_prev.backLink {
  display: none;
}

/* Calendar Styling */
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span:hover {
    background: #ffffff;
    color: #005499;
    cursor: default;
}
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span {
    position: relative;
    box-sizing: border-box;
    margin: 0;
    padding: 14px 18px 15px;
    background: #005499;
    border: 0;
    outline: 0;
    color: white;
    font: normal 18px/1.22 'Raleway', 'Verdana', sans-serif;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none;
    font-size: 18px;
    display: block;
    min-width: 0;
    padding-right: 0;
    padding-left: 0;
    line-height: 1.5;
}
.WaGadgetEventsStateCalendar .sectionTitle {
  font-weight: normal;
}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarHeader {
  font-family: 'Raleway', 'Verdana', sans-serif;
}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected a.calendarDate, .WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected a.calendarDate:hover {
  color: #ffffff;
  background: #A6D163;
}
.WaGadgetEventsStateList .pageTitleOuterContainer .pageViewSwitcherContainer a, .WaGadgetEventsStateCalendar .pageTitleOuterContainer .pageViewSwitcherContainer a{
  color: #005499;
}
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a:hover, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span:hover {
    background: #ffffff;
    color: #005499;
}


/*Calendar title, event title list view */
.WaGadgetEventsStateCalendar .sectionTitle,.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle {
    color: #005499;
    font-family: 'Raleway', 'Verdana', sans-serif;
}

/* Calendar Buttons*/
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventDivItem:hover, .WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventContainerHover {
    background: #A6D163;
}

/* Calendar event entry */
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td > div {
  background: #005499;
}

/* Events left box border */
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer, .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer{
  border-right: 3px solid #A6D163;
}
.WaGadgetEvents .boxInfoContainer ul.boxInfo {
  font-size: 18px;
}
.WaGadgetEvents.WaGadgetEventsStateList h3.sectionTitle,.WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1 {
  font-family: 'Raleway', 'Verdana', sans-serif;
}
.zonePlace.zoneFooter2 {
  margin-top: 30px;
}
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton:hover {
  color: #A6D163;
}
/* Member Profile Styling */
#id_q6TbpuR .fieldSubContainer, #id_q6TbpuR .generalFieldsContainer .fieldSubContainer .fieldLabel span:not(.mandatorySymbol), #id_q6TbpuR .generalFieldsContainer .fieldSubContainer .fieldLabel .mandatoryLabel, #id_B86zh69 .fieldSubContainer, #id_B86zh69 .generalFieldsContainer .fieldSubContainer .fieldLabel span:not(.mandatorySymbol), #id_B86zh69 .generalFieldsContainer .fieldSubContainer .fieldLabel .mandatoryLabel {
  font-size: 16px;
}
#id_q6TbpuR .captionOuterContainer .captionContainer .fieldBody h4, #id_B86zh69 .captionOuterContainer .captionContainer .fieldBody h4 {
  font-size: 18px;
}
#id_B86zh69 h3 {
  font-size: 22px;
}
#id_B86zh69 h2 {
  font-family: 'Raleway', 'Verdana', sans-serif;
}
/* Member Directory styling */
.genericListTable thead th, .membersTable thead th {
  background-color: #005499;
  color: #ffffff;
}
.WaGadgetMemberDirectoryStateList .memberDirectorySearchAreaOuterContainer {
  text-align: center;
  color: #005499;
}
/* Hide the Search on Full Directory & BPs */
#id_wLIgXMo #FunctionalBlock1_ctl00_ctl00_searchLabel, #id_wLIgXMo #FunctionalBlock1_ctl00_ctl00_search, #id_G2U75zE #FunctionalBlock1_ctl00_ctl00_searchLabel, #id_G2U75zE #FunctionalBlock1_ctl00_ctl00_search, #id_G2U75zE #FunctionalBlock1_ctl00_ctl00_advancedSearchStatusPanel_advancedSearchLink {
  display: none;
}

/* Remove auth page left border */
.WaGadgetAuthorizationRequired .authFormContainer {
  border-left: none;
}

/* Resize directory header */
.membersTable thead th {
  padding: 0px;
}