@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    src: url("../webfonts/fa-brands-400.eot");
    src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

    .fab {
    font-family: 'Font Awesome 5 Brands'; }
    @font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    src: url("../webfonts/fa-regular-400.eot");
  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); 
}

body {
  background:white !important;
  background: none !important;
}


.commonMessageBox .cww-co .buttons input:first-of-type{
color:#fff !important;
}

body{
   font-family: 'Karla', sans-serif !important;
   color: #00374B;
}

h1, h2, h3, h4{
     font-family: 'Karla', sans-serif !important;
}

h1{
  color: #1684a1 !important;
}

h2{
  color: #00374b !important;
  font-weight: normal !important;
}

h3{
  color:" #1684a1 !important;
}

h4{
   color: #00374b !important;
}

a{
   color: #1684A1;

}

a:hover{
  color: #75B5D1;
}


/*blog*/
.blogPostBody{
   color: #555 !important;
}

.blogPostBody img{
    margin-right: 30px !important;
}

input.typeButton, input.nextButtonAutoWidth, input.loginButton{
color: white !important;
}

.WaGadgetBlog ul.boxesList li.boxesListItem .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight{
       max-height: 177px !important;;
}

.blogPostListContainer .boxHeaderTitle a{
    text-decoration: none !important;
    font-family: Karla, sans-serif !important;
    font-size: 24px !important;
    color: #1684A1 !important;
}


.blogPostListContainer .boxHeaderTitle a:hover{
    color: #71c7de !important;
}  

.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLabel, .WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedOn{
   font-family: Karla, sans-serif !important;
   font-style: normal !important;
}



.menuStyle001 .stickness{
   border-top: 0px !important;
   border-bottom: 0px !important;
}

.blog-single .boxHeaderTitle{
   color: #1684a1 !important;
   font-weight: 700 !important;
   font-family: Karla, sans-serif !important;
   font-size: 48px !important;
}

#idBlogBackContainer{
  display: none !important;
}

/* CALENDAR */

.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar td.EventListCalendarItemSelected a.calendarDate, .WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar td.EventListCalendarItemSelected a.calendarDate:hover{
    font-size: 36px !important;
    color: #1684a1 !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
}

.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar td.EventListCalendarHeader{
   font-family: Karla, sans-serif !important;
   font-size: 14px !important;
   font-weight: bold !important;
   text-align: center !important;
}

.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar td a.calendarDate, .WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar td a.calendarDate:hover{
   font-family: Karla, sans-serif !important;
   font-size: 14px !important;
   font-weight: 400 !important;
   text-transform: uppercase !important;
}

.WaGadgetEvents.WaGadgetEventsStateCalendar #idViewSwitchersTable #group2 div a{
   text-decoration: none !important;
   font-style: normal !important;
}

.todayButton{
   font-weight: 700 !important;
   color: #1684a1 !important;
}

.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar.viewTypeYear td{
   font-family: Karla, sans-serif !important;
   font-size: 14px !important;
   font-weight: 400 !important;
}

.WaGadgetEvents.WaGadgetEventsStateCalendar #idViewSwitchersTable #group1 div a, .WaGadgetEvents.WaGadgetEventsStateCalendar #idViewSwitchersTable #group2 div a{
    font-family: Karla, sans-serif !important;
    font-style: normal !important;
    color: #555555 !important;
}

.WaGadgetEvents.WaGadgetEventsStateCalendar #idViewSwitchersTable #group1 div, .WaGadgetEvents.WaGadgetEventsStateCalendar #idViewSwitchersTable #group2 div, .WaGadgetEvents.WaGadgetEventsStateCalendar #idViewSwitchersTable #group2 div a.todayButton
{
   color: #1684a1 !important;
   margin: 0px 5px !important;
}

.WaGadgetEvents.WaGadgetEventsStateCalendar #idViewSwitchersTable #group1 div:before, .WaGadgetEvents.WaGadgetEventsStateCalendar #idViewSwitchersTable #group2 div:before{
  display: none !important;
}

.WaGadgetEvents.WaGadgetEventsStateCalendar h3{
  color: #00374b !important;
}

.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar td>div{
  background: none;
}

.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar td>div:hover{
  background: none;
}

.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar td>div a {
    font-style: normal !important;
    font-weight: bold !important;
    font-family: Karla, sans-serif !important;
    text-decoration: none;
}

.listModeLink{
    font-style: normal !important;
    font-family: Karla, sans-serif !important;
    color: #555555 !important;
    font-size: 14px !important;
}

.WaGadgetEvents.WaGadgetEventsStateCalendar #idViewSwitchersTable{
   font-size: 14px !important;
}

/* FORM */

.fieldSubContainer .fieldLabel strong.mandatoryLabel, .fieldSubContainer table td.left .fieldLabel{
    font: italic 14px/normal PT Sans;
    font-family: Karla, sans-serif;
    font-style: normal;
    color: #00374b;
    font-weight: bold;
}

textarea, input{
   padding: 8px !important;
   border: 2px solid #d8d8d8 !important;
   color: #1684a1 !important;
   font-family: Karla, sans-serif !important;
}

textarea:focus, input:focus, input[type]:focus{   
    border-color: #1684a1 !important;
    outline: 0 none;
}

.navigationContainer .nextButton, .submitApplicationButton{
    color: white !important;
    border: none !important;
}

.submitApplicationButton{
    background: #1684a1 !important;
}

#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_cancel{
    background: #d8d8d8 !important;
}

.fieldContainer.fileFieldContainer .fieldSubContainer .fieldBody iframe{
   height: auto !important;
}

.formTitleOuterContainer .formTitleContainer .inner .mandatoryFieldsTitle{
  font-family: Karla, sans-serif !important;
}

/* Page Title */
.titlePage{
    color: #00374b !important;
    font-size: 36px;
    font-family: Karla, sans-serif !important;
    font-weight: 400 !important;
    text-transform: capitalize;
    letter-spacing: 1px !important;
}

/* DIRECTORY */

#membersTable{
   margin-top: 45px !important;
   font-family: Karla, sans-serif !important;
}

.genericListTable thead th, .membersTable thead th{
    font-family: Karla, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.genericListTable tbody tr td .memberValue a, .membersTable tbody tr td .memberValue a{
    font-family: Karla, sans-serif !important;
    color: #1684a1 !important;
    text-decoration: none;
}

.genericListTable tbody tr td, .membersTable tbody tr td{
    padding: 30px 25px 30px 0 !important;
}

.WaGadgetMemberDirectoryStateList .memberDirectorySearchAreaOuterContainer .memberDirectorySearchArea input[type=text]{
    padding: 3px !important;
}

#PAGEID_1075174 .WaPlaceHolderContent>div {
    padding: 20px 0px 40px 0px !important;
}

.WaGadgetBreadcrumbs.gadgetStyleNone ul li a {
    color: #9da1a3 !important;
    font-family: Karla, sans-serif !important;
    font-style: italic;
    text-decoration: none;
}

.WaGadgetMemberDirectoryStateList .advSearchContainerLink a{
   display: none !important;
}

.genericListTable tbody tr td .memberValue, .membersTable tbody tr td .memberValue{
  font-family: Karla, sans-serif !important;
}
.WaGadgetEvents .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton{
  background: #1684a1;
  color: white !important;
  border: none !important;
  padding: 15px 30px !important;
  border-radius: 0px !important;
}

.WaGadgetEvents .boxInfoContainer ul.boxInfo li label{
    font-size: 18px !important;
    color: #00374b !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-family: Karla, sans-serif !important;
    float: none !important;
}

.registrationInfoContainer{
    float: none !important;
    padding: 0px !important;
} 

.WaGadgetEvents.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer{
  padding: 0px !important;
}

.eventBackLink, .importEventText{
  text-decoration: none !important;
  font-style: normal !important;
  font-family: Karla, sans-serif !important;
}

.WaGadgetUpcomingEvents .gadgetStyleBody ul li .title{
   margin-bottom: 15px !important;
}

.gadgetStyle002:not(.WaGadgetDonationGoal):not(.WaGadgetPhotoAlbum):not(.WaGadgetGoogleMap):not(.WaGadgetSlideshow) .gadgetStyleBody ul li .title a{
  color: #1684a1 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 18px !important;
}

#id_5Egzs7f .gadgetStyleTitle{
  margin-bottom: 30px !important;
}

.gadgetStyle002 .gadgetStyleTitle h4{
  font-family: Karla, sans-serif !important;
  letter-spacing: 1px !important;
  font-size: 36px !important;
  text-transform: normal !important;
}

.WaGadgetUpcomingEvents .gadgetStyleBody ul li {
    margin: 0 0 30px 0 !important;
}

/* CONTENT BLOCKS */

.gradient-bg, .light-bg, .dark-bg{
   border: 1px solid #d8d8d8;
}


.gradient-bg{
  background-image: linear-gradient(180deg, #f2f0f0 0%, #ffffff 100%) !important;
  padding: 30px !important;
}

.light-bg{
 background: #fff !important;
 padding: 30px !important;
}

.dark-bg{
 background: #f5f5f5 !important;
 padding: 30px !important;
}

#idFooterPoweredByContainer{
  display: none !important;
}

[class*="EditableArea"] .contStyleExcSimpleTable th, [class*="EditableArea"] .contStyleExcSimpleTable td{
  padding: 15px !important;
    font-family: Karla, sans-serif !important;
    border-color: #d8d8d8 !important;
}

[class*="EditableArea"] .contStyleExcSimpleTable th{
      background: #f5f5f5 !important;
    color: #00374b;
}

/* CONTENT PAGE*/

.quotedText{
    font-family: Karla, sans-serif !important;
    background: #fff !important;
    border-left: 3px solid #8ac1d0 !important;
    border-radius: 0px !important;
    font-style: normal !important;
    color: #073d50 !important !important;
    font-size: 24px !important;
    line-height: 32px !important;
}

.WaGadgetBlog.WaGadgetBlogStateList #idAddNewPostButtonContainer input[type=submit]{
   color: #fff !important;
}

[class*="EditableArea"] .contStyleExcSimpleTable{
    display: table-cell !important;
    border: none !important;
}
} 

/* SIDEBAR MENU */

.WaGadgetMenuVertical{
  background: #f5f5f5;
  border: 0px;
}

.WaGadgetMenuVertical .menuInner{
  border-left: 0px !important;
  border-right: 0px !important;
}

.WaGadgetMenuVertical.menuStyleNone .menuInner ul.firstLevel > li > .item > a{
  border-bottom: 1px solid #d8d8d8 !important;
  font-family: Karla, sans-serif !important;
  font-size: 18px !important;
  color: #00374b !important;
  padding: 0px 20px !important;
}


.WaGadgetMenuVertical.menuStyleNone .menuInner ul.firstLevel > li.sel > .item > a{
  color: #1684a1 !important;
}

.WaGadgetMenuVertical.menuStyleNone .menuInner ul.firstLevel > li:last-child > .item > a{
  border-bottom: none !important;
}


.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item:hover > a > span{
  color: #1684a1 !important;
}


.WaGadgetMenuVertical .menuInner ul.firstLevel > li.sel > .item > a > span::before{
   background: none;
   content: '>';
   left: -20px !important;
   bottom: 35px;
   color: #1684a1 !important;
}

.sub-page .WaPlaceHolderFooter > div{
   padding: 40px 0px 40px 0px !important;
}


.sub-page .zoneHeader2Outer{
  padding: 30px !Important;
}

.zoneHeader1Outer .container_12{
   width: 100% !important;
}


.zoneHeader1Outer .container_12 .s1_grid_12 {
   width: 100% !important;
   margin-left: 0px;
   margin-right: 0px;
}

/** HEADER **/

#id_Header .WaGadgetMenuHorizontal{
   background: #112e36 !important;
   border-radius: 5px 5px 0px 0px;
}

#id_Header  .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a{
     color: white !important;
     padding: 0px 18px !important;
}

#id_Header  .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a:hover{
     color: #112e36 !important;
}

.loginBoxLinkButton{
   background: #278194 !important;
   color: white !important;
   padding: 10px 15px !important;
   border-radius: 5px !important;
}

.loginBoxLinkButton:hover{
   background: #112e36 !important;
}

.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton::before{
   display: none !important;
}

.zoneFooter1Outer{
  background: #e0e0e0 !important;
  padding: 20px !important;
}

#id_vUED4be .WaLayoutItem{
  -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.2);
}

#id_Header .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
  color: #22727c !important;
}

.WaGadgetMenuHorizontal.menuStyle003 .menuInner ul.firstLevel>li>.item>a span:after {
  display:none;
}

.zoneHeaderOuter .container_12 .zoneHeaderInner  {
  padding: 15px 0px;
}

.zoneHeaderOuter .container_12 .right-side-link {
  text-align:right;
  color:#2c3e4f;
}

.zoneHeaderOuter .container_12 .right-side-link p {
  margin-top: 30px;
  display: block;
  text-decoration:none;
  font-weight:bold;
}

.zoneFooter1Outer {
  background: #2d3e4f!important;
}

.zoneFooter1Outer  .footer-left p {
  font-size: 18px;
  color: white;
  font-weight: bold;
}

.zoneFooter1Outer .footer-left p a {
  font-size: 14px;
  margin-left: 10px;
  color: white;
  margin-right: 10px;
  font-weight: normal;
  text-decoration: none;
}

.zoneFooter1Outer .footer-left p a:hover {
  color: #ff6663;
}

.zoneFooter1Outer .footer-right {
  text-align: right;
  color: white;
}

.footer-right span {
  margin-left: 10px;
}

.footer-right span:before {
  font-family: "Font Awesome 5 Brands";
  margin: 0px 5px;
}

.footer-right span a {
    color: white;
    text-decoration: none;
    font-size: 14px;
}

.footer-right span:first-child:before {
  content: "\f39e";
}

.footer-right span:nth-child(2):before {
  content: "\f099";
}

.footer-right span:nth-child(3):before {
  content: "\f167";
}

.footer-right span:nth-child(4):before {
  content: "\f0e1";
}
.WaGadgetLoginButton .loginButtonBackground {
  background: transparent;
}
.WaGadgetLoginButton.gadgetStyle001 .loginButtonWrapper .loginBoxLapsedMembership, .WaGadgetLoginButton.gadgetStyle001 .loginButtonWrapper .loginBoxProfileLink, .WaGadgetLoginButton.gadgetStyle001 .loginButtonWrapper a.loginBoxChangePassword, .WaGadgetLoginButton.gadgetStyle001 .loginButtonWrapper .loginBoxProfileLink a, .WaGadgetLoginButton.gadgetStyle001 .loginButtonWrapper a.loginBoxLogout {
  color:#2d3e4f;
}