body{
	background: #08497b;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 1.4em;}

h2, .h2{
	color:#1671a0;
	font-size:1.6em;
	font-weight:600;
	margin:5px 0 15px;}

.alert{
	border: 0;
	border-radius: 8px;
	padding: 18px 22px;}

.banner-ribbon{
	background: #5EC8D8;
	color:#fff;
	font-family:'Caveat Brush', sans-serif;
	font-size: 32px !important;
	font-weight: 400;
	line-height: 1.1em;
	margin: 30px auto;
	padding: .6em 2em;
	position: relative;
	text-align: center;
	text-shadow: 1px 1px 0px #138a97;
	width: 90%;}

.banner-ribbon:before,
.banner-ribbon:after{
	border: 1em solid #31B9CE;
	bottom: -.5em;
	content: "";
	display: block;
	position: absolute;
	z-index: -1;}

.banner-ribbon:before{
	border-right-width: .8em;
	border-left-color: transparent;
	left: -1.3em;}

.banner-ribbon:after{
	border-left-width: .8em;
	border-right-color: transparent;
	right: -1.3em;}

.banner-ribbon .ribbon-content:before,
.banner-ribbon .ribbon-content:after{
	border-color: #138A97 transparent transparent transparent;
	border-style: solid;
	bottom: -.5em;
	content: "";
	display: block;
	position: absolute;}

.banner-ribbon .ribbon-content:before{
	border-width: .5em 0 0 .5em;
	left: 0;}

.banner-ribbon .ribbon-content:after{
	border-width: .5em .5em 0 0;
	right: 0;}

.banner-ribbon-wrapper{
	position: relative;
	z-index: 1;}

.breadcrumb{
	/*background: #1671A0 !important;*/
	border: 0 !important;
	border-radius: 8px !important;
	box-shadow: none;
	color: #fff;
	font-size: 1em;
	margin: 0 0 20px !important;
	padding: 3px 12px !important;}

.breadcrumb a{
	text-decoration: none;
	color: #003366;
	display:inline-block;
	padding: .7em 1em;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);}

.breadcrumb a:hover{
	color: #fff;}

.breadcrumb li{
	background:#F9BB02 ;
	margin: 3px .5em 3px .7em;
	padding:0;
	position: relative;
	transition:all .3s;}

.breadcrumb li::before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.4em;
	border-width: 1.4em 0 1.4em .8em;
	border-style: solid;
	border-color: #F9BB02 #F9BB02 #F9BB02 transparent;
	left: -12px;
	transition:all .3s;}

.breadcrumb li::after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.4em;
	border-top: 1.4em solid transparent;
	border-bottom: 1.4em solid transparent;
	border-left: .8em solid #F9BB02;
	right: -12px;
	transition:all .3s;}

.breadcrumb li:hover{
	background:#FDD14D;
	color:#444;}

.breadcrumb li:hover::before{
	border-color: #FDD14D #FDD14D #FDD14D transparent;}

.breadcrumb li:hover::after{
	border-left: .8em solid #FDD14D;}

.breadcrumb li:hover a{
	color:#444;}

.breadcrumb li.active{
	background:#08497B;
	color:#fff;
	padding: .7em 1em;}

.breadcrumb li.active::before{
	border-color: #08497B #08497B #08497B transparent;}

.breadcrumb li.active::after{
	border-left: .8em solid #08497B;}

.breadcrumb > li + li::before{
	content: "";
	padding:0;}

.breadcrumb .expandBreadcrumb{
	margin-right:4px;}

.btn-large{
	border-radius:8px;
	color:#fff !important;
	font-size: 1.1em;
	font-weight: 500;
	line-height: 1.2em;
	margin-bottom:14px !important;
	margin-top:0;
	padding:18px 12px;
	text-decoration:none;
	transition: all .3s;
	white-space:normal;}

.btn-large:active,
.btn-large:visited{
	color:#fff !important;}

.btn-large .fa{
	margin-right:10px;}

.btn{
	margin:2px 0;
	transition: all .5s;
	white-space:normal;}

.btn-xs, .btn-group-xs > .btn{
	padding: 3px 7px;
	font-size: 16px;
	min-width: 32px;}

.btn-danger{
	background:#c92031;
	border-color:#b01b2a;}

.btn-danger:hover{
	background:#b01b2a;
	border-color:#b01b2a;}

.btn-warning{
	background:#f9bb02;
	border-color:#dba607;}

.btn-warning:hover{
	background:#dba607;
	border-color:#dba607;}

.btn-green{
	background:#89b918;
	border-color:#749e13;
	color:#fff;}

.btn-green:hover{
	color:#fff;
	background:#749e13;
	border-color:#749e13;}

.btn-darkgreen{
	background:#2f6b0a;
	border-color:#255706;
	color:#fff;}

.btn-darkgreen:hover{
	color:#fff;
	background:#255706;
	border-color:#255706;}

.btn-orange{
	background:#f3702f;
	border-color:#d55b1f;
	color:#fff;}

.btn-orange:hover{
	color:#fff;
	background:#d55b1f;
	border-color:#d55b1f;}

.btn-blue{
	background:#3097d1;
	border:1px solid #2a88bd;
	color:#fff;}

.btn-blue:hover{
	background:#2a88bd;
	border:1px solid #2a88bd;
	color:#fff;}

.btn-blue-light{
	background:#5ec8d8;
	border:1px solid #46b9cb;
	color:#fff;}

.btn-blue-light:hover{
	background:#46b9cb;
	border:1px solid #46b9cb;
	color:#fff;}

.btn-purple{
	background:#7470bf;
	border:1px solid #615db1;
	color:#fff;}

.btn-purple:hover{
	background:#615db1;
	border:1px solid #615db1;
	color:#fff;}

.btn-red{
	background:#D3222B;
	border:1px solid #AA1C23;
	color:#fff;}

.btn-red:hover{
	background:#AA1C23;
	border:1px solid #AA1C23;
	color:#fff;}

.btn-yellow{
	background:#f9bb02;
	border:1px solid #d6a100;
	color:#fff;}

.btn-yellow:hover{
	background:#d6a100;
	border:1px solid #d6a100;
	color:#fff;}

.clear{
	clear: both;}

ol.custom-rounded-bullet{
	list-style:none;
	margin:0;
	padding:14px 0 4px 0;}

ol.custom-rounded-bullet > li{
	vertical-align:middle;
	margin-bottom:10px;
	min-height:32px;}

ol.custom-rounded-bullet > li:first-child{
	counter-reset:index;}

ol.custom-rounded-bullet > li:before{
	background:#16A2AD;
	border-radius:50%;
	color:#fff;
	content: counter(index);
	counter-increment:index;
	display:inline-block;
	float:left;
	font-family: 'Caveat Brush', sans-serif;
	font-size: 1.5em;
	font-style: normal;
	height:32px;
	line-height:32px;
	margin:-4px 10px 18px 0;
	text-align:center;
	vertical-align:middle;
	width:32px;}

.donation-map{
	background:#eee;
	border-radius:8px;
	margin-bottom:30px;
	padding:30px;
}

.donation-map svg#chart{
	max-width:100%;
}

.donation-map-header{
	text-align: center;
}

.donation-map-header img{
	width:220px;
	height:auto;
}

.donation-map-world{
	margin:15px 0;
	text-align: center;
}

.donation-map-world img{
	width:250px;
	height:auto;
	margin-bottom:10px;
}

.donation-map-list{
	font-size:1.1em;
	list-style: none;
	padding:0 30px;
}

.donation-map-list li{
	margin:6px 0;
	padding-bottom:6px;
	border-bottom:1px solid #e3e3e3;
}

.donation-map-list li:last-child{
	border:0;
}

.donation-map-countries-list{
	max-height: 350px;
	overflow: auto;
}

.email-steps{
	margin:30px 0;
}

.email-steps h3{
	color:#08497B;
	display:inline-block;
	font-size:1.4em;
	font-weight:600;
	margin:0;
	vertical-align: middle;
}

.email-steps .fa-stack{
	font-size:1.4em;
	margin-right: 5px;
	vertical-align: middle;
}

.email-steps .fa-stack-2x{
	color:#08497B;
}

.email-steps .fa-stack-1x{
	color:#fff;
}

.email-steps .description{
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1.4em;
	margin: 3px 20px 40px 52px;
	}

.family-social{
	margin-bottom:2em;
	text-align:right;}

.family-social img{
	margin:2px 0;}

.family-social .donate{
	display: inline-block;
	margin-right:10px;}

@media screen and (max-width:767px){
	.family-social{
		text-align:center;}
	
	.family-social .donate{
		margin:20px 0 10px;
		display: block;}
}

.family-photo{
	margin-bottom:20px;
	text-align: center;}

.family-photo img{
	border: 10px solid #eee;
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 500px;}

footer{
	color:#E8E8E8;
	font-size:.9em;
	font-weight: 300;
	padding:30px 0 70px;
	text-align: right;}

footer .copyright{
	opacity: .5;}

footer .logo{
	color:#16bed4;
	text-align:center;}

footer .logo img{
	height:auto;
	margin-bottom:20px;
	max-width:220px;
	width:100%;}

.form-control{
	box-shadow: none;
	font-size: inherit;
	height: 42px;
	padding: 8px 10px;}

input[type="file"].form-control{
	background-color: transparent;
	border: 0;
	box-shadow: none;
	height: auto;
	padding: 6px 0;
	width: auto;}

.form-group{
	margin-bottom: 10px;}

.form-horizontal .control-label{
	font-weight: 600;}

.home-announcement{
	background:#eee;
	border-bottom:3px solid #C92031;
	border-top:3px solid #C92031;
	color:#c92031;
	font-size:1.15em;
	margin:0 -20px 30px;
	padding:30px;
	padding-top:15px !important;}

.home-announcement.blue{
	border-bottom:3px solid #1671a0;
	border-top:3px solid #1671a0;
	color:#1671a0;}

.home-announcement h3{
	font-size:1.4em;
	font-weight:600;
	line-height: 1.1em;
	margin:15px 0 10px;}

.home-announcement ol.custom-rounded-bullet{
	color:#555;
	font-style: italic;}

.home-announcement ol.custom-rounded-bullet > li{
	margin-bottom:18px;}

.home-announcement ol.custom-rounded-bullet > li i{
	color:#2cb32e;
	font-size:1.2em;}

.home-announcement ol.custom-rounded-bullet > li:before{
	background:#C92031;}

.home-announcement ol.custom-rounded-bullet span.headline{
	color:#000;
	display:inline-block;
	font-size:1.1em;
	font-style:normal;
	font-weight:400;
	margin-bottom:3px;}

.home-announcement strong{
	font-weight:600;}

.incentives-container{
	align-content: flex-start;
	display:flex;
	flex-flow:row wrap;
	justify-content: center;}

.incentives-container .incentive{
	background:#eee;
	border-radius:6px;
	color:#86868f;
	font-size:.9em;
	margin:10px;
	padding:20px 15px;
	width:calc(370px - 30px);
	text-align: center;
/*display: flex;
	flex-direction: column;
	justify-content: center;*/}

.incentives-container .incentive img{
	border-radius: 5px;
	display:block;
	margin:0 auto 12px;
	max-height:120px;}

.incentives-container .incentive h3{
	color:#08497b;
	font-size:1.2em;
	margin:5px 0 4px;}



@media screen and (max-width:400px){
	.incentives-container .incentive{
		flex-basis:100%;
		min-width:auto;
	}
}

.info-button,
.large-info-button{
	background:none;
	border:0;
	color:#15bbc9;
	line-height:1em;
	padding-left:5px;
	padding-right:5px;}

.info-button:hover,
.info-button:focus,
.large-info-button:hover,
.large-info-button:focus{
	background:none;
	color:#0e99a5}

.info-button i{
	font-size: 1.5em;}

.large-info-button i{
	font-size: 1.6em;}

.login .login-top{
	text-align: center;}

.login .login-top img.logo{
	height: auto;
	margin-bottom:20px;
	max-width: 100%;
	width: 250px;}

.login .panel-body{
	padding-top: 20px;}

.login .login-top .header-text{
	color: #08497B;
	font-size:1.2em;
	font-weight: 600;
	line-height: 1.2em;
	margin: 0 0 15px;}

.login-instructions{
	font-size:1.05em;
	line-height:1.5em;}

.login-instructions h3{
	color:#008c9c;
	font-family: 'Caveat Brush', sans-serif;
	font-size:1.6em;
	line-height: 1.1em;
	margin:0 0 10px;}

.login-instructions .question a{
	display:block;
	font-weight: 500;
	padding:5px 0;}

.login-instructions .answer{
	color:#333;
	font-size:.95em;
	margin-bottom:12px;}

.login-instructions .panel-body{
	padding-top:20px;}

.minutes-read{
	background-size:contain;
	border-radius:120px;
	color:#fff;
	float:right;
	font-size:28px;
	font-weight: 600;
	height:140px;
	line-height: 140px !important;
	margin-top:20px;
	text-align: center;
	width:140px;
	-ms-transform: rotate(15deg); /* IE 9 */
  -webkit-transform: rotate(15deg); /* Safari prior 9.0 */
  transform: rotate(15deg); /* Standard syntax */}

.minutes-read div{
	display: inline-block;
	line-height:18px !important;
	margin-bottom:0 !important;
	vertical-align: middle;}

.minutes-read div span{
	color:#d7d6ef !important;
	font-size:.5em !important;
	font-weight:500 !important;
	margin-bottom:0 !important;}

.modal h5.modal-title{
	color:#2E859D;
	display:inline-block;
	font-size:1.3em;
	font-weight:600;}

.modal-header{
	border-bottom:0;
	padding-bottom:0;}

.modal-body{
	color:#333;
	font-size: 1.15em;
	font-weight: 300;
	line-height: 1.4em;
	padding:10px 15px 15px;}

.modal-body strong{
	font-weight: 500;}

.modal-body .social-buttons{
	margin-top:15px;}

.modal-body .social-buttons img{
	margin:5px 3px;}

.navbar .dropdown-menu{
	background:#1671A0;
	border:1px solid #08497b;
	border-right:none;
	border-top:none;
	border-radius:0;
	box-shadow:none;
	min-width:200px;
	padding:0;}

.navbar .dropdown-menu > li > a{
	color:#fff;
	font-size:.95em;
	padding:8px 20px;}

.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus{
	background:#1A82B9;
	color:#fff;}

.navbar .dropdown-menu li.nav-header-row{
	background:#146794;
	color:#fff;
	font-weight: 600;
	padding:8px 20px;}

.navbar .dropdown-menu .divider{
	background-color:#65A1C0;
	margin:3px 0;}

.navbar .dropdown-submenu{
	position: relative;}
		
.navbar .dropdown-submenu > .dropdown-menu{
	left: 100%;
	margin-top:0;
	margin-left:0;
	top: 0;}
		
.navbar .dropdown-submenu:hover > .dropdown-menu{
	display: block;}
		
.navbar .dropdown-submenu > a.dropdown-toggle{
	padding-right:35px;}

.navbar .dropdown-submenu > a:after{
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 7px;
	margin-right: -20px;}
		
.navbar .dropdown-submenu:hover > a{
	background:#1A82B9;}

.navbar .dropdown-submenu:hover > a:after{
	border-left-color: #fff;}
		
.navbar .dropdown-submenu.pull-left{
	float: none;}
		
.navbar .dropdown-submenu.pull-left > .dropdown-menu{
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;}

.navbar i.fa{
	margin-right:3px;}

.navbar-default{
	background: #08497B;
	border: 0;
	margin: 0;}

.navbar-default .navbar-nav > li > a{
	color: #fff;
	transition: all .3s;}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{
	background: #1671A0;
	color: #fff;}

.navbar-nav > li > a{
	font-size:.95em;
	padding:20px 12px;}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
	background: #1671A0;
	color:#fff;}

.navbar-form{
	background: #fff;
	border: 0;
	border-radius: 4px;
	margin: 12px 15px 0 0;
	padding: 5px;}

.navbar-form input.input-sm{
	border: 0;
	box-shadow: none;
	height: 28px;
	padding: 0 0 0 5px;
	width: 150px !important;}

.navbar-form input.input-sm:focus{
	box-shadow: none;}

.navbar-form .btn-primary,
.navbar-form .btn-primary:focus,
.navbar-form .btn-primary:hover{
	background-color: transparent;
	background-image:url(../images/icon-search.png);
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: none;
	border: 0;
	color: #999;
	height: 28px;
	text-indent: -9999px;
	width: 30px;}

.navbar-nav > li > .dropdown-menu{}

.navbar-default .navbar-toggle{
	border-color:#fff;}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
	background-color:#1671A0;}

.navbar-default .navbar-toggle .icon-bar{
	background-color:#fff;}

.navbar .select2-container--default,
.navbar .select2-selection--single{
	border:0;
}

@media screen and (max-width:767px){
	
	.navbar-nav .open .dropdown-menu{
		border-radius: 0;}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
		color:#fff;}
	
	form.navbar-form{
		background:none;
		border-radius:0;
		margin:0;
		padding:20px 12px;}
	
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form{
	border-color:transparent;}

.pagination{
	margin:20px 0 0;}

.panel{
	background: #fff;
	box-shadow: 1px 1px 3px #138B96;
	border: 0;
	border-radius: 8px;
	font-weight:300;
	margin-bottom:14px;}

.panel-body{
	padding: 40px 20px 20px;}

.panel-body div.pull-left{
	overflow:visible;
	padding-top: 0;
	white-space: normal;}

.panel-body .well-sm .form-group input,
.panel-body .well-sm .form-group select{
	margin:2px 0;}

.panel-default > .panel-heading{
	background:#17b1bf;
	color:#fff;}

.panel-heading h3.pull-left{
	font-size: 1.1em;
	padding-top: 5px;
	font-weight: 600;}

.sponsors{
	display: flex;
	flex-wrap: wrap;}

@media screen and (max-width:767px){
	.sponsors{
		display:block;}
}

.sponsor{
	flex-basis:50%;
	margin:12px 0;}

.sponsor img{
	display: block;
	margin:0 auto;
	max-height:70px;
	max-width:200px;
	margin-bottom:8px;}

.sponsor .name{
	font-weight:600;
	font-size:1.1em;
	margin-bottom:4px;}

.sponsor-primary{
	border:3px solid #18b1bf;
	border-radius:10px;
	flex-basis:100%;
	font-size:1.2em;
	margin-bottom:30px;
	padding:30px 15px;}

.sponsor-primary img{
	max-height:100px;
	max-width:250px;
	margin-bottom:12px;}

.sponsor-admin img{
	display:block;
	margin:0 auto;
	max-height:100px;
	max-width:250px;}

.sponsor-admin .website{
	font-size:1.15em;
	font-weight: 500;
	margin-bottom:5px;}

.sponsor-admin .amount{
	font-weight: 500;
	margin-top:5px;}

.sponsor-admin-primary{
	font-size:1.1em;}

.sponsor-admin-primary .panel-heading{
	background:#EA7435;}

.sponsor-admin-primary .website{
	font-weight: 600;}

.sponsor-admin-primary img{
	max-height:140px;
	max-width:300px;}

.table-striped{
	background: #fff;}

.table-striped thead{
	background: #1671A0;}

.table-striped thead th{
	color: #fff;}

.table-striped > tbody > tr:hover{
	background:#EDF4F8;}

.table > thead > tr > th{
	padding: 15px 8px;}

.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td{
	padding: 12px 8px;}

.table th a{
	color:#76C1EC;}

.table th a:hover{
	color:#fff;}

.well{
	background-color: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: -20px 0 15px;
	padding: 0;}

.well .btn-sm,
.well .btn-group-sm > .btn{
	padding: 8px 12px;}

.well .input-sm,
.well .input-group-sm > .form-control,
.well .input-group-sm > .input-group-addon,
.well .input-group-sm > .input-group-btn > .btn{
	font-size: 14px;
	height: auto;
	padding: 8px;}

.well select.input-sm,
.well .input-group-sm > select.form-control,
.well .input-group-sm > select.input-group-addon,
.well .input-group-sm > .input-group-btn > select.btn{
	font-size: 14px;
	height: auto;}

.well .form-group{
	margin-bottom: 0;}

.white-wrapper{
	padding:30px 0;}


@media screen and (max-width: 990px){
	footer,
	footer .copyright{
		text-align: center;}
}


/*/////////////////////////////////////////////////////////////////////

DASHBOARD STYLES

/////////////////////////////////////////////////////////////////////*/

.dash-panel{
	border-radius:8px;
	box-shadow: 1px 1px 3px #aaa;
	text-align: center;}

.dash-panel .top-number{
	background:#1673BA;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color:#fff;
	font-size:1.8em;
	font-weight: 600;
	padding:20px 0;}

.dash-panel .top-number.online{
	background:#89b918;}

.dash-panel .top-number.offline{
	background:#FF6226;}

.dash-panel .top-number.shares{
	background:#7470bf;}

.dash-panel .bottom{
	background-color:#eee;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	color:#777;
	font-size:.87em;
	padding:15px 6px;
	min-height: 72px;}

.dash-row{
	margin:25px 0;}

@media screen and (min-width: 990px){

	.dash-panel-total .top-number{
		font-size: 2.3em;
		padding: 50px 0;}

	.dash-panel-total .bottom{
		font-size: 1em;
		padding: 50px 6px;}

	.dash-panel-total .bottom strong{
		font-size: 1.2em;
		font-weight: 600;}

}

@media screen and (max-width: 990px){
	.dash-panel{
		margin-bottom:15px;;}
	
	.dash-row{
		margin:0;}
}

/*/////////////////////////////////////////////////////////////////////

PROFILE PAGE STYLES

/////////////////////////////////////////////////////////////////////*/

.donors-scrollable{
	max-height:250px;
	overflow:auto;}

.donors-scrollable div{
	color:#777;
	font-weight: 300;
	border-bottom:1px solid #D7D7D7;}

.donors-scrollable div:last-child{
	border:none;}

.donors-scrollable div span{
	color:#2F859D;
	display: block;
	font-size:1.05em;
	font-weight:600;
	margin:15px 0;}

.donors-scrollable div p{
	margin:-5px 0 15px;}

.panel-lesspadding{
	padding:15px;}

.panel-lesspadding .panel-body{
	padding:0;}

.panel-header-blue{
	background:#5ec8d8;
	color:#fff;
	font-family: 'Caveat Brush', sans-serif;
	font-size:1.7em;
	line-height:1.2em;
	margin:0;
	padding:18px 0;
	text-align: center;
	text-shadow: 1px 1px 0px #159FAE;}

.panel-lesspadding .panel-header-blue{
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	margin:-15px -15px 20px;}

.ribbon{
	box-shadow: 0px 1px 0px #BD491E;
	position:relative;
	color:#fff;
	background-color:#FF6E37;
	background-position: right center;
	background-repeat: no-repeat;
	background-size:contain;
	clear:both;
	display: inline-block;
	font-family:'Caveat Brush', sans-serif;
	padding:24px 50px 28px 20px;
	line-height: 1.1em;
	margin:0 0 0 -45px;
	min-width:100%;
	text-shadow: 1px 1px 0px #BD491E;}

.ribbon:before{
	content:" ";
	display:block;
	width:15px;
	height:15px;
	position:absolute;
	bottom:0;
	left:0;
	margin-bottom:-15px;
	z-index:2;}
	
.ribbon h2{
	color:#fff;
	font-size: 2.3em;
	font-weight: 400;
	margin:0;}
	
.ribbon .event-date{
	font-family: 'Open Sans', sans-serif;
	font-size:1.2em;
	font-weight:300;
	line-height:1.1em;
	margin-top:8px;
	opacity:0.80;
	text-shadow:none;}

.ribbon.family-ribbon{
	background-color:#7470BF;
	box-shadow: 0px 1px 0px #544FB0;
	text-shadow: 1px 1px 0px #544FB0;}

.ribbon.lighter{
	background-color:#5EC8D8;
	box-shadow: 0px 1px 0px #138a97;
	font-size:1.7em;
	font-weight:400;
	margin-top:30px;
	margin-bottom:20px;
	min-width: auto;
	padding:16px 50px 19px 20px;
	text-shadow: 1px 1px 0px #138a97;}

.eventStudentPanel{
	border-radius:0;
	box-shadow:none;
	padding:0;}

.eventStudentPanel strong{
	font-weight:600;}

.eventStudentPanel .ribbon{
	margin-left:-35px;}

.eventStudentPanel .panel-body{
	padding-left:0;
	padding-right:0;}

.eventStudentPanel .donations{
	color:#444;
	font-size:1.15em;}

.eventStudentPanel .social{
	text-align: right;}

.eventStudentPanel .social img{
	height:auto;
	margin:5px 0;
	width:50px;}

.eventStudentPanel .social-mobile{
	display:none;}

.eventStudentPanel .top{
	align-items:top;
	display:flex;
	line-height: 1.6em;
	margin-bottom:10px;}

.eventStudentPanel .progress{
	border-radius:5px;
	box-shadow:none;
	height:auto;
	margin-bottom:10px;
	margin-top:3px;}

.eventStudentPanel .progress-bar{
	box-shadow:none;
	font-weight:500;
	padding:10px 0;}

.eventStudentPanel .progress-bar-success{
	background-color: #bae020;}

.eventStudentPanel .raised{
	color:#777;
	font-size:1.05em;
	font-weight:400;
	margin:5px 0;}

.eventStudentPanel .raised strong{
	color:#749e13;}

@media screen and (max-width: 992px){
	
	.eventStudentPanel .panel-body{
		text-align: center;}
	
	.eventStudentPanel .top{
		display: block;}
	
	.eventStudentPanel .social{
		display:none;}
	
	.eventStudentPanel .social-mobile{
		display:block;
		margin-top:12px;}
	
	.eventStudentPanel .social-mobile img{
		margin:2px 0;}
	
	.eventStudentPanel .student-photo{
		margin-bottom:20px;}
	
	.eventStudentPanel .student-photo img{
		max-width:250px !important;
		margin:0 auto;}

}

@media screen and (max-width: 360px){

	.eventStudentPanel .student-photo img{
		max-width:100% !important;
	}

}

.eventTallyPanel .congrats{
	color: #777;
	font-size: 1.2em;
	font-weight: 400;
	margin: 0 0 50px;
	text-align: center;}

.eventTallyPanel .congrats h3{
	color:#3EBED0;
	font-family:'Caveat Brush', sans-serif;
	font-size: 2.1em;
	font-weight: 400;}

.eventTallyPanel .congrats strong{
	color: #85B818;
	font-style: italic;
	font-weight: 600;}

.eventTallyPanel .dash-row{
	margin:25px -15px;}

.eventTallyPanel .dash-panel .top-number.dollars{
	background:#89b918;}

.eventTallyPanel .dash-panel .top-number.percentage{
	background:#1673BA;}

.eventTallyPanel .dash-panel .top-number.fees{
	background:#FF6E37;}

.eventTallyPanel .dash-panel .bottom{
	font-size: 1em;}

.eventTallyPanel .dash-panel .bottom strong{
	font-size:1.1em;
	font-weight: 600;}

.eventTallyPanel .innerPanel{
	padding:0 90px;
	margin:20px 0 50px;}

.eventTallyPanel .progress{
	border-radius:5px;
	box-shadow:none;
	height:auto;
	margin-bottom:10px;
	margin-top:3px;}

.eventTallyPanel .progress-bar{
	box-shadow:none;
	font-weight:500;
	padding:10px 0;}

.eventTallyPanel .progress-bar-success{
	background-color: #bae020;}

.eventTallyPanel .raised{
	color:#333;
	font-size:1.1em;
	font-weight:400;
	margin:10px 0;}

.eventTallyPanel .raised span.amount-raised{
	color: #88B818;
	font-size: 1.6em;
	font-weight: 700;}

.eventTallyPanel .raised span.amount-goal{
	color: #88B818;
	font-size: 1.1em;
	font-weight: 600;}

.eventTallyPanel .raised strong{
	font-size:1.3em;}

.table-tally thead {
    background: #1671A0;}

.table-tally thead th {
    color: #fff;
	font-weight: 600;}

.table-tally tr{
	font-size:1.1em;}

.table-tally tr td strong{
	font-weight: 500;}

.table-tally tr td.amount{
	font-weight: 400;
	text-align: right;}

.table-tally td.divider{
	background: #ddd;
	height: 4px;
	padding: 0;}

.table-tally tr td.final-total{
	background:#f6faef;
	color:#88B818;
	font-size:1.2em;
	text-align: right;}

.table-tally tr td.final-total strong{
	font-weight:700;}

.table-tally tr td.final-total.amount{
	font-weight: 700;}

.table-tally tr td.grand-total{
	/*background:#e9f9fb;*/
	color:#09b9d4;
	font-size:1.1em;
	text-align: right;}

.table-tally tr td.grand-total strong,
.table-tally tr td.grand-total.amount{
	font-weight:600;}

.table-tally tr td.total.amount{
	font-weight: 600;}

.panel-profile{
	padding:15px 30px 30px;}

.panel-profile p{
	font-size:1.1em;
	font-weight: 300;
	line-height: 1.5em;}

.panel-profile .student-photo{
	margin-top:20px;
	text-align: center;}

.panel-profile .student-photo img{
	max-height:200px;}

.panel-profile .top-info{
	color:#555;
	font-size:1.1em;
	font-weight:400;
	margin-top:20px;}

.panel-profile .top-info h3{
	color:#2E859D;
	font-size:1.6em;
	font-weight:600;
	margin:0 0 15px;}

.panel-profile .top-info div{
	margin-bottom:15px;}

.panel-profile .top-info span{
	color:#888;
	display: block;
	font-size:.9em;
	font-weight: 300;
	margin-bottom:2px;}

.panel-profile .top-info h4{
	color:#d3222b;
	font-size:1.3em;
	font-weight:600;
	margin:-6px 0 22px;}

.panel-profile .top-info h4 a{
	color:#d3222b;}

.panel-support{
	background:#FF6E37;
	color:#fff;
	padding:0 15px;
	text-align:center;}

.panel-support h4{
	font-family:'Caveat Brush', sans-serif;
	font-size:1.7em;
	font-weight: 400;
	margin:12px 0 15px;
	text-align:left;}

.panel-support .donate-button div,
.panel-support .donate-button-resend div{
	padding:0;}

.panel-support .donate-button a{
	background:#D3222B;
	border-top:5px solid #AA1C23;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	color:#fff;
	display:block;
	font-size:1.3em;
	font-weight:600;
	padding:24px 5px 28px;
	text-align: center;
	text-decoration: none;
	transition:all .3s;}

.panel-support .donate-button a:hover{
	background:#AA1C23;}

.panel-support .donation-info{
	background:#FF6C35;
	flex-basis:70%;}

.panel-support .donation-info .donations{
	font-size:1.1em;
	padding:25px 0;}

.panel-support .donation-info .accepted{
	color:#FFCFBC;
	font-size:.8em;
	font-style: italic;
	font-weight:400;
	margin-top:6px;}

.panel-support .donation-info .raised{
	background:#FF8353;
	color:#B64603;
	font-size:.95em;
	font-weight: 600;}

.panel-support .donation-info .raised div{
	border-bottom:1px solid #FF6E37;
	border-left:1px solid #FF6E37;
	padding:25px 0;}

.panel-support .donation-info .raised span.amount{
	color:#fff;
	display: block;
	font-size:1.65em;
	margin-top:4px;}

.panel-support .progress{
	background:#EEF9C1;
	border-radius: 0;
	box-shadow: none;}	
	
.panel-support .progress-bar-vertical{
	align-items: flex-end;
	display: flex;
	margin:0;
	min-height: 100%;
	width: 100%;}

.panel-support .progress-bar-vertical .progress-bar{
	background-color:#BAE020;
	height: 0;
	width: 100%;
	-webkit-transition: height 0.6s ease;
	-o-transition: height 0.6s ease;
	transition: height 0.6s ease;}

.panel-support .progress-bar-vertical .progress-label{
	color:#677E12;
	font-size:.9em;
	font-weight:600;
	position: absolute;
	top: 3px;
	left: 0;
	right: 0;
	text-align: center;
	width: 100%;}

.panel-support .social{
	margin:15px 0;
	text-align:right;}

.panel-support .social img{
	height:auto;
	margin:2px 0;
	width:45px;}

@media screen and (max-width: 990px){
	.panel-support .social img{
		width:32px;}
}

.panel-support .superstar-goal{
	background:#fff;
	color:#C93535;
	padding:25px 0;}

.panel-support .superstar-goal .goal{
	font-size:1.3em;
	font-style: italic;
	font-weight: 600;
	margin-bottom:10px;}

.panel-support .superstar-goal .goal-met{
	font-size:1.2em;
	font-weight: 600;
	text-transform: uppercase;}

.panel-support .superstar-goal .goal-met img{
	margin:5px 0 15px;
	height:auto;
	max-width: 100%;
	max-height: 160px;}

.panel-support .superstar-goal .help{
	color:#777;
	font-size:1.1em;
	font-style: italic;
	font-weight: 300;}

.donation-leaderboard{
	margin-top:15px;}

.donation-leaderboard thead{
	display:none;}

.donation-leaderboard tr:first-child td{
	border:0;}

.donation-leaderboard tr.active-class{
	background:#CFE7EE;}

.donation-leaderboard td{
	padding:12px !important;
	vertical-align: middle !important;}

.donation-leaderboard td.rank{
	color:#18b1c0;
	font-size:1.6em;
	font-weight: 600;
	width:60px;}

.donation-leaderboard td.classroom-name{
	color:#d3222b;
	font-size:1.2em;
	font-weight: 600;}

.donation-leaderboard td.classroom-name a{
	color:#d3222b;}

.donation-leaderboard td.raised{
	font-size:1.2em;
	font-weight: 600;
	line-height: 1.3em;
	text-align: right;}

.donation-leaderboard td.raised span{
	color:#999;
	font-size:.85em;
	font-style: italic;
	font-weight: 300;}

.teacher-incentive{
	background: #d0eff4;
	border-radius: 8px;
	color: #333;
	padding: 20px;}

.teacher-incentive h4{
	color: #3097d1;
	font-family: 'Caveat Brush', sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	margin-top: 0;}

a.video-placeholder{
	background:#6BBEF0;
	/*border:3px solid #3e9dd6;*/
	border-radius: 8px;
	color:#fff;
	display:block;
	font-family: 'Caveat Brush', sans-serif;
	font-size:1.7em;
	line-height: 1.5em;
	margin:20px auto 20px;
	padding:20px 0;
	text-align: center;
	text-decoration: none;}

a.video-placeholder:hover{
	color:#fff;
	text-decoration: none;}

a.video-placeholder i{
	font-size:2.6em;}

@media screen and (max-width: 600px){
	a.video-placeholder{
		width:100%;
	}
	
	a.video-placeholder img{
		max-width:130px;
		width:50%;}
}

.view-leaderboard{
	font-size:1.1em;
	margin:25px 0;
	text-align: right;}

.view-leaderboard a{
	color:#d3222b;}


.student-family-goal-panel .progress{
	background:#EEF9C1;
	border-radius: 0;
	box-shadow: none;}	
	
.student-family-goal-panel .progress-bar-vertical{
	align-items: flex-end;
	display: flex;
	margin:0;
	min-height: 100%;
	width: 100%;
	height: 200px;}

.student-family-goal-panel .progress-bar-vertical .progress-bar{
	background-color:#BAE020;
	height: 0;
	width: 100%;
	margin: 0;}

.student-family-goal-panel .progress-bar-vertical .progress-label{
	color:#677E12;
	font-size:.9em;
	font-weight:600;
	position: absolute;
	top: 3px;
	left: 0;
	right: 0;
	text-align: center;
	width: 100%;}

@media screen and (max-width: 768px){

	.breadcrumb a{
		padding: .4em .7em;}

	.breadcrumb li{
		margin: 3px .5em 3px .7em;
		padding:0;}

	.breadcrumb li::before {
		top: 50%;
		margin-top: -1.1em;
		border-width: 1.1em 0 1.15em .6em;
		left: -9px;}

	.breadcrumb li::after {
		top: 50%;
		margin-top: -1.05em;
		border-top: 1.1em solid transparent;
		border-bottom: 1.1em solid transparent;
		border-left: .6em solid #F9BB02;
		right: -9px;}

	.breadcrumb li:hover::after{
		border-left: .6em solid #FDD14D;}

	.breadcrumb li.active{
		background:#08497B;
		color:#fff;
		padding: .4em .7em;}
	
	.breadcrumb li.active::before{
		border-color: #08497B #08497B #08497B transparent;}

	.breadcrumb li.active::after{
		border-left: .6em solid #08497B;}

	.breadcrumb > li + li::before{
		content: "";
		padding:0;}
	
	.ribbon{
		margin-left:-30px;}
	
	.ribbon::before{
		display:none;}
	
	.white-wrapper{
		padding:15px 0;}
	
}

/*//////////////////////////////////////////////////////////////////////////////////

CUSTOM STYLES FOR EVENT WEBPAGES MOBILE PAGE

//////////////////////////////////////////////////////////////////////////////////*/

.webpage-header-mobile,
.webpage-buttons-mobile{
	display:none;}

@media screen and (max-width: 990px){	
	
	.hide-on-mobile,
	.webpage-header-desktop,
	.webpage-buttons-desktop{
		display:none;}
	
	.webpage-header-mobile,
	.webpage-buttons-mobile{
		display:block;}
	
	.webpage-wrapper{
		display:flex;
		flex-wrap: wrap;}
	
	.webpage-header-mobile,
	.webpage-column-main,
	.webpage-column-sidebar{
		flex-basis:100%;}
	
	.webpage-column-main{
		order:2;}
	
	.webpage-column-main .panel-profile{
		background:none;
		box-shadow:none;
		display:flex;
		flex-wrap: wrap;
		padding:0;}
	
	.webpage-wrapper .webpage-section{
		flex-basis:100%;}
	
	.webpage-wrapper .order-1{
		order:1;}
	
	.webpage-wrapper .order-2{
		order:2;}
	
	.webpage-wrapper .order-3{
		order:3;}
	
	.webpage-wrapper .order-4{
		order:4;}
	
	.webpage-wrapper .webpage-section{
		background:#fff;
		box-shadow: 1px 1px 3px #138B96;
    border: 0;
    border-radius: 8px;
    margin-bottom: 14px;
		padding:15px;}
	
	.webpage-wrapper .webpage-section .ribbon.lighter{
		background-image: none;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    box-shadow: none;
    display: block;
    margin: -15px -15px 20px;
    padding: 18px 0;
    text-align: center;}
	
	.webpage-wrapper .webpage-section .ribbon.lighter:before{
		display: none;}
	
	.webpage-wrapper .webpage-section .sponsors{
		margin-left:0;
		margin-right:0;}

	.webpage-column-sidebar{
		order:1;}
	
}


/*//////////////////////////////////////////////////////////////////////////////////

CUSTOM STORE STYLES

//////////////////////////////////////////////////////////////////////////////////*/

.store h2{
	margin-top:0;
}

.store h3{
	margin-top:0;
}

.store-announcement{
	background:#eee;
	border-bottom:3px solid #1671a0;
	border-top:3px solid #1671a0;
	color:#1671a0;
	font-size:1.15em;
	margin:20px -20px 40px;
	padding:20px;
	padding-top:15px !important;}

.store-announcement ul{
	margin:0;
}

.store-announcement ul li{
	margin:10px 0;
}

.store-item{
	margin-top:30px;
}

.store-item h3{
	font-family: 'Caveat Brush', sans-serif;
	font-size: 1.9em;
	line-height: 1.2em;
}

.store-item .description{
	font-size:1.1em;
}

.store-item .item-image{
	border: 8px solid #fff;
  box-shadow: 1px 1px 4px #bbb;
}


[v-cloak] {
	display: none;
}