@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&display=swap');
/*FONTS*/
body { /*padding-top: 100px;*/ background: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #000; line-height: 21px; }
.btn { }
h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.25em;}
a {color: #968358;}
a:hover, a:focus {color: #000;}
.column-title:after { border-bottom: 1px solid #968358; }
p { font-size: 16px; line-height: 26px; }
@media (min-width:1201px) {.btn-bottom, .btn-bottom2 {font-size:.9vw;}}
@media (min-width:1025px) and (max-width:1200px) {.btn-bottom, .btn-bottom2 {font-size:1.5vw;}}
@media (min-width:901px) /*and (max-width:1024px)*/ {
h1, .h1 { font-size: 48px }
h2, .h2 { font-size: 36px }
h3, .h3 { font-size: 32px }
h4, .h4 { font-size: 24px }
h5, .h5 { font-size: 21px }
h6, .h6 { font-size: 16px }
.btn-bottom, .btn-bottom2 {font-size:1.375vw;}

}
@media (min-width:1101px) and (max-width:1200px) {.btn-bottom, .btn-bottom2 {font-size:1.125vw;}}
@media (min-width:992px) and (max-width:1100px) {.btn-bottom, .btn-bottom2 {font-size:1.25vw;}}
@media (min-width:901px) and (max-width:991px) {.btn-bottom, .btn-bottom2 {font-size:.95vw;}}
@media (min-width:801px) and (max-width:900px) {.btn-bottom, .btn-bottom2 {font-size:1vw;}}
@media (min-width:768px) and (max-width:800px) {.btn-bottom, .btn-bottom2 {font-size:1.125vw;}}
@media (max-width:767px) {
h1, .h1 { font-size: 36px; margin-top: 10px; }
h2, .h2 { font-size: 31px }
h3, .h3 { font-size: 27px }
h4, .h4 { font-size: 21px }
h5, .h5 { font-size: 16px }
h6, .h6 { font-size: 14px }
img.xs { max-width: 50%; margin: -15px auto 10px auto; }
body { /*padding-top: 75px;*/ }
h3.column-title { margin-top: 15px !important;}
.mobile-padding {padding-bottom:15px !important;}
    .contact-form {padding: 0 1em;}
    .radio label, .checkbox label {padding-left:0 !important;}
.btn-bottom, .btn-bottom2  {font-size:3vw;}    
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { color:#5f646a;line-height:.25em !important;}
/*LOGO*/
#main-menu > div > div.navbar-header > a > img {max-height:60px;}
#main-menu {border-top:5px solid #968358}
/*MENU COLORS*/
.navbar-default .navbar-nav>li>a {color: #FFF;}
.navbar-default .navbar-nav>li>a:hover {color: #968358;}
#main-menu.navbar-default { background: #000;}
@media only screen and (max-width: 767px) {
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {background: #968358; color:#fff;}
}
@media only screen and (min-width: 768px) {

#main-menu.navbar-default .navbar-nav > li.active > a, #main-menu.navbar-default .navbar-nav > li.open > a, #main-menu.navbar-default .navbar-nav > li:hover > a { border-top: 0px !important; }
 #main-menu.navbar-default .navbar-nav > li:hover > a { border-top: 0px !important; /*background-color:rgba(255,255,255, 0.25)*/  }
.navbar.navbar-default .navbar-brand {padding: 10px 0px;}
 .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>li>a {color: #FFF; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a:hover {color: #968358;}

    #main-menu.navbar-default .navbar-nav > li > a { padding-top: 30px; padding-bottom: 30px; }
#main-menu.navbar-default .navbar-nav > li.active > a, #main-menu.navbar-default .navbar-nav > li.open > a, #main-menu.navbar-default .navbar-nav > li:hover > a { padding-top: 30px; }
}
@media (max-width:767px) {.navbar.navbar-default .navbar-brand { padding-bottom: 10px;} .nav>li>a { font-size: 21px; padding: 15px;}}
@media (min-width:768px) and (max-width:991px) {.navbar.navbar-default .navbar-brand { padding-bottom: 10px;} .nav>li>a {font-size: 11px; padding: 10px 5px;}}
@media (min-width:992px) and (max-width:1199px) {.navbar.navbar-default .navbar-brand { padding-bottom: 10px;} .nav>li>a {font-size: 15px; padding: 10px 10px;}}
@media (min-width:1200px) {.nav>li>a { font-size: 17px; padding: 10px 10px;}}
.navbar-default {}

.btn-sticky { position: fixed; top: 80px; right: 0px;}

/* MAIN SLIDER*/
#main-slider .owl-prev:hover, #main-slider .owl-next:hover { background-color: #968358; }
#main-slider {margin-top:-25px;-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.25);}

    
/* Content Sections */
/*.section-header .section-title:before { background: rgba(7,20,39, 0.2); }
.section-header .section-title:after { background-color: #48c8ed; }*/
#content-area { background: #ebedec no-repeat 50% 50%;color: #968358; }
#content-area h4 { color: #fff;}
#content-area small { color: rgba(255, 255, 255, 0.7); }
#plannedgifts {background-color: #eeeeee;}
#top-header  { background-color:#000;padding-top:80px; }
#top-header h1 { font-size:6vh }
#top-header p { padding:2vh 0 }
/* Call to Action */
#cta { color: #222;  
/* top, transparent fill, faked with gradient */ /*background:linear-gradient(rgba(7,20,39, 0.85), rgba(7,20,39, 0.85)),url(../images/stock/write-593333_1920.jpg) no-repeat 50% 50%;
    background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;*/ }
#cta h2, #cta2 h2 { color: #fff; /*font-size: 44px; line-height: 1;*/ }
#cta2 h2 > span {  }
#cta .section-header .section-title:before, #cta2 .section-header .section-title:before { }
#cta2 {  /*background:url(/localSite/images/cta2/inforgraphic_duotone.jpg) no-repeat 50% 50%; 
    background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;*/ padding:75px 0;/*background:#cccccc;*/}
h4.media-heading {padding-bottom:20px;}
.givebox small {color:#fff;line-height:.5em !important}
.panel-giving {border-color:#D5D5D5;border-radius:0;padding:25px 50px 50px;background-color:rgba(7,20,39,0);}

/* Donor Stories */
#donor { background-color: rgba(0, 51, 102,0.05); }
.donor-modal .close-modal .lr { background-color: #968358;}
.donor-modal .close-modal .lr .rl { background-color: #968358;}
#donor .donor-item .donor-link .caption { background: rgba(7,20,39,.75); }
#donor .donor-item .donor-link .caption .caption-content { color: #fff; }
#getintouch {background: url(/localSite/images/NWU-aerial.jpg) no-repeat 50% 50%; /* Create the parallax scrolling effect */
    background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}

#whygive {background: 
/* top, transparent fill, faked with gradient */ linear-gradient(rgba(108,29,69, 0), rgba(108,29,69, 0)),
/* bottom, image */ url(/localSite/images/NWU-old-main-aerial.jpg) no-repeat 50% 50%; /* Create the parallax scrolling effect*/ 
    background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}

/*#callout-block { color: #fff; background:linear-gradient(rgba(7,20,39, 0.85), rgba(7,20,39, 0.85)),url(/localSite/images/MiddConnect Header Image_0.jpg) no-repeat 50% 50%;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
#callout-block h2 { color: #fff; }
#callout-block h3 { color: #fff; }
#callout-block .icon-circle {border: 2px solid #fff;}
#callout-block .icon-circle > span { border-color: #968358; background-color: #fff; color: #4c4c4c; }*/

#howtogive {/*background:linear-gradient(rgba(0, 51, 102, 0.85), rgba(0, 51, 102, 0.85)),url(/localSite/images/cta2/inforgraphic_duotone.jpg) no-repeat 50% 50%; 
    background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;color:#fff;*/}
.lt-bg {background-color: rgba(244,189,52, 0.05);}
.givebox {margin:10px;padding:20px;}
#givebox1 {background:linear-gradient(rgba(150,131,88, 0.85), rgba(150,131,88, 0.85)),url(/localsite/images/givebox/NWU-acklie-study.jpg) no-repeat 50% 50%; 
    background-position: center;background-repeat: no-repeat;background-size: cover;color:#fff;text-align: center;ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; filter: alpha(opacity=80); opacity: 0.8;}
#givebox2 {background:linear-gradient(rgba(81,125,139, 0.85), rgba(81,125,139, 0.85)),url(/localsite/images/givebox/NWU-chemistry-lab.jpg) no-repeat 50% 50%; 
    background-position: center;background-repeat: no-repeat;background-size: cover;color:#fff;text-align: center;ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; filter: alpha(opacity=80); opacity: 0.8;}
#givebox3 {background:linear-gradient(rgba(138,27,97, 0.85), rgba(138,27,97, 0.85)),url(/localsite/images/givebox/NWU-classroom.jpg) no-repeat 50% 50%; 
    background-position: center;background-repeat: no-repeat;background-size: cover;color:#fff;text-align: center;ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; filter: alpha(opacity=80); opacity: 0.8;}
#givebox4 {background:linear-gradient(rgba(158,167,0, 0.85), rgba(158,167,0, 0.85)),url(/localsite/images/givebox/NWU-coffee-shop.jpg) no-repeat 50% 50%; 
    background-position: center;background-repeat: no-repeat;background-size: cover;color:#fff;text-align: center;ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; filter: alpha(opacity=80); opacity: 0.8;}
#givebox5 {background:linear-gradient(rgba(117,120,123, 0.85), rgba(117,120,123, 0.85)),url(/localsite/images/givebox/NWU-fall-vertical.jpg) no-repeat 50% 50%; 
    background-position: center;background-repeat: no-repeat;background-size: cover;color:#fff;text-align: center;ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; filter: alpha(opacity=80); opacity: 0.8;}
#givebox6 {background:linear-gradient(rgba(78,52,20, 0.85), rgba(78,52,20, 0.85)),url(/localsite/images/givebox/NWU-music.jpg) no-repeat 50% 50%; 
    background-position: center;background-repeat: no-repeat;background-size: cover;color:#fff;text-align: center;ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; filter: alpha(opacity=80); opacity: 0.8;}
#givebox7 {background:linear-gradient(rgba(141,200,232, 0.85), rgba(141,200,232, 0.85)),url(/localsite/images/givebox/NWU-residential-life.jpg) no-repeat 50% 50%; 
    background-position: center;background-repeat: no-repeat;background-size: cover;color:#fff;text-align: center;ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; filter: alpha(opacity=90); opacity: 0.9;}
#givebox8 {background:linear-gradient(rgba(108,29,69, 0.85), rgba(108,29,69, 0.85)),url(/localsite/images/givebox/NWU-arch-old-main.jpg) no-repeat 50% 50%; 
    background-position: center;background-repeat: no-repeat;background-size: cover;color:#fff;text-align: center;ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; filter: alpha(opacity=80); opacity: 0.8;}
#givebox9 {background:linear-gradient(rgba(169,194,63, 0.85), rgba(169,194,63, 0.85)),url(/localsite/images/givebox/NWU-scuba.jpg) no-repeat 50% 50%; 
    background-position: center;background-repeat: no-repeat;background-size: cover;color:#fff;text-align: center;ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; filter: alpha(opacity=80); opacity: 0.8;}
.callout-bg {padding:1vh;margin-bottom:15px;background:linear-gradient(rgba(107,164,184,0.85), rgba(107,164,184,0.85)),
url(/localsite/images/NWU-Fall-Color.jpg) no-repeat 50% 50%; 
    background-position: center;background-repeat: no-repeat;background-size: cover;font-weight:700;display:flex;align-items: center;
  justify-content: center;}

#contact {padding:5% 0;background: #5f646a url(/localSite/images/footer_oldmain_bkgd.jpg) no-repeat bottom right;color:#fff;}
#footerlocations > div > div > div > a {color:#fff;}
#footerlocations > div > div > div > a:hover {color:#000;}
#footerlocations {font-size:1em !important;line-height:1.25em !important;}
/*#top-header { color: #FFF; background: 
/* top, transparent fill, faked with gradient */ linear-gradient(rgba(7,20,39,0.5), rgba(7,20,39,0.5)),
/* bottom, image */ url(/localSite/images/carleton-college.jpg) no-repeat 50% 50%; /* Create the parallax scrolling effect */ 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;margin-top:-20px;padding-top:25px;}*/
.header-pad {padding-top:7vh}


@media (min-width:768px){.btn-bottom-wrapper {position: absolute;bottom:20px;width:100%;}}
.btn-bottom2 {}
.relative {position:relative;height:100%;}

/* CIRCLE ICON STYLES */
.media.service-box .pull-left > i { color: #968358; -webkit-box-shadow: inset 0 0 0 1px #d7d7d7;box-shadow: inset 0 0 0 1px #d7d7d7; }
.media.service-box .pull-left > i:after { border: 4px solid #fff; background: #968358; }
.media.service-box:hover .pull-left > i { background-image: -moz-linear-gradient(90deg, #0b5091 0%, #0b5091 100%); background-image: -webkit-linear-gradient(90deg, #0b5091 0%, #0b5091 100%); background-image: -ms-linear-gradient(90deg, #0b5091 0%, #0b5091 100%); color: #fff; -webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8); box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8); }

/* STICKY CONTACT FORM */
#slideit { bottom: 0; /* Vertical position of the elements */left: 0; /* Horizontal position of the elements */}
#slideit span.title {  color: #fff; background: #968358;}
#slideit input.send { background: #968358; color: #fff;}
#slideit label.open { color: #fff; background: #968358;border-bottom-left-radius:  0px; border-bottom-right-radius:  0px; border-top-left-radius:  0px; border-top-right-radius:  0px;}
    
/*OVERRIDE BOOTSTRAP DEFAULT COLORS*/
.btn {border-bottom-left-radius:  0px; border-bottom-right-radius:  0px; border-top-left-radius:  0px; border-top-right-radius:  0px;text-transform: uppercase;}
.btn-primary { color: #FFF; background-color: #B3A369; border-color: #B3A369; }
.btn-primary:focus, .btn-primary.focus { color: #ffffff; background-color: #968358; border-color: #968358; }
.btn-primary:hover { color: #ffffff; background-color: #968358; border-color: #968358; }
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #968358; border-color: #968358; }
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #ffffff; background-color: #968358; border-color: #968358; }
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; }
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #968358; border-color: #968358; }
.btn-primary .badge { color: #968358; background-color: #ffffff; }

.btn-danger {color: #fff;background:none;border-color: #fff;border-radius:6px;}
.btn-danger:focus, .btn-danger.focus,.btn-danger:hover {background-color: rgba(108,29,69,0.12);}



div.btn-bottom-wrapper > a.btn.btn-danger.btn-lg.btn-block.btn-bottom, div.btn-bottom-wrapper > a.btn.btn-danger.btn-lg.btn-block.btn-bottom2 {font-size:60%;}
div.btn-bottom-wrapper > a.btn.btn-danger.btn-lg.btn-block.btn-bottom:hover, div.btn-bottom-wrapper > a.btn.btn-danger.btn-lg.btn-block.btn-bottom2:hover {color:#fff;}

.text-primary { color: rgba(97,46,138,1); }
a.text-primary:hover, a.text-primary:focus { color: #153460; }
.text-danger { color: #2581af; }
a.text-danger:hover, a.text-danger:focus { color: #968358; }
.bg-primary { color: #fff; background-color: #968358; }
a.bg-primary:hover, a.bg-primary:focus { background-color: #153460; }