/* SECTION BACKGROUNDS */
/* Section background for section 3a of index.pcf - Halle Library */
main section.halle-library-section {
	background-image: url(/points-pride/images/halle-library.jpg);
	padding: 1.5rem 0;
	display: block;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: cover;
	color:#fff;
}

/* Section background for section 5a of index.pcf - Programs */
main section.programs-section {
	background-image: url(/points-pride/images/programs.jpg);
	padding: 1.5rem 0;
	display: block;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: cover;
	color:#fff;
}

/* Section background for section 7a of index.pcf - Alumni Network */
main section.alumni-network-section {
	background-image: url(/points-pride/images/alumni-network.jpg);
	padding: 1.5rem 0;
	display: block;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: cover;
	color:#fff;
}


/* Section background for section 10a of index.pcf - people quote carousel */
main section.people-quote-carousel-section {
	background-image: url(/points-pride/images/people-quote-carousel-bg.jpg);
	padding: 1.5rem 0;
	display: block;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: cover;
	color:#fff;
}

/* HERO */

header #front-banner-image.secondary .column .front-text-box.subfront, header #front-banner-image.secondary .columns .front-text-box.subfront {
	bottom: 30%;
}

header #front-banner-image.secondary .columns .front-text-box.subfront h1{
	margin-bottom:0rem;
	font-weight: 900;
}

@media screen and (min-width:1024px){
	/*Making banner items full width and center*/
	.small-12.medium-10.large-8.end.columns {
		/*margin-left: 133px;*/
		width:100%;
	}
	header #front-banner-image.secondary .columns .front-text-box.subfront h2{
		font-size:40px;
		line-height: 2.2rem;
		text-align: center;
	}
	header #front-banner-image.secondary .columns .front-text-box.subfront h1{
		font-size:72px;
		text-align: center;
	}
	header #front-banner-image.secondary .columns .front-text-box.subfront p {
		text-align:center;
	}
	/* 		header #front-banner-image.secondary .columns .front-text-box.subfront a.button{
	margin-top:0rem;
} */
}
@media screen and (max-width:1024px){
	header #front-banner-image.secondary .columns .front-text-box.subfront h2{
		font-size:1.5rem;
	}
}

/* ICON HEADING */
.icon-heading {
	display: flex;
	align-items: flex-start;
	gap: 0.5em;
	margin-bottom: 1em;
}

.icon-heading .icon i {
	color: #9bda00;
	font-size: 1.2em;
	line-height: 1.4; /* helps align with multiline */
}

.icon-heading .icon-white i {
	color: #ffffff;
	font-size: 1.2em;
	line-height: 1.4; /* helps align with multiline */
}

.icon-heading .text {
	flex: 1;
	font-size: 38px;
	font-weight: bold;
	line-height:2rem;
}



/* MULTI IMAGE SECTIONS */

	.image-container {
		--overlay-darkness: 0; /* default if not set */
		position: relative;
		display: inline-block;
		width: 100%;
		max-width: 100%;
		margin-bottom:-7px;
	}

	.image-container img {
		width: 100%;
		height: auto;
		display: block;
	}

	.image-container::before {
	  content: "";
	  position: absolute;
	  top: 0; left: 0;
	  width: 100%; height: 100%;
	  background: rgba(0, 0, 0, var(--overlay-darkness));
	  pointer-events: none; /* Let clicks pass through */
	}

	.overlay-content {
		font-size: 2rem;
		color: #ffffff;
		font-weight: 900;
		line-height: 1.1;
		position: absolute;
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
		width:85%;
		z-index:2;
	}

	.overlay-content p {
		line-height: 1.1;
	}
	/*.image-container::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(151, 215, 0, 0.7); 
		z-index: 1;
	}*/

	.overlay-content h2 strong {
		font-size: 61px;
		font-weight: bold;
		color: #046a38;
	}


	.overlay-content h2{
		line-height:2rem;
	}


	@media screen and (min-width:422px) and (max-width:640px){
		.overlay-content h2 strong{
			font-size:49px;
		}
	}

	@media screen and (min-width:422px) and (max-width:640px){
		.overlay-content h2 strong{
			font-size:49px;
		}
	}

	@media screen and (max-width:421px){
		.overlay-content h2 strong{
			font-size:inherit;
		}
	}

	@media screen and (max-width:309px){
		.overlay-content p{
			font-size:0.8rem;
		}
		.overlay-content p .button{
			font-size:1rem;
		}
	}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .columns.medium-4 .overlay-content p {
    font-size: 1rem;
  }

}



/* FORCE FULL WIDTH SECTIONS - USE WITH FULL WIDTH PAPER WHITE */
/* Full-width Section background for index.pcf */
main section.full-width-white-section {
    background-color: #fff;
    display: block;
}

main section.full-width-white-section .row{
    max-width:100%;
}

main section.full-width-white-section .row .large-6, main section.full-width-white-section .row .large-4{
    padding-left:0rem;
	padding-right:0rem;
}

/* Full-width Section background for index.pcf - Accordion */
main section.full-width-white-section-accordion {
    background-color: #f5f5f5;
    display: block;
}

main section.full-width-white-section-accordion .row{
    max-width:100%;
}

main section.full-width-white-section-accordion .row .large-6, 
main section.full-width-white-section-accordion .row .large-4, 
main section.full-width-white-section-accordion .row .large-12,
main section.full-width-white-section-accordion .row .medium-12,
main section.full-width-white-section-accordion .row .small-12 {
    padding-left:0rem;
	padding-right:0rem;
}




/* ///////////   ACCORDION - Full Width   ////////////// */
.special-accordion-full-width {
	width: 100%;
	background-color: #f5f5f5;
	padding: 0;
	font-family: inherit;
}

.special-accordion-full-width .column,
.special-accordion-full-width .columns {
    padding-right: 0;
    padding-left: 0;
}

/* Accordion UL */
.special-accordion-full-width .accordion {
	margin: 0 auto;
	border: none;
	/*max-width: 1140px;*/
	padding: 0;
}

/* Accordion Item */
.special-accordion-full-width .accordion-item {
	border: none;
	background: #fff;
	margin-bottom: 1rem;
	/*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);*/
}

/* Title Bar */
.special-accordion-full-width .accordion-title {
	background: #ffffff;
	padding: 1.5rem 2rem;
	font-weight: 700;
	font-size: 1.5rem;
	color: #64a824;
	text-transform: uppercase;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 0.75rem; /* adds spacing between text and triangle */
	text-align: center;
	cursor: pointer;
	transition: background 0.3s ease;
	text-decoration: none;
	width: 100%;
}

.special-accordion-full-width .accordion-title:hover {
	background-color: #f0f0f0;
}

.special-accordion-full-width .accordion-title::before {
	content: none !important;
	display: none !important;
}

/* Triangle Icon */
.special-accordion-full-width .accordion-icon {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 1rem;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #64a824;
	transition: transform 0.3s ease;
}

.special-accordion-full-width .accordion-item.is-active .accordion-icon {
	transform: rotate(180deg);
}

/* Accordion Content Container */
.special-accordion-full-width .accordion-content {
	background-color: #f5f5f5;
	padding: 0;
}

/* Accordion Inner Wrapper */
.special-accordion-full-width .accordion-inner {
	background: #f5f5f5;
	padding: 2rem;
	font-size: 1rem;
	line-height: 1.6;
	max-width: 1028px;
	margin: 0 auto;
	/*box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);*/
}

/* Paragraph Spacing */
.special-accordion-full-width .accordion-content p {
	margin-bottom: 0.75rem;
}

/* UL Styling Inside Content */
.special-accordion-full-width .accordion-inner ul {
	/*padding-left: 1.5rem;
	list-style-type: square;*/
	list-style: none; /* disable default bullets */
	padding-left: 0;
}

.special-accordion-full-width .accordion-inner ul li {
	/*margin-bottom: 0.5rem;
	padding-left: 0.25rem;
	color: #222;*/
	position: relative;
	padding-left: 2rem;
	margin-bottom: 0.5rem;
	color: #222;
	line-height: 2;
}

/*.special-accordion-full-width .accordion-inner ul li::marker {
	color: #95c940;
	font-size: 1.2rem;
}*/

.special-accordion-full-width .accordion-inner ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.6em;
	width: 0.75rem;
	height: 0.75rem;
	background-color: #64a824;
}

/* /// override the bottom border on the last accordion /// */
.special-accordion-full-width :last-child > .accordion-content:last-child {
    border-bottom: none !important;
}