/* Styles for Academics */

/***
Degree & Cert Component
***/
.pcc-adc-wrapper {
	display: flex;
	justify-content: start;
	gap: 20px;	
	flex-wrap: wrap;
	align-items: stretch;
}
.pcc-adc-wrapper .pcc-adc-card {
	border: 4px solid #be1e2d;
	border-radius: 4px;
	padding: 24px;
	flex: 0 0 100%;
}
.pcc-adc-wrapper .pcc-adc-card h2 {
	font-size: 24px;
	line-height: 1;
	font-weight: 800;
}
.pcc-adc-wrapper .pcc-adc-card .pcc-adc-award-type {
	font-size: 14px;
	color: #999;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 8px;
}
.pcc-adc-wrapper .pcc-adc-card .pcc-adc-end {
	font-size: 14px;
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 8px;
	color: #566168;
}
.pcc-adc-wrapper.pcc-adc-view-grid .pcc-adc-card .pcc-adc-end {
	flex-direction: column;
	align-items: start;
}
.pcc-adc-wrapper .pcc-adc-card .pcc-adc-end .pcc-acd-time-to-complete {
	color: #000;
	background: #F0F0F0;
	padding: 5px 8px;
	border-radius: 8px;
	font-size: 12px;
}
.pcc-adc-wrapper .pcc-adc-card .pcc-adc-end .pcc-adc-award-type-icon {
	color: #000;
	line-height: 1.1;
	font-weight: 500;
	display: flex;
	gap: 10px;
	justify-content: start;
	align-items: center;
}
.pcc-adc-wrapper .pcc-adc-card .pcc-adc-end .pcc-adc-award-type-icon span {
	background-color: #FFCF0C;
	padding: 5px;
	border-radius: 4px;
	font-size: 16px;
}
.pcc-adc-wrapper .pcc-adc-card .pcc-adc-bottom {
	display: flex;
	align-items: start;
	justify-content: start;
	flex-direction: column;
	gap: 8px;
	font-family: 'Proxima Nova', sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin-top: 18px;
}
.pcc-adc-wrapper .pcc-adc-card .pcc-adc-bottom a {
	display: inline-block;
	transition: all .2s ease-in-out;
	text-decoration: underline;
	text-decoration-color: #F8D64A;
}
.pcc-adc-key {
	display: flex;
	align-items: center;
	gap: 18px;
	justify-content: start;
	font-size: 12px;
	margin-bottom: 18px;
	flex-wrap: wrap;
}
.pcc-adc-wrapper .pcc-adc-coa-not-eligible {
	background: #f1efee;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
	margin-bottom: 12px;
	display: inline-block;
}
@media screen and (min-width: 600px) {
	.pcc-adc-wrapper.pcc-adc-view-list {
		gap: 10px;
		flex-direction: column;
		align-items: start;
	}
	.pcc-adc-wrapper.pcc-adc-view-grid {
		gap: 20px;	
		flex-wrap: wrap;
		align-items: stretch;
	}
	.pcc-adc-wrapper.pcc-adc-view-grid .pcc-adc-card {
		flex: 0 0 calc(100% / 2 - 20px);
		position: relative;
		padding-bottom: 150px;
	}
	.pcc-adc-wrapper.pcc-adc-view-grid .pcc-adc-card .pcc-adc-bottom {
		position: absolute;
		left: 24px;
		right: 24px;
		bottom: 24px;
	}
	.pcc-adc-wrapper.pcc-adc-view-list .pcc-adc-card {
		width: 100%;	
	}
}
@media screen and (min-width: 960px) {
	.pcc-adc-wrapper.pcc-adc-view-grid .pcc-adc-card {
		flex: 0 0 calc(100% / 3 - 20px);
	}
	.pcc-adc-wrapper.pcc-adc-view-list .pcc-adc-card .pcc-adc-top {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.pcc-adc-wrapper.pcc-adc-view-list .pcc-adc-card .pcc-adc-bottom {
		flex-direction: row;
		gap: 18px;
	}
}

/***
Degree & Cert Controller Filter Component
***/
.pcc-adc-controller h2 {
	font-size: 16px;
	margin: 18px 0 8px 0;
}
.pcc-adc-controller label {
	color: #000;
}
.pcc-adc-controller form {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.3s ease, opacity 0.3s ease;
}
.pcc-adc-controller form.pcc-adc-controller-form-show {
	max-height: 3000px;
	opacity: 1;
}
.pcc-adc-controller .pcc-adc-controller-reset {
	margin-top: 18px;
}
.pcc-adc-controller .pcc-adc-toggle-filters,
.pcc-adc-controller .pcc-adc-toggle-filters span.fa {
	transition: all .2s ease-in-out;
}
.pcc-adc-controller .pcc-adc-toggle-filters.pcc-adc-toggle-filters-active span.fa {
	transform: rotate(180deg);
}
.pcc-adc-controller .pcc-adc-controller-career-communities label span {
	height: 12px;
	width: 12px;
	display: inline-block;
	border-radius: 50%;
}
@media screen and (min-width: 768px) {
	.pcc-adc-controller form {
		opacity: 1;
		max-height: 3000px;
	}	
	.pcc-adc-controller .pcc-adc-toggle-filters {
		display: none;
	}
	.pcc-adc-controller {
		padding: 20px;
		background-color: #f1f1f1;
		border-radius: 4px;
		margin-top: 20px;
	}
}

/***
Areas of Study
***/
.pcc-aos-wrapper {
	border-top: 1px solid #ccc;
	margin-bottom: 40px;
}
.pcc-aos-wrapper .pcc-aos-item {
	padding: 20px 15px;
	border-left: 5px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.pcc-aos-toggler-content .pcc-adc-wrapper {
	padding-top: 20px;
}
.pcc-aos-wrapper .pcc-aos-toggler {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}
.pcc-aos-wrapper .pcc-aos-toggler h2,
.pcc-aos-wrapper .pcc-aos-toggler h2 a {
	color: #000000;	
	transition: all .2s ease-in-out;
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
}
.pcc-aos-wrapper .pcc-aos-toggler .pcc-aos-toggler-start {
	display: flex;
	justify-content: start;
	align-items: start;
	flex-direction: column;
}
.pcc-aos-wrapper .pcc-aos-toggler .pcc-aos-toggler-start .pcc-aos-toggler-title {
}
.pcc-aos-wrapper .pcc-aos-toggler .pcc-aos-toggler-start .pcc-aos-toggler-tags {
	font-size: 12px;
	display: flex;
	gap: 4px;
	align-items: center;
	justify-content: start;
	margin-top: 8px;
	opacity: .5;
}
.pcc-aos-wrapper .pcc-aos-toggler .pcc-aos-toggler-start .pcc-aos-toggler-tags .pcc-aos-toggler-award-type {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 4px;
	color: #be1e2d;
	opacity: 1;
}
.pcc-aos-wrapper .pcc-aos-toggler h2 a span.fa {
	transition: all .2s ease-out;
	font-size: 12px;
	opacity: .25;
}
.pcc-aos-wrapper .pcc-aos-toggler h2 a:hover span.fa {
	transform: translateX(4px);
	opacity: 1;
}
.pcc-aos-wrapper .pcc-aos-toggler h2 a:hover {
	text-decoration: none;
	color: #be1e2d;
}
.pcc-aos-wrapper .pcc-aos-toggler-content {
	max-height: 0;
	transition: max-height .3s ease-in-out, opacity .3s ease-in-out .1s;
	overflow: hidden;
	background-color: #fff;
	border-radius: 4px;
	opacity: 0;
}
.pcc-aos-wrapper .pcc-aos-toggler-content.toggled {
	max-height: 10000px;
	opacity: 1;
	transition: max-height .3s ease-in-out, opacity .3s ease-in-out .1s;
}
.pcc-aos-wrapper .pcc-aos-toggler-controller button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border: none;
	background-color: rgba(0, 0, 0, .4);
	color: #fff;
	transition: all .2s ease-in-out;
	border-radius: 50%;
	position: relative;
}
.pcc-aos-wrapper .pcc-aos-toggler-controller button:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 50%;
	content: '';
	background-color: rgba(0, 0, 0, 0);
	transition: all .2s ease-in-out;
	z-index: 1;
}
.pcc-aos-wrapper .pcc-aos-toggler-controller button:hover:before {
	background-color: rgba(0, 0, 0, .5);
}
.pcc-aos-wrapper .pcc-aos-toggler-controller button span.fa {
	transition: all .2s ease-in-out;
	position: relative;
	z-index: 2;
}
.pcc-aos-wrapper .pcc-aos-toggler-controller button.activated span.fa {
	transform: rotate(45deg);
}
.pcc-aos-wrapper .pcc-aos-toggler-title a span.pcc-aos-link-button span.pcc-aos-link-button-text {
	display: none;
}

.pcc-aos-toggle-all {
	text-align: right;
	margin-bottom: 8px;
}
.pcc-aos-toggle-all button {
	border: none;
	border-radius: 2px;
	padding: 4px 8px;
	background: #f1f1f1;
	font-size: 12px;
	font-weight: bold;
	color: #be1e2d;
	transition: all .2s ease;
}
.pcc-aos-toggle-all button:hover {
	background: #f1efee;
	color: #8E0026;
}
.pcc-aos-toggle-all button span {
	transition: opacity .2s ease-in-out; 
	display: inline-block;
}
.pcc-aos-toggle-all button span.pcc-aos-collapse-all,
.pcc-aos-toggle-all button.toggled span.pcc-aos-expand-all {
	width: 0;
	visibility: hidden;
	opacity: 0;
}
.pcc-aos-toggle-all button.toggled span.pcc-aos-collapse-all {
	width: auto;
	opacity: 1;
	visibility: visible;
}
.pcc-aos-toggler-content .btn.btn-yellow {
	margin-bottom: 0;
	margin-top: 20px;
}
.pcc-aos-wrapper p.pcc-pos-introduction {
	margin-top: 20px;
	margin-bottom: 0;
}

@media screen and (min-width: 960px) {
	.pcc-aos-wrapper .pcc-aos-item {
		padding: 30px 20px;	
	}
	.pcc-aos-wrapper .pcc-aos-toggler .pcc-aos-toggler-start {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		gap: 30px;
	}
	.pcc-aos-wrapper .pcc-aos-toggler h2,
	.pcc-aos-wrapper .pcc-aos-toggler h2 a {
		font-size: 20px;	
	}
	.pcc-aos-wrapper .pcc-aos-toggler h2 a {
		display: flex;
		align-items: center;
		justify-content: start;
	}
	.pcc-aos-wrapper .pcc-aos-toggler-title a span.pcc-aos-link-button {
		display: flex;
		justify-content: start;
		align-items: center;
		transition: none;
		padding: 8px 16px;
		margin-left: 8px;
		height: 12px;
	}
	.pcc-aos-wrapper .pcc-aos-toggler-title a span.pcc-aos-link-button span.pcc-aos-link-button-text {
		display: inline-block;
		opacity: 0;
		max-width: 0;
		transition: max-width .1s ease .3s, opacity .2s ease-in-out .1s;
		font-size: 12px;
	}
	.pcc-aos-wrapper .pcc-aos-toggler.toggled .pcc-aos-toggler-title a span.pcc-aos-link-button span.pcc-aos-link-button-text {
		opacity: 1;
		max-width: 500px;
		margin-right: 8px;
		transition: opacity .2s ease-in-out .1s;
	}
	.pcc-aos-wrapper .pcc-aos-toggler.toggled .pcc-aos-toggler-title a span.pcc-aos-link-button {
		background: #FFCF0C;
		font-size: 12px;
		border-radius: 2px;
		display: flex;
		align-items: center;
		height: auto;
	}
	.pcc-aos-wrapper .pcc-aos-toggler.toggled .pcc-aos-toggler-title a span.pcc-aos-link-button span.fa {
		opacity: 1;
	}
	.pcc-aos-wrapper .pcc-aos-toggler .pcc-aos-toggler-start .pcc-aos-toggler-tags {
		gap: 8px;	
		opacity: 1;
		margin-top: 0;
	}
	.pcc-aos-wrapper .pcc-aos-toggler .pcc-aos-toggler-start .pcc-aos-toggler-tags .pcc-aos-toggler-award-type {
		gap: 8px;	
	}
	.pcc-aos-wrapper .pcc-aos-toggler {
		padding-bottom: 0;
	}
	.pcc-aos-toggler-content .btn.btn-yellow {
		display: none;
	}
}