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

/*FONTS*/

body { /*padding-top: 100px;*/ background: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; color: #000333; line-height: 21px; }
.btn {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, Times, "Times New Roman", serif; font-weight: 300; line-height: 1em; }
a {color: #666;}
a:hover, a:focus {color: #D72121;}
.column-title:after { border-bottom: 1px solid #D72121; }
p { font-size: 17px; line-height: 21px; }
@media (min-width:1201px) {.btn-bottom, .btn-bottom2 {}}
@media (min-width:1025px) and (max-width:1200px) {.btn-bottom, .btn-bottom2 {}}
@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 {}

}
@media (min-width:1101px) and (max-width:1200px) {.btn-bottom, .btn-bottom2 {}}
@media (min-width:992px) and (max-width:1100px) {.btn-bottom, .btn-bottom2 {}}
@media (min-width:901px) and (max-width:991px) {.btn-bottom, .btn-bottom2 {}}
@media (min-width:801px) and (max-width:900px) {.btn-bottom, .btn-bottom2 {}}
@media (min-width:768px) and (max-width:800px) {.btn-bottom, .btn-bottom2 {}}
@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;}    
}

/*MENU COLORS*/
.navbar-default .navbar-nav>li>a {color: #fff;}
.navbar-default .navbar-nav>li>a:hover {color: #D72121;}
@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: rgba(0,0,0, 1); color:#fff;}
}
@media only screen and (min-width: 768px) {
#main-menu.navbar-default { background: rgba(0,0,0, 0.9);}
#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, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #FFF;}
.navbar-default .navbar-nav>li>a {color: #FFF; font-family: Georgia, Times, "Times New Roman", serif; }
.navbar-default .navbar-nav>li>a:hover {color: #D72121;}

    #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;font-family: 'Pathway Gothic One'}}
@media (min-width:768px) and (max-width:991px) {
    navbar.navbar-default .navbar-brand { padding-bottom: 10px;} .nav>li>a { font-size: 10px; padding: 5px 5px;}
    #main-menu > div > div.navbar-header > a > img {width:175px;}
}
@media (min-width:992px) {.nav>li>a { font-size: 13px; padding: 10px 10px;}}
@media (min-width:1200px) {.nav>li>a { font-size: 17px; padding: 10px 10px;}}
.navbar-default {background: rgba(0,0,0, 0.9);}

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

/* MAIN SLIDER*/
#main-slider .owl-prev:hover, #main-slider .owl-next:hover { background-color: #D72121; }
#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(0,0,0, 0.2); }
.section-header .section-title:after { background: rgba(0,0,0, 1) }
#content-area { background: #ebedec no-repeat 50% 50%;color: #D72121; }
#content-area h4 { color: #fff;}
#content-area small { color: rgba(255, 255, 255, 0.7); }
#plannedgifts {background-color: #eeeeee;}
#top-header h1 { font-size:6vh }
#top-header p { padding:2vh 0 }
/* Call to Action */
#cta { color: #000;  
/* top, transparent fill, faked with gradient */ /*background:linear-gradient(rgba(0,0,0, 0.85), rgba(0,0,0, 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 { color: #D72121; }
#cta .section-header .section-title:before, #cta2 .section-header .section-title:before { background: rgba(255,255,255, 0.2); }
#cta2 { color: #fff; background: 
/* top, transparent fill, faked with gradient */ linear-gradient(rgba(0,0,0, 0.85), rgba(0,0,0, 0.85)),
/* bottom, image */ url(../images/stock/money-652560.jpg) no-repeat 50% 50%; /* Create the parallax scrolling effect */
    background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover; padding:75px 0;}
h4.media-heading {padding-bottom:20px;}
.givebox small {color:#fff !important;}
#whygive { background-color:#e9eaea; }
#whygive { background-color:#e9eaea; }
.panel-giving {border-color:#D5D5D5;border-radius:0;padding:25px 50px 50px;background-color:rgba(0,0,0,0);}

/* Donor Stories */
#donor { background-color: #C8C9C7; }
.donor-modal .close-modal .lr { background-color: #D72121;}
.donor-modal .close-modal .lr .rl { background-color: #D72121;}
#donor .donor-item .donor-link .caption { background: rgba(0,0,0,.75); }
#donor .donor-item .donor-link .caption .caption-content { color: #fff; }

#callout-block { color: #fff; background: 
/* top, transparent fill, faked with gradient */ linear-gradient(rgba(0,0,0, 0.85), rgba(0,0,0, 0.85)),
/* 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;}
#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: #D72121; background-color: #fff; color: #4c4c4c; }

.lt-bg {background-color: rgba(244,189,52, 0.05);}
.dk-bg, .givebox {background-color: #000;} .lt-bg {background-color: rgba(244,189,52, 0.05);}
.callout-bg {background-color: #d72121;padding:1vh;margin-bottom:15px;}

#contact  { background-color: #C8C9C7 }

#top-header { color: #FFF; background: 
/* top, transparent fill, faked with gradient */ linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,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}

.givebox {margin:10px;padding:20px;color:#fff;}
.btn-bottom-wrapper {position: absolute;bottom:0;width:100%;}
.btn-bottom2 {}
.relative {position:relative;height:100%;}

/* CIRCLE ICON STYLES */
.media.service-box .pull-left > i { color: #D72121; -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: #D72121; }
.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 { font-family: 'Raleway', sans-serif; color: #fff; background: #D72121;}
#slideit input.send { font-family: 'Raleway', sans-serif;background: #D72121; color: #fff;}
#slideit label.open { font-family: 'Raleway', sans-serif; color: #fff; background: #D72121;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;}
.btn-primary { color: #FFF; background-color: #D72121; border-color: #D72121; }
.btn-primary:focus, .btn-primary.focus { color: #ffffff; background-color: #000; border-color: #000; }
.btn-primary:hover { color: #ffffff; background-color: #000; border-color: #000; }
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #000; border-color: #000; }
.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: #000; border-color: #000; }
.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: #D72121; border-color: #D72121; }
.btn-primary .badge { color: #D72121; background-color: #ffffff; }
.btn-danger { color: #FFF; background-color: #D72121; border-color: #D72121; }
.btn-danger:hover { color: #ffffff; background-color: #000; border-color: #000; }
.btn-danger:focus, .btn-danger.focus { color: #ffffff; background-color: #000; border-color: #000; }
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #000; border-color: #000; }
.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: #000; border-color: #000; }
.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: #0b5091; border-color: #0b5091; }
.btn-danger .badge { color: #0b5091; background-color: #ffffff; }
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 {}
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: #D72121; }
a.text-primary:hover, a.text-primary:focus { color: #153460; }
.text-danger { color: #D72121; }
a.text-danger:hover, a.text-danger:focus { color: #D72121; }
.bg-primary { color: #fff; background-color: #D72121; }
a.bg-primary:hover, a.bg-primary:focus { background-color: #153460; }   

.givebox > div > div.section-header > h3::before {background-color:#fff}