/* YOUR CUSTOM STYLES */
html,
body {
	height: 100%;
	min-height: 100%;
	font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { /* don't overwrite bootstrap's default margins on these */ font-weight: 300; }

h3	{ line-height: 1.2; }
h4	{ line-height: 1.35; }

/* debug */
/*
.container	{ border: 0px dotted red; }
.row	{ border: 2px dotted lime; }
*/


/* ============ TOP BAR ============ */



/* ============ HEADERS ============ */
h1.missio,
h2.missio,
div.missio-h1 {
	color: #cd2a2a;
	margin: 1.5rem auto;
	padding: 1.11rem 0;
	/*border-top: 5px solid #cd2a2a;*/
	border-bottom: 1px solid #ccc;
}

.row.missio-hdr {
	/* margin might be customized but default ok */
	margin: 3rem auto;
	/* bottom padding re: bottom-border */
	padding: 0 0 1.5rem;
	border-bottom: 1px solid #ccc;
}
.row.missio-hdr > .col {
	/* pull children flush left */
	padding: 0;
}
.row.missio-hdr h1,
.row.missio-hdr h2 {
	/* override bs defaults, but these require customizations, especially where there are both */
	margin: 0;
}
.row.missio-hdr h1 { color: #cd2a2a; }


/* custom headers, h1, etc. */
.missio-hdr.hdr-create-project h1 { font-size: 24px; }






@media (min-height: 39rem) {
	h1.missio,
	div.missio-h1 { margin: 1.5rem auto 3rem auto; }
}

h1.missio		{ padding: 1.11rem 15px; }
div.missio-h1	{ padding: 3rem 0; }


/* e.g., createproject.aspx?id=2585 */
h2.missio	{ font-size: 24px; }


/* hackery of bootstraps' defaults */
.missio-h1 > div	{ margin: 0; padding: 0; }
.missio-h1 h2		{ margin: 0 0 .9rem; padding: 0 0 0 1.5rem; }
.missio-h1 p		{ padding: 0 0 0 1.5rem; color: #404040; }


hr { margin-top: 10px; }

body { color: #404040; color: #333; }

a,
a:visited,
a:hover
a:active   { color: #222; }

/* override bootstrap's default red: */
.btn-danger { background-color: #cd2a2a; border-color: #cd2a2a; }

.missio-red,
a.missio-red:hover { color: #cd2a2a; }

.missio-red-border { border: 1px solid #cd2a2a; }
.missio-red-btn { padding: 10px 30px; color: #fff; background: #cd2a2a; }
.missio-white { color: #fff; }

.btn,
.well { border-radius: 0; }
.well { background-color: #f8f8f8; }

/* global color for projects in cart and default missio buttons ... p.s.: sr: would like to ditch rules like this for shareable button classes */
.donated, .missio-default { background-color: #fa7b04 !important; color: #fff; }

textarea { resize: none; overflow: auto; }
.fa-times-thin:before { content: '\00d7'; }
.fa-carret-down:before { content: '\f078'; }

/* make a thin fa-plus/fa-minus */
.fa-plus { -webkit-text-stroke: 2px white !important; }
.fa-minus { -webkit-text-stroke: 2px white !important; }

/* this is overide to alertify */
.alertify-notifier { z-index: 2010 !important; }
.alertify-notifier .ajs-message.ajs-success { text-shadow: none!important; }



/* Chosen-select dropdown on error. THis is the equivalent of has-error in input fields */
.chosen-select-error  { border: 1px solid #a94442 !important; }
/* 
.btn-border, .btn-floating, .card-panel, .card, .dropdown-content, .dropdown-menu { 
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); 
 }

.btn-border:hover, .btn-floating:hover { 
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); 
 }
 */
/* Hide Internet Explorer default clear button */
::-ms-clear { display: none; }

.circle-avatar {
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 50%;
    /* Centering on image's center*/
    background-position-y: center;
    background-position-x: center;
}



/* layout */
/*
	#wrapper
		- #sidebar-wrapper
		- #content-wrapper (all content, including footer)
*/

/* Toggle Styles */
#wrapper {
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease; 
	min-height: 100%;
	/* DNU padding !!! */
	border: 0px dotted red;
}

#content-wrapper {
	margin-top: 52px;
	/* DNU padding-top !!! */
	border: 0px dotted #ccc;
}


#back-to-top {
	display: none; /* displayed via jQuery (on scroll) */
	position: fixed;
	right: 10px;
	bottom: 60px;
	padding: 0.75rem 1.5rem;
	color: #fff;
	cursor: pointer;
	opacity: 0.9;
 }

/* slick carousel */
.slick-dots li { width: 10px !important; }

.carousel-indicators li,
.carousel-indicators .active { display: none } /* hide  carousel indicator */
.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right { 
    position: absolute; 
    top: 50%; 
    z-index: 5; 
    display: inline-block; 
    margin-top: -10px; 
 }

.featured-card-carousel { margin: 0 30px 30px; }
.btn-border { 
    border: 0 none; 
    border-radius: 2px; 
    cursor: pointer; 
    line-height: 31px; 
    margin: 0px; 
    outline: medium none !important; 
    padding: 5px 22px; 
    position: relative; 
    text-decoration: none; 
    text-transform: uppercase; 
    transition: all 0.2s ease-out 0s; 
 }

.btn-border-info { 
    background-color: transparent; 
    border: 2px solid #33b5e5; 
    color: #09c; 
 }

.btn-border-default { 
    background-color: transparent; 
    border: 2px solid #2bbbad; 
    color: #00695c; 
 }

.btn-border-primary { 
    background-color: transparent; 
    border: 2px solid #4285f4; 
    color: #0d47a1; 
 }

.btn-border-success { 
    background-color: transparent; 
    border: 2px solid #00c851; 
    color: #007e33; 
 }

.btn-border-warning { 
    background-color: transparent; 
    border: 2px solid #fb3; 
    color: #f80; 
 }

.btn-border-danger { 
    background-color: transparent; 
    border: 2px solid #f44; 
    color: #c00; 
 }
.waves-effect { 
    -moz-user-select: none; 
    cursor: pointer; 
    display: inline-block; 
    overflow: hidden; 
    position: relative; 
    transition: all 0.3s ease-out 0s; 
    will-change: opacity, transform; 
    z-index: 1; 
 }


.progress { height: 8px; margin: 0 0 .9rem; }
.progress-bar { background-color: #cd2a2a; }
.form-control-box { border-radius: 0px; height: 40px; }
.form-control { border-radius: 0px; }

/* customize bootstrap tooltip */
.tooltip .tooltip-arrowDISABLED{ border-top: 5px solid #f5efdb !important; }
.tooltip.inDISABLED { opacity: 1 !important; }
.tooltip-innerDISABLED { 
    text-align: left;     
    background-color: #f5efdb; 
    color: #222;  
    min-width: 220px; font-size: 14px;     
    padding: 10px; 
 }

/* overide default bootstrap modal move away from from top so it will not interfere with fixed navbar */
.modal { top: 50px; }

/* overide bootstrap modal and center modal on page */
.modal-center .modal { 
  text-align: center; 
  padding: 0!important; 
 }

.modal-center .modal:before { 
  content: ''; 
  display: inline-block; 
  height: 100%; 
  vertical-align: middle; 
  margin-right: -4px; 
 }

.modal-center .modal-dialog { 
  display: inline-block; 
  text-align: left; 
  vertical-align: middle; 
 }
/* end overide bootstrap modal and center modal on page */




/* ============ NAVBAR ============ */
.navbar { margin-bottom: 0px; }

/*
.navbar .container-fluid { display: flex; }
.navbar .navbar-header { display: flex; }
*/
.navbar .navbar-brand {
	height: 40px; /*!*/
	margin: auto; /*!*/
	padding-top: 3px;
	border: 0px solid red;
}



.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover  { color: #222; }
/** 767 fix for ipad*/
@media (max-width: 767px) {
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > li > a:hover  { color: #fff; }
    
	.navbar-default .navbar-collapse { background-color: #222 !important; }
	.navbar-default .navbar-nav.menu-bordered > li > a,
	.navbar-default .navbar-nav.menu-bordered > li > a:hover { border-bottom: 1px solid #a8a8a8; }
 } /* @media */

.navbar-header .navbar-left { float: left; margin-left: 10px; }

.navbar-header .icon-bar { background-color: #cd2a2a !important; }
.navbar-header .navbar-nav { margin-right: -10px; } 
.navbar-header .navbar-nav > li > a {  padding-bottom: 0px; }
.navbar-header .navbar-toggle { margin-bottom: 0px; }
.navbar-header .navbar-toggle:hover,
.navbar-header .navbar-toggle:focus { background-color: #f8f8f8; }
.navbar-header .navbar-toggle { border: none; }
.navbar-fixed-top .navbar-collapse { max-height: 600px; }
.navbar-fixed-top .navbar-collapse .btn-login { 
    border-radius: 0px; 
    background-color: #fa7b04; 
    letter-spacing: 2px; 
    color: #fff; 
 }
.navbar-fixed-top .navbar-collapse .btn-close { 
    color: #fff; 
    padding-top: 10px; 
 }

/* center brand on mobile */
/** 767 fix for ipad*/
@media (max-width: 767px) { 
  .navbar-brand { 
    transform: translateX(-50%); 
    left: 50%; 
    position: absolute; 
  }
} /* @media */








/* ============ JUMBOTRONS ============ */

.jumbotron {
	display: -ms-flexbox;
	display: flex;
	position: relative;
	width: 100%;
	max-width: 1200px;
	min-height: 300px; /* jumbotron image heights spec'd below */
	margin: 0 auto;
	padding: 0;
	-ms-flex-direction: column;
	-ms-flex-wrap: none;
	flex-flow: column nowrap;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-align: center;
	-ms-flex-line-pack: center;
	align-items: center;
	color: #fff;
}


/* this kicks in if > 992px */
.jumbotron-home		{ height: 480px; padding-bottom: 3rem; background: url("../img/jumbotron-home.jpg") center 0 no-repeat; background-size: cover; }

.jumbotron .jumbotron-captions {
	width: 100%;
	padding: 0 1.5rem;
	text-align: center; 
	background: rgba(0, 0, 0, .18);
}

.jumbotron-home .jumbotron-captions { background: rgba(0, 0, 0, .0); }

.jumbotron .caption	{ margin: 0; font-size: 33px; color: #fff; font-weight: 300; }

/* .jumbotron .caption sizes in MQs */

.jumbotron-home .btn	{ margin-top: 2.1rem; }


@media (max-width: 992px) {
	.jumbotron-home		{ height: 465px; background: url("../img/jumbotron-home_tablet.png") center 0 no-repeat; background-size: cover; }
	.jumbotron .caption		{ font-size: 30px; }
	.jumbotron .subcaption	{ font-size: 24px; }
} /* @media */

@media (max-width: 768px) {
	.jumbotron-home		{ height: 465px; background: url("../img/jumbotron-home_tablet.png") center 0 no-repeat; }
	.jumbotron .caption		{ font-size: 24px; }
	.jumbotron .subcaption	{ font-size: 21px; }
} /* @media */

@media (max-width: 568px) {
	.jumbotron-home			{ height: 375px; background: url("../img/jumbotron-home_mobile.png") center 0 no-repeat; }
	.jumbotron .caption		{ font-size: 21px; }
	.jumbotron .subcaption	{ display: none; font-size: 18px; }
} /* @media */

/* hdng below the jumbotron */
.home-topic p { font-size: 20px; }

.home-topic h3 { margin-top: 0; }

.home-topic h2,
.home-world-map	{ margin-bottom: 30px; padding: 0 30px; }
.home-world-map h3	{ margin-bottom: 3rem; }
.home-topic p { font-size: 18px; }



.container.nopadding    { padding: 0; }


/* ============ HOME/DEFAULT, DONATE/EXPLORE, BECOME A FUNDRAISER ============ */
#select-a-cause {
	margin: 0 0 15px;
	padding: 15px 0 30px;
	background: #f9f9f9;
	border: 1px dotted #f0f0f0;
}
#select-a-cause h2.missio-red { margin-top: 0; }

#scrollbox {
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	height: 120px; 
	padding: 0 5px;
	border: none;
}

#scrollbox .list-inline { margin: 0; white-space: nowrap; }

#scrollbox li {
	display: inline-block;
	width: 84px;
	height: calc(84px + 2.1rem);
	margin-right: .9rem;
	padding: 0;	/*!*/
	text-align: center;
}

#scrollbox li a { display: block; }

#scrollbox li img {
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	/*padding: 0 0 1px 1px; /* compensate for apparently unequal transparent space, visible when selected */
	border: 4px solid transparent;
}

#scrollbox .title { display: block; padding-top: .3rem; text-align: center; }

#scrollbox .selected img		{ border: 4px solid #cd2a2a; border-radius: 50%; }
#scrollbox .selected .title	{ color: #cd2a2a; font-weight: bold; }
#scrollbox .selected a:hover	{ text-decoration: none; }

#scrollbox ul.list-inline  .title { font-size: 12px; }


/* nis? */
.scrollboxhorizontal-track {
    width: 100%; 
    height: 5px; 
    background: #e4e6e3; 
    border: 1px solid #dfdfdd;
}

.scrollbox-horizontal-handle { 
    height: 3px;
    max-width: 33%;
    height: 15px; 
    background: #cd2a2a;    
    border-radius: 7px; 
    -webkit-transition: width 250ms; 
    transition: width 250ms; 
    z-index: 999999;
}


/* explore.aspx project *filters */
#divProjectTop  {
    margin-bottom: -15px;
    background: transparent;
    border: 0;
    box-shadow: none;
}

#divProjectTop .btn			{ border: 1px solid #e4e4e4; }
#divProjectTop label			{ padding:10px; font-weight: normal; }
#divProjectTop label span	{ margin-left: 3rem; }







/* card setting */ 
.card { 
    background-color: #fff; 
    border: 1px solid #ddd; 
    border-radius: 0px; 
    display: block; 
    line-height: 1.42857; 
    margin: 20px;    
    transition: border 0.2s ease-in-out 0s; 
    padding: 0; 
    position: relative;    
 }


.card > .img-wrapper { width: 100%; height: 210px; max-height: 210px; overflow: hidden; }
.card > .img-wrapper > img { margin: auto; }

/*let cloudinary transformation handles image scaling*/
.card > imgDISABLED { width: 100%; height: 250px; }
@media (max-width: 992px) { 
    .card > imgDISABLED { width: 100%; height: 220px; }
 }

@media (max-width: 768px) { 
    .card > imgDISABLED { width: 100%; height: 100%; }
 }

/* solution for correct aspect ratio: replaced <img> with a <div> with background */
.card .featured-imageDISABLED {
        cursor:pointer;
        height:250px;
        display: block; 
        overflow: hidden;  
        background-repeat: no-repeat;            
}

/* for slicks slider, slick will handle responsiveness, overide background-image with this breakpoint*/
/* define a different breakpoint than bootstrap that works for slick*/
@media (max-width: 800px) {
    .card .slick-sliderDISABLED {
        background-size:cover;     
        background-position: center; 
        max-height: 100%;
    }
}


/* make respsonsive when mobile*/ 
/* not good for slick slider */
@media (max-width: 768px) {
  .card .featured-imageDISABLED {       
        background-size: 100% auto;       
 	    background-position: center;     
        max-height: 100%;           
   }
  
 }

@media (max-width: 558px) {
  .card .featured-imageDISABLED {
         background-size: auto 100%;
         max-height: 100%; 
 	     background-position: center;       
   }
  
 }

/*force 100% width for small devices*/
@media (max-width: 768px) { 
    .card > img { width: 100%; height: 100%; }
 }




.card-block { padding: 0 10px 0 10px; }
.card-block .caption { 
	height: 150px;
	margin-bottom: .9rem;
	overflow: hidden; 
 }
.card-block .favorite { height: 70px; }
.card-block .caption h4 { height: 50px; line-height: 1.11; }
.card-block .caption a { color: #000; }
.card-block .money { padding: 0; }
.card-block .money p { margin: 0; }

.card-block .footer { 
    border-top: 1px solid rgba(0, 0, 0, 0.125); 
    padding: 10px;   
    margin: 20px 0 20px 0; 
    height: 66px; 
    overflow: hidden; 
 }

.card-block .circle-avatar  { width: 54px; height: 54px; }
.card-block .circle-avatar > div  { display: none; }


.card .quick-donate{ 
  background-color: #cd2a2a; 
  padding: 15px; 
  font-weight: bold; 
  text-align: center; 
  color: #fff; 
  margin: 0px; 
 }
.card .quick-donate a { color: #fff; }
.card .quick-donate .favorite a { font-size: 13px; }
.card img.account-favorite { height: 200px; }
/* end card setting */


.dropdown-menu-full-width { min-width: auto; width: 100%; left: 10px; }

.custom-input-group  a { color: #222; }
.custom-input-group .input-group-addon{ background: white !important; }
.custom-input-group .form-control { border-right: 0; box-shadow: none; border-color: #ccc; }
.custom-input-group button { border: 0; background: transparent; }


.featured-fundraiser { margin: 50px 0; background: #f9f9f9; }
.featured-fundraiser > div /* the column element, re; the pic */ { padding: 0; /*!*/ }
.featured-fundraiser .testimonial { padding: 30px; }

.featured-fundraiser h4	{ text-transform: uppercase; }
.featured-fundraiser img	{ width: 100%; }

.featured-fundraiser h2	{ margin-bottom: 2.4rem; }

.featured-fundraiser .btn	{ margin-top: 3rem; }
/*
.featured-fundraiser .quote:before	{ content: open-quote; } 
.featured-fundraiser .quote:after	{ content: close-quote; }
*/


@media (min-width: 1200px) {
	/*.featured-fundraiser .testimonial { padding: 30px 30px 30px 0; }*/
}

#world-map-gdp { height: 400px; margin: 0 0 30px; }




/* negative bottom-margin to attach it to .footer-block */
.footer-search	{ margin: 3rem auto -4.5rem; }

.footer-block {
	width: 100%;
	margin-top: 4.5rem;
	background: #222;
	/*padding: 30px 0 0 10px;*/
	padding: 30px 10px 1.5rem;
	color: #c2c2c2;
	font-size: 13px;
}                                

.footer-block .footer-menu > li { 
    float: left; 
 }
.footer-block .footer-menu > li { 
    display: block; 
    position: relative; 
    padding: 0px 15px 11px 15px; 
 }
.footer-block a { color: #c2c2c2; }
.footer-block a:hover { color: #fff; }

.footer-block ul.footer-menu-sm  { margin: 0px; padding: 0px; }
.footer-block .footer-menu-sm > li { padding: 15px 15px 15px 0; }

.footer-block .footer-menu-container {float:right; }
.footer-menu-container.copyright {padding-top:85px;             }
@media (max-width: 768px) {
        .footer-block {text-align:center;        }
        .footer-block .footer-menu-container {clear:both;float:none;padding-top:30px; }
        .footer-block .footer-menu  { padding: 0px;width: 100%;}
        .footer-block .footer-menu > li { padding: 10px;width: 100%;}
        .footer-menu-container.copyright {padding-top:20px;             }
}

.basket-badge { 
    position: absolute; 
    right: 28px; 
    top: 15px; 
    background: #222; 
    text-align: center; 
    border-radius: 10px; 
    color: white; 
    padding: 1px 5px; 
    font-size: 10px !important; 
 }


 
.footer-block { width: 100%; z-index: 999; }

} /* end min768*/

.well-search { border: none; background-color: #fbfbfb; padding-bottom: 50px; }

.project-update  { 
    border: 1px solid #e0e0e0; 
    margin-top: 20px; 
    padding: 10px 10px 10px 20px; 
    background-color: #fff; 
 }
.project-update a,
.project-update a:hover { color: #000; }

/* optimize view in mobile. by reducinc padding and switching  display mode to block */
 @media (max-width: 768px) {
 .project-update-mobile {  
    padding-left:0px;
    padding-right:0px;
 }

 .project-update .media-body, .project-update .media-left, .project-update .media-right {
    display: block;         
 }

 .project-update .media-body {
    width: inherit;
 }
}

/* project detail avatar (circle-avatar class is not on the image) */
.project .media .circle-avatar { width: 50px; height: 50px; }


.project-donate-box { 
    margin: 0 auto; 
    border: 1px solid #ccc; 
    padding: 0px; 
    width: 80%; 
 }

.project-donate-box .controls { 
    padding: 3px; 
    background-color: #cd2a2a; 
    display: table; 
    width: 100%; 
 }
.project-donate-box .controls > div { display: table-cell; }
.project-donate-box .btn-donate  { 
    border: none; 
    background-color: #cd2a2a; 
    padding: 6px 8px; 
    color: #fff; 
    font-weight: bold; 
 }
 
 .project-donate-box input {   
        border: none; 
        font-weight: bold;      
 }
 .project-donate-box .input-group { padding: 6px 0px; }
 
 .project-donate-box .input-group-addon { border: none; }
 
 .project-donate-box .donated { 
    padding: 14px;    
    color: #fff; 
    display: table; 
    width: 100%; 
    font-size: 18px; 
 }
 
.project-donate-box .bootstrap-select .btn {  border: none;  font-size: 18px; }
.project-donate-box .bootstrap-select.btn-group { padding: 5px; }
.project-donate-box .bootstrap-select .btn-default:hover { background-color: #fff; }
.project-donate-box .bootstrap-select .bs-caret { color: #cd2a2a; }
.project-fundraise-box { margin: 5px auto 0 auto; border: 1px solid #cdcdcd; }
.project-donate-box .btn-fundraise, .project-donate-box .btn-custom-amount { border: none; color: #cd2a2a; border-radius: 0; }           
.project-donate-box .btn-custom-amount { border-bottom: 1px solid #eee; font-size: 12px; font-weight: bold; }           

.project-donate-box.project-fundraise-box .btn { font-size: 13px; }


.project-donate-box-mobile { border: none; width: 100%; }
.project-donate-box-mobile .controls-mobile { padding: 5px; }

.row.project-updates	{ margin-top: 3rem; }

/* project detail > uc */
#project-social > #cpContent_UpdatePanel1  {
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    width: 100%;
    max-width: calc(150px + 13.5rem);
    height: 50px;
    margin: auto;
    overflow: hidden;
}
#project-social > #cpContent_UpdatePanel1 > a { margin-right: 3px; }

#project-social > #cpContent_UpdatePanel1 > a,
#project-social > #cpContent_UpdatePanel1 > a img { display: inline-flex; width: 50px; height: 50px; }

#project-social > #cpContent_UpdatePanel1 .favorite  {
	display: -ms-flexbox;
	display: flex;
	flex-flow: row nowrap;
	-ms-flex-pack: justify;
	justify-content: space-around;
	-ms-flex-align: center;
	align-items: center;
	min-width: 12rem;
	height: 50px;
	/*margin-left: auto;*/
	padding: 0 1.2rem;
	background-color: #e8e8e8;
	border: 1px solid #ddd;
	border-radius: 3px;
	text-decoration: none;
}


@media (max-width: 768px) { 
    .project-title { font-size: 24px; }
    .project-leader-avatar { width: 35px!important;  }
 }

div.what-your-donation { padding: 10px; font-size: 16px; }       
.what-your-donation ul { list-style: none; padding: 0px; }
.what-your-donation ul > li { padding-bottom: 5px; }     
             
#marqueecontainer{ 
    position: relative; 
    width: 100%; /* marquee width */
    height: 70px; /* marquee height */
    overflow: hidden;    
    text-align: center; 
 }

#wrapper.visible #sidebar-wrapper { width: 320px; }



#sidebar-wrapper { 
	z-index: 2001; /* above navbar */
	position: fixed; 
	right: 0px; 
	width: 0px; 
	min-height: 100%; 
/* 	overflow-y: auto; */    /* comment this out for sticky TOTAL */  
	background: #2c2c2c; 
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
 }

#sidebar-container { 
	position: absolute; 
	top: 70px; 
	width: 320px; 
	margin: 0; 
	padding: 20px; 
	list-style: none;
	color: #c0c0c0;
    /* adding these 2 item makes ONLY the cart section scrollable in tandem with sticky TOTAL */
    /* allocate 65% of sidebar for the cart */
    overflow-y: auto; 
    height: 65%; 
    padding-top: 0px; 
}

@media (max-width: 768px) { 
    #sidebar-container { height: 75%; }    
 }

/* sticky footer cart total */
#sidebar-wrapper .footer-cart-total { 
	position: absolute;    
	bottom: 5.1rem; 
	padding: 0px 20px 20px 20px;
	background: #2c2c2c;
	color: #fff; 
	width: 300px;
	width: 100%;
	height: 220px; 
	z-index: 2010;
	border-top: 3px double #666;
}
/* no need footer totals on mobile, adjust the height to checkout button height only */
@media (max-width: 768px) {
    #sidebar-wrapper .footer-cart-total { height: auto; border:none; } 
 }


#sidebar-container .media { margin-bottom: 1.8rem; padding-bottom: 1.8rem; border-bottom: 1px solid #ccc;  }
#sidebar-container h4 { font-size: 16px; }
#sidebar-container .media { overflow: visible; }
#sidebar-container .form-donate { margin-top: 20px; }

#sidebar-container .form-donate .form-control,
#sidebar-container .form-donate .btn,
#sidebar-container .media .more-buttons .btn { 
    border-radius: 0px; 
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    -ms-border-radius: 0px; 
    -o-border-radius: 0px; 
 }                         
#sidebar-container .form-donate .input-group-addon { width: 1em; border-radius: 0; font-weight: bold; }
#sidebar-container .form-donate .form-control { font-weight: bold; }

#sidebar-container .form-donate select  {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    min-width: 7.5rem;
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 100% 50%;
    background-repeat: no-repeat;
}
#sidebar-container .form-donate .custom-amount  { background-image: none; }
#sidebar-container .form-donate option  { padding-left: .9rem; }


#sidebar-container .btn-default.active { background-color: #626262; color: #eee; }
#sidebar-container .media .more-buttons a { color: #fff; font-size: 10px; }
#sidebar-container .media .more-buttons ul{ /*display: table;*/ width: 100%; margin: 10px 0; padding: 0px; }
#sidebar-container .media .more-buttons ul > li { display: table-cell; }


/* 'remove' & 'give a custom amount' */
#sidebar-container a.cart-add-custom-amount { 
    color: #fff;
    padding: .6rem 1.2rem;
    background-color: #cd2a2a;         
    font-weight: bold; 
    border: 1px solid #cd2a2a;
 }
#sidebar-container a.cart-add-custom-amount:hover { 
    color: #cd2a2a;
    border: 1px solid #cd2a2a; 
    background-color: #fff;
 }
.footer-cart-total a.tooltip-link { color: #cd2a2a;   }                     
/* end Toggle Styles */



.donation-pie { 
  width: 120px; 
  margin: 6px 6px 20px; 
  display: inline-block; 
  position: relative; 
  text-align: center; 
  line-height: 1.2; 
 }

.donation-pie strong { 
  position: absolute; 
  top: 40px; 
  left: 0; 
  width: 100%; 
  text-align: center; 
  line-height: 40px; 
  font-size: 30px; 
 }

.donation-pie strong i { 
  font-style: normal; 
  font-size: 0.6em; 
  font-weight: normal; 
 }


.truncate-text { 
    height: 8.2rem; 
    overflow: hidden; 
    position: relative; 
    word-wrap: break-word; 
 }
.truncate-text::after { 
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0px, #fff 100%) repeat scroll 0 0; 
    border-bottom: 0.625rem solid #fff; 
    bottom: 0; 
    content: ""; 
    display: block; 
    height: 3.375rem; 
    position: absolute; 
    width: 100%; 
    z-index: 30; 
 }


.explore .bootstrap-select.btn-group .dropdown-toggle .filter-option {   
    text-align: center; 
    line-height: 30px; 
    color: #222; 
 }
.explore { margin: 10px; }
.explore .btn:hover { background-color: #fff; }
.explore .bootstrap-select.btn-group .dropdown-menu ul { padding: 0 10px; }
.explore .bootstrap-select.btn-group .dropdown-menu li { border-bottom: 1px solid #fff; margin: 0 10px; }
.explore .bootstrap-select.btn-group .dropdown-menu li a { padding: 10px; color: #fff; }
.explore .bootstrap-select.btn-group .dropdown-menu,
.explore .bootstrap-select.btn-group .dropdown-menu li a, 
.explore .bootstrap-select.btn-group .dropdown-menu li a:hover { background-color: #222; }



.global-counters { padding: 0 50px; }
.global-counters h4 { margin-bottom: 0px; }
.global-counters .well div { 
    padding-top: 10px; 
    border-bottom: 1px solid #cd2a2a; 
    width: 50%; 
    margin: 0 auto; 
 }
         

/* global box select instead of round corners */
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select .btn {   
    border-radius: 0px; 
 }
/* make disabled appear like bootstrap input controls */
.bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled {    
    background-color: #eee; 
 }


.login-dp{ 
    min-width: 350px; 
    padding: 20px 20px 0; 
    overflow: hidden; 
    background-color: #fff; 
 }
.login-dp .forgotpwd { 
    font-size: 12px ; 
    color: #cd2a2a !important; 
    font-weight: bold; 
 }

.login-dp .register{ 
    background-color: rgba(255,255,255,.8); 
    border-top: 1px solid #ddd; 
    clear: both; 
    padding: 14px; 
    font-size: 16px; 
 }
.login-dp .btn-link { 
    vertical-align: inherit; 
    font-weight: bold; 
    color: #404040; 
    padding: 0px; 
 }
.login-dp .login { 
    background-color: #fa7b04; 
    border-radius: 0px; 
    color: #fff; 
    font-weight: bold; 
    padding: 10px; 
    font-size: 20px; 
 }
.login-dp .form-group { 
    margin-bottom: 10px; 
 }

.login-dp .input-group .form-control, .login-dp .input-group-addon, .login-dp .input-group-btn { 
    height: 45px; 
    border-radius: 0px !important; 
 }

#ucLogin_divRegister .checkbox label {
	font-size: 1.2rem;
}
#ucLogin_divRegister .checkbox a {
	color: #cd2a2a;
}




.search-bar-mobile { 
	display: block; 
	position: fixed; 
	background: #eee; 
	top: 50px; 
	right: 0px; 
	z-index: 1001; 
	width: 100%; 
	max-width: 100%; 
	padding: 10px; 
	margin: 0px; 
 }



.search-bar-mobile .search-wrapper { width: 100%; }

#txtSearchMobile	{
	height: 4.2rem;
	font-size: 2.1rem;
	border-color: #ccc;
	border-right: 0;
	box-shadow: none;
}

#search-bar-mobile	{ display: none; }
#btn-search-mobile.hide { display: none; }

/* both the magnifying glass icon & the 'close' anchor */
.search-bar-mobile .input-group-btn	{
	width: 3rem;
	height: 4.2rem; /* match input height */
	text-align: center;
	font-size: 2.1rem;
	background: #fff;
	border: 1px solid #ccc;
	border-left: 0;
}
/* the 'close' anchor tag ... */
a.btnSearch-mobile-close.input-group-addon.search-textbox-clear	{
	display: block;
	width: 100%;
	height: calc(4.2rem - 2px);
	background: #333;
	color: #fff;
}
/* ... the 'close' anchor tag's 'X' */
a.btnSearch-mobile-close.input-group-addon.search-textbox-clear i	{ font-size: 2.4rem; line-height: 2.4rem; }




.chosen-container-single .chosen-single { 
    height: 40px !important; 
    line-height: 40px !important; 
    border-radius: 0px !important; 
    background: none !important; 
 }



.account { margin-left: 5px; }            
.account .media a { 
        color: #cd2a2a; 
        font-size: 11px; 
        font-weight: bold; 
        padding-left: 15px; 
 }

.account ul.nav li { border-bottom: 2px solid #f0f4f7; }
.account ul.nav li.active a { 
      background-color: #f6f9fb; 
      border-left: 2px solid  #cd2a2a; 
      margin-left: -2px; 
 }

.account  .bootstrap-select.btn-group .dropdown-toggle .filter-option { line-height: 26px; }
.account hr { margin-top: 0px; }


.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
}

p.about-subheading  { font-size: 21px; font-weight: 200; color: #787878; }


/* about.aspx */

.slick-dotted.slick-slider.image-carousel	{ max-width: calc(100% - 60px); margin: auto; }

.slide .caption	{ padding-top: .9rem; text-align: center; }

/*.slick-dots	{ bottom: 3rem; }*/
.slick-dots li button::before { font-size: 45px; }

.about-missio figure { width: 33%; max-width: 180px; /* image width */ }
.about-missio figure:nth-of-type(3) { float: left; margin: 6px 1.5rem .9rem 0; }
.about-missio figure:nth-of-type(2) { float: right; margin: 6px 0 .9rem 1.5rem; }
.about-missio figure:nth-of-type(1) { float: left; max-width: 333px; width: 45%; margin: 6px 1.5rem .9rem 0; }

figcaption  {
	clear: both;
	padding-top: .3rem;
	text-align: center;
	font-size: 12px;
	font-style: italic;
	color: #757575;
}



/* NOTE: the accordion was moved from about.aspx to faq.aspx */
#about-missio-accordion  .panel-default > .panel-heading { 
    padding: 0; 
    border-radius: 0; 
    color: #212121; 
    background-color: #FAFAFA; 
    border-color: #EEEEEE; 
}
   
#about-missio-accordion .panel-title > a { 
    display: block; 
    padding: 15px; 
    text-decoration: none; 
}

 #about-missio-accordion .plus-minus { 
    float: right;
    color: #999;
 }

/* ============ Resources.aspx ============ */
/* .resources is on a row el */
.resources h2	{ margin: 0 0 1.5rem; }
.resources h3	{ margin: 0 0 1.5rem; }
.resources .nav-tabs { margin: 3rem 0; }
.resources .tab-content .well ul	{
	list-style: none;
	max-width: 63rem;
	margin: 1.5rem auto 3rem;
	
}

.resources .list-group-itemXXXX { max-height: 9rem; overflow: hidden; }
.resources #world-mission-month li span	{ float: right; }
.resources a	{ color: #cd2a2a; }
.resources .nav-tabs li.active a { font-weight: bold; }


  .resources .tab-content .well ul  ul {
    list-style: none;
    margin: 0px;
    border: 0px;
}
   .resources .tab-content .well ul ul li {
        padding:5px;
    }




#project-post-update .list-inline li { text-align: center; }
#project-post-update .list-inline img { display: block; }
#project-post-update .uploadergrid, #modalProfilImage .uploadergrid { display: none; } /* this is uploader's progress bar for each image uploaded */
#project-post-update .AjaxUploaderCancelAllButton { display: none; }  /* this is uploader's cancel button */
#project-post-update { 
    background: none repeat scroll 0 0 #f5f5f5; 
    border: 1px solid #e0e0e0; 
    float: left; 
    width: 100%; 
 }
#project-post-update textarea, #project-post-update .image-area { 
    background: none repeat scroll 0 0 #fff; 
    border: none; 
    color: #777777; 
    float: left; 
    letter-spacing: 0.3px; 
    padding: 0px; 
    width: 100%; 
    outline: none; 
 }
#project-post-update textarea { height: 45px; padding: 5px 10px; }
#project-post-update ul.media-type { 
    float: left; 
    list-style: none outside none; 
    margin: 0; 
    padding: 0 0 0 15px; 
    width: auto; 
 }
#project-post-update ul.media-type > li > a { 
	float: left;
	margin: 1.5rem 0 0;
	padding: .6rem .9rem;
	line-height: 1;
	text-align: center;
	color: #666;
	cursor: pointer;
	text-decoration: none;
	border-radius: 3px;
	transition: all .3s ease 0s;
}
#project-post-update ul.media-type > li > a span { padding-right: .6rem; }





#project-post-update ul.media-type > li > a:hover { 
    background: none repeat scroll 0 0 #606060; 
    color: #fff; 
 }
#project-post-update .post { 
    float: right; 
    margin: .9rem; 
    padding: 6px 15px; 
 }


#modalProfilImage  .modal-header {    
    background-color: #222; 
    color: #eee; 
 }

#modalProfilImage #dropzone { 
  position: relative; 
  border: 1px dashed #222; 
  border-radius: 10px; 
  color: white; 
  font: bold 24px/200px arial; 
  height: 120px; 
  margin: 30px auto; 
  text-align: center; 
  width: 100%;  
  background-color: #f8f8f8; 
 }

#modalProfilImage #scrollbox { height: 100px; }
#modalProfilImage h4 { margin: 10px; }
@media (min-width: 768px) { 
    #modalProfilImage .modal-dialog { width: 400px;  }
 }

/* ellipsis plugin* */
.ellipsis-read-more { 
  font-size: 12px; 
  font-weight: bold; 
  text-transform: uppercase; 
  text-decoration: underline;  
  cursor: pointer; 
  text-align: right; 
  display: block; 
  border-top: 1px solid #eee; 
  margin-top: 10px; 
  padding-top: 10px; 
 }

.project-fundraiser .card img { 
    width: inherit; 
    height: inherit; 
    margin: 0 auto; 
 }
.project-fundraiser .card h6 { 
    letter-spacing: 1px; font-weight: bold; 
 }
 .project-fundraiser .card-block .caption { 
    height: 80px; 
 }

@media (max-width: 768px) { 
   .project-fundraiser h1 { font-size: 20px;  }
 }


.row.fundraise-project-header	{
	margin-top: 30px;
	padding: 30px 0;
	border-top: 1px solid #cd2a2a;
	border-bottom: 1px solid #cd2a2a;
}

.fundraise-project p { font-size: 16px; }
/* pardon the imperfect method ...*/
.fundraise-project h3 { font-size: 18px; line-height: 1.35; }
.fundraise-project textarea { width: 100%; height: 200px; }        


/* bootstrap table overide */
.table { 
	background-color: #fff; 
	border-bottom: 1px solid #eee; 
 }

.table tbody tr td { 
	padding: 13px; 
	vertical-align: middle; 
	border-top-color: #eee; 
 }

/*  bootstrap blockqoute overide */
blockquote {
	margin: .9rem 0 1.8rem;
	padding: 0;
	border: none; 
	quotes: "\201C" "\201D"; 
	display: inline-block;
}

blockquote p:before	{ content: open-quote; font-weight: bold; } 
blockquote p:after	{ content: close-quote; font-weight: bold; }

@media (min-width: 768px) {
	.testimonial blockquote { margin-bottom: 1.5em; }
}

/* pardon me, this is kinda hacky but for a quick fix ...*/
.testimonial .missio-red	{ margin: 3.6rem 0 0; }





/* enscroll horizontal bar style */
.enscroll-track { 
    width: 10px; 
    background: rgba(0, 0, 0, 0); 
    margin-right: 2px; 
    border-radius: 10px; 
    -webkit-transition: background 250ms linear; 
    transition: background 250ms linear; 
 }

.enscroll-track:hover,
.enscroll-track.dragging { 
    background: #d9d9d9; /* Browsers without rgba support */
    background: rgba(0, 0, 0, 0.15); 
 }

.enscroll-handle { 
    width: 7px; 
    right: 0; 
    background: #999; 
    background: rgba(0, 0, 0, 0.4); 
    border-radius: 7px; 
    -webkit-transition: width 250ms; 
    transition: width 250ms; 
 }

.enscroll-track:hover .enscroll-handle,
.enscroll-track.dragging .enscroll-handle { 
    width: 10px; 
 }


/* project fundraiser card  - DISABLED FOR NOW */
.slide-card { 	
	border: 1px solid rgb(215, 215, 215); 
	position: relative; 
	font-family: 'Lato', sans-serif; 
	margin: 10px; 
	overflow: hidden; 
 }
	
.slide-card .slide-card-details { 	
	height: 100%; 
	width: 100%; 
	position: absolute; 
	bottom: -100%; 
	left: 0; 
	padding: 0 15px; 
	background: rgb(255, 255, 255); 
	text-align: center; 	
 }
	
.slide-cardXXX:hover .slide-card-details, .flipped { 
	bottom: 0px; 
	overflow: auto; 
	padding-top: 10px; 
 }
	
.slide-card .animate { 
	-webkit-transition: all 0.4s ease-in-out; 
	-moz-transition: all 0.4s ease-in-out; 
	-o-transition: all 0.4s ease-in-out; 
	-ms-transition: all 0.4s ease-in-out; 
	transition: all 0.4s ease-in-out; 
 }

.slide-card .card { margin: 0px; padding: 0px; border: 0px; }
		    

.slide-cardXXX ul { text-decoration: none; }
.slide-cardXXX ul li { display: inline-block; margin-left: -15px; width: 30px; }
.slide-cardXXX .table td {  padding: 5px 0px;  }



.fundraiser-donors-ticker{  
  border-radius: 5px;  
  cursor: default;          
  height: 40px; 
  position: relative; 
  overflow: hidden;    
 }

.fundraiser-donors-ticker ul{ 
  position: absolute; 
  list-style: none; 
  padding: 0 0 0 10px; 
 }

.fundraiser-donors-ticker .newsticker-list .newsticker-item {  
  height: 40px; 
 }



#search-clear-desktop { 
    position: absolute; 
    right: 50px; 
    top: 0; 
    bottom: 0; 
    height: 14px; 
    margin: auto; 
    font-size: 14px; 
    cursor: pointer; 
    color: #ccc; 
    z-index: 100; 
    background-color: #fff; 
 }

 .autocomplete-suggestions { 
    text-align: left; 
    cursor: default; 
    border: 1px solid #eee; 
    border-top: 0; 
    background: #fff; 
    box-shadow: -1px 1px 3px rgba(0,0,0,.1); 
    /* core styles should not be changed */
    position: fixed!important; top: 43px!important;  /* fixed and top is required since this is in a navbar fixed to avoid moving when scrolling */
    display: none; 
    z-index: 9999; 
    max-height: 254px; 
    overflow: hidden;     
    box-sizing: border-box; 
 }

@media (max-width: 768px) { 
 .autocomplete-suggestions  { top: 95px!important; /* overide for mobile search bax */ }
 }

 .autocomplete-suggestion { 
    position: relative; 
    padding: 0 .6em; 
    line-height: 23px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    font-size: 1.02em; 
    color: #333;     
 }
.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }
.autocomplete-suggestion.selected { background: #f0f0f0; }


#admin-projects .nav-tabs { border-bottom: 2px solid #DDD; }
#admin-projects .nav-tabs > li { padding: 10px;        }
#admin-projects .nav-tabs > li.active { background-color: #eee;           }
#admin-projects .nav-tabs > li.active > a, #admin-projects  .nav-tabs > li.active > a:focus, #admin-projects .nav-tabs > li.active > a:hover { border-width: 0; }
#admin-projects .nav-tabs > li > a { border: none; color: #666; }
#admin-projects .nav-tabs > li.active > a, #admin-projects .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; }
#admin-projects .nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
#admin-projects .nav-tabs > li.active > a::after, #admin-projects .nav-tabs > li:hover > a::after { transform: scale(1); }
#admin-projects .tab-content{ padding: 20px }
#admin-projects .badge-info { 
  background-color: #3a87ad; 
 }
#admin-projects .badge-info:hover { 
  background-color: #2d6987; 
 }

@media (max-width: 768px) { 
   #admin-projects { overflow-x: auto; }
 }


/* ============ FUNDRAISER PROFILE ============ */
.hdr-fundraiser-profile > .narrow-col	{ margin: auto; float: none; /*!*/ }
.hdr-fundraiser-profile > .col > .col { padding: 0; } /* re: pull the avatar flush left */
.hdr-fundraiser-profile img { max-height: 90px; }
.hdr-fundraiser-profile h2	{ font-weight: bold; }
.hdr-fundraiser-profile .member-since, 
.hdr-fundraiser-profile .fundraiser-location	{ margin: 0; padding: 0; }

.fundraiser-profile .img-responsive	{ margin: auto auto .9rem; }

.fundraiser-project-card	{ padding: 0; margin: 0 auto 1.5rem; border: 1px solid #ddd; }
@media (max-width: 768px) {
	.fundraiser-project-card	{ border: 1px dotted #ccc; }
}
.fundraiser-project-card .quote	{ margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 0px solid #ccc; }
.fundraiser-project-card .money p	{ padding-left: .9rem; }
.fundraiser-project-card .money .pull-right	{ padding-right: .9rem; }

/* the slides */
.fundraiser-project-card .slick-slide { margin: 0 .9rem; }
/* the parent */
.fundraiser-project-card .slick-list { margin: 0 -.9rem; }






/* ============ CHECKOUT, THANK YOU ============ */
div.missio-h1.checkout-h1	{ margin-bottom: 4.5rem; padding: 1.5rem 0; }
.missio-h1.checkout-h1 h2 { margin: 0; padding: 0; }
.checkout-wrapper .line-items	{ padding: 1.5rem 1.5rem 0 1.5rem; }

.line-items .row .col { padding: 0; }
.line-items .row h4,
.line-items .row .h4 { margin-bottom: .3rem; }

.checkout-wrapper label.h4	{
	line-height: 1.35;
	font-size: 18px;
	font-weight: 300;
}

.checkout-wrapper .has-explainer { margin-bottom: 0; }
.checkout-wrapper .explainer .small	{ padding-left: 2.1rem; padding-left: 0; font-size: 78%; color: #757575; }


.checkout-wrapper .checkboxes .col .col	{ padding-left: 0; }
.checkout-wrapper .checkboxes h4	{}

.checkout-wrapper .checkboxes input	{ margin-right: .15rem; }
.checkout-wrapper textarea	{ resize: vertical; }
.checkout-wrapper .grand-total	{ margin-top: .9rem; margin-bottom: 3rem; border-top: 3px double #ccc; }
.checkout-wrapper .grand-total h4	{ font-weight: bold; }

.checkout-wrapper .fa-lg {
	font-size: .99em;
	line-height: 1;
	vertical-align: top;
}
.checkout-wrapper .submit-button	{ margin-top: 1rem; }




/* ============ PROJECT CARD V2 ============ */
.col-project-card	{ padding: 0; /* !!! */}
.project-card	{
	display: block;
	position: relative;
	margin: 0 2.1rem 3rem 2.1rem;
	background: #fff;
	color: #000;
	line-height: 1.35;
	border: 1px solid #ccc;
}

/* fixed height! */
.project-card .project-img {
	width: 100%;
	height: 210px;
	margin-bottom: 1.5rem;
	overflow: hidden;
}

/* fixed height! */
.project-card .project-info {
	/* has height by default though several .project-card instances will require bespoke height */
	height: 15rem;
	margin-bottom: .9rem;
	padding: 0 .9rem;
	overflow: hidden;
}

.project-info h1 {
	margin: 0 0 .15rem;
	font-size: 17px;
	font-weight: 400;
}

.project-info h1 a { color: #cd2a2a; }

.project-info h2.project-category-location	{
	margin: 0 0 1.2rem;
	font-size: 13px;
	color: #666;
}

.project-category-location p { margin: 0; }
.project-info .project-description	{
	margin: 0;
	color: #222;
	font-size: 13px;
	font-weight: 300;
}

/* .project-status contains .progress + .amounts */
.project-status	{ margin: 0 .9rem .6rem; }

.progress	{ height: 8px; margin: 0 0 .9rem; }

.project-status .amounts p { margin: 0; }
.project-status .amount-raised span	{ color: #cd2a2a; }

/* .project-leader contains avatar + leader name */
/* keep .project-leader clear of margins/padding re: project detail header */
.project-leader	{ overflow: hidden; }
.project-leader .project-leader-image	{}
.project-leader-image .circle-avatar	{
	width: 54px;
	height: 54px;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 50%;
}

.project-card .project-leader { height: 7.5rem; margin: .9rem; padding-top: 1.2rem; border-top: 1px solid #ccc; }

.project-leader-info p	{ margin: 0; font-weight: normal; }
.project-leader-info .project-leader-title	{ margin-bottom: .3rem; margin-top: .8rem; font-size: 14px; text-transform: uppercase; }
.project-leader-info .project-leader-name	{ font-size: 13px; text-transform: capitalize;margin-top:0px!important; }

.project-card .fundraiser-statement	{ padding: .3rem .9em 0; }
.project-card .fundraiser-statement h4 { margin: 0 0 .3rem; font-size: 15px; font-weight: bold; }
.project-card .fundraiser-statement p {
	font-size: 81%;
	height: 90px;
	margin-bottom: 1.2rem;
	padding: 0 1.5rem;
	overflow-x: hidden;
	overflow-y: auto;
	line-height: 1.35;
	color: #666;
	font-weight: bold;
}
.project-card .fundraiser-statement .quote { display: inline-block; padding: .3rem 0; font-weight: normal; font-style: italic; }

/* .call-to-action contains 'Donate', 'Learn More', 'Add to Basket' */
.call-to-action	{ text-align: center; }
.call-to-action .row:not(.social-share) { height: 3.6rem; margin: 0; }
.call-to-action .row .col { padding: 0; }

/* not 'a.btn' re: 'added to basket', which is not a link */
.call-to-action .btn:not(.btn-donate-now) { width: 100%; color: #fff; }
.call-to-action .btn-donate-now { width: 50%; }
.call-to-action .added-to-basket	{ color: #fff; background: #fa7b04; }

.donate-learn-more > .col:nth-of-type(1)	{ border-right: 1px solid #fff; }

.project-card .social-share	{
	margin: 0;
	padding: .9rem 0 1.5rem 0;
	text-align: center;
	border-top: 1px solid #ccc;
}

.social-share h4	{ margin: 0 0 .9rem; }

/* social icons */
.social-share a {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
}
.project-card .social-share a img {}
.social-share a.copy-link {
	line-height: 1;
	color: #000;
	background: #fff;
	border: 2px solid #000;
	border-radius: 3px;
}

.social-share a.copy-link i { margin-top: 33%; }


.project-card .call-to-action > .row { display: none; }

.row.explore-projects-button { margin-top: 3rem; text-align: center; }


	.donate-now-wrapper { height: 3.6rem; background: #cd2a2a; }
	
	.donate-now-wrapper label {
		display: inline-block;
		width: 50%;
		height: 3.6rem;
		margin: auto;
		font-size: 15px;
		font-weight: normal;
		text-align: center;
		line-height: 2.55;
		color: #fff;
	}
	.select-wrapper {
		width: 50%;
		height: 100%;
		padding: 0;
		overflow: hidden;
		/*line-height: 2.4;*/
		color: #000;
		background-color: #fff ;  
		border: 3px solid #cd2a2a;
		box-shadow: 3px 3px 9px #e4e4e4 inset;
	}

	/* remove default arrow */	
	.select-wrapper select {		
		width: 100%;
		height: 100%;
		padding-left: 1.5rem;
		font-size: 14px;
		line-height: 1;
		background: transparent;
		border: 0;
		border-radius: 0;
		outline: 0 !important;
	}

	.select-wrapper select::-ms-expand { display: none !important; }
	.select-wrapper select:focus { border: 0; }

	.select-wrapper option { text-align: center; }


/* ============ CUSTOMIZE PROJECT CARDS PER CONTEXT/NAMESPACE ============ */

/* 'Thank You' page */
.project-cards-thank-you .project-info { height: 6.3rem; }
.project-cards-thank-you .row.social-share { display: block; }
.project-cards-thank-you .fundraiser-statement { display: none; }


/* Fundraiser Profile */
.project-cards-fundraiser-profile .project-card .project-info { height: 3.9rem; }
.project-cards-fundraiser-profile .project-leader { display: none; }
.project-cards-fundraiser-profile .call-to-action .row.donate-now-wrapper,
.project-cards-fundraiser-profile .call-to-action .row.donate-learn-more,
.project-cards-fundraiser-profile .call-to-action .row.learn-more,
.project-cards-fundraiser-profile .call-to-action .row.added-to-basket,
.project-cards-fundraiser-profile .call-to-action .row.social-share { display: block; }




/* ============ BUTTONS ============ */
/*.btn {   --- this messed up other buttons!!!
	padding: .6rem 0;
	font-size: 15px;
	box-shadow: inset 0 0 0 0 #fff;
	border-width: 1px;
}*/

.jumbotron .btn,
.home-world-map .btn,
.testimonial .btn,
.fundraise-project .btn { padding: .6rem 2.4rem; }

.connect-with-parish .btn { width: 21rem; }
.btn-pagination { padding: .6rem 1.2rem; }




.btn.disabled { opacity: .3; }
/*
.btn .fa	{ color: #fff; }
.btn:hover .fa	{ color: #cd2a2a; }
*/



/* ============ button styles ============ */
.missio-gray { color: #ccc; }
.missio-red { color: #cd2a2a; }
.missio-orange { color: #fa7b04; }

.btn-missio-gray,
.btn-missio-red,
.btn-missio-orange	{ border-width: 1px; }

.btn-missio-gray { background: #ccc; color: #333; }

/* ============ red ============ */
.btn-missio-red,
a.btn-missio-red { background: #cd2a2a; color: #fff; border-color: #cd2a2a; }

.btn-missio-red:hover,
a.btn-missio-red:hover { background: #fff; color: #cd2a2a; }

/* exceptions */
.call-to-action .btn-missio-red:hover {
	background: #cd2a2a;
	color: #fff;
	box-shadow: none;
	text-decoration: underline;
}

.btn-missio-red-alt,
a.btn-missio-red-alt { background: #fff; color: #cd2a2a; border-color: #cd2a2a; }

.btn-missio-red-alt:hover,
a.btn-missio-red-alt:hover { background: #cd2a2a; color: #fff; }


/* ============ orange ============ */
.btn-missio-orange,
a.btn-missio-orange { background: #fa7b04; color: #fff; border-color: #fa7b04; }

.btn-missio-orange:hover,
a.btn-missio-orange:hover { background: #fff; color: #fa7b04; }

.btn-missio-gray,
.btn-missio-red:hover,
.btn-missio-orange:hover { box-shadow: inset 0 150px 0 0 #fff; }

/* exception */
.btn-missio-orange.added-to-basket:hover {
	box-shadow: none;
	background: #fa7b04;
	color: #fff;
	cursor: default;
}
.hdr-explore .normal-text {
    font-size: 16px;
    margin: 0 auto 10px;
}

.hdr-explore .normal-headline {
    font-size: 24px;
    margin: 30px auto;
    padding: 0;
}

.col-sm-12.hide-texts div {
    display: none;
}
.col-sm-12.hide-texts div.selected {
    display: block !important;
    margin-bottom: 20px;
}


.card-block .legatus {
    position:absolute;
    background-color:#fff;
    width:120px!important;
    height:69px!important;
    right:-7px;
    top:-73px;
}   


.card-block .mcp {
    position:absolute;
    background-color:#fff;
    width:90px!important;
    height:69px!important;
    right:-7px;
    top:-73px;
}   

.card-block .wms {
    position:absolute;
    background-color:#fff;
    width:200px!important;
    height:47px!important;
    right:-7px;
    top:-55px;
}   

.logoLegatusMcp {
    background-color:#fff;                         
    margin:5px;
    z-index:10;
    position:absolute;
    right:0px;
}
   
.logoLegatusMcp.legatus {  top:-80px; width:120px!important;  }
.logoLegatusMcp.mcp {  top:-93px; width:100px!important;  }
.logoLegatusMcp.wms {  top:-60px; width:200px!important;  }