/*@charset "UTF-8";*/
/* Home CSS */







/* ==== Section: Trending Bar =========== */

	/* ==== Trending Bar =========== */
	section#trending-bar ul span {
		height: 20px;
	}

	section#trending-bar ul li a {
		transition: 0.25s;
	}

		section#trending-bar ul li a:hover {
			color: #e5a630 !important;
		}







/* ==== Section: Slide Carousel =========== */

	/* ==== Carousel =========== */
	section#slide-carousel div.carousel {
		position: relative;
		margin: 0px auto;
	}

@media (max-width: 550px) { 

		section#slide-carousel div.carousel div.carousel-inner {
			overflow: visible;
		}

		section#slide-carousel div.carousel div.carousel-item a.image-only {
			position: relative;
			min-height: 135px;
			width: 100%;
		}

			section#slide-carousel div.carousel div.carousel-item a.image-only img {
				position: absolute;
				width: 140% !important;
				left: -20%;
				top: -55px;
			}
	
}

		/* ==== Indicators =========== */
		section#slide-carousel div.carousel ol.carousel-indicators {
			bottom: -50px;
		}

			section#slide-carousel div.carousel ol.carousel-indicators li {
				background-color: #e6e6e6;
				width: 15px;
				height: 15px;
				margin: 0px 7px;
				cursor: pointer;
			}

				section#slide-carousel div.carousel ol.carousel-indicators li.active {
					background-color: #8ec5ff;
				}

		/* ==== Caption =========== */
		section#slide-carousel div.carousel div.carousel-caption {
			position: absolute;
			background-image: -moz-linear-gradient(90deg, rgba(13, 129, 215, 0.95) 0%, rgba(5, 47, 145, 0.95) 100%);
			background-image: -webkit-linear-gradient(90deg, rgba(13, 129, 215, 0.95) 0%, rgba(5, 47, 145, 0.95) 100%);
			background-image: -ms-linear-gradient(90deg, rgba(13, 129, 215, 0.95) 0%, rgba(5, 47, 145, 0.95) 100%);
			bottom: 20px;
			left: 20px;
			width: 40%;
			padding: 1.0rem 1.75rem;
		}

			section#slide-carousel div.carousel div.carousel-caption h2 {
				font-size: 1.7rem;
			}

			section#slide-carousel div.carousel div.carousel-caption p {
				font-size: 0.95rem;
				line-height: 1.25rem;
				margin-bottom: 0.25rem;
			}

			section#slide-carousel div.carousel div.carousel-caption a {
				font-size: 1.0rem;
				font-weight: 600;
			}

@media (max-width: 950px) { 

	section#slide-carousel div.carousel div.carousel-caption {
		bottom: 0px;
		left: 0px;
		width: 100%;
		text-align: center !important;
	}

	section#slide-carousel div.carousel a.carousel-control-prev,
	section#slide-carousel div.carousel a.carousel-control-next {
		display: none;
	}
	
}







/* ==== Section: PSPS Town Hall =========== */
section#psps-town-hall {
	background: #eee;
	box-shadow: inset 0px 12px 12px -6px rgba(0, 0, 0, 0.15), inset 0px -12px 12px -6px rgba(0, 0, 0, 0.15);
}







/* ==== Section: ACC Commercial =========== */
section#ilrc-commercial {
	position: relative;
	/*
	background: #fff;
	box-shadow: inset 0px 12px 12px -6px rgba(0, 0, 0, 0.15), inset 0px -12px 12px -6px rgba(0, 0, 0, 0.15);
	*/
}

	section#ilrc-commercial .container {
		max-width: 800px;
	}

	section#ilrc-commercial iframe {
		box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.7);
	}







/* ==== Section: ACC at the Public Library =========== */
section#public-library {
	position: relative;
	background: #fff;
	box-shadow: inset 0px 12px 12px -6px rgba(0, 0, 0, 0.15), inset 0px -12px 12px -6px rgba(0, 0, 0, 0.15);
}

	section#public-library div.container div.row div:nth-of-type(1) h2 {
		font-size: 4.0rem;
		font-weight: 600;
		font-style: italic;
		text-transform: uppercase;
		color: #0856b3;
		padding: 0px;
		margin: 0px;
	}

	section#public-library div.container div.row div:nth-of-type(1) p {
		font-size: 1.5rem;
		line-height: 2.0rem;
	}

	section#public-library div.container div.row div:nth-of-type(1) a {
		background-color: #e5a630;
		border-color: #e5a630;
		font-size: 1.5rem;
		font-weight: 600;
		text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
		padding: 10px 40px;
	}

	section#public-library div.container div.row div:nth-of-type(2) img {
		border: #fdb72a solid 10px;
	}

@media (max-width: 950px) { 

	section#public-library div.container div.row {
		display: block !important;
	}

		section#public-library div.container div.row div {
			display: block !important;
			margin: 0px auto;
			max-width: none;
		}

}







/* ==== Section: My Future Matters =========== */
section#my-future-matters {
	position: relative;
	background: #fff;
	box-shadow: inset 0px 12px 12px -6px rgba(0, 0, 0, 0.15), inset 0px -12px 12px -6px rgba(0, 0, 0, 0.15);
}

	section#my-future-matters img#promo {
		max-width: 500px;
	}

	section#my-future-matters h2 {
		font-weight: 700;
		line-height: 1.5rem;
	}

		section#my-future-matters h2 small {
			display: block;
			font-size: 0.9rem;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 0.1rem;
		}

	section#my-future-matters a.btn {
		font-size: 1.25rem;
		font-weight: 600;
	}

	section#my-future-matters img#logo {
		max-width: 150px;
	}





/* ==== Section: What We Do =========== */
section#what-we-do {
	position: relative;
	padding-top: 20px;
	padding-bottom: 40px;
	overflow: hidden;
	min-height: 380px;
	box-shadow: inset 0px -12px 12px -6px rgba(0, 0, 0, 0.15);
}









/* ==== Section: Latest News =========== */
section#latest-news {
	background: #fff;
	padding-bottom: 30px;
}

	section#latest-news h2 {
		font-size: 1.5rem;
		font-weight: 600;
		line-height: 1.6rem;
	}

		section#latest-news h2 small {
			display: block;
			color: #8ec5ff;
			font-size: 0.9rem;
			font-weight: 600;
			letter-spacing: 0.05rem;
			text-transform: uppercase;
			padding-bottom: 5px;
		}

		section#latest-news h2 a {
			color: #0856b3;
		}

	section#latest-news p {
		line-height: 1.4rem;
	}

		section#latest-news p a {
			font-size: 0.8rem;
			letter-spacing: 0.05rem;
			text-transform: uppercase;
			color: #8ec5ff;
		}

@media (max-width: 550px) { 

	section#latest-news {
		text-align: center;
		margin-left: 0px;
		margin-right: 0px;
	}

		section#latest-news article {
			width: 100% !important;
		}

		section#latest-news p {
			text-align: justify;
			line-height: 1.5rem;
		}
	
}

	/* ==== Col 1 =========== */
	section#latest-news div div:nth-of-type(1) {
		padding-left: 0px;
		padding-right: 40px;
	}

@media (max-width: 950px) { 

	section#latest-news div div:nth-of-type(1) {
		padding-left: 20px;
		padding-right: 20px;
	}
	
}

	/* ==== Col 2 =========== */
	section#latest-news div div:nth-of-type(2) {
		/*
		border-start: #e6e6e6 solid 4px;
		padding-left: 40px;
		*/
	}

		section#latest-news div div:nth-of-type(2) h2 {
			font-size: 1.1rem;
			line-height: 1.2rem;
			margin-bottom: 15px;
		}

			section#latest-news div div:nth-of-type(2) h2:last-of-type {
				margin-bottom: 0px;
			}

			section#latest-news div div:nth-of-type(2) h2 small {
				font-size: 0.8rem;
				padding-bottom: 0px;
			}

@media (max-width: 750px) { 

	section#latest-news div div:nth-of-type(2) {
		/*
		border-start: none;
		border-top: #e6e6e6 solid 4px;
		padding-left: 0px;
		padding: 30px 20px;
		*/
	}
	
}







/* ==== Section: Subscribe =========== */
section#subscribe {
	background: url(../../images/bg-faces.svg);
	background-size: auto 1000px;
	box-shadow: inset 0px 12px 12px -6px rgba(0, 0, 0, 0.15), inset 0px -12px 12px -6px rgba(0, 0, 0, 0.15);
	padding-bottom: 30px;
}

@media (max-width: 550px) { 

	section#subscribe {
		padding-bottom: 50px;
	}

}

	/* ==== Emojis =========== */
	section#subscribe figure {
		margin-bottom: 10px;
	}

		/*
		section#subscribe figure img:nth-of-type(1),
		section#subscribe figure img:nth-of-type(7) {
			width: 5.0rem;
		}

		section#subscribe figure img:nth-of-type(2),
		section#subscribe figure img:nth-of-type(6) {
			width: 5.5rem;
		}

		section#subscribe figure img:nth-of-type(3),
		section#subscribe figure img:nth-of-type(5) {
			width: 5.8rem;
		}

		section#subscribe figure img:nth-of-type(4) {
			width: 10.0rem;
		}
		*/

		section#subscribe figure img:nth-of-type(1),
		section#subscribe figure img:nth-of-type(7) {
			width: 3.75rem;
		}

		section#subscribe figure img:nth-of-type(2),
		section#subscribe figure img:nth-of-type(6) {
			width: 4.125rem;
		}

		section#subscribe figure img:nth-of-type(3),
		section#subscribe figure img:nth-of-type(5) {
			width: 4.35rem;
		}

		section#subscribe figure img:nth-of-type(4) {
			width: 7.5rem;
		}

@media (max-width: 550px) { 

	section#subscribe figure img:nth-of-type(1),
	section#subscribe figure img:nth-of-type(7) {
		display: none;
	}

	section#subscribe figure img:nth-of-type(2),
	section#subscribe figure img:nth-of-type(6) {
		display: none;
	}

	section#subscribe figure img:nth-of-type(3),
	section#subscribe figure img:nth-of-type(5) {
		width: 4.35rem;
	}

	section#subscribe figure img:nth-of-type(4) {
		width: 7.5rem;
	}
	
}

	/* ==== Follow Us =========== */
	section#subscribe ul {
		padding: 0px;
	}

		section#subscribe ul li {
			display: inline-block;
			font-size: 1.5rem;
			font-weight: 600;
			color: #0856b3;
			padding: 0px 5px;
		}

			section#subscribe ul li a {
				display: block;
				border-radius: 50%;
				width: 36px;
				height: 36px;
			}

				section#subscribe ul li a img {
					max-width: 50%;
					max-height: 70%;
					margin-top: -3px;
				}

				section#subscribe ul li:nth-of-type(1) a {
					background: #3977ff;
				}

				section#subscribe ul li:nth-of-type(2) a {
					background: #00a5ff;
				}

				section#subscribe ul li:nth-of-type(3) {
					padding: 0px 25px;
				}

				section#subscribe ul li:nth-of-type(4) a {
					background: #d33c6e;
				}

				section#subscribe ul li:nth-of-type(5) a {
					background: #e4a52f;
				}

@media (max-width: 550px) { 

	section#subscribe ul {
		position: relative;
	}

		section#subscribe ul li:nth-of-type(3) {
			position: absolute;
			left: 0px;
			bottom: -35px;
			width: 100%;
		}

}







/* ==== Section: Make a Donation =========== */
section#make-donation {
	background: #fff;
	padding: 30px 0px;
}

	section#make-donation h1 {
		font-size: 1.6rem;
	}

	section#make-donation p,
	section#make-donation a {
		font-size: 1.1rem;
		line-height: 1.4rem;
	}

	section#make-donation img {
		width: 137px;
	}

@media (max-width: 950px) { 

	section#make-donation div.w-50 {
		width: 75% !important;
	}	
	
}

@media (max-width: 550px) { 

	section#make-donation div.row {
		display: block;
	}	

		section#make-donation div.row div {
			display: block;
			max-width: none;
			text-align: center !important;
			margin-bottom: 20px;
		}	
	
}