@charset "UTF-8";

body {
    padding-top: 204px;
    font-family: "Open Sans",sans-serif !important;
}

@media (min-width: 420px) and (max-width: 767px) {
    body {
        padding-top: 148px;
    }
}

@media (max-width: 420px) {
    body {
        padding-top: 118px;
    }
}


/* NO WHITESPACE PADDING VERSION */
/*body {padding-top:172px; font-family: "Open Sans",sans-serif !important;}

@media (min-width: 420px) and (max-width: 767px) {
    body {padding-top:129px;}
}
@media (max-width: 420px) {
    body {padding-top:104px;}
}*/

@media (max-width: 767px) {
    .custom-navbar.navbar-inverse .navbar-nav {margin: 0 16px 0 0;}
}
.container {min-width:320px;}
.custom-navbar.navbar-inverse .navbar-nav {margin: 0 0 0 0;}
.custom-navbar.navbar-inverse .navbar-nav > li {float: left;}
.custom-navbar.navbar-inverse .navbar-brand {
  height: 54px;
  padding: 5px 15px 0 15px;
  color: #ffffff;
}
.custom-navbar.navbar-inverse .navbar-brand img {
  width: 164px;
  height: 43px;
}
@media (min-width: 420px) {
    .custom-navbar.navbar-inverse .navbar-brand {
        height: 78px;
        padding-top: 8px;
    }
    .custom-navbar.navbar-inverse .navbar-brand img {
        width: 232px;
        height: 61px;
    }
}
.custom-navbar.navbar-inverse {
    font-size: 15px;
    background-color: #0084C7;
    border-width: 0px;
    border-radius: 0px;
	color: #cce6f4;
}
.custom-navbar.navbar-inverse .navbar-nav>li>a {
    color: #cce6f4;
	display: inline-block;
	text-transform:uppercase;
	font-weight: bold;
	line-height: normal;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
    font-size:18px;
}
.custom-navbar.navbar-inverse .navbar-nav>li>a:hover,
.custom-navbar.navbar-inverse .navbar-nav>li>a:focus {
    color: #ffffff;
}

.custom-navbar.navbar-inverse .navbar-nav>li {
	padding-left: 20px;
}

.custom-navbar.navbar-inverse .navbar-nav>li.juf-signin-lg {
   margin-top: 26px;
}
.juf-mobile-searchfield {display:inline !important;}
.juf-search-sm  {
    width:80%;
    line-height: 1.42857;
    font-family: "Open Sans",sans-serif !important;
    border-radius:0;
    border:1px #fff solid;
    height:40px; 
    color:#66B5dd;
    font-size:14px;
    font-weight:bold;
    padding-left:6px;
    padding-right:0;
    margin-right:-4px;
    box-shadow:none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.juf-search-sm::-moz-placeholder {
  color: #66B5dd;
  opacity: 1;
}
.juf-search-sm:-ms-input-placeholder {
  color: #66B5dd;
}
.juf-search-sm::-webkit-input-placeholder {
  color: #66B5dd;
}
.juf-search-sm:focus {
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  background:#fff;
  color:#4d4d4d;
}
.juf-search-sm::-moz-placeholder:focus {
  color:#4d4d4d;
  opacity: 1;

}
.juf-search-sm:-ms-input-placeholder:focus {
  color:#4d4d4d;
}
.juf-search-sm::-webkit-input-placeholder:focus {
  color:#4d4d4d;
}
.juf-search-btn, .juf-search-btn:focus, .juf-search-btn:hover {
    height:38px !important; 
    color:#fff !IMPORTANT;
    border:none;
    background:#0084c7;
    border-radius:0;
    padding-top:5px;
    padding-right:6px;
    padding-left:6px;
	font-size: 22px;
}
.navbar-nav > li > a.juf-search-btn {
	padding-left:10px !important;
	padding-right:10px !important;
}
.juf-search-btn-lg {
    margin-top:18px;
    margin-left:20px;
    height:42px;
    border:1px #b2daee solid;
    width:204px;
    font-size:14px;
    padding-left:0 !important;
}
.juf-search-lg
{
    float:left;
    border:none;
    background:#0084c7;
    color:#cce6f4;
    display:inline;
    width:166px;
    height:40px;
    font-family: "Open Sans",sans-serif !important;
    font-weight:bold;
    box-shadow:none;
    line-height: 1.42857;
    padding: 6px 12px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.juf-search-lg::-moz-placeholder {
  color: #cce6f4;
  opacity:1;
}
.juf-search-lg:-ms-input-placeholder {
  color: #cce6f4;
}
.juf-search-lg::-webkit-input-placeholder {
  color: #cce6f4;
}
.juf-search-lg:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  background:#fff;
  color:#4d4d4d;
}
.juf-search-lg::-moz-placeholder:focus {
  color:#4d4d4d;
}
.juf-search-lg:-ms-input-placeholder:focus {
  color:#4d4d4d;
}
.juf-search-lg::-webkit-input-placeholder:focus {
  color:#4d4d4d;
}
.custom-navbar.navbar-inverse .navbar-nav>li>a.juf-donate {
	background-color:#dd7f1d;
	border: solid 2px #ffffff;
	font-weight: bold;
	color: #ffffff;
	padding: 3px 7px 0 7px;
	margin-top: 13px;
	font-size: 13px;
	height: 28px;
}
.custom-navbar.navbar-inverse .navbar-nav>li>a.juf-donate:hover,
.custom-navbar.navbar-inverse .navbar-nav>li>a.juf-donate:focus {
	background-color:#d56f05;
}
@media (min-width: 420px) {
    .custom-navbar.navbar-inverse .navbar-nav>li>a.juf-donate {
	    padding: 6px 17px 0 17px;
	    margin-top: 18px;
	    font-size: 19px;
	    height: 42px;
    }
    .navbar-fixed-top-second {top:0px;position:fixed;z-index:10 !important;}
}
.show-sm {display:none !important;}
.juf-microsite-nav-title {
	margin-top:12px;
    margin-bottom:5px; /*NEW*/
	line-height:28px; 
	font-size:38px;
	color:#2280BE;
	text-transform:uppercase;
	font-weight:bold;
}
    .juf-microsite-nav-title a {
    color:#65b5dd !important;
    font-size:30.5px;
    }
@media (max-width: 767px) {
    .custom-navbar.navbar-inverse .navbar-nav {margin: 0 16px 0 0;}
    .show-sm {display:block !important;}
    .juf-microsite-nav-title {display:none;}
}

/* TABLET/MOBILE NAV MENU TITLE */
/* updates/fixes previous .juf-microsite-nav-title-sm class
    by separating padding for microsites and juf parent wrapper,
    plus aligns naming convention to proper descendant heirachy */
.juf-nav-title-sm {
    color:#66b5dd;
    font-size:16.5px;
    text-transform:uppercase;
}
.juf-nav-title-sm-home {
    padding-left: 15px;
}
.juf-nav-title-sm-microsite {
    padding-left: 15px;         /* was 30px, updated 5/4/16*/
}

/* FIXES JUF HOME PAGE NAV MENU TITLE DUE TO .juf-microsite-nav-title-sm CLASS XTRA PADDING
     (removed this class from microsites) */
.no-l-pad-sm {padding-left: 0 !important;}


@media (max-width: 767px) {
    .hide-for-sm-nav {display:none !important;}
}



.navbar-collapse {margin-left:0px !important;}

.navbar-nav > li > a {
	padding-left:0 !important; 
	padding-right:0 !important; 
	margin-right:28px;
	text-transform:uppercase;
	color:#4d4d4d;
    /* Overrides bootstrap 15px; too high for navTitle descenders */
    padding-bottom: 10px; /*NEW*/
    padding-top: 10px; /*NEW*/
}

.navbar-fixed-top-second {
    top: 78px;
    background: rgba(255,255,255,0.99);
    border-bottom: 1px #BDD9E9 solid;
}
@media (min-width: 768px) {
    .navbar-fixed-top-second {
        min-height: 62px;
    }
}

@media (max-width: 420px) {
    .navbar-fixed-top-second {top:53px;}
}
.juf-microsite-nav-title a {text-transform:uppercase;}
.icon-bar {background:#66b5dd;}
.navbar {margin-bottom:0;}
.navbar-nav {margin:12px auto 0;}
.navbar-nav>li>a.juf-donate {
	padding-left:17px !important;
	padding-right:17px !important;
}
@media (max-width: 420px) {
    
    .navbar-nav>li>a.juf-donate {
	padding-left:8px !important;
	padding-right:7px !important;
    }
    .navbar-nav>li>a.juf-donate {padding-right:7px !important;}
}

.juf-navbar-toggle {float:left !important; margin-left:15px;}  /* CUSTOMIZED: was .navbar-toggle */
@media (max-width: 767px) {
    .nav > li {padding-left:15px;}
    .juf-navbar-toggle {                               /* CUSTOMIZED: was .navbar-toggle */
        height:50px;
        padding: 8px 10px;
        border-radius:0 !important;
        margin-top:0;
        margin-right:0;
        margin-bottom:0;
        
        /* The following removals/additions are to associate/link Menu text with hamburger */
        border-right:1px #bdd9e9 solid;
        
    }
    ul.navbar-nav li:last-child {margin-bottom:16px;}
}
.nav-container-sm {padding-left:0 !important;}
.navbar-collapse {
	max-height:490px !important;
	padding-left:0px;
	padding-right:0px;
}
.nav-sm-top {
	background-color:#0084c7; 
	color:#fff;
	padding:20px 15px;
}
.nav-sm-bottom {
    color:#0084c7;
    font-weight:bolder;
    font-size:17.1px;
}
.juf-login-sm-nav {
    color:#cce6f4; 
    font-size:18px;
    font-weight:bold;
}
.juf-login-sm-nav:hover {color:#fff;}
.nav-hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #2280BE -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 20px;
    margin-top: 20px;
}
.juf-btn-search-sm {
    background-color: #0084c7;
    color:#fff;
    border-radius: 0px;
    display:inline;
    border-radius: 0;
    font-size: 22px;
    height: 40px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
 }
.juf-btn-search-sm:hover,.juf-btn-search-sm:active, .juf-btn-search-sm:focus {
	color:#fff;
    background-color: #4da3d7;
}
.juf-search-nav-sm {
    margin-top:20px;
    display:block;
    width:100%;
}
.input-group-addon, .form-control {border-radius: 0;}
.input-group-addon {color:#fff;background-color:#2280be;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #fff;
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: #fff;
}
.nav .open > a {
	background-color:#fff;
}
.nav .open > a:hover, .nav .open > a:focus, .nav > li > a:focus, .nav > li > a:hover {
    color:#007dc3;
	background-color:#e5f1f7;
}
.navbar-nav > li > a {font-size:15px;font-weight:bolder;}
.top-spacer-20 {margin-top:20px;}
ul.dropdown-menu {
    border-radius: 0;
    box-shadow:none;
    text-transform:uppercase;
    font-weight:bold;
    border: 1px solid #bdd9e9;
    padding-top:0;
    padding-bottom:0;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color:#e5f1f7;
}
.dropdown-menu > li > a {
    padding-top:5px;
    padding-bottom:6px;
}