/* ----------------------------------------- */
/* Content Template: 2017 Homepage - start */
/* ----------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:300,400,500,600,700');
@import url('https://cloud.typography.com/7504956/7355572/css/fonts.css');
/* Home Notification */
/*.page-id-16109 header#nav:before {
background: #13284a;
text-align:center;
height: 45px;
width:100%;
line-height: 45px;
color: #fff;
font-weight:500;
font-size: 18px;
text-decoration:none;
content: 'Click here for important year-end gift deadlines and reminders for 2018';
}*/
.header-banner {
background: #13284a;
text-align:center;
height: 45px;
width:100%;
margin: 0px !important;
padding: 0px !important;
}
.header-banner a{
line-height: 45px;
color: #fff;
font-weight:500;
font-size: 18px;
text-decoration:none;
}
@media screen and (max-width:767px) {
.header-banner a{
font-size: 10px;
font-weight:400;
}
}
/* Style Revolution Slider */
.slider-text, .slider-link {
font-family: "Ideal Sans A", "Ideal Sans B", "Verdana", sans-serif;
font-style: normal;
font-weight: 300 !important;
}
h1.slider-text {
color:#fff;
font-family: "Quarto A", "Quarto B", serif;
font-style: normal;
font-weight: 800 !important;
letter-spacing:2px !important;
margin-top:0px;
font-size:3.3em;
line-height:1em !important;
}
a.slider-link {color:#fff; padding: 10px 10px !important; font-weight:500 !important; font-size:14px !important; background-color: #56a0d3; border-radius:2px;}
a.slider-link:hover { color:#56a0d3; background-color: #fff;}
.menu-down { cursor: pointer; }
/*set a max-width to ensure the text gets located properly*/
.tp-loop-wrap { max-width: 600px; };
.tp-parralax-wrap { max-width: 600px; }
/* Base */
.content { padding: 0 !important; }
.breadcrumbs { display:none !important; }
.page-header { display:none !important; }
main > p {display: none;}
/* Nav */
#nav { position:absolute; z-index:100; width:100%;} /*float nav above slider */
.navbar-brand{display:none;}
/**gradient background for homepage only**/
.navbar-default, .navbar-default.affix{
background: rgba(0,0,0,1.0);
background: -moz-linear-gradient(top, rgba(0,0,0,1.0) 1%,rgba(0,0,0,0) 100%);
background: -webkit-gradient(top, bottom, color-stop(1%, rgba(0,0,0,1.0)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1.0) 1%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1.0) 1%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1.0) 1%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1.0) 1%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );
box-shadow: none;
}
.navbar-default .navbar-nav > li > a { color: #FFF !important;}
.navbar-default .navbar-nav>li.active>a:hover, .navbar-default .navbar-nav>li.active>a:hover, .navbar-default .navbar-nav>li.active>a:focus { color:#3c91cc !important; }
.navbar-nav>li>a:hover{border-top:solid 5px #3c91cc;background-color: transparent !important;color:#3c91cc !important;}
.navbar-nav>li>a:active{border-top:solid 5px #3c91cc;background-color:transparent !important;color:#3c91cc !important;}
.navbar-nav>li>a:focus{border-top:solid 5px #3c91cc;background-color:transparent !important;color:#3c91cc !important;}
.navbar-nav>li .menu-home>a:hover{background-color:transparent !important;color:#3c91cc;}
/*'menu-home' is site logo **if primary menu item 'Home' name changes this affects the entire site** */
.menu-home{
margin-top:10px;
background: url('https://giving.unc.edu/files/2015/04/medium_white_450px1-e1438867836930.png');
background-repeat:no-repeat;
width:230px;
height:64px;
background-size: 230px 64px;
-webkit-transition: background-size 0.2s ease;
-moz-transition: background-size 0.2s ease;
-o-transition: background-size 0.2s ease;
-ms-transition: background-size 0.2s ease;
transition: background-size 0.2s ease;
}
.menu-home a{ color:transparent !important; text-shadow:none!important; height:64px;}
/*General*/
.white-background { background:#fff; }
/*---- Give Now Button ----*/
.navbar-default .navbar-nav > li.menu-give-now > a {
color: #56a0d3 !important;
background-color: #fff;
border:2px solid #eff319;
}
.navbar-default .navbar-nav > li.menu-give-now > a:hover {
color: #fff !important;
background-color: #56a0d3 !important;
border:2px solid #eff319 !important;
}
.navbar-nav .menu-give-now a { line-height: 13px; }
.content{background-color:#FFF;color:#333;}
/* Footer */
footer { margin-top: 0; }
/* Media Queries */
@media screen and (max-width: 992px) {
.menu-home{ background-size: 190px auto; width:190px; }
.nav>li>a{font-size: 14px; padding: 15px 15px;}
.menu-home{margin-top: 12px;}
.affix .menu-home{margin-top:0px;}
.hover-text{font-size: 17px; line-height: 22px;margin-bottom: 20px;}
}
@media screen and (max-width: 781px) {
h1.slider-text {
font-size:2.1em !important;
}
.navbar-nav>.active>a:focus {
background-color:#FFF !important;
color:#56a0d3 !important;
}
.navbar-nav { margin: 0px 0px;}
.navbar-nav>li {float: left; width: 100%; background: #fff !important;}
.navbar-nav>li>a:hover {
border-top: solid 1px #3c91cc;
border-bottom: solid 1px #3c91cc;
}
.navbar-default .navbar-nav>li.active>a { color: #56a0d3 !important; background-color: #fff;}
.navbar-default .navbar-nav>li.active>a:hover {background-color: #FFF !important;}
.navbar-nav > li.open > a, .navbar-nav>li.open>a:focus { background-color: #fff !important; }
.navbar-nav > li.open li > a { color:#fff!important; background-color: #56a0d3; }
.navbar-nav > li.open li > a:hover { background-color:#fff !important; color:#56a0d3 !important; }
.navbar-nav li.active > a { color: #56a0d3 !important; background-color:#fff; }
.navbar-default .navbar-collapse, .narbar-default .navbar-form {
border-top:none;
box-shadow:none;
border:0;
background-color: #FFF;
}
.navbar-default .navbar-nav > li > a { color: #56a0d3 !important; }
.abovefold { display: inline; }
/*.affix-top .active a {margin-top: 0px; padding: 13px 15px; font-size: 12px;}*/
/*.navbar-collapse{overflow-x: hidden; padding-right: 0px; padding-left: 0px;}*/
}
@media screen and (max-width: 520px) {
p.slider-text { font-size: 0.9em !important; }
h1.slider-text {
font-size:1.6em !important;
}
.marginInside { margin-left: 12%; }
a.anchor{color:#FFF; display: block; position: relative; top: -215px;
visibility: hidden;}
a.commitment-anchor, a.why-anchor{top: -231px;}
.affix .mobile-logo{width: 200px; margin-top: 9px;}
.affix .navbar-toggle{margin-top: 15px !important;}
.percent-label.text-right{margin-left: -30px;}
}
/* ----------------------------------------- */
/* Content Template: 2017 Homepage - end */
/* ----------------------------------------- */