/*------------------------------------*\ TYPOGRAPHY
\*------------------------------------*/
@font-face { font-family: 'heavy'; src: url("../../fonts/cooperhewitt-heavy.eot?#iefix") format("embedded-opentype"), url("../../fonts/cooperhewitt-heavy.woff") format("woff"), url("../../fonts/cooperhewitt-heavy.ttf") format("truetype"), url("../../fonts/cooperhewitt-heavy.svg#cooperhewitt-heavy") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'bold'; src: url("../../fonts/cooperhewitt-bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/cooperhewitt-bold.woff") format("woff"), url("../../fonts/cooperhewitt-bold.ttf") format("truetype"), url("../../fonts/cooperhewitt-bold.svg#cooperhewitt-bold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'semibold'; src: url("../../fonts/cooperhewitt-semibold.eot?#iefix") format("embedded-opentype"), url("../../fonts/cooperhewitt-semibold.woff") format("woff"), url("../../fonts/cooperhewitt-semibold.ttf") format("truetype"), url("../../fonts/cooperhewitt-semibold.svg#cooperhewitt-semibold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'medium'; src: url("../../fonts/cooperhewitt-medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/cooperhewitt-medium.woff") format("woff"), url("../../fonts/cooperhewitt-medium.ttf") format("truetype"), url("../../fonts/cooperhewitt-medium.svg#cooperhewitt-bold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'regular'; src: url("../../fonts/opensans.eot?#iefix") format("embedded-opentype"), url("../../fonts/opensans.woff") format("woff"), url("../../fonts/opensans.ttf") format("truetype"), url("../../fonts/opensans.svg#opensans") format("svg"); font-weight: normal; font-style: normal; }
.i18n-en .language-switcher .en { display: none; }

.i18n-ar .language-switcher .ar { display: none; }

.i18n-es .language-switcher .es { display: none; }

.i18n-pt .language-switcher .pt { display: none; }

.header-top h1 { display: inline-block; }
.header-top h1 a { color: #242c2e; padding-top: 6px; display: block; }
.header-top h1 a:hover { text-decoration: none; }

.navbar-toggle { position: absolute; bottom: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; left: 5px; }
.navbar-toggle .icon-bar { background: #1d2f3d; }
@media (max-width: 767px) { .navbar-toggle { bottom: 6px; } }

.nav-wrapper { background: #fff; border-left: none; border-right: none; position: relative; }
.nav-wrapper .main-nav li { padding: 0; border-right: 1px solid #eeefef; }
.nav-wrapper .main-nav li.first { border-left: 1px solid #eeefef; }
.nav-wrapper .main-nav li a { font-family: "bold"; color: #242c2e; text-transform: uppercase; padding: 19px 10px 8px; font-size: 18px; border-bottom: 7px solid transparent; }
@media (min-width: 768px) { .nav-wrapper .main-nav li a { position: static; } }
.nav-wrapper .main-nav li a:hover, .nav-wrapper .main-nav li a:focus { background: transparent; text-decoration: none; }
@media (max-width: 767px) { .nav-wrapper .main-nav li, .nav-wrapper .main-nav li.first { border-right: none; border-left: none; } }
.nav-wrapper .main-nav #campaigns-link:hover { color: #a32a34; }
.nav-wrapper .main-nav #campaigns-link.opened { border-bottom: 7px solid #a32a34; }
.nav-wrapper .main-nav #bds-link:hover { color: #b96b34; }
.nav-wrapper .main-nav #bds-link.opened { border-bottom: 7px solid #b96b34; }
.nav-wrapper .main-nav #getinvolved-link:hover { color: #537930; }
.nav-wrapper .main-nav #getinvolved-link.opened { border-bottom: 7px solid #537930; }
.nav-wrapper .navbar-collapse { padding-left: 0; padding-right: 0; position: relative; border-top: 1px solid #eeefef; border-bottom: 1px solid #eeefef; }
.nav-wrapper .side-content { position: absolute; width: 33%; z-index: 10; background: rgba(255, 255, 255, 0.98); right: -140%; top: 61px; max-height: 100vh; overflow: auto; min-width: 320px; padding: 36px 16px 36px 36px; min-height: 100vh; transition: all 400ms; -webkit-transition: all 400ms; -moz-transition: all 400ms; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06); }
@media (max-width: 767px) { .nav-wrapper .side-content { top: 241px; width: 93%; } }
@media (min-width: 768px) and (max-width: 991px) { .nav-wrapper .side-content { top: 121px; width: 67%; } }
.nav-wrapper .side-content.mCS_no_scrollbar { padding: 36px; }
.nav-wrapper .side-content.slided { right: 0; }
.nav-wrapper .side-content.fixed { position: fixed; top: 0; }
.nav-wrapper .side-content.getupdates-link-content label { text-transform: uppercase; color: #9b9b9c; font-size: 12px; font-family: "bold"; }
.nav-wrapper .side-content.getupdates-link-content .social { margin: 12px 0; }
.nav-wrapper .side-content.getupdates-link-content .social p { margin: 0; }
.nav-wrapper .side-content.getupdates-link-content .social .fb_iframe_widget { top: -10px; left: 0px; }
.nav-wrapper .side-content.getupdates-link-content .social .fb_iframe_widget, .nav-wrapper .side-content.getupdates-link-content .social #twitter-widget-0 { margin: 5px 10px 5px 0; }
.nav-wrapper .side-content.getupdates-link-content .form-control { height: auto; padding: 10px 12px; }
.nav-wrapper .side-content.getupdates-link-content .form-control.form-select { -webkit-appearance: none; -moz-appearance: none; }
.nav-wrapper .side-content.getupdates-link-content .form-submit { width: 100%; background-color: #1d2f3d; color: #fff; border: 1px solid #1d2f3d; border-radius: 100px; text-transform: uppercase; padding: 10px; margin: 0 0 24px; }
.nav-wrapper .side-content.donate-link-content h3 { margin-bottom: 24px; }
.nav-wrapper .side-content.donate-link-content .amount-btn { height: 85px; border-radius: 6px; background-color: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06); border: solid 1px #f1f1f1; text-align: center; margin-bottom: 30px; display: table; width: 100%; padding-top: 5px; transition: all 400ms; }
.nav-wrapper .side-content.donate-link-content .amount-btn:hover, .nav-wrapper .side-content.donate-link-content .amount-btn.active { background: #f7f7f7; border-color: #537930; cursor: pointer; }
.nav-wrapper .side-content.donate-link-content .amount-btn h3 { display: table-cell; vertical-align: middle; font-size: 18px; line-height: 24px; }
@media (max-width: 1199px) { .nav-wrapper .side-content.donate-link-content .amount-btn h3 { font-size: 14px; line-height: 20px; } }
.nav-wrapper .side-content.donate-link-content #stripe-countries a { display: block; padding: 10px; border-bottom: 4px solid #f1f1f1; }
.nav-wrapper .side-content.donate-link-content #stripe-countries a:hover { border-bottom: 4px solid #f7f7f7; }
.nav-wrapper .side-content.donate-link-content #stripe-countries a.active { border-bottom: 4px solid #537930; }
.nav-wrapper .side-content.donate-link-content #stripe-countries a:hover, .nav-wrapper .side-content.donate-link-content #stripe-countries a.active, .nav-wrapper .side-content.donate-link-content #stripe-countries a:focus { color: #537930; text-decoration: none; }
.nav-wrapper .side-content.donate-link-content #stripe-form { padding-top: 32px; }
.nav-wrapper .side-content.donate-link-content #stripe-form label { margin-bottom: 10px; }
.nav-wrapper .side-content.donate-link-content #stripe-form label span { text-transform: uppercase; color: #9b9b9c; font-size: 12px; font-family: "bold"; }
.nav-wrapper .side-content.donate-link-content #stripe-form .form-row input { padding: 5px 8px; border-radius: 4px; border: 1px solid #c5c8c9; }
.nav-wrapper .side-content.donate-link-content #stripe-form .form-row input:focus { border: 1px solid #04A4CC; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.nav-wrapper .side-content.donate-link-content #stripe-form .submit { width: 100%; background-color: #1d2f3d; color: #fff; border: 1px solid #1d2f3d; border-radius: 100px; text-transform: uppercase; padding: 10px; margin: 12px 0 24px; }

header .region-navigation .main-nav .block-content { text-align: center; }
header .region-navigation .main-nav ul.menu { font-size: 0; }
header .region-navigation .main-nav ul.menu li { display: inline-block; }
@media (min-width: 1200px) { header .region-navigation .main-nav ul.menu li { min-width: 140px; } }
@media (min-width: 768) and (min-width: 1199px) { header .region-navigation .main-nav ul.menu li { min-width: 100px; } }
@media (max-width: 767px) { header .region-navigation .main-nav ul.menu li { display: block; } }

#block-menu-menu-secondary-menu li { display: inline-block; margin: 9px 0; }
#block-menu-menu-secondary-menu li.first { margin-right: 5px; }
#block-menu-menu-secondary-menu li a { padding: 13px 17px 8px !important; }
#block-menu-menu-secondary-menu li a:focus { background: #537930; }
#block-menu-menu-secondary-menu li a:hover, #block-menu-menu-secondary-menu li a.opened { background: #205111; }
@media (max-width: 767px) { #block-menu-menu-secondary-menu { text-align: center; } }

nav ul { margin-bottom: 0; }

.controls-nav { margin-top: 42px; position: relative; padding-right: 50px; }
@media (max-width: 767px) { .controls-nav { margin-left: 40px; } }
.controls-nav .language-switcher, .controls-nav .social-btns, .controls-nav .search-wrapper { display: inline-block; margin-left: 10px; line-height: 34px; }
.controls-nav .language-switcher { font-size: 14px; list-style: none; padding: 0; text-align: left; position: relative; cursor: pointer; padding-right: 28px; position: relative; top: -13px; }
@media (max-width: 767px) { .controls-nav .language-switcher { top: 0; } }
.controls-nav .language-switcher .pt { display: none; }
.controls-nav .language-switcher p { font-family: "medium"; }
.controls-nav .language-switcher:after { content: "\f078"; position: absolute; top: 3px; right: 5px; font: normal normal normal 14px/1 FontAwesome; }
.controls-nav .language-switcher ul { padding: 0; position: absolute; z-index: 99; background: #fff; padding: 10px; min-width: 60px; left: -10px; top: 20px; display: none; }
.controls-nav .language-switcher li { display: block; }
.controls-nav .language-switcher li a { display: block; }
.controls-nav .social-btns ul li { display: inline-block; width: 16px; text-align: center; margin: 0 3px; }
.controls-nav .social-btns ul li a { overflow: hidden; color: transparent; padding: 10px 0; font-size: 0; }
.controls-nav .social-btns ul li a:before { color: #333; font-size: 16px; }
.controls-nav .social-btns ul li a:hover, .controls-nav .social-btns ul li a:focus { text-decoration: none; background-color: transparent; }
.controls-nav .search-wrapper { width: 36px; overflow: hidden; background: #242c2e; height: 36px; border-radius: 18px; position: absolute; right: 0; top: 0; color: #fff; border: 1px solid #242c2e; transition: all 300ms; }
.controls-nav .search-wrapper.active { width: 100%; background: #fff; overflow: auto; }
.controls-nav .search-wrapper .fa-search, .controls-nav .search-wrapper .fa-times { width: 36px; height: 34px; text-align: center; line-height: 34px; cursor: pointer; }
.controls-nav .search-wrapper .fa-search { float: right; height: 36px; line-height: 34px; font-size: 14px; }
.controls-nav .search-wrapper .fa-times { float: left; color: #242c2e; }
.controls-nav .search-wrapper form { display: none; overflow: hidden; }
.controls-nav .search-wrapper form .form-group { margin-bottom: 0; }
.controls-nav .search-wrapper form .input-group-btn:last-child > .btn { border-radius: 18px; border-top-left-radius: 18px; border-bottom-left-radius: 18px; border: 1px solid #242c2e; }
.controls-nav .search-wrapper form .input-group-btn:last-child > .btn .glyphicon { top: 2px; font-size: 14px; }
.controls-nav .search-wrapper form .btn { width: 36px; padding: 6px 10px; background: #242c2e; }
.controls-nav .search-wrapper form input { padding-left: 0; border: 0; padding-top: 6px; height: 34px; }
.controls-nav .search-wrapper form input:focus { outline: none; box-shadow: none; }
.controls-nav .search-wrapper form .element-invisible { display: none; }
.controls-nav .search-wrapper .input-group-btn { left: 1px; padding-top: 0; padding-bottom: 0; }

.submenu-wrapper { background: rgba(0, 0, 0, 0.85); color: #fff; position: absolute; top: 59px; z-index: 9; width: 100%; display: none; }
.submenu-wrapper .submenu-title { color: #0b0e0e; font-size: 16px; text-transform: uppercase; margin-top: 16px; margin-bottom: 0; font-family: "semibold"; }
.submenu-wrapper .submenu-content { display: none; background: url(../../images/submenu-bg.jpg) no-repeat 50% 50%; background-size: cover; }
.submenu-wrapper .submenu-content .row:first-child { padding: 36px 0; }
.submenu-wrapper .submenu-content .block-content .block-title { color: #fff; }
.submenu-wrapper .submenu-content .block-content p { font-size: 14px; line-height: 1.4; color: #fff; padding-right: 100px; margin: 10px 0; }
.submenu-wrapper .submenu-content .block-content a { margin-top: 18px; display: inline-block; text-decoration: underline; color: #fff; }
.submenu-wrapper .submenu-content.bds-link-menu .row:first-child { background-color: rgba(184, 107, 51, 0.92); }
.submenu-wrapper .submenu-content.getinvolved-link-menu .discover-link { text-align: left; text-decoration: underline; font-family: 'medium'; }
.submenu-wrapper .submenu-content.getinvolved-link-menu .row:first-child { background-color: rgba(83, 121, 48, 0.94); }
.submenu-wrapper .submenu-content.campaigns-link-menu .row:first-child { background-color: rgba(198, 62, 74, 0.92); }
.submenu-wrapper .section-title { padding-top: 0; font-weight: bold; }
.submenu-wrapper .menu { margin: 4px 0; }
.submenu-wrapper .nav li a { color: #fff; padding: 3px 0; text-transform: uppercase; display: inline-block; font-family: "medium"; }
.submenu-wrapper .nav li a:hover, .submenu-wrapper .nav li a:focus { text-decoration: underline; background: transparent; color: #fff; }

@media (max-width: 991px) { .controls-nav { margin-top: 0; margin-bottom: 12px; } }
@media (max-width: 767px) { .submenu-wrapper .submenu-content { background: none; }
  .menu-item-description { display: none; }
  .submenu-wrapper .submenu-content .row:first-child { padding: 0 0 24px; }
  .navbar-collapse.in { overflow-y: visible; }
  .nav-wrapper .main-nav #bds-link.opened, .nav-wrapper .main-nav #campaigns-link.opened, .nav-wrapper .main-nav #getinvolved-link.opened { border-bottom: 7px solid transparent; }
  .submenu-wrapper .submenu-content.getinvolved-link-menu .menu { column-count: 1; }
  .submenu-wrapper .nav li a { line-height: 33px; width: 100%; }
  #block-system-main-menu { background: #1d2f3d; padding-right: 0px; padding-left: 0px; }
  #block-system-main-menu li { border-bottom: 1px solid #979797; }
  #block-system-main-menu li a, #block-system-main-menu li a:hover { color: white !important; }
  .submenu-content .row { background-color: #1d2f3d !important; }
  .submenu-wrapper .submenu-content.bds-link-menu .row:first-child .submenu-title { color: rgba(184, 107, 51, 0.92); }
  .submenu-wrapper .submenu-content.getinvolved-link-menu .row:first-child .submenu-title { color: rgba(83, 121, 48, 0.94); }
  .submenu-wrapper .submenu-content.campaigns-link-menu .row:first-child .submenu-title { color: rgba(198, 62, 74, 0.92); } }