/* FAQ styles */

.field--name-field-faq-opening-text {
	margin-bottom:2rem;
}

.field--name-field-expand-all-content {
	display:flex;
	justify-content:end;
	
		.expand-all-content {
			display:inline-block;
			margin:0 0 1rem 0 !important;
			padding:.375em 1em .375em 1em;
			border:1px solid #0067d5;
			border-radius:4px;
			background-color:#fffefe;
			font-size:.8em;
			color:#0067d5;
		}
		.expand-all-content:hover {
			background-color:#0067d5;
			color:#ffffff;
			cursor:pointer;
		}
		.expand-all-content:focus {
			background-color:#0067d5;
			color:#ffffff;
			box-shadow:0 0 0 4px #c2daff;
			outline:none;
		}

}

.field--name-field-faq-section-header h2 {
	margin:0 0 2rem 0;
	font-size:2rem;
	line-height:115%;
}
.paragraph--type--faq-expandable-pair {
	margin:0;
	padding:0;
	border:1px solid #d4d4d6;
	border-radius:.375rem;
	background-color:#fffefe;
}
.field--name-field-faq-initial-text {
	display:flex;
	margin:0;
	border-radius:.375rem;
	padding:15px;
	font-size:1.5rem;
	font-weight:300;
	color:#00274c;
	cursor:pointer;
}
.field--name-field-faq-initial-text:hover {
	color:#017d91;
}
.field--name-field-faq-initial-text:focus {
	color:#017d91;
	outline:none;
	box-shadow:0 0 0 4px #c2daff;
}
.field--name-field-faq-initial-text:before {
	width:1.5rem;
	margin-right:.5rem;
	content:'\f078';
	font-family:'Font Awesome 6 Pro';
	font-weight:500;
}
.field--name-field-faq-initial-text.open {
}
.field--name-field-faq-initial-text.open:before {
	content:'\f077';
}
.field--name-field-faq-expanded-text {
	padding:0 1rem 1rem 3rem;
	
	ul li {
		margin-top:.5rem;
	}
	
}

/* Specific FAQ styles */

.page-title-appropriate-use-of-ai-services--u-m-policy {

	.paragraph--type--faq-section {
		margin:0 0 2rem 0;
		padding:2rem;
		border-radius:.375rem;
		background-color:#eff0f1;

		.text ul {
			margin:0 0 2rem 0;
			padding:0;
			list-style:none;

			li {
				background-color:#fffefe;
				list-style: none;
				margin:0 0 .75rem 0;
				padding:1rem;
				width: 100%;
			}
		}
	}
	.field--name-field-faq-initial-text {
		background-color:#fffefe;
	}
	.appropriate-ai {
		display:flex;
		flex-flow:row;
		width:auto;
		.icon {
			flex:0 0 96px;
			width:96px;
		}
		.icon img {
			width:96px;
			height:auto;
		}
		.text {
			flex-grow:1;
			padding:0 0 0 2rem;
		}
	}
	
	@media screen and (max-width:767px) {
		
		.paragraph--type--faq-section {
			padding:1rem;
		}
		.appropriate-ai {
			flex-flow:column;
		}
		.appropriate-ai .text {
			padding:1rem 0 0 0;
		}
		
	}

}