@charset "UTF-8";



.sm {position:relative;z-index:9999;}
.sm,
.sm ul,
.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,
.sm-rtl ul,
.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,
.sm>li>h2,
.sm>li>h3,
.sm>li>h4,
.sm>li>h5,
.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,
.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
/***.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}***/
.sm,
.sm *,
.sm *:before,
.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}


.desktop #mainNav {
    display: block !important;
    text-align: left;
}


.desktop #mainNavWrapper {
    position: relative;
    box-sizing: border-box;
    list-style: none;
    margin: auto;
    top: -27px;
    top: -1.6875rem;
    padding: 0;
    width: 1100px;
    max-width: 100%;
    color: #fff;
    text-align: left;
    height: 54px;
    height: 3.375em;
    z-index: 10;
}

.desktop #mainNavWrapper #mainNav {
    position: relative;
    background-color: #b41c1c;
    border: 1px solid #f00;
    box-shadow: 0px 0px 3px rgba(0,0,0,.275);
    height: 54px;
    height: 3.375em;
    z-index: 1;
}

.desktop #mainNavWrapper #mainNav:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: rgba(255, 255, 255, .05);
    z-index: -1;
    content: "";
}

.desktop #mainNavWrapper:before {
    position: absolute;
    left: 30px;
    right: 30px;
    height: 50%;
    bottom: 0;
    box-shadow: 0 6px 9px rgba(0,0,0,.375);
    z-index: -2;
    content: "";
}

.desktop #mainNav > li > a {
    position: relative;
    display: block;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #fff !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
    line-height: 52px;
    line-height: 3.25em;
    height: 52px;
    height: 3.25em;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: none;
    text-decoration: none !important;
    border-bottom: none !important;
    overflow: hidden;
}

.desktop #mainNav > li.menu_rightItem,
.desktop #mainNav > li:last-child {
    float: right;
    border-left: 1px solid rgba(0,0,0,.45) !important;
    border-right: none !important;
}

.desktop #mainNav > li:first-child a {
    padding-left: 30px;
}

.desktop #mainNav > li.menu_donateButton a,
.desktop #mainNav > li:last-child a {
    padding-left: 30px;
    padding-right: 30px;
    border-left: 1px solid rgba(255,0,0,.75) !important;
    border-right: none !important;
}

.desktop #mainNav > li.menu_searchButton > a {
    padding-left: 20px;
    padding-right: 20px;
}

.desktop #mainNav > li.menu_searchButton > a i {
    margin-right: 0;
}

.desktop #mainNav > li.menu_rightItem a {
    border-left: 1px solid rgba(255,0,0,.75) !important;
    border-right: none !important;
}

@media all and (max-width: 980px) {

    .desktop #mainNav > li:first-child a {
        padding-left: 17px;
    }

    .desktop #mainNav > li a,
    .desktop #mainNav > li.menu_donateButton a,
    .desktop #mainNav > li:last-child a {
        padding-left: 17px;
        padding-right: 17px;
    }
}

/*
.desktop #mainNav > li > a:before {
    position: absolute;
    top: -1px;
    left: 0;
    width: 1px;
    height: 100%;
    border-left: 1px solid rgba(255, 255, 255, .125);
    content: "";
    z-index: 1;
}
*/

.desktop #mainNav > li > a {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.desktop #mainNav > li > a.highlighted,
.desktop #mainNav > li > a:focus,
.desktop #mainNav > li > a:hover {
    border-left: 1px solid rgba(0,0,0,.25);
    border-right: 1px solid rgba(0,0,0,.25);
}


.desktop #mainNav > li > a:focus,
.desktop #mainNav > li > a:hover {
    background: rgba(0,0,0,.075) none !important;
    border-bottom: 1px solid rgba(0,0,0,.3);
    z-index: 999;
    transition: all .25s;
}

.desktop .top-level-no-child a:hover,
.desktop .top-level-no-child a:focus,
.desktop .top-level-no-child a.hover,
.desktop .top-level-no-child a.focus,
.desktop #mainNav > li > a:focus:not(.open),
.desktop #mainNav > li > a.focus:not(.open) {
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.3);*/
}

/**************** SUB MENU DOWN ARROW INDICATOR***************************/
.desktop #mainNav > li.menu-item-has-children > a:after {
    position: absolute;
    margin-top: 14.24px;
    margin-top: .89rem;
    font-size: 12px !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    font-family: 'Icomoon';
    content: "\e30c";
    color: #000;
    opacity: .15;
    transition: all .25s;
}

.desktop #mainNav > li.menu-item-has-children > a.highlighted:after {
    top: 3px;
    opacity: .25;
}
/*****************/


.desktop #mainNavWrapper .menu-item {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.desktop #mainNavWrapper li .menu-item {
    display: block;
}

.desktop #mainNavWrapper .nav-menu li ul,
.desktop #mainNavWrapper .nav-menu li li {
    /*font-size: 0;*/
}

.desktop #mainNavWrapper li li a,
.desktop #mainNavWrapper li > ul > li > a {
    display: block;
    padding: 10px 20px;
    background: none;
    text-transform: none;
    vertical-align: top !important;
    font-size: 15px;
    font-size: 0.9375rem;
    margin-top: 0px;
    color: #fff !important;
    font-weight: bold;
    outline: none;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    /*transition: box-shadow .25s, background .25s;*/
}

.desktop #mainNavWrapper .menu-item a {
    color: #fff;
    text-decoration: none;
}

.desktop #mainNavWrapper .current-menu-item > a,
.desktop #mainNavWrapper .current-menu-ancestor .active,
.desktop #mainNavWrapper .current-menu-item .active {
    color: #fff;
}

.desktop #mainNavWrapper .menu-item a {
    background: none !important;
}

.desktop #mainNavWrapper .menu-item li > a:focus,
.desktop #mainNavWrapper .menu-item li > a:hover,
.desktop #mainNavWrapper .menu-item li > a:active,
.desktop #mainNavWrapper .menu-item li > a.open {
    text-decoration: none !important;
    background: #b41c1c !important;
    border-top: 1px solid rgba(255,0,0,.5);
    border-bottom: 1px solid rgba(255,0,0,.5);
}

/* focus/open states of first descendant link within a top level navigation item */
.desktop #mainNav > .menu-item > a:focus,
.desktop #mainNav > .menu-item > a:active,
.desktop #mainNav > .menu-item > a.open,
.desktop #mainNav > .menu-item > a.open:hover,
.desktop #mainNav > .menu-item > a.hover,
.desktop #mainNav > .menu-item > a.focus:hover {
    text-decoration: none !important;
}

.desktop #mainNavWrapper a:focus {

}

.desktop #mainNavWrapper li li a:focus {

}

.desktop #mainNavWrapper a:hover:focus,
.desktop #mainNavWrapper li li a:hover:focus {
    /*outline: none !important;*/
}

.desktop #mainNavWrapper .current-menu-item > a,
.desktop #mainNavWrapper .current-menu-ancestor > a {

}

/* open state of first descendant link within a top level navigation item */
.desktop #mainNavWrapper .menu-item > a.open {
    z-index: 1;
}

.desktop #mainNavWrapper .sub-menu {
    margin-top: 0px !important;
    min-width: 300px;
    padding: 0;
    background: #a51818;
    left: 0;
    height: auto;
    cursor: default;
    box-shadow: 2px 3px 6px rgba(0,0,0,.4);
    border-top: 1px solid rgba(0,0,0,.25) !important;
    z-index: -1;
}

.desktop #mainNav > li > a:focus,
.desktop #mainNav > li > a.focus {
    outline: none;
}

.desktop #mainNav > li > a:focus:before,
.desktop #mainNav > li > a.focus:before {
    display: none !important;
}

/********
.wrc_menuInit .current-menu-ancestor .sub-menu,
.home.wrc_menuInit > li:first-child .sub-menu {
    opacity: 1 !important;
    z-index: 9999 !important;
    display: block !important;
}
********/

/* sub-navigation panel */
/*
.desktop #mainNavWrapper .sub-nav {
    position: absolute;
    top: 100%;
    margin-top: 0;
    padding: 0;
    background: #19376b;
    min-height: 29px;
    line-height: 29px !important;
    vertical-align: middle !important;
    font: inherit;
}*/

/* sub-navigation panel open state */
.desktop #mainNavWrapper .sub-nav.open {
    display: block;
    z-index: 9;
}

.desktop #mainNavWrapper .sub-nav.open,
.desktop #mainNavWrapper .sub-nav.focus,
.desktop #mainNavWrapper .sub-nav.hover {
    z-index: 10;
}

.desktop #mainNav li ul {
    position: absolute;
    top: 100% !important;
}

.desktop .sub-arrow {
    display: none !important;
}







/*-------------------------------------------------------------------------------------------
   Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.mobile .sm {position:relative;z-index:9999;}
.mobile .sm,
.mobile .sm ul,
.mobile .sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.mobile .sm-rtl,
.mobile .sm-rtl ul,
.mobile .sm-rtl li{direction:rtl;text-align:right;}
.mobile .sm>li>h1,
.mobile .sm>li>h2,
.mobile .sm>li>h3,
.mobile .sm>li>h4,
.mobile .sm>li>h5,
.mobile .sm>li>h6{margin:0;padding:0;}
.mobile .sm ul{display:none;}
.mobile .sm li,
.mobile .sm a{position:relative;}
.mobile .sm a{display:block;}
.mobile .sm a.disabled{cursor:not-allowed;}
.mobile .sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.mobile .sm,
.mobile .sm *,
.mobile .sm *:before,
.mobile .sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

.mobile .sm-blue {
  background: transparent;
}

.mobile .sm-blue a,
.mobile .sm-blue a:hover,
.mobile .sm-blue a:focus,
.mobile .sm-blue a:active {
  padding: 8px 24px;
  background: #206699;
  color: white;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25;
}

.mobile #mainNavWrapper li {
    border-bottom: 1px solid #114a73;
}

.mobile #mainNavWrapper li ul {
    border-top: 1px solid #114a73;
}

.mobile #mainNavWrapper li li {
    border-bottom: 1px solid #bbb;
}

.mobile .sm-blue a.current,
.mobile .sm-blue:not(:hover) a:focus,
.mobile .sm-blue a:hover {
  background: #357cb0;
}

.mobile .sm-blue a {
    color: #fff;
}

.mobile .sm-blue a.current {
  border-left-color: #ddd !important;
}

.mobile .sm-blue ul ul li a.current,
.mobile .sm-blue ul li a:active,
.mobile .sm-blue ul li a:hover {
  background: #eee !important;
  border-left-color: #ddd !important;
  color: #333;
}

.mobile .sm-blue a.disabled {
  color: #a1d1e8;
}

.mobile .sm-blue a span.sub-arrow {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: auto;
    right: 4px;
    width: 26px;
    height: 26px;
    overflow: hidden;
    font: bold 16px monospace !important;
    font-size: 16px !important;
    line-height: 26px !important;
    text-align: center;
    text-shadow: none;
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.mobile .sm-blue a.highlighted span.sub-arrow:before {
  display: block;
  content: '-';
}

.mobile .sm-blue ul {
  background: white;
}
.mobile .sm-blue ul ul {
  background: rgba(102,102,102,0.1);
}

.mobile .sm-blue ul a,
.mobile .sm-blue ul a:link {
    background: transparent;
    font-size: 14px;
    font-size: .875rem;
    text-shadow: none;
    border-left: 8px solid rgba(0,0,0,.05);
    color: #206699;
}

.mobile .sm-blue ul a:hover,
.mobile .sm-blue ul a:focus,
.mobile .sm-blue ul a:active {
    color: #333;
}

.mobile .sm-blue ul a.current {
  background: #eee;
  color: #206699;
}
.mobile .sm-blue ul a.disabled {
  color: #b3b3b3;
}
.mobile .sm-blue ul ul a,
.mobile .sm-blue ul ul a:hover,
.mobile .sm-blue ul ul a:focus,
.mobile .sm-blue ul ul a:active {
  border-left: 16px solid transparent;
}
.mobile .sm-blue ul ul ul a,
.mobile .sm-blue ul ul ul a:hover,
.mobile .sm-blue ul ul ul a:focus,
.mobile .sm-blue ul ul ul a:active {
  border-left: 24px solid transparent;
}
.mobile .sm-blue ul ul ul ul a,
.mobile .sm-blue ul ul ul ul a:hover,
.mobile .sm-blue ul ul ul ul a:focus,
.mobile .sm-blue ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.mobile .sm-blue ul ul ul ul ul a,
.mobile .sm-blue ul ul ul ul ul a:hover,
.mobile .sm-blue ul ul ul ul ul a:focus,
.mobile .sm-blue ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}
.mobile .sm-blue ul li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.mobile .sm-blue ul li:first-child {
  border-top: 0;
}

.mobile #sabe_mainMenuWrap #sabe_mainMenuMobileBtn {
    width: 100%;
}

.mobile #mainNavMenu {
    left: auto;
    width: 90%;
    margin: 12px auto 12px auto;
}

.mobile #mainNavWrapper a {
    outline: none !important;
}

.mobile #mainNavWrapper a:focus {
    text-decoration: underline !important;
}


.mobile #mainNavWrapper li li a:focus {
    background-color: #eee !important;
    border-left: 8px solid #ddd !important;
}


.mobile .sabe_mainMenu-btn {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  text-indent: 28px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 999;
}

/* hamburger icon */
.mobile .sabe_mainMenu-btn-icon,
.mobile .sabe_mainMenu-btn-icon:before,
.mobile .sabe_mainMenu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #bbb;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.mobile .sabe_mainMenu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}

.mobile .sabe_mainMenu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}

.mobile #sabe_mainMenuState:checked ~ .sabe_mainMenu-btn .sabe_mainMenu-btn-icon {
  height: 0;
  background: transparent;
}

.mobile #sabe_mainMenuState:checked ~ .sabe_mainMenu-btn .sabe_mainMenu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mobile #sabe_mainMenuState:checked ~ .sabe_mainMenu-btn .sabe_mainMenu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* hide menu state checkbox (keep it visible to screen readers) */
.mobile #sabe_mainMenuState {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
}

/* hide the menu in mobile view */
.mobile #sabe_mainMenuState:not(:checked) ~ #mainNav {
    display: none;
}

.mobile #sabe_mainMenuState:checked ~ #mainNav,
.desktop #sabe_mainMenuState:not(:checked) ~ #mainNav {
    display: block;
}

.mobile #sabe_mainMenuState:focus ~ #sabe_mainMenuMobileBtn,
.mobile #sabe_mainMenuState:hover ~ #sabe_mainMenuMobileBtn {
    color: #0d6de1 !important;
}

.mobile #mainNavWrapper:not(:hover) #sabe_mainMenuState:focus ~ #sabe_mainMenuMobileBtn {
    text-decoration: underline;
}

#sabe_mainMenuMobileBtn {
    cursor: pointer;
}


/* No Javascript */
/*
.no-js #mainNav .sub-menu {
    display: block !important;
}

.no-js #mainNav .current-menu-ancestor .sub-menu {
    display: block !important;
    opacity: 1 !important;
    z-index: 997;
}

.no-js #mainNav li:hover .sub-menu,
.no-js #mainNav a:focus + .sub-menu {
    display: block !important;
    opacity: 1 !important;
    z-index: 998;
}

.no-js #mainNav a:focus {
    position: relative;
    z-index: 999;
}
*/

.mobile #sabe_mainMenuMobileBtn,
.mobile .mobile-menu-btn {
    position: relative;
    margin: 0 auto !important;
    z-index: 999;
    font-weight: bold;
}

.mobile #mainNav:before {
    position: absolute;
    top: 0;
    left: -50%;
    width: 100%;
    padding: 0 25%;
    height: 100%;
    background: #27448d;
    content: "";
}

#mainNavWrapper {
    text-align: center;
}

#mainNavWrapper ul,
#mainNavWrapper ol {
    text-align: left;
}

#sabe_mobileMenuIcon {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    color: #454545;
    height: 48px;
    height: 3rem;
    line-height: 49px;
    line-height: 3.0625rem;
    overflow: visible;
    z-index: 6;
}

#sabe_mobileMenuIcon:before {
    display: inline-block;
    font-family: "FontAwesome";
    font-weight: 400;
    font-style: normal;
    padding: 0 7px 0 3px;
    content: "\f0c9";
    vertical-align: top;
}

#sabe_mainMenuState:checked ~ #sabe_mobileMenuIcon:before {
    content: "\f00d";
}

.mobile #sabe_mainMenuMobileBtn {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #454545;
    border-width: 0 1px 1px;
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
    height: 48px;
    height: 3rem;
    line-height: 49px;
    line-height: 3.0625rem;
    z-index: 5;
    text-align: center;
    vertical-align: top;
}

.mobile #sabe_mainMenuMobileBtn:before {
    position: absolute;
    display: block;
    box-sizing: content-box;
    left: -600px;
    width: 1600px;
    height: 100%;
    padding: 1px 0;
    color: #454545;
    background-color: #dfe2e2;
    border-color: #b3b3b3;
    border-color: rgba(0, 0, 0, 0.3);
    border-style: solid;
    border-width: 0 1px 1px;
    border-radius: 0;
    border-left: none;
    border-right: none;
    box-shadow: 0px 0px 3px rgba(0,0,0,.275);
    z-index: -2;
    content: "";
}

.mobile #sabe_mainMenuMobileBtn:after {
    position: absolute;
    top: 0;
    left: -600px;
    width: 1600px;
    height: 50%;
    background: rgba(255, 255, 255, .25);
    z-index: -1;
    content: "";
}

.desktop .sabe_hideMobile {
    display: none !important;
}

.desktop #mainNavWrapper li ul {
    display: none;
}