/*------------------------------------------------------------------
cpt.css
Last edited: 8/22/25
[Table of contents]

1. NEWS CPT
2. EVENTS CPT ARCHIVE
3. CAREERS CPT ARCHIVE
4. TESTIMONIALS CPT ARCHIVE
5. RESOURCES CPT ARCHIVE
	5a. RESOURCES SINGLE POST

100. MEDIA QUERIES
    100a. EXTRA SMALL DEVICES (phones 576px and up)
    100b. SMALL DEVICES (tablets, 768px and up)
    100c. MEDIUM DEVICES (desktops, 992px and up)
    100d. LARGE DEVICES (large desktops, 1200px and up)
    100e. EXTRA LARGE DEVICES (large desktops, 1450px and up)

[Notes]
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
1. NEWS CPT
-------------------------------------------------------------------*/
.news,
.news-item-wrapper {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1" viewBox="0 0 536.5 1079.6"><defs><clipPath id="clippath"><path d="M0 0h536.5v1079.6H0z" style="fill:none"/></clipPath><style>.st3{fill:%23f3f2ee}</style></defs><g style="clip-path:url(%23clippath)"><g style="opacity:.7"><path d="m.4 126.9-159.1 229.6h318.2L.4 126.9zM159.5 723.2h-318.2L.4 952.8l159.1-229.6zM-410.6 539l227.5 160.5V378.4L-410.6 539zM410.6 539 183.1 699.5V378.4L410.6 539z" class="st3"/><path d="M.4 131.6-110.6 0h222L.4 131.6zM.4 948.1l-111 131.5h222L.4 948.1zM-406 539l-130.3 112V427L-406 539zM406 539l130.3 111.9V427L406 539zM158.5 147.8H31.1l62.5 87.9 64.9-87.9zM-93.5 235.7l-64.9-87.9h127l-62.1 87.9zM158.5 931.8H31.1l62.5-87.9 64.9 87.9zM-31.4 931.8h-127l64.9-87.9 62.1 87.9zM-389.8 379.4V508l87-63.1-87-65.5zM-389.8 571.1v128.1l87-65.4-87-62.7zM389.8 379.4V508l-87-63.1 87-65.5zM389.8 571v128.2l-87-65.4 87-62.8zM-32.5 376.1h64.9v65.5h-64.9zM-32.5 507.1h64.9v65.5h-64.9zM-97.3 441.6h64.9v65.5h-64.9zM-97.3 572.6h64.9v65.5h-64.9zM32.4 441.6h64.9v65.5H32.4zM32.4 572.6h64.9v65.5H32.4zM-32.5 638.1h64.9v65.5h-64.9z" class="st3"/></g></g></svg>');
	background-repeat: no-repeat;
	background-position: center left;
	background-size: min(50vw, 400px);

}

@media screen and (min-width: 992px) {
	.news, .news-item-wrapper {
		min-height: 850px;
	}
}
.news-wrapper h2 {
	margin: 0 0 0.1em;
}
.news-wrapper h2 a,
.single-cpt_news h1 {
	color: var(--theme-color-green);
	font-family: var(--theme-font-opensans);
    font-weight: 700;
}
.news-wrapper h2 a {
	color: var(--theme-color-slate);
	font-size: var(--theme-fs-medium);
}
.news-wrapper h2 a:hover {
	color: var(--theme-color-blue);
	text-decoration: none;
}
.news-wrapper .read-more {
	margin-bottom: 35px;
}
.aac_widget_news_archive {
	background: #f5f5f5;
    border-bottom: solid 2px #ebebeb;
    margin-bottom: 10px;
    padding: 25px 15px;
}
.single-cpt_news h1 {
	font-size: var(--theme-fs-large);
	margin: 0 0 0.5em;
}
/*------------------------------------------------------------------
2. EVENTS CPT ARCHIVE
-------------------------------------------------------------------*/
.band-events .event-wrapper {
	margin: 0 0 30px;
}
.band-events .logo-wrapper {
	align-items: center; /* align vertical */
	display: flex;
	justify-content: center; /* align horizontal */
	margin-bottom: 10px;
	max-width: 208px;
}
.band-events .logo-wrapper img {
	border: 1px solid #e3e3e3;
}
/*------------------------------------------------------------------
3. CAREERS CPT ARCHIVE
-------------------------------------------------------------------*/
ul.jobs-items-wrapper {
	list-style-type: none;
	margin-left: 0;
}
ul.jobs-items-wrapper li {
	font-size: 1.2em;
}
/*------------------------------------------------------------------
4. TESTIMONIALS CPT ARCHIVE
-------------------------------------------------------------------*/
.archive-testimonials .testimonial-wrapper {
	border-bottom: 1px solid #e3e3e3;
    margin: 0 0 25px;
    padding: 0 0 25px; 
}
.archive-testimonials .testimonial-wrapper:last-of-type {
	border-bottom: none;
	margin: 0;
	padding: 0;	
}
.testimonial-wrapper img {
	border: 1px solid #e3e3e3;
	width: 150px;
}
.testimonial-wrapper .position {
	font-weight: bold;
	text-transform: uppercase;
}
/*------------------------------------------------------------------
5. RESOURCES CPT ARCHIVE
-------------------------------------------------------------------*/
.resources .row.gutter [class^="col-"] {
	margin-bottom: 40px;
}
.resources .resource {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
    height: 100%;
	margin: 0 auto;
	max-width: 360px;
    transition: 0.4s all ease;
}
.resources .resource:hover {
	transform: scale(1.05);
}
.resources .resource-details {
	padding: 20px 25px;
}
.resources .resource-details .resource-categories {
	font-size: 0.8rem;
	letter-spacing: 0.1em;
	margin: 0 0 0.2rem;
	text-transform: uppercase;
}
.resources .resource-details h3,
.resources .resource-details h4,
.resources .resource-details p {
	color: var(--theme-color-slate);
}
.resources .resource:hover a,
.resources .resource:hover .resource-details h3,
.resources .resource:hover .resource-details h4 {
	color: var(--theme-color-orange);
	text-decoration: none;
}

.resources .band-resources:nth-of-type(even) {
	background: #f6f6f7;
}
/*------------------------------------------------------------------
5a. RESOURCES SINGLE POST
-------------------------------------------------------------------*/
.single-cpt_resources .resource-categories {
	font-size: 0.8rem;
	letter-spacing: 0.1em;
	margin: 0 0 0.2rem;
	text-transform: uppercase;
}
/*------------------------------------------------------------------
100. MEDIA QUERIES
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
100a. EXTRA SMALL DEVICES (phones 576px and up)
-------------------------------------------------------------------*/
@media (min-width: 576px) {
    
}
/*------------------------------------------------------------------
100b. SMALL DEVICES (tablets, 768px and up)
-------------------------------------------------------------------*/
@media (min-width: 768px) {
/*------------------------------------------------------------------
2. EVENTS CPT ARCHIVE
-------------------------------------------------------------------*/
	.band-events .logo-wrapper {
		margin-bottom: 30px;
	}
/*------------------------------------------------------------------
4. TESTIMONIALS CPT ARCHIVE
-------------------------------------------------------------------*/
	.testimonial-wrapper img {
		width: inherit;
	}    
/*------------------------------------------------------------------
5. RESOURCES CPT ARCHIVE
-------------------------------------------------------------------*/
	.resources .resource {
		max-width: 100%;
	}	
}

/*------------------------------------------------------------------
100c. MEDIUM DEVICES (desktops, 992px and up)
-------------------------------------------------------------------*/
@media (min-width: 992px) {
/*------------------------------------------------------------------
5. RESOURCES CPT ARCHIVE
-------------------------------------------------------------------*/
	.resources .row.gutter [class^="col-"] {
		margin-bottom: 50px;
	}
}
/*------------------------------------------------------------------
100d. LARGE DEVICES (large desktops, 1200px and up)
-------------------------------------------------------------------*/
@media (min-width: 1200px) {
/*------------------------------------------------------------------
2. EVENTS CPT ARCHIVE
-------------------------------------------------------------------*/
	.band-events .logo-wrapper {
		max-width: 330px;
	}	
/*------------------------------------------------------------------
5. RESOURCES CPT ARCHIVE
-------------------------------------------------------------------*/
	.resources .gutter [class^="col-"]:nth-of-type(3n+1) {
		padding-left: 15px;
		padding-right: 29px;
	}
	.resources .gutter [class^="col-"]:nth-of-type(3n-1) {
		padding-left: 22px;
		padding-right: 22px;
	}
	.resources .gutter [class^="col-"]:nth-of-type(3n) {
		padding-left: 29px;
		padding-right: 15px;
	}  	
}
/*------------------------------------------------------------------
100e. EXTRA LARGE DEVICES (large desktops, 1450px and up)
-------------------------------------------------------------------*/
@media screen and (min-width: 1450px) {
   
}