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

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
  font-family: 'Simply Olive';
  src: url('../fonts/simply-olive.woff2') format('woff2'),
       url('../fonts/simply-olive.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

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

h1.orange-title{
	color: #ff6b00;
	font-family: 'Simply Olive', sans-serif;
	font-size: 3.2em;
	line-height: 0.8em;
	margin:0 0 20px;
	text-shadow:1px 1px 0px #ffb27a;
	vertical-align: middle;
	display: inline;
}

h1 i {
	display: inline-block;
	font-size:0.7em;
	text-shadow: none;
	vertical-align: middle;
}

h1.orange-band{
	background: #ff6b00;
	font-family: 'Simply Olive', sans-serif;
	font-size: 3.4em;
	line-height: 1em;
	border-radius: 20px;
	color:#fff;
	display:inline-block;
	margin: -15px 0 20px -50px;
	padding: 10px 30px;
	text-shadow:2px 2px 0px #ffb27a;
	vertical-align: middle;
}

h1.orange-band i.fa {
	border-radius: 100%;
	box-shadow: 0 0 0 2px #fff;
	display: inline-block;
	font-size:0.45em;
	padding: 0.35em 0.35em;
	text-shadow: none;
	vertical-align: middle;
}

@media screen and (max-width:767px){
	
	h1{
		font-size: 2.8em;
	}
	
	h1.orange-band{
		display:block;
		margin:-15px 0 20px;
		padding:10px 20px;
	}
	
}	

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-sm{
	border: 0;
	padding: 7px 8px;
}

.btn-large{
	border: 0;
	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{
	border: 0;
	border-radius: 999px;
	margin: 3px 1px;
	transition: all .5s;
	white-space: normal;}

.input-group-btn .btn{
	height: 42px;
	margin-top:0;}

.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:#fd5f23;
	border-color:#d55b1f;
	color:#fff;}

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

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

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

.btn-blue-dark{
	background:#004db3;
	border-color: #00429a;
	color:#fff;}

.btn-blue-dark:hover{
	background:#00429a;
	border-color: #00429a;
	color:#fff;}

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

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

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

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

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

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

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

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

.btn-pink{
	background:#df45a0;
	border-color: #cf3590;
	color:#fff;}

.btn-pink:hover{
	background:#cf3590;
	border-color: #cf3590;
	color:#fff;}

.btn-coral{
	background:#f0432b;
	border-color: #e3371f;
	color:#fff;}

.btn-coral:hover{
	background:#e3371f;
	border-color: #cf3590;
	color:#fff;}

.btn-donate{
	background:#57c63b;
	border:0;
	border-bottom:5px solid #3c9924;
	border-radius:8px;
	box-shadow:0px 0px 10px 3px #ffffff99;
	color:#fff !important;
	font-size: 1.5em;
	font-weight: 600;
	letter-spacing: 0.08rem;
	line-height: 1.2em;
	margin:18px 0 !important;
	padding:20px 12px;
	text-decoration:none;
	transition: all .3s;
	white-space:normal;
}

.btn-donate:hover{
	background:#3fb521;
	box-shadow:0px 0px 10px 4px #ffffff;
}

.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:#04b2d6;
	border-radius:50%;
	color:#fff;
	content: counter(index);
	counter-increment:index;
	display:inline-block;
	float:left;
	font-size: 1.2em;
	font-style: normal;
	font-weight: 700;
	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;
	}

.fa{
	margin-right: 1px;
}

.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;
	border-radius: 12px;
	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;
	vertical-align: middle;}

.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:22px;
	font-weight: 700;
	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:#fff !important;
	font-size:.8em !important;
	font-weight:600 !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: 12px;
	font-weight:300;
	margin-bottom:14px;}

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

.panel-body-middle{
	padding: 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-default > .panel-heading.grey{
	background:#999;
	color:#fff;}

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

.panel img{
	max-width: 100%;
}

.panelHeader{
	margin-bottom: 3rem;
}

.panelHeader .page-title{
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.panelHeader .page-title h1.orange-title{
	font-size: 3.2em;
	line-height: 0.8em;
}

.panelHeader .page-title h1 i{
	font-size: .7em;
}

.panelHeader .page-title .interact-buttons{
	text-align: right;
	margin-left: 20px;
}

.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;
	word-wrap:break-word;}

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

.panel-header-blue{
	background:#04b2d6;
	color:#fff;
	font-size:1.3em;
	font-weight: 700;
	line-height:1.2em;
	margin:0;
	padding:18px 0;
	text-align: center;}

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

.ribbon{
	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:15px 40px 17px 20px;
	line-height: 1.1em;
	margin:0 0 0 -45px;
	min-width:100%;
	}

.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.2em;
	font-weight: 400;
	margin:0;}
	
.ribbon .event-date{
	font-family: 'Caveat', sans-serif;
	font-size:1.6em;
	font-weight:300;
	line-height:1.1em;
	margin-top:4px;
	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;
	font-size:1.7em;
	font-weight:400;
	margin-top:30px;
	margin-bottom:20px;
	min-width: auto;
	padding:14px 50px 16px 20px;}

.ribbon.red{
	background-color:#ed4f41;
	font-size:1.7em;
	font-weight:400;
	margin-top:16px;
	margin-bottom:20px;
	min-width: 95%;
	padding:14px 50px 16px 20px;}

.ribbon.red h3{
	font-size: 1em;
}

.ribbon.red .event-date{
	font-size: 1em;
}

.titlebar{
	position:relative;
	color:#fff;
	background-color:#fd5f23;
	background-position: right center;
	background-repeat: no-repeat;
	background-size:contain;
	border-radius:12px;
	clear:both;
	display: inline-block;
	padding:18px 40px 18px 20px;
	line-height: 1.1em;
	margin:0 0 0 -45px;
	min-width:109%;
	}

.titlebar h2{
	color:#fff;
	font-family: "Englebert", serif;
	font-size: 1.9em;
  font-weight: 700;
	letter-spacing: .2rem;
	margin:0;}

.titlebar .event-date{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1.1em;
	margin-top: 4px;
	text-shadow: none;}

.titlebar.family{
	background-color:#7470BF;}

.titlebar.smaller{
	background-color:#04b2d6;
	font-family:'Open Sans', sans-serif;
	font-size:1.3em;
	font-weight:700;
	margin-top:30px;
	margin-bottom:20px;
	min-width: auto;
	padding:17px 50px 17px 20px;}


@media screen and (max-width: 990px){
	.titlebar.smaller{
		margin-left:-30px;
		margin-top:0;
	}
}

@media screen and (max-width: 768px){
	.titlebar{
		margin-left:-30px;
		min-width:100%;
		border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	}
	
	.titlebar.smaller{
		margin:0 0 20px -15px;
		border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	}
}

.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:#fd5f23;}

.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{
	border-radius: 12px;
	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:#029cc7;
	font-size:1.6em;
	font-weight:700;
	margin:0 0 15px;}

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

.panel-profile .top-info .lightTitle{
	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:#fd5f23;
	color:#fff;
	padding:0 15px;
	text-align:center;}

.panel-support h4{
	font-size:1.3em;
	font-weight:700;
	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:#fd5f23;
	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:#ff804f;
	color:#B64603;
	font-size:.95em;
	font-weight: 600;}

.panel-support .donation-info .raised div{
	border-bottom:1px solid #fd5f23;
	border-left:1px solid #fd5f23;
	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;
	box-shadow: none;
	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;
	border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
	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;}

/* STRETCH GOAL STYLES */

.panel-support .stretch-total-raised{
	font-size: 1.1em;
	font-weight: 600;
	margin: -10px 0 15px;
	text-align: left;
	text-transform: capitalize;
}

.panel-support .stretch-progress-bars{
	display: flex;
	margin-bottom: -10px;
}

.panel-support .stretch-progress-bars span{
	display: block;
	font-size: .9em;
	font-weight: 600;
	margin-top: 5px;
}

.panel-support .stretch-progress-bars .col-sm-6{
	flex-basis: 50%;
}

.panel-support .stretch-progress-bars .progress-bar-vertical{
	min-height: 180px;
	margin: 0 auto;
	max-width: 150px;
	position: relative;
	width: 75%;
}

.panel-support .stretch-progress-bars .col-sm-6:nth-of-type(2) .progress-bar-vertical .progress-bar{
	background-color: #FDD300;
}

.panel-support .stretch-progress-bars .col-sm-6:nth-of-type(2) .progress-bar-vertical .progress-label{
	color: #7a6600;
}

.panel-support .medals{
	background: #fff;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	color: #C93535;
	padding: 25px 0;
	text-align: center;
}

.panel-support .medals h3{
	color: #0EC5EA;
	font-size: 1.4em;
	font-weight: 700;
	margin: 0 0 20px;
}

.panel-support .medals img{
	margin: 8px;
	max-width: 160px;
	width: 80%;
	transition: all 0.3s ease;
}

.panel-support .medals img:hover{
	transform: scale(1.05);
}

.panel-support .medals img.gray{
	filter: grayscale(100%);
	opacity: 60%;
}

.panel-support .medals img.gray:hover{
	opacity: 100%;
}

.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: "Englebert", serif;
	font-size: 1.4em;
	font-weight: 600;
	letter-spacing: .05rem;
	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%;}
}

.video-container{
	margin:20px 0;
	text-align: center;
	position: relative;
}

.video-container .video-text{
	color: #fff;
	font-size:1.3em;
	font-weight:700;
	position:absolute;
	top:20%;
	left:50%;
	transform: translate(-50%, -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-header-mobile .minutes-read{
		float: none;
		height: 120px;
		line-height: 120px !important;
		width: 120px;
		-webkit-transform: none;
    transform: none;
	}
	
	.webpage-header-mobile .minutes-read div span{
		font-size: .4em !important;
		line-height: 1.2em;
    margin-top: 6px;
	}
	
	.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;
    border: 0;
    border-radius: 12px;
    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;}

	.table{
		font-size: 0.8em;
	}
	
}


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

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;
}



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

PARENT DASHBOARD STYLES

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

h2.caveat-brush{
	font-family: 'Caveat Brush', sans-serif;
	font-size: 1.9em;
	font-weight: 500;
}

.panel-parent-profile{
	color: #010101;
}

.panel-parent-profile .ribbon.closable{
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.panel-parent-profile .ribbon.closable button{
	font-family: 'Open Sans', sans-serif;
}

.panel-parent-profile h3.family-header{
	font-family: 'Caveat', sans-serif;
	font-size: 1.8em;
	font-weight: 600;
	line-height: 1.1em;
	margin:0 0 16px;
}

.panel-parent-profile .btn-large-share{
	background: #1460ac;
	color: #fff;
	display: block;
	font-size: 1.08em;
	font-weight: 600;
	margin-bottom:20px;
	padding: 20px 5px
}

.panel-parent-profile .btn-large-share:hover{
	background: #044c95;
}

.panel-parent-profile .btn-large-share .fa{
	margin-right:3px;
}

.panel-parent-profile .classroom{
	font-family: 'Caveat', sans-serif;
	font-size: 1.8em;
	font-weight: 600;
	line-height: 1.1em;
}

.panel-parent-profile .student-photo{
	margin:0 auto 8px;
	width:200px;
}

.panel-parent-profile .donation-total{
	color: #82c808;
	font-size: 2.5em;
	font-weight: 700;
	margin:18px 0 8px;
}

.panel-parent-profile .donation-total span{
	color: #010101;
	display:block;
	font-size: 15px;
	margin-top:12px;
}

.panel-parent-profile .donation-breakdown{
	font-size: 1.05em;
	margin:2px 0;
}

.panel-parent-profile .donation-breakdown strong{
	display:inline-block;
	font-size: 1.1em;
	margin-right: 3px;
}

.panel-parent-profile .counter{
	font-size: 1.05em;
	font-weight: 600;
	margin:10px 0 3px;
}

.panel-parent-profile .counter strong{
	color: #fd5f23;
	display:inline-block;
	font-size: 1.3em;
	font-weight: 700;
	margin-right: 2px;
}

.panel-parent-profile .progress-goal,
.shareImagePanelProgress .progress-goal {
	color: #73b107;
	font-weight: 600;
}

.panel-parent-profile .progress-superstar,
.shareImagePanelProgress .progress-superstar {
	color: #f9bb02;
	font-weight: 600;
}

.panel-parent-profile .donation-progress,
.shareImagePanelProgress .donation-progress {
	display:flex;
	margin:6px 0 15px;
	width:100%;
}

.panel-parent-profile .donation-progress .rounded-left,
.shareImagePanelProgress .donation-progress .rounded-left {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.panel-parent-profile .donation-progress .rounded-right,
.shareImagePanelProgress .donation-progress .rounded-right {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

.panel-parent-profile .donation-progress .goal-container,
.shareImagePanelProgress .donation-progress .goal-container {
	background: #dfefc2;
	height:40px;
}

.panel-parent-profile .donation-progress .goal-container .filled,
.shareImagePanelProgress .donation-progress .goal-container .filled {
	background-color: #98d430;
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
	height:40px;
}

.panel-parent-profile .donation-progress .superstar-container,
.shareImagePanelProgress .donation-progress .superstar-container {
	background: #f5e3ab;
	height:40px;
}

.panel-parent-profile .donation-progress .superstar-container .filled,
.shareImagePanelProgress .donation-progress .superstar-container .filled {
	background-color: #f9bb02;
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
	height:40px;
}

.donation-progress .filled {
	color: #fff;
	text-align: center;
	font-weight: 600;
	padding: 9px 0;
	text-shadow: 1px 1px 1px #0000004a;
}

.panel-parent-profile .donation-progress .back-striped{
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

@media screen and (max-width: 990px){
	.panel-parent-profile .column-left,
	.panel-parent-profile .column-middle{
		margin-bottom:20px;
	}
}


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

PARENT DASHBOARD SHARE MODAL STYLES

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

.share-modal .modal-body{
	font-size: 1em;
	font-weight: 500;
	padding:0 40px 40px;
}

.share-modal h3{
	color: #ed4f41;
	font-family: 'Caveat', sans-serif;
	font-size:1.8em;
	font-weight: 600;
	margin:0 0 5px;
}

.share-modal p{
	font-size:.9em;
	line-height: 1.4em;
}

.share-modal p.tip{
	font-size:.85em;
}

.share-modal p strong{
	font-weight: 600;
}

.share-modal .share-buttons{
	display: flex;
	justify-content: center;
}

.share-modal .share-buttons div{
	color: #222222;
	font-size: .75em;
	margin: 15px;
	text-align: center;
}

.share-modal .share-buttons div a{
	display: block;
	margin-bottom: 8px;
}

.share-modal .share-buttons div img{
	height: auto;
	transition: all ease .2s;
	width: 40px;
}

.share-modal .url-bar input{
	background: #fff;
	border: 1px solid #b7b7b7;
	border-radius: 5px;
	color: #686868;
	cursor: pointer;
	font-size: .9em;
	height:45px;
	padding:0 10px;
	width:80%;
}

.share-modal .url-bar button{
	background: #1460ac;
	border: 0;
	border-radius: 5px;
	color: #fff;
	font-size: 1em;
	height: 45px;
	font-weight: 600;
	padding:0 20px;
	text-transform: uppercase;
	transition: all ease .3s;
}

.share-modal .url-bar button:hover{
	background: #07498b;
}

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

	.share-modal .url-bar{
		text-align: center;
	}

	.share-modal .url-bar input{
		margin-bottom: 6px;
		width: 100%;
	}

}

.glow {
	animation: glowpulse 0.8s infinite alternate;
}

@keyframes glowpulse {
	from {
		box-shadow: 0 0 8px -8px #8cc48d;
	}
	to {
		box-shadow: 0 0 8px 8px #8cc48d;
	}
}

.introjs-tooltip {
	width: 350px;
}

.introjs-tooltip-title {
	font-family: 'Caveat Brush', sans-serif;
	font-weight: 100;
	font-size: 1.5em;
}

.ribbon.closable a.btn {
	font-family: 'Open Sans', sans-serif;
}

.shareImageContainer {
	width: 600px;
	height: 1155px;
	align-items: center;
	background: #18B1BF;
	display: none;
	flex-direction: column;
	justify-content: center;
}

.shareImageContainer .shareImagePanel {
	background: white;
	border: 0;
	border-radius: 8px;
	color: #111;
	padding: 2em;
	width:90%;
}

.shareImageContainer .shareImagePanel img.photo {
	width:100%;
	height: auto;
}

.shareImageContainer .shareImagePanel img.photo-family {
	max-width:300px;
	height: auto;
	margin-top: 15px;
}

.shareImageContainer .shareImagePanel .student-name{
	color:#fd5f23;
	font-family: 'Caveat Brush', sans-serif;
	font-size:2.3em;
	margin-bottom:6px;
}

.shareImageContainer .shareImagePanel .shareImagePanelMessage {
	margin-top: 2em;
	text-align: center;
}

.shareImageContainer .shareImagePanel .shareImagePanelProgress {
	margin-top: 2em;
}

.shareImageContainer .shareImagePanel .logo{
	text-align: center;
	margin-top:20px;
}

.shareImageContainer .shareImagePanel .logo img{
	width:150px;
}

.shareImageContainer .shareImagePanel .ribbon{
	margin-left:-30px !important;
}

.shareImageContainer .shareImagePanel .ribbon:before{
	display:none !important;
}

.modal-dialog {
	max-width: 94vw;
}


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

OFFCANVAS SLIDE-IN MENU STYLES

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

/* Base Offcanvas Style */
.offcanvas {
	background: #fff;
	color: #111;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: fixed;
	transition: transform 0.2s ease-in-out;
	visibility: hidden;
	z-index: 1050;
}

.offcanvas.showmenu {
	visibility: visible;
}

/* Left Slide-Out Menu */
.offcanvas-start {
	height: 100%;
	left: 0;
	top: 0;
	transform: translateX(-100%);
	width: 300px;
}

.offcanvas.showmenu.offcanvas-start {
	transform: translateX(0);
}

.offcanvas.closing.offcanvas-start {
	transform: translateX(-100%);
}

/* Right Slide-Out Menu */
.offcanvas-end {
	height: 100%;
	right: 0;
	top: 0;
	transform: translateX(100%);
	width: 300px;
}

.offcanvas.showmenu.offcanvas-end {
	transform: translateX(0);
}

.offcanvas.closing.offcanvas-end {
	transform: translateX(100%);
}

/* Backdrop */
.offcanvas-backdrop {
	background: rgba(0, 0, 0, 0.5);
	inset: 0;
	opacity: 0;
	position: fixed;
	transition: opacity 0.2s ease-in-out;
	visibility: hidden;
	z-index: 1040;
}

.offcanvas-backdrop.show {
	opacity: 1;
	visibility: visible;
}

.offcanvas-backdrop.closing {
	opacity: 0;
}

/* Header and Body */
.offcanvas-header {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding: 1rem;
}

.offcanvas-header p {
	color: #08497B;
	font-family: 'Simply Olive', sans-serif;
	font-size: 1.8em;
	margin: 0;
	padding: 5px 0;
	text-transform: uppercase;
}

.offcanvas-body {
	flex-grow: 1;
	height: 100%;
	overflow: auto;
	position: relative;
}

.offcanvas-body ul.sidemenu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.offcanvas-body ul.sidemenu hr{
	border-top: 1px solid #dfdfdf;
	margin: .8rem 1rem;
}

.offcanvas-body ul.sidemenu li.menu-section{
	font-size: 1.05em;
	font-weight: 600;
	line-height: 1em;
	padding: 1.3rem 1rem;
}

.offcanvas-body ul.sidemenu li a {
	color: #08497B;
	display: block;
	font-size: 0.9em;
	font-weight: 400;
	padding: 0.6rem 1rem;
	transition: all ease 0.2s;
}

.offcanvas-body ul.sidemenu li a:hover {
	background: #08497B;
	color: #fff;
	text-decoration: none;
}

.offcanvas-body ul.sidemenu i{
	margin-right:5px;
}

.offcanvas .btn-close {
	align-items: center;
	background-color: #fff;
	border: none;
	border-radius: 50%;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	color: #08497B;
	cursor: pointer;
	display: flex;
	font-size: 1.5rem;
	font-weight: 700;
	height: 2.2rem;
	justify-content: center;
	transition: background-color 0.2s ease;
	width: 2.2rem;
}

.offcanvas .btn-close:hover {
	background-color: #f0f0f0;
}


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

CARD STYLES

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

.cards-wrapper{
	display: flex;
	gap: 20px;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}

.card{
	background: #f7f7f7;
	border-radius: 10px;
	box-shadow: 0px 1px 3px #bebebe;
	color: #333;
	padding: 20px;
	position: relative;
	transition: all ease 0.2s;
	width: 32%;
}

.card:hover{
	background: #ededed;
	transform: scale(1.05);
}

.card.icon{
	padding-left: 80px;
}

.card-icon{
	color: #08497b;
	font-size: 2.5em;
	position: absolute;
	top:22px;
	left:20px;
}

.card h3{
	color: #08497b;
	font-size: 1.1em;
	font-weight: 600;
	margin: 0 0 5px;
}

.card .links-wrapper{
	display: flex;
}

.card .links{
	margin:8px 0;
	flex-basis: 50%;
}

.card .links .link-label{
	font-size: .9em;
	font-weight: 600;
	min-width: 55px;
	padding-left: 5px;
}

.card .links a{
	color: #3097d1;
	display: block;
	font-size:.9em;
	font-weight: 500;
	margin:5px 0;
	text-decoration: none;
	transition: all ease 0.5s;
}

.card .links a:hover{
	color: #08497b;
}

.card .links a.edit{
	color: #edb309;
}

.card .links a.edit:hover{
	color: #ce9e0d;
}

@media (max-width: 1200px) {
	.card{
		width: 48%;
	}
}

@media (max-width: 768px) {
	.cards-wrapper{
		flex-direction: column;
	}

	.card{
		width: auto;
	}

	.card .links a{
		margin: 10px 0;
	}

}