@charset "UTF-8";
/* CSS Document */
.col-md-6 p, col-md-4 p { margin-top: 0; }
.webform-component { float: left; clear: both; }
.webform-client-form .form-text, .webform-client-form .form-select { margin: 0 0 15px; width: 60%; float: right; }
.webform-client-form label { float: left; width: 30%; display: block; }
.form-item-submitted-confirm-contact-contact-agreement label { width: 100%; display: block; }
.webform-container-inline,
#webform-client-form-397 .form-item,
#webform-client-form-465 .form-item { float: left; width: 100%; clear: both; }
.webform-component-markup { border-top: 1px solid #000000; margin-top: 15px; padding-top: 15px; width: 100%; }
.webform-component-markup h2 { font-size: 20px; margin-bottom: 20px; }
.webform-client-form .btn { float: left; clear: both; }
.webform-component-checkboxes { float: left; clear: both; width: 30%; }
.submitted { display: none; visibility: hidden; }
.box { margin-bottom: 10px; display: inline-block; width: 100%; }
.box.orange a, .box.grey a { color: #FFFFFF; }
.box.orange { background: #FF4C00; color: #FFFFFF; }
.box.grey { background: #383A36; color: #FFFFFF; }
.box h3 { margin:10px 10px 4px 10px; float: left; width: 55%; line-height: 1.3em; }
.box #mc_embed_signup { margin: 10px 0 5px 10px; }
.noimage h3 { width: 100%; }
.noimage p { margin: 0 10px 15px 10px; }

.well.orange { background: #FF4C00; color: #FFFFFF; border-radius: 0; padding: 0; box-shadow: none; -webkit-box-shadow: none; border: none; margin-top: 20px; }
.well.orange p { margin: 15px 15px 0 15px; }
.well.orange h3 { position: relative; background: #B52176; padding: 15px; text-align: center; font-size: 20px;  font-family: 'Ubuntu-Regular', sans-serif; margin-top: 0 !important; border-bottom: 5px solid #FFFFFF; }

.well.orange .purple-down { position: absolute; left: 46%; top: 67px; }

#mc_embed_signup form { padding-left: 0 !important; }
#mc_embed_signup label { display: none; visibility: visible; }
#mc_embed_signup .email.form-control { float: left;  width: 96%; }
#mc_embed_signup .webform-container-inline { width: 76%; }
#mc_embed_signup .webform-client-form .btn { clear: none; }
#mc_embed_signup .mc-field-group.input-group label { padding-left: 10px; }
#mc_embed_signup ul > li:before { display: none; }

#mc_signup { padding: 20px; margin-bottom: 20px; background: #cfcfcf; }
#mc_signup .indicates-required { float: right; font-size: 14px; }
#mc_signup .check-list li::before { display: none; visibility: hidden; }
#mc_signup .check-list li { padding-left: 0; }
#mc_signup .check-list li input { margin-right: 15px; }

#mc_embed_signup .webform-client-form .form-text { float: left; width: 90%; line-height: 30px; padding-left: 10px; }

hr { margin: 1.5em 0; }
.linetop { border-top: 10px solid #FF4C00; padding-top: 15px; } 

.headingblock { margin-bottom: 10px; display: inline-block; width: 100%; }
.headingblock.orange { background: #FF4C00; color: #FFFFFF; }
.headingblock p { margin:10px 15px 15px 15px; }

#accordion { margin-bottom: 20px; }
#accordion .panel-heading { background: none; }
#accordion .panel-heading .panel-title { margin: 0; }

#accordion .panel-body { border: none; }
#accordion .panel { border-radius: 0; border-top: 10px solid #FF4C00; border-bottom: none; border-left: none; border-right: none; -webkit-box-shadow: none; box-shadow: none; }

.well.rafiki { border-radius: 0; padding: 0; box-shadow: none; -webkit-box-shadow: none; border: 1px solid #FFFFFF;  }
.well.rafiki h2 { margin: 20px 15px 10px; line-height: 1.4em; }
.well.rafiki p { margin: 0 10px 5px 15px; font-size: 15px; }
.well.rafiki .btn { margin-bottom: 20px; }

.well.rafiki.lime { background: #C0DD73; }

#joinAmounts { margin: 15px 0 10px; border: none; }
#joinAmounts li  { list-style: none; list-style-type: none; margin: 0 5px 10px 15px; padding: 0; }
ul#joinAmounts > li::before { position: relative !important; display: none !important; }
#joinAmounts li a { background: #FFFFFF; border-radius: 32px; color: #333333; height: 64px; width: 64px; text-align: center; line-height: 64px; font-size: 20px; padding: 0; margin: 0; border: none; }
#joinAmounts li.active a { background: #FF4C00; color: #FFFFFF; }

#donateAmounts { margin: 15px 0 10px; border: none; }
#donateAmounts li  { list-style: none; list-style-type: none; margin: 0 15px 10px 0; padding: 0; }
ul#donateAmounts > li::before { position: relative !important; display: none !important; }
#donateAmounts li a { background: #FFFFFF; border: 2px solid #FF4C00; border-radius: 0; color: #333333; text-align: center; font-size: 20px; padding: 10px 15px; margin: 0; }
#donateAmounts li.active a { background: #FF4C00; color: #FFFFFF; }

.rafiki .tab-content { margin: 0 15px 15px; display: inline-block; }
.rafiki .tab-content img { float: left; margin-right: 15px; }

.tab-content #amount { width: 35%; padding: 14px; margin-top: 15px; border: 1px solid #DDDDDD; }
.tab-content .right-btn { float: right; margin-top: 15px; }
.tab-content .right-btn .btn { padding: 14px 15px; font-size: 16px; }

.btn-large { font-size: 18px; padding: 10px 20px; background: #FF4C00; }
.btn .glyphicon { max-width: 10px; }
.btn-stack { width: 100%; font-size: 24px; font-family: 'Ubuntu-Regular', sans-serif; line-height: 20px; padding: 15px 5px; margin-bottom: 15px; }
.btn-stack span { font-size: 12px; }
.btn-stack:hover { background: #B52176; }

.flow.intro .row p, .flow.intro .row li, .flow.intro .well p { font-family: 'Ubuntu-Regular', sans-serif; line-height: 1.4em; font-size: 16px; }
.flow.intro .well p { margin-bottom: 10px; }
.flow .row h2, .flow.intro .row h2 { margin-top: 0; }
.smaller { font-size: 0.6em; }
.text-center { text-align: center; }

.nav-xl { color: #FFFFFF; margin-bottom: 0; }
.nav-xl li a { background: #CFCFCF; color: #FFFFFF; border-radius: 0; text-align: left; font-family: 'LibreBaskerville-Bold',serif; font-size: 22px; height: 115px; border: none !important; -moz-box-shadow: inset 4px -6px 8px #999999;
   -webkit-box-shadow: inset 4px -6px 8px #999999;
   box-shadow: inset 4px -6px 8px #999999; }
.nav-xl li.active a { background: #ff4C00; color: #FFFFFF; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.nav-xl li > a:hover, .nav-xl li a:focus { background: #383a36; -moz-box-shadow: none; -webkit-box-shadow: none;
   box-shadow: none; }
.nav-xl li.active > a:hover, .nav-xl li.active a:focus { background: #ff4C00; color: #FFFFFF; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.nav-xl > a { border: none; }
.nav-xl li a span {  display: inline-block; float: left; text-align: left; width: 60%; }

.ico-sms { background-image: url("/sites/all/themes/bootstrap_charity/images/ico-sms.png"); width: 62px; height: 74px; }
.ico-donate { background-image: url("/sites/all/themes/bootstrap_charity/images/ico-donate.png"); width: 58px; height: 74px; }
.ico-calendar { background-image: url("/sites/all/themes/bootstrap_charity/images/ico-calendar.png"); width: 58px; height: 74px; }

.ico-sms, .ico-donate, .ico-calendar { float: right; background-repeat: no-repeat; display: block; text-indent: 1000px; overflow: hidden; }
.thickbox { border: 8px solid #ff4C00; padding: 18px; margin-bottom: 20px; }
.thickbox .tab-pane h2 { font-family: 'Ubuntu-Regular', sans-serif; margin: 0; color: #383a36; margin-bottom: 10px; }
.dontate-intro .lead { height: 80px; font-size: 16px; line-height: 20px; }
.line-top { border-top: 1px solid #CFCFCF; padding-top: 10px; margin: 8px -5px 0px 0px; }
.line-top p { margin-bottom: 0; }
.thickbox .tab-content #amount { clear: right; display: inline-block; width: 17%; margin-left: 5px; }
.thickbox .tab-pane .btn-primary { clear: both; display: block; font-size: 22px; margin: 30px auto 10px; padding: 10px 25px 10px 15px; width: 45%; }
.thickbox small { font-size: 11px; display: block; }
.huge { font-size: 4em; line-height: 0.8em; }
.txt-donation h2 { margin-top: 20px; }
.node-event time { display: none; visibility: hidden; }
#block-bean-charity-awards ul.sponsors__list { width: 80%; float: left; }
#block-bean-charity-awards .sponsors__list li { width: 24%; }
#block-addthis-addthis-block .addthis_toolbox a.at300b { width: 29px; }

@media (max-width : 480px) {
/* Styles */
.thickbox .tab-pane .btn-primary { width: 90%; font-size: 16px; }
.dontate-intro .lead { font-size: 14px; }
.dontate-intro .lead { height: auto; }
#donateAmounts li a { font-size: 16px; padding: 8px; }
.thickbox .tab-content #amount { clear: right; margin: 10px auto 0; margin-left: 7px; text-align: center;
    width: 40%; }
.thickbox .tab-content.row { text-align: center; }
.thickbox .media-image { max-width: 100%; }
.thickbox .tab-pane h2 { margin: 2px 10px 0 0; font-size: 20px; float: left; }
.huge { font-size: 3em; line-height: 1.1em; }
}