/* GLOBAL styles for juf.org rebranding starting in 12.2018 */


/* ---------------------------------------- JUF.ORG SITEWIDE BANNER ---------------------------------------- */

.custom-navbar.navbar-inverse {
    background-color: #002855;
    color: #cce6f4;
}



/* -------------------- BANNER LOGO  -------------------- */
/*.custom-navbar.navbar-inverse .navbar-brand {
  height: 54px;
  padding: 5px 15px 0 15px;
  color: #ffffff;
    background-color: purple;
}
.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;
    }
}*/

/* banner logo - mobile size */

.custom-navbar.navbar-inverse .navbar-brand {
  padding: 18px 15px 0 15px;
}
.custom-navbar.navbar-inverse .navbar-brand img {
  width: 210px;
  height: 16px;
}
@media (min-width: 375px) {
    .custom-navbar.navbar-inverse .navbar-brand {
      height: 54px;
      padding: 16px 15px 0 15px;
    }
    .custom-navbar.navbar-inverse .navbar-brand img {
      width: 250px;
      height: 19px;
    }
}

@media (min-width: 420px) {
    .custom-navbar.navbar-inverse .navbar-brand {
        height: 78px;
        padding-top: 29px;
    }
    .custom-navbar.navbar-inverse .navbar-brand img {
        width: 265px;
        height: 20px;
    }
}

@media (min-width: 500px) {
    .custom-navbar.navbar-inverse .navbar-brand {
        height: 78px;
        padding-top: 26px;
    }
    .custom-navbar.navbar-inverse .navbar-brand img {
        width: 320px;
        height: 25px;
    }
}

@media (min-width: 550px) {
    .custom-navbar.navbar-inverse .navbar-brand {
        padding-top: 25px;
    }
    .custom-navbar.navbar-inverse .navbar-brand img {
        width: 340px;
        height: 26px;
    }
}

@media (min-width: 768px) {
    .custom-navbar.navbar-inverse .navbar-brand {
        padding-top: 26px;
    }
    .custom-navbar.navbar-inverse .navbar-brand img {
        width: 320px;
        height: 25px;
    }
}



/* banner logo - large size */
@media (min-width: 970px) {
    .custom-navbar.navbar-inverse .navbar-brand {
        height: 78px;
        padding-top: 23px;
    }
    .custom-navbar.navbar-inverse .navbar-brand img {
        width: 388px;
        height: 30px;
    }
}


/* search box */
.juf-search-lg {
    background: #002855;
    color: #a3abb7;
}
.juf-search-lg::-moz-placeholder {
  color: #a3abb7;
}
.juf-search-lg:-ms-input-placeholder {
  color: #a3abb7;
}
.juf-search-lg::-webkit-input-placeholder {
  color: #a3abb7;
}
.juf-search-btn, .juf-search-btn:focus, .juf-search-btn:hover {
    background: #002855;
}
.juf-search-btn-lg {
    border-color: #8094aa;
}

/* mobile search box */
.nav-sm-top {
    background-color: #002855;
   /* color: #fff;*/
}

.juf-btn-search-sm {
    background-color: #002855;
    /*color: #fff;*/
}
.juf-search-sm {
    color: #a3abb7;
}
.juf-search-sm::-moz-placeholder {
  color: #a3abb7;
}
.juf-search-sm:-ms-input-placeholder {
  color: #a3abb7;
}
.juf-search-sm::-webkit-input-placeholder {
  color: #a3abb7;
}
.juf-btn-search-sm:hover, .juf-btn-search-sm:active, .juf-btn-search-sm:focus {
    background-color: #002855;
}


/* DONATE BUTTON */
.custom-navbar.navbar-inverse .navbar-nav>li>a.juf-donate {
    background-color: #e64b38;
   /* border: solid 2px #ffffff;*/
}
.custom-navbar.navbar-inverse .navbar-nav>li>a.juf-donate:hover, .custom-navbar.navbar-inverse .navbar-nav>li>a.juf-donate:focus {
    background-color: #cf3339;
}

.juf-btn-donate {
    color: #ffffff;
    background-color: #e64b38;
    border: solid 2px #ffffff;
    display: inline-block;
    margin: 0;
    height: 50px;
    padding: 10px 22px 10px 22px;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: normal;
}

    .juf-btn-donate:hover,
    .juf-btn-donate:focus {
        color: #ffffff;
        background-color: #cf3339;
    }

/* ---------------------------------------- JUF SITEWIDE FOOTER ---------------------------------------- */



/* this spacer to be used on the homepage and Who We Are pages and any other pages without a microsite footer that goes above it */
.juforg1218-home-footer-spacer {
      margin-top: 50px;  
}

.juforg1218-global-juf-footer {
    background-color: #002855;
    padding-top: 30px;
    padding-bottom: 50px;
    text-align:center;
}

.juforg1218-global-juf-footer p {
    color: #ffffff;
    font-size: 15px;
    line-height:1.6;
    margin-bottom: 12px;
    text-align:center;
    padding-left: 60px;
    padding-right: 60px;
}
p.juforg1218-footer-head {
    font-weight: 600;
    font-size:18px;
}

.juforg1218-global-juf-footer .juforg1218-footer-bottom {
    margin-top: 30px;
}
.juforg1218-global-juf-footer .juforg1218-footer-bottom.juforg1218-footer-bottom-minimal {
    margin-top: 0;
}

.juforg1218-global-juf-footer .juforg1218-footer-bottom p {
    color: #b3bfcc;
    margin-bottom: 8px;
    font-size: 15px;
}
.juforg1218-global-juf-footer .juforg1218-footer-bottom p a {
    padding-top:3px;
    padding-bottom:3px;
}


.juforg1218-global-juf-footer strong {
    font-weight:700;
}

.juforg1218-global-juf-footer a:link,
.juforg1218-global-juf-footer a:visited,
.juforg1218-global-juf-footer a:active {
    color: #b3bfcc;
}
.juforg1218-global-juf-footer a:hover,
.juforg1218-global-juf-footer a:focus {
    color: #ffffff;
}

.juforg1218-global-juf-footer a.juforg-1218-footer-donate {
    color: #ffffff;
    font-weight:600;
}
.juforg1218-global-juf-footer a.juforg-1218-footer-donate:link,
.juforg1218-global-juf-footer a.juforg-1218-footer-donate:visited,
.juforg1218-global-juf-footer a.juforg-1218-footer-donate:active {
    background-color:#e64b38;
    /*background-color:#576a7f;*/
}
.juforg1218-global-juf-footer a.juforg-1218-footer-donate:hover,
.juforg1218-global-juf-footer a.juforg-1218-footer-donate:focus {
    background-color:#cf3339;
    /*background-color:#e64b38;*/
}

/* FOOTER SOCIAL BUTTONS */

.juf-tag-footer-social {
	margin-top: 16px;
}
.juf-tag-footer-social img {
	width: 25px;
	height: auto;
	display: inline-block;
	margin-right: 15px;
}
.juf-tag-footer-social img.juf-tag-footer-social-last {
	margin-right: 0px;
}

.juf-tag-footer-social a {
	opacity: 0.7;
}

.juf-tag-footer-social a:hover {
	opacity: 1.0;
}


@media (max-width: 1139px) {
    .juforg1218-global-juf-footer p { 
        padding-left: 0;
        padding-right: 0;
    }
    .juforg1218-global-juf-footer .juforg1218-footer-bottom p {
        line-height: 1.8;
    }
}

@media (max-width: 767px) {
    .juforg1218-home-footer-spacer {
      margin-top: 20px;  
    }
    .juforg1218-global-juf-footer p { 
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 450px) {
    .juforg1218-global-juf-footer {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    
    p.juforg1218-footer-head {
    font-size:17px;
    }    
    .juforg1218-global-juf-footer p {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .juforg1218-global-juf-footer .juforg1218-footer-bottom {
        margin-top: 28px;
    }

    .juforg1218-global-juf-footer .juforg1218-footer-bottom p {
        font-size: 14px;
        line-height:2.0;
    }
    .juf-tag-footer-social img {
        width: 24px;
        margin-right: 20px;
    }
}