/* ================================================
Component: Cafeteria Apply
Path: components/flexible/cafeteria_apply/style.css
================================================ */
:is(body, .is-preview) {
	.cafeteria-apply {
		padding-top: var(--gap-3xl);
		padding-bottom: var(--gap-3xl);
	}
	.cafeteria-apply__inner {
		display: flex;
		flex-direction: column;
		gap: var(--gap-md);
		align-items: stretch;
	}
	.cafeteria-apply__image {
		border-radius: var(--radius-md);
		overflow: hidden;
	}
	.cafeteria-apply__img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.cafeteria-apply__content {
		display: flex;
		flex-direction: column;
		gap: var(--gap-lg);
	}
	.cafeteria-apply__heading {
		font-family: var(--font-primary);
		font-size:var(--font-size-3xl);
		text-transform: none;
		font-weight: var(--font-weight-medium);
		color: var(--color-earth);
		line-height: normal;
		letter-spacing: 0.36px;
	}
	.cafeteria-apply__intro,
	.cafeteria-apply__followup,
	.cafeteria-apply__intro p,
	.cafeteria-apply__followup p{
		font-size: var(--font-size-md);
		font-weight: var(--font-weight-medium);
		line-height: normal;
		color: var(--color-denim);
		letter-spacing: 0.135px;
	}
	.cafeteria-apply__followup {
		font-weight: var(--font-weight-light);
	}
	.cafeteria-apply__intro p,
	.cafeteria-apply__followup p {
		margin: 0 0 var(--gap-sm);
	}
	.cafeteria-apply__intro p:last-child,
		.cafeteria-apply__followup p:last-child {
			margin-bottom: 0;
	}
	.cafeteria-apply__button-wrap {
		display: flex;
		padding-bottom:var(--gap-sm);
	}
	.cafeteria-apply__contact {
		background-color: var(--color-white);
		padding: 20px;
		display: flex;
		flex-direction: column;
		gap: var(--gap-xs);
		max-width: 300px;
	}
	.cafeteria-apply__contact-name,
	.cafeteria-apply__contact-line,
	.cafeteria-apply__contact-link {
		font-size: var(--font-size-sm);
		font-weight: var(--font-weight-light);
		color: var(--color-denim);
		line-height: normal;
		letter-spacing: 0.12px;
	}
	.cafeteria-apply__contact-name {
		font-weight: var(--font-weight-medium);
	}
	.cafeteria-apply__contact-link {
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: auto;
		text-decoration-thickness: 10%; /* 1.6px */
		text-underline-offset: 15%; /* 2.4px */
		text-underline-position: from-font;
	}
	.cafeteria-apply__contact-link:hover,
	.cafeteria-apply__contact-link:focus {
		color: var(--color-grass);
	}
	@media (min-width: 1025px) {
		.cafeteria-apply__inner {flex-direction: row;align-items: flex-start;gap: var(--gap-2xl);}
		.cafeteria-apply__image {flex: 0 0 auto;width: 50%;max-width: 636px;}
		.cafeteria-apply__content {flex: 1 1 auto;max-width: 636px;padding-top: 0;}
	}
	@media(max-width:768px) {
		.cafeteria-apply__heading {font-size:var(--font-size-3xl);}
	}
	@media(max-width:480px) {
		.cafeteria-apply__contact {max-width:100%;}
	}
}
