@charset "UTF-8";
/* CSS Document */

/*FONTS*/
@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,400i|Montserrat:700');
body {/* padding-top: 100px;*/ background: #fff; font-family: 'EB Garamond', serif;  font-weight: 300; color: #666;}
.btn {font-family: 'EB Garamond', serif;white-space:normal; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif;  line-height: 1em;margin-bottom:30px;color:#333 }
p {margin-bottom:20px;}
a { color: #666666;}
a:hover, a:focus {color: #4c4c4c; }
.column-title:after { border-bottom: 1px solid #656870; }
@media (min-width:1024px) {
body,p {line-height: 1.5em;font-size:1.4em;}
#contactForm > div:nth-child(6) > div > label {line-height: 1.75em;font-size:1.6em;} 
#contactForm > div > label {line-height: 1.4em;font-size:1.5em;} 
.givebox {font-size:.85em;}
}

/*MENU COLORS*/
.navbar-default {background-color:#fff;}
#main-nav {background-color:rgba(255,255,255,.9);}
@media only screen and (min-width: 768px) {
#main-menu > div > div.navbar-header {display:flex;height:100%;align-content:center;}
#main-menu > div > div.navbar-header > a {position:fixed;}
#main-menu.navbar-default {  -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1); height:100px;}
#main-menu.navbar-default .navbar-nav > li > a { padding-top: 40px; padding-bottom: 40px;font-weight:bold;color:rgb(102, 102, 102)
;}
.navbar-default .navbar-nav>li>a {color:rgb(102, 102, 102)
;}
#main-nav > div.collapse.navbar-collapse.navbar-right > ul > li > a:hover { color:#656870;}
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color:#fff;}
.nav>li>a {padding-left:10px;}

@media only screen and (max-width: 767px) {
.navbar-brand { max-width: 80%; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 #main-menu.navbar-default .navbar-nav > li > a { font-size:.7em;}
.navbar-header { max-width: 50%; }
}
@media only screen and (min-width: 992px) and (max-width: 1099px) {
 #main-menu.navbar-default .navbar-nav > li > a { font-size:.85em;}
.navbar-header { max-width: 50%; }
}
.navbar-toggle {float:right !important;margin-right:30px !important;}@media only screen and (max-width: 767px) {#logo {height:30px;margin:5px 0;}}
@media only screen and (min-width: 768px) and (max-width: 1024px) {#logo {height:60px;margin:10px 5px;}.nav>li>a{font-size:10px;padding:5px;}}
@media only screen and (min-width: 1025px) {#logo {height:65px;margin:10px 5px;}}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {.nav>li>a{font-size:12px;padding:10px;}#main-nav {padding:0 50px;}}
/* Content Sections */
.section-header .section-title:before { background: #656870; }
/*.section-header .section-title:after { background: rgba(251,176,52,1); }*/
#content-area { background: #ebedec no-repeat 50% 50%;color: #656870; }
#content-area h4 { color: #fff;}
#content-area small { color: rgba(255, 255, 255, 0.7); }
#plannedgifts {background-color: #eeeeee;}
#legacy {}
/* Call to Action */
#cta { background-color: rgba(252, 163, 17,1);color:#fff; }
#cta2 { background-color: #6F263D; padding:50px 0;color:#fff;}
#cta2 h2 { color: #fff; /*font-size: 44px; line-height: 1;*/ }
#cta2 h2 > span { color: #656870; }

#portfolio {padding:50px 0;}
.panel-default {background-color:#eee;color:#000;}
/* Donor Stories */
#donor {  }
.donor-modal .close-modal .lr { background-color: #656870;}
.donor-modal .close-modal .lr .rl { background-color: #656870;}
#donor .donor-item .donor-link .caption { background: rgba(0,0,0,.75); }
#donor .donor-item .donor-link .caption .caption-content { color: #fff; }

/*#callout-block { background: #656870 no-repeat 50% 50%;  color: #fff; }
#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: #656870; background-color: #fff; color: #4c4c4c; }*/

.givebox {margin:10px;padding:20px;background-color:#fff;background-position:top center;background-repeat: no-repeat;}
.givebox-header { }
#howtogive > div > div.section-header > h1:before {background:#ccc;}
@media only screen and (min-width:768px) {.btn-bottom-wrapper {position: absolute;bottom: 20px;width: 100%;}}
.relative {position:relative;height:100%;}

/* CIRCLE ICON STYLES */
.media.service-box .pull-left > i { color: #656870; box-shadow: inset 0 0 0 1px #d7d7d7; -webkit-box-shadow: inset 0 0 0 1px #d7d7d7; }
.media.service-box .pull-left > i:after { border: 4px solid #fff; background: #656870; }
.media.service-box:hover .pull-left > i { background-image: -moz-linear-gradient(90deg, #4c4c4c 0%, #4c4c4c 100%); background-image: -webkit-linear-gradient(90deg, #4c4c4c 0%, #4c4c4c 100%); background-image: -ms-linear-gradient(90deg, #4c4c4c 0%, #4c4c4c 100%); color: #fff; box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8); -webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8); }
#whygive{background-color:rgba(101, 104, 112,.1);}
.panel-giving {margin:15px; background-color:#f5f4f3;padding:3% 3% 0;}
/* Footer */
#footer { color: #000;  }
#footer a {  }
#footer a:hover { color: #656870; }
.back-to-top {border-radius: 5px 5px 0 0;}
/* STICKY CONTACT FORM */
#slideit {  bottom: 0; /* Vertical position of the elements */ right: 2%; /* Horizontal position of the elements */}
#slideit span.title { font-family: 'EB Garamond', serif; color: #fff; background: #656870;}
#slideit input.send { font-family: 'EB Garamond', serif;background: #656870; color: #fff;}
#slideit label.open { font-family: 'EB Garamond', serif; color: #fff; background: #656870;}
.btn {border-radius:0;font-family: 'Montserrat', sans-serif;}
/*OVERRIDE BOOTSTRAP DEFAULT COLORS*/
.btn-primary { color: #ffffff; background-color: #656870; border:none; }
.btn-primary:focus, .btn-primary.focus { color: #FFF; background-color: #000; border:none; }
.btn-primary:hover { color: #FFF; background-color: #000; border:none; }
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #000; background-color: #000; border:none; }
.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: #000; background-color: rgba(251,176,52,1); border:none; }
.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 { color: #000; background-color: rgba(251,176,52,1); border:none; }
.btn-primary .badge { color: #1e4b8a; background-color: #ffffff; }
.btn-danger { color: #ffffff; background-color: #6F263D; border:none; }
.btn-danger:focus, .btn-danger.focus { color: #ffffff; background-color: #656870; border: none; }
.btn-danger:hover { color: #ffffff; background-color: #656870; border: none; }
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #656870; border: none; }
.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #ffffff; background-color: #656870; border: none; }
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; }
.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #666666; border:none; }
.btn-danger .badge { color: #656870; background-color: #ffffff; }

.text-primary { color: #1e4b8a; }
a.text-primary:hover, a.text-primary:focus { color: #153460; }
.text-danger { color: #656870; }
a.text-danger:hover, a.text-danger:focus { color: #4c4c4c; }
.bg-primary { color: #fff; background-color: #1e4b8a; }
a.bg-primary:hover, a.bg-primary:focus { background-color: #153460; }   

.btn {border:none;}
.text-warning {color:#656870;}
.text-success {color:#6F263D;}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #656870;
}

/* Home Page - Support/Promo Boxes Section -------------------------------- */
.btn-warning {background-color:#656870;}

.promo-boxes .md-box-content {
	border: none !important;
	background-color: transparent !important;
}

.promo-care,
.promo-research,
.promo-wellness,
.promo-get-involved {
	margin-bottom: 20px;
	text-align: center;
}

.promo-care i {
	color: #e52d27 !important;
}

.promo-research i {
	color: #670067 !important;
}

.promo-wellness i {
	color: #009c34 !important;
}

.promo-get-involved i {
	color: #345ea0 !important;
}

.promo-get-involved [class^="icon-"]:before,
.promo-get-involved [class*=" icon-"]:before,
.promo-research [class^="icon-"]:before,
.promo-research [class*=" icon-"]:before {
	height: 1.07em;
}

@media (max-width:1023px) {body,p, givebox, #contactForm > div:nth-child(6) > div > label, #contactForm > div > label {line-height: 1.45em;font-size:1.235em;}}

.carousel-content {
    background-color: rgba(111,38,61,.75);
    padding: 25px;
    margin-top: 165px;
}

/*parallax*/
.ha-bg-parallax { background: url(../images/bg.jpg) no-repeat fixed; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; height: 20vh; margin: 0 auto; width: 100%; display: table; vertical-align: middle; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.25);-moz-box-shadow:0px 0px 3px 0px rgba(50, 50, 50, 0.25);box-shadow:0px 0px 3px 0px rgba(50, 50, 50, 0.25);}
.ha-bg-parallax .ha-parallax-body { display: table-cell; vertical-align: middle; }
.ha-bg-parallax .ha-content { }
#getintouch {color:#000;}
.form-bg {background-color:rgba(255,255,255,.9);padding:5%;}