/* starter css */
#article-index h1{display:inline-block}
#article-index .search-button{cursor:pointer}
.article-item{margin-bottom:15px}
.article-item .article-title,.article-item .article-title a{color:inherit;margin:0}
.article-item .article-meta,.article-item .article-meta a{color:#999;font-size:.85em}
.article-item .article-meta a{text-decoration:underline}
.article-item .article-thumb{margin-right:10px;margin-bottom:10px}
.article-item .article-text{margin-top:7px}body,html{height:100%}
.wrap{min-height:100%;height:auto;margin:0 auto -60px;padding:0 0 60px}
.wrap>.container{padding:70px 15px 20px}
.footer{height:60px;background-color:#f5f5f5;border-top:1px solid #ddd;padding-top:20px}
.jumbotron{text-align:center;background-color:transparent}
.jumbotron .btn{font-size:21px;padding:14px 24px}
.not-set{color:#c55;font-style:italic}
a.asc:after,a.desc:after{position:relative;top:1px;display:inline-block;font-family:Glyphicons Halflings;font-style:normal;font-weight:400;line-height:1;padding-left:5px}
a.asc:after{content:"\e151"}
a.desc:after{content:"\e152"}
.sort-numerical a.asc:after{content:"\e153"}
.sort-numerical a.desc:after{content:"\e154"}
.sort-ordinal a.asc:after{content:"\e155"}
.sort-ordinal a.desc:after{content:"\e156"}
.grid-view th{white-space:nowrap}
.hint-block{display:block;margin-top:5px;color:#999}
.error-summary{color:#a94442;background:#fdf7f7;border-left:3px solid #eed3d7;padding:10px 20px;margin:0 0 15px}


/* solida css */

	html {
		scroll-behavior: smooth;
	}
	body {
	  overflow-x: hidden;
	}
	.header-pad {
		padding-top:70px;
	}
	.scrollLink {display:block;padding-top:70px;margin-top:-70px;}
	h1, h2, h3, h4, h5, h6 {
		opacity: 0.9;
	}
	a {
		color:#426FB9;
	}
	a:hover {
		color:#385592;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a , h6 a {
		text-decoration: none !important;
	}
	h1 {
		font-size:2rem;
	}
	h5 {
		font-size:1.1rem;
	}
/* solida css */

/* navbar  navbar-solida: top menu, nav-solida-user: user settings menu*/
	.navbar-solida {
		border-bottom:4px solid #7792CA;
	}
	.navbar-solida .nav-link {
		font-size: 16px;
		padding: 4px 12px !important;
		margin:0 2px !important;
		line-height:32px !important;
		color: rgba(0, 0, 0, 0.7) !important;
	}
	.navbar-solida .nav-profile .nav-link {
		padding: 4px 8px 4px 4px !important;
	}

	.navbar-solida .nav-item .nav-link.active {
		color:#4669B3 !important;
	}
	.navbar-solida .nav-item .nav-link:hover {
		background-color:#E3E9F3;
		border-radius:99px;
		color:#4669B3 !important;
	}

	.navbar-solida .nav-item .dropdown-menu a.active {
		background-color:transparent !important;
		color:#212529 !important;
	}

	.navbar-solida .nav-item .dropdown-menu a:active {
	  background-color:#E3E9F3;
	  color:#212529 !important;
	}

	/*
	.navbar-solida .nav-item .nav-link-user {
		color:#fff !important;
		background-color:#EC6D6F !important;
		font-weight:bold;
		border-radius:99px;
	}
	.navbar-solida .nav-item .nav-link-user:hover {
		background-color:#E8464A !important;
		color:#fff !important;
		border-radius:99px;
	}
	.navbar-solida .nav-item .nav-link-user.active {
		background-color:#E8464A !important;
		color:#fff !important;
		border-radius:99px;
	}
	*/
	/*
	.navbar-solida .nav-item .nav-link-user {
		background-color:#E8464A;
		color:#fff !important;
		border-radius:8px;
	}
	.navbar-solida .nav-item .nav-link-user:hover {
		background-color:#E8464A !important;
		color:#fff !important;
		border-radius:8px !important;
	}
	.navbar-solida .nav-item .nav-link-user.active {
		background-color:#E8464A !important;
		color:#fff !important;
		border-radius:8px !important;
	}
	*/


	.navbar-solida .navbar-brand {
		margin:0;
	}
	.navbar-solida .navbar-brand img {
		height:40px;
	}
	.navbar-solida .nav-pic {
		width:32px;
		height:32px;
		border-radius:50%;
	}
	/*
	.navbar-solida .nav-pic-icon {
		width:32px;
		font-size:20px;
		line-height:32px;
		text-align:center;
	}
	*/
	.navbar-solida .navbar-toggler,
	.navbar-solida .navbar-toggler:focus {
		border: none;
		padding:0.25rem 0.5rem;;
		margin-top:0.5rem;
	}


	.nav-solida-user .nav-link {
		font-size: 16px;
		margin:4px 0;
		padding: 0.5rem 0.4rem;
	}
	.nav-solida-user .nav-item .nav-link:hover,
	.nav-solida-user .nav-item .nav-link.active {
		background-color:#E3E9F3;
		border-radius:99px;
	}
	.nav-solida-user .divider:hover {
		background-color:transparent;
		border-radius:0;
	}
	.nav-solida-user .divider hr {
		margin-top:0.5rem;
		margin-bottom:0.5rem;
	}
	.nav-solida-user .nav-item a {
		color:#000000 !important;
	}
	.nav-solida-user .nav-item i {
		text-align: center;
		width:24px;
	}
/* navbar */

/* breadcrumb css */
	.breadcrumb {background: rgba(247, 247, 247, 1); border: 0px solid rgba(245, 245, 245, 1); border-radius: 4px;}
	.breadcrumb li {font-size: 14px;}
	.breadcrumb a {color: rgba(66, 139, 202, 1);}
	.breadcrumb a:hover {color: rgba(42, 100, 150, 1);}
	.breadcrumb>.active {color: rgba(153, 153, 153, 1);}
	.breadcrumb>li+li:before {color: rgba(204, 204, 204, 1); content: "\002F\00a0";}
/* breadcrumb css */

/* solida color icons */
	.icon-color {
		color:#E8464A;
	}
	.icon-color-light {
		color: #666;
	}
/* solida color icons */


/* solida buttons */
	.btn-solida {
		color:#fff !important;
		background-color:#E8464A;
	}
	.btn-solida:hover {
		color:#fff;
		background-color:#E32025;
	}
	.btn-outline-solida {
		color:#E8464A;
		border-color:#E8464A;
		background-color:#fff;
	}
	.btn-outline-solida:hover {
		color:#FFFFFF !important;
		background-color: #E8464A;
		color:#E8464A;
	}
	.btn-outline-success {
		background-color:#fff;
	}
/* solida buttons */


/* solida tools are small icons for sharing, like etc. */
	a.solida-tools {
		text-decoration:none;
		color:#6c757d !important;
		line-height:32px;
		cursor:pointer;
	}
	a.solida-tools i {
		padding:8px;
		margin:-8px;
		transition: 0.5s;
		width:32px;
		display:inline-block;
		text-align:center;
	}
	a.solida-tools.active i {
		color:#E8464A;
	}
	a.solida-tools span {
		margin-left:4px;
		line-height:32px;
		font-size:0.9rem;
	}
	a.solida-tools.hover {
		text-decoration:none;
		color: #6c757d !important;
	}
	a.solida-like.hover i {
		color:#E8464A;
		background-color: rgba(232, 70, 74, 0.2);
		transition-property: background-color;
		transition: 0.5s;
		border-radius:9999px;
	}
	a.solida-share {
		margin-left:0.5rem;
	}
	a.solida-share.hover i {
		color:#7792CA;
		background-color: rgba(119, 146, 202, 0.2);
		transition-property: background-color;
		transition: 0.5s;
		border-radius:9999px;
	}

/* solida tools */

/* solida-radio donation form tabs, both used in html and js */
	.solida-radio .btn.active {
		color:#fff !important;
		background-color:#E8464A !important;
		border:1px solid #E8464A !important;
	}
	.solida-radio .btn::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  color: #fff;
	  opacity: 1; /* Firefox */
	}
	.solida-radio .btn:-ms-input-placeholder { /* Internet Explorer 10-11 */
	  color: #fff;
	}
	.solida-radio .btn::-ms-input-placeholder { /* Microsoft Edge */
	  color: #fff;
	}
/* solida-radio */

/* home page content */
	#home-heading {
	  position: relative;
	  min-height: 250px;
	  background: url("/img/banner/basla_bg.jpg");
	  background-attachment: fixed;
	  background-repeat: no-repeat;
	  text-align: center;
	  color: #fff;
	}
	#home-heading h1 {
		color: #fff;
	}
	#home-heading-2 {
	  background: url("/img/banner/basla_bg.jpg");
	  background-attachment: fixed;
	  background-repeat: no-repeat;
	  color: #fff;
	}
	#home-heading-2 h1 {
		color: #fff;
	}
	.dark-overlay {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: rgba(45, 75, 125, 0.8);
	}
	.dark-overlay-2 {
	  background: rgba(45, 75, 125, 0.8);
	}
	#video-play {
	  position: relative;
	  min-height: 200px;
	  background: url("/img/banner/video_bg.jpg");
	  background-attachment: fixed;
	  background-repeat: no-repeat;
	  background-position:center;
	  text-align: center;
	  color: #fff;
	}
	#video-play a {
	  color: #fff;
	}
/* home page content */



/* footer */
	.site-footer {
	  background-color:#26272b;
	  padding:45px 0 20px;
	  font-size:15px;
	  line-height:24px;
	  color:#A0A0A0;
	}
	.site-footer hr {
	  border-top-color:#bbb;
	  opacity:0.5
	}
	.site-footer hr.small {
	  margin:20px 0
	}
	.site-footer h6 {
	  color:#fff;
	  font-size:16px;
	  margin-top:5px;
	  letter-spacing:2px
	}
	.site-footer a {
	  color:#A0A0A0;
	}
	.footer-links {
	  padding-left:0;
	  list-style:none
	}
	.footer-links li {
	  display:block
	}
	.footer-links a {
	  color:#A0A0A0
	}
	.footer-links a:active,.footer-links a:focus,.footer-links a:hover {
	  color:#ffffff;
	  text-decoration:none;
	}
	.footer-links.inline li {
	  display:inline-block
	}
	.site-footer .social-icons {
		text-align:right
	}
	.copyright-text {
	  margin:0
	}

	@media (max-width:991px) {
	  .site-footer [class^=col-] {
		margin-bottom:30px
	  }
	}
	@media (max-width:767px) {
	  .site-footer {
		padding-bottom:0
	  }
	  .site-footer .copyright-text,.site-footer .social-icons {
		text-align:center
	  }
	}
/* footer */

/* social icons */
	.social-icons {
	  padding-left:0;
	  margin-bottom:0;
	  list-style:none
	}
	.social-icons li {
	  display:inline-block;
	  margin-bottom:4px
	}
	.social-icons li.title {
	  margin-right:15px;
	  /*text-transform:uppercase;*/
	  color:#96a2b2;
	  font-weight:700;
	  font-size:13px
	}
	.social-icons a {
	  background-color:#eceeef;
	  color:#818a91;
	  font-size:16px;
	  display:inline-block;
	  line-height:44px;
	  width:44px;
	  height:44px;
	  text-align:center;
	  margin-right:8px;
	  border-radius:100%;
	  -webkit-transition:all .2s linear;
	  -o-transition:all .2s linear;
	  transition:all .2s linear
	}
	.social-icons a:active,.social-icons a:focus,.social-icons a:hover {
	  color:#fff;
	  background-color:#29aafe
	}
	.social-icons.size-sm a {
	  line-height:34px;
	  height:34px;
	  width:34px;
	  font-size:14px
	}
	.social-icons a.facebook:hover {
	  background-color:#3b5998
	}
	.social-icons a.twitter:hover {
	  background-color:#00aced
	}
	.social-icons a.linkedin:hover {
	  background-color:#007bb6
	}
	.social-icons a.dribbble:hover {
	  background-color:#ea4c89
	}
	@media (max-width:767px) {
	  .social-icons li.title {
		display:block;
		margin-right:0;
		font-weight:600
	  }
	}
/* social icons */

/* carousel */
	.carousel-item {
		height: 50vh;
		min-height: 340px;
		background: no-repeat center center scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.carousel-caption h2, .carousel-caption .lead {
		text-shadow: 1px 1px 1px rgba(0,0,0,0.85);
	}
	.carousel-caption .lead {
		font-size:1.3rem;
		margin-bottom:0.5rem;
	}
	.carousel-caption .display-4 {
		font-size:2.2rem;
	}
/* carousel */


/* upload kit */
	.upload-kit .upload-kit-item, .upload-kit .upload-kit-input {
		border: 1px solid #999;
		border-radius: 50%;
	}
	.upload-kit .upload-kit-item.image > img {
		border-radius:50%;
	}

	.upload-kit .upload-kit-input .drag, .upload-kit .upload-kit-input .add {
		height:auto;
	}

	.upload-kit .upload-kit-input.in-progress .progress {
		display:flex;
	}
/* upload kit */


/* ngo page css */
	.ngo-header {
		position:relative;
		overflow:hidden;
		text-align:center;
		margin-bottom:2rem;
	}
	.ngo-header-placeholder {height:9rem}
	.ngo-header-image {
		height:10rem;
		background-position:center;
		background-repeat:no-repeat !important;
		background-size:cover !important;
	}
	.ngo-header-content.image-margin {margin-top:-4rem;}
	.ngo-header-content.no-image-margin {margin-top:1rem;}
	.ngo-header-logo {
		margin-bottom:1rem;
		max-width:6rem;
		border-radius:9999px;
		border:4px solid #ddd;
	}
	@media (min-width: 576px) {
		.ngo-header-image {height:14rem;}
		.ngo-header-content.image-margin {margin-top:-6rem;}
		.ngo-header-logo {max-width:7rem;border:5px solid #ddd;}
	}
	@media (min-width: 768px) {
		.ngo-header-image {height:18rem;}
		.ngo-header-content.image-margin {margin-top:-6rem;}
		.ngo-header-logo {max-width:8rem;border:6px solid #ddd;}
	}
	@media (min-width: 992px) {
		.ngo-header-image {height:22rem;}
		.ngo-header-content.image-margin {margin-top:-8rem;}
		.ngo-header-logo {max-width:10rem;border:8px solid #ddd;}
	}
	.ngo-description {
		/*font-size:1.20rem;*/
	}
/* ngo page css */

/* program card */
	.program-card {
		height: 100% !important;
	}
	.program-card .program-header {
		position:relative;
	}
	.program-card .card-img-top {
		width: 100%;
		height: 10vw;
		min-height:180px;
		max-height:240px;
		object-fit: cover;
	}
	.special-day .card-img-top {
		object-fit: contain;
	}
	.program-card .ngo-logo {
		position:absolute;
		right:6px;
		bottom:6px;
		opacity:0.9;
	}
	.program-card .ngo-logo img {
		max-width:50px;
		border:2px solid #fff;
		border-radius:9999px;
	}
	.program-card .card-body {
		padding: 0.5rem 1rem 0 !important;
	}
	.program-card .ngo-name {
		font-size:0.8rem;
		line-height:1rem;
		margin:0;
		margin-bottom: 0.3rem;
	}
	.program-card .ngo-name a {
		color:#6c757d;
		display:block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.program-card .program-name {
		margin:0;
		font-size:1.1rem;
	}
/* program card */

/* home program card */
	.home-program-card {
		height: 100% !important;
/*		background:rgba(255,255,255,1);
		border:none;*/
	}
	.home-program-card .program-header {
		position:relative;
	}
	.home-program-card .card-img-top {
		width: 100%;
		height: 8vw;
		min-height:180px;
		max-height:240px;
		object-fit: cover;
	}
	.home-program-card .ngo-logo {
		position:absolute;
		right:6px;
		top:6px;
		opacity:0.9;
	}
	.home-program-card .ngo-logo img {
		max-width:50px;
		border:2px solid #fff;
		border-radius:9999px;
	}

	.home-program-card .ngo-name-2 {
		position:absolute;
		left:0px;
		bottom:0px;
		font-size:0.9rem;
		line-height:1rem;
		margin:0;
		background:rgba(119,146,202, 0.9);
		width:100%;
	}
	.home-program-card .ngo-name-2 a {
		font-weight:normal;
		color:#fff;
		display:block;
		padding:0.4rem 1rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.home-program-card .card-body {
		padding:0.5rem 1rem;
	}
	.home-program-card .ngo-name {
		font-size:0.9rem;
		line-height:1rem;
		margin:0;
		margin-bottom: 0.3rem;
	}
	.home-program-card .ngo-name a {
		font-weight:normal;
		color:rgba(0,0,0,0.6);
		display:block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.home-program-card .program-name {
		margin:0;
		font-size:1.2rem;
	}
	.home-program-card .program-name a {
		font-weight:normal;
		color:rgba(0,0,0,0.9);
		margin:0;
		font-size:1.1rem;
	}

	.home-program-card .card-footer {
		background: transparent;
		border:none;
		padding:0 1rem 0.5rem;
	}
	.home-program-card .card-footer a.ngo-support {
		color:#EC6D6F;
		line-height:2rem;
		display:inline-block;
		font-size:0.9rem;
	}
/* program card */

/* ngo card */
	.ngo-card .ngo-name {
		margin:0;
		font-size:1.2rem;
	}
	.ngo-card .card-img-top {
		max-width:250px;
		display:block;
		margin:auto;
	}
	.list-like-ngo .ngo-card .card-img-top {
		max-width:150px;
		display:block;
		margin:auto;
	}
/* ngo card */

/* summary card */
	.summary-card {
		height: 100% !important;
		text-align:center;
	}
	.summary-card .card-title {
		font-size:2.2rem;
	}
/* summary card */

.stats-card {
	font-size:18px;
}



.color-solida-1 {
	color:#E8464A
}

/* phone input */
.iti {width: 100%;}

@media (min-width: 768px) {
	.card-signup-info {
		margin-left: -40px;
		margin-top: 40px;
		z-index: -1;
		padding-left: 15px;
	}
}