/* ==========================================================================
   קמפוס ADHD — hub (page-campus.php, taxonomy-course-for.php) + single course
   Values from the Figma file "עיצוב קמפוס ADHD" (frames 23:3622, 24:4051 + mobile).
   Loaded only on campus screens (inc/campus/campus.php), the regular theme CSS is
   dequeued there, so everything the pages need is defined here.
   ========================================================================== */

.campus {
	--c-navy: #1b2a6b;          /* Biscay */
	--c-text: #33395a;          /* Pickled Bluewood */
	--c-muted: #6b7192;         /* Lynch */
	--c-placeholder: #8a90ae;   /* Bali Hai */
	--c-pink: #ec2f8b;          /* Violet Red */
	--c-pink-dark: #d41f78;     /* Cerise */
	--c-green-text: #2f7d43;    /* Sea Green */
	--c-green: #3e9f55;         /* Chateau Green */
	--c-line: #e3e7f2;          /* Catskill White */
	--c-line-strong: #c9d0e4;
	--c-input: #cbd2e6;
	--c-divider: #c3cae0;
	--c-dashed: #d4d6ee;
	--c-soft: #f5f8fe;          /* Selago */
	--c-photo: #f3f6fd;
	--wrap: 1216px;
	--gutter: 24px;
}

/* ---------- base ---------- */
body.campus {
	margin: 0;
	background: #fff;
	color: var(--c-text);
	font-family: "Heebo", Arial, sans-serif;
	font-size: 17px;
	line-height: 1.5;
	direction: rtl;
	-webkit-font-smoothing: antialiased;
}

.campus *,
.campus *::before,
.campus *::after {
	box-sizing: border-box;
}

.campus img {
	max-width: 100%;
	height: auto;
}

.campus a {
	color: inherit;
}

/* zero-specificity reset, so single-class component rules below always win */
:where(.campus) :where(h1, h2, h3, p, ul, dl, dd) {
	margin: 0;
	padding: 0;
}

:where(.campus) :where(ul) {
	list-style: none;
}

html:has(body.campus) {
	scroll-behavior: smooth;
}

.campus :focus-visible {
	outline: 3px solid var(--c-pink);
	outline-offset: 3px;
}

.campus .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.campus-wrap {
	width: 100%;
	max-width: var(--wrap);
	margin-inline: auto;
	padding-inline: var(--gutter);
}

.campus-h2 {
	color: var(--c-navy);
	font-size: 36px;
	font-weight: 800;
	line-height: 1.2;
}

.campus-h2--lg {
	font-size: 40px;
}

/* status: "● ההרשמה פתוחה" / "בקרוב" */
.campus-status {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--c-muted);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
}

.campus-status--open {
	color: var(--c-green-text);
	font-weight: 600;
}

.campus-status--open::before {
	content: "";
	flex: none;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--c-green);
}

/* buttons */
.campus-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	padding: 0 46px;
	border: 0;
	border-radius: 12px;
	font-family: inherit;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.campus .campus-btn--pink {
	background: var(--c-pink);
	color: #fff;
}

.campus .campus-btn--pink:hover,
.campus .campus-btn--pink:focus-visible {
	background: var(--c-pink-dark);
	color: #fff;
}

.campus-btn--block {
	display: flex;
	width: 100%;
	min-height: 58px;
	padding: 0 20px;
}

/* ---------- header ---------- */
.campus-header {
	background: #fff;
	border-bottom: 1px solid var(--c-line);
}

.campus-header__inner {
	max-width: 1392px;
	display: flex;
	align-items: center;
	min-height: 84px;
}

.campus-header__logo {
	display: block;
	line-height: 0;
}

.campus-header__logo img {
	width: auto;
	height: 64px;
}

/* ---------- hero ---------- */
.campus-hero {
	background: linear-gradient(180deg, #d6e6ff 0%, #f3f8ff 65%, #fff 100%);
	padding: 40px 0 104px;
	text-align: center;
}

.campus-hero__inner {
	position: relative;
	max-width: 1392px;
}

.campus-hero__logo {
	position: absolute;
	top: 4px;
	left: var(--gutter);
	display: block;
	width: 207px;
	line-height: 0;
}

.campus-hero__art {
	display: block;
	width: 700px;
	margin: 0 auto 17px;
}

.campus-hero__title {
	color: var(--c-navy);
	font-size: 56px;
	font-weight: 800;
	line-height: 1.15;
}

.campus-hero__lead {
	max-width: 1040px;
	margin: 14px auto 0;
	color: var(--c-text);
	font-size: 20px;
	line-height: 32px;
}

.campus-filter {
	margin-top: 56px;
}

.campus-filter__label {
	color: var(--c-muted);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
}

.campus-filter__pills {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-top: 16px;
}

.campus-pill {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 24px;
	border: 1px solid var(--c-navy);
	border-radius: 999px;
	background: #fff;
	color: var(--c-navy);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.campus a.campus-pill:hover,
.campus a.campus-pill:focus-visible {
	background: var(--c-soft);
	color: var(--c-navy);
}

.campus a.campus-pill.is-active {
	background: var(--c-navy);
	color: #fff;
	font-weight: 600;
}

/* the course's own audience on the single course page */
.campus a.campus-pill.is-current {
	border-color: var(--c-pink);
	background: var(--c-pink);
	color: #fff;
	font-weight: 600;
}

/* ---------- hub: featured course ---------- */
.campus-featured {
	display: flex;
	align-items: flex-end;
	gap: 28px;
	padding: 45px 57px 49px;
	border: 1px solid var(--c-line);
	border-radius: 20px;
	background: #fff;
}

.campus-featured__body {
	flex: 1;
	min-width: 0;
}

.campus-featured__title {
	margin-top: 13px;
	color: var(--c-navy);
	font-size: 44px;
	font-weight: 800;
	line-height: 52.8px;
}

.campus-featured__title a {
	text-decoration: none;
}

.campus-featured__title a:hover {
	text-decoration: underline;
	text-decoration-thickness: 2px;
}

.campus-featured__excerpt {
	margin-top: 14px;
	font-size: 19px;
	line-height: 28.5px;
}

.campus-featured__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	row-gap: 8px;
	margin-top: 22px;
	color: var(--c-navy);
	font-size: 19px;
	font-weight: 600;
	line-height: 1.3;
}

.campus-featured__meta li + li::before {
	content: "";
	display: inline-block;
	width: 1.5px;
	height: 24px;
	margin: 0 14px;
	vertical-align: middle;
	background: var(--c-divider);
}

.campus-featured__cta {
	flex: none;
}

/* ---------- hub: all courses ---------- */
.campus-all {
	padding-top: 104px;
	padding-bottom: 120px;
}

.campus-featured-wrap + .campus-all {
	padding-top: 104px;
}

.campus-table {
	margin-top: 30px;
}

.campus-table__row {
	display: grid;
	grid-template-columns: minmax(0, 465fr) minmax(0, 223fr) minmax(0, 145fr) minmax(0, 215fr) minmax(56px, auto);
	align-items: center;
	gap: 16px;
	min-height: 89px;
	padding: 20px 0;
	border-bottom: 1px solid var(--c-line);
	font-size: 17px;
	line-height: 1.4;
}

.campus-table__head {
	min-height: 0;
	padding: 0 0 15px;
	border-bottom-color: var(--c-line-strong);
	color: var(--c-muted);
	font-size: 14px;
	font-weight: 600;
}

.campus-table__name {
	color: var(--c-navy);
	font-size: 20px;
	font-weight: 600;
}

.campus-table__name a {
	text-decoration: none;
}

.campus-table__name a:hover {
	text-decoration: underline;
}

.campus-table__cta {
	justify-self: end;
}

.campus-table__cta a {
	color: var(--c-navy);
	font-weight: 600;
	white-space: nowrap;
}

.campus-table__cta a:hover {
	color: var(--c-pink-dark);
}

.campus-empty {
	margin-top: 30px;
	font-size: 19px;
}

/* ---------- contact form section (hub + course) ---------- */
.campus-ask {
	background: var(--c-soft);
	padding: 72px 0 64px;
}

.campus-ask__lead {
	margin-top: 12px;
	font-size: 20px;
	line-height: 30px;
}

.campus-form {
	margin-top: 30px;
}

.campus-form__row {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.campus-form__row > label,
.campus-form__row > .wpcf7-form-control-wrap {
	flex: 1 1 0;
	min-width: 0;
}

.campus-form .wpcf7-form-control-wrap {
	display: block;
}

.campus-form input[type="text"],
.campus-form input[type="tel"],
.campus-form input[type="email"],
.campus-form select {
	display: block;
	width: 100%;
	height: 58px;
	padding: 0 20px;
	border: 1px solid var(--c-input);
	border-radius: 10px;
	background: #fff;
	color: var(--c-text);
	font-family: inherit;
	font-size: 17px;
	line-height: 25px;
	text-align: right;
	box-shadow: none;
}

.campus-form select {
	padding-left: 34px;
	padding-right: 22px;
	color: var(--c-muted);
	appearance: none;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236b7192' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat left 16px center;
}

.campus-form ::placeholder {
	color: var(--c-placeholder);
	opacity: 1;
}

.campus-form input:focus,
.campus-form select:focus {
	border-color: var(--c-navy);
	outline: none;
	box-shadow: 0 0 0 3px rgba(27, 42, 107, 0.12);
}

.campus-form .wpcf7-submit {
	flex: none;
	height: 58px;
	padding: 0 40px;
	border: 2px solid var(--c-navy);
	border-radius: 12px;
	background: transparent;
	color: var(--c-navy);
	font-family: inherit;
	font-size: 19px;
	font-weight: 700;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.campus-form .wpcf7-submit:hover,
.campus-form .wpcf7-submit:focus-visible {
	background: var(--c-navy);
	color: #fff;
}

.campus-form .wpcf7-spinner {
	align-self: center;
	margin: 0;
}

.campus-form__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 20px;
}

.campus-form__req {
	color: var(--c-muted);
	font-size: 14px;
}

.campus-form .wpcf7-list-item {
	margin: 0;
}

.campus-form .wpcf7-list-item label {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: var(--c-text);
	font-size: 15px;
	cursor: pointer;
}

.campus-form input[type="checkbox"] {
	width: 21px;
	height: 21px;
	margin: 0;
	accent-color: var(--c-navy);
}

.campus-form .wpcf7-not-valid-tip {
	margin-top: 6px;
	color: #c4122f;
	font-size: 14px;
}

.campus-form .wpcf7-response-output {
	margin: 20px 0 0 !important;
	padding: 12px 16px !important;
	border-radius: 10px;
	font-size: 16px;
}

/* ---------- single course ---------- */
.campus-course {
	display: flex;
	align-items: flex-start;
	gap: 56px;
	padding-top: 40px;
	padding-bottom: 120px;
}

.campus-course__content {
	flex: 1;
	min-width: 0;
	padding-top: 14px;
}

.campus-course__for {
	color: var(--c-pink-dark);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
}

.campus-course__title {
	max-width: 640px;
	margin-top: 9px;
	color: var(--c-navy);
	font-size: 58px;
	font-weight: 800;
	line-height: 64.96px;
}

.campus-course__text {
	max-width: 560px;
	margin-top: 34px;
	font-size: 18px;
	line-height: 34.2px;
}

/* the lead ("יש רצון לשינוי...") — write it as Heading 2 in the editor */
.campus-course__text h2,
.campus-course__text h3 {
	max-width: none;
	margin-bottom: 29px;
	color: var(--c-navy);
	font-size: 30px;
	font-weight: 400;
	line-height: 42px;
}

.campus-course__text p + p {
	margin-top: 13px;
}

.campus-course__text ul,
.campus-course__text ol {
	margin: 13px 0;
	padding-right: 22px;
	list-style: disc;
}

.campus-course__text a {
	color: var(--c-navy);
	font-weight: 600;
}

.campus-card {
	flex: 0 1 460px;
	padding: 30px 36px 34px;
	border: 1px solid var(--c-line);
	border-radius: 20px;
	background: #fff;
}

.campus-card > .campus-status {
	padding-bottom: 22px;
}

.campus-card__list {
	padding-bottom: 26px;
	border-top: 1px solid var(--c-line);
}

.campus-card__row {
	display: grid;
	grid-template-columns: 96px 1fr;
	align-items: baseline;
	min-height: 69px;
	padding: 20px 0;
	border-bottom: 1px solid var(--c-line);
}

.campus-card__row dt {
	color: var(--c-muted);
	font-size: 15px;
}

.campus-card__row dd {
	color: var(--c-navy);
	font-size: 19px;
	font-weight: 700;
	line-height: 1.35;
}

.campus-card__ask {
	display: block;
	margin-top: 12px;
	padding: 10px 0;
	color: var(--c-navy);
	font-size: 17px;
	font-weight: 600;
	text-align: center;
}

.campus-card__ask:hover {
	color: var(--c-pink-dark);
}

/* what you'll learn */
/* desktop: "איך לומדים" on the right, list on the left (Figma 24:4155); mobile keeps source order */
.campus-learn__grid {
	display: grid;
	grid-template-columns: minmax(0, 260px) minmax(0, 780px);
	justify-content: space-between;
	gap: 48px 128px;
	padding-top: 57px;
	border-top: 1px solid var(--c-line);
}

.campus-learn__list {
	margin-top: 18px;
}

.campus-learn__list li {
	padding: 22px 0 23px;
	border-bottom: 1px solid var(--c-line);
	font-size: 20px;
	line-height: 29px;
}

.campus-learn__how {
	order: -1;
	padding-top: 82px;
}

.campus-learn__how h3 {
	color: var(--c-navy);
	font-size: 17px;
	font-weight: 700;
}

.campus-learn__how p {
	margin-top: 9px;
	color: var(--c-muted);
	font-size: 16px;
	line-height: 29.6px;
}

/* teachers */
.campus-team {
	margin-top: 56px;
}

.campus-team .campus-h2 {
	padding-top: 57px;
	border-top: 1px solid var(--c-line);
}

.campus-team__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 40px 64px;
	margin-top: 40px;
}

.campus-mentor {
	display: flex;
	align-items: flex-start;
	gap: 26px;
}

.campus-mentor__photo {
	flex: none;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border: 1px solid var(--c-line);
	border-radius: 50%;
	background: var(--c-photo);
}

.campus-mentor__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.campus-mentor__text {
	padding-top: 14px;
}

.campus-mentor__text h3 {
	color: var(--c-navy);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
}

.campus-mentor__text p {
	max-width: 340px;
	margin-top: 7px;
	font-size: 17px;
	line-height: 28.9px;
}

.campus-team + .campus-ask,
.campus-learn + .campus-ask {
	margin-top: 96px;
}

.campus-course + .campus-ask {
	margin-top: 0;
}

.single-course .campus-ask {
	padding: 64px 0 56px;
}

.single-course .campus-form input[type="text"],
.single-course .campus-form input[type="tel"],
.single-course .campus-form input[type="email"],
.single-course .campus-form .wpcf7-submit {
	height: 60px;
}

.single-course .campus-form .wpcf7-submit {
	padding: 0 66px;
}

.single-course .campus-form__foot {
	justify-content: flex-start;
	margin-top: 22px;
}

/* registration & payment (static for now) */
.campus-pay {
	padding-top: 64px;
}

.campus-pay__box {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 230px;
	margin-top: 30px;
	padding: 24px;
	border: 1px dashed var(--c-dashed);
	border-radius: 20px;
	color: var(--c-muted);
	font-size: 20px;
	text-align: center;
}

.campus-pay__notes {
	margin-top: 34px;
	color: var(--c-muted);
	font-size: 15px;
	line-height: 27px;
}

/* ---------- footer ---------- */
.campus-footer {
	margin-top: 64px;
}

.campus-footer__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	padding: 45px 0 48px;
	border-top: 1px solid var(--c-line);
}

.campus-footer__cols {
	display: flex;
	flex-wrap: wrap;
	gap: 24px 150px;
}

.campus-footer__col {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 17px;
	line-height: 1.3;
}

.campus-footer__label {
	color: var(--c-navy);
	font-weight: 700;
}

.campus-footer__col a {
	color: var(--c-text);
	text-decoration: none;
}

.campus-footer__col a:hover {
	color: var(--c-navy);
	text-decoration: underline;
}

.campus-footer__logo {
	display: block;
	width: 189px;
	line-height: 0;
}

/* cookie banner (its own CSS relies on .center-content from the main theme) */
.campus .cookie-banner .center-content {
	width: 96%;
	max-width: 1168px;
	margin: 0 auto;
}

/* ==========================================================================
   Tablet
   ========================================================================== */
@media (max-width: 1100px) {
	.campus-hero__logo {
		position: static;
		margin: 0 auto 16px;
	}

	.campus-featured {
		padding: 36px 40px;
	}

	.campus-featured__title {
		font-size: 36px;
		line-height: 1.2;
	}

	.campus-course__title {
		font-size: 46px;
		line-height: 1.15;
	}

	.campus-learn__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	.campus-learn__how {
		order: 0;
		padding-top: 40px;
	}

	.campus-team__list {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 900px) {
	.campus-course {
		flex-direction: column;
		align-items: stretch;
		gap: 40px;
		padding-bottom: 80px;
	}

	.campus-card {
		flex-basis: auto;
	}

	.campus-form__row {
		flex-wrap: wrap;
	}

	.campus-form__row > label,
	.campus-form__row > .wpcf7-form-control-wrap {
		flex: 1 1 calc(50% - 8px);
	}

	.campus-form .wpcf7-submit {
		flex: 1 1 100%;
	}
}

/* ==========================================================================
   Mobile (Figma frames 22:3421, 23:3817 — 390px)
   ========================================================================== */
@media (max-width: 767px) {
	.campus {
		--gutter: 20px;
	}

	.campus-header__inner {
		min-height: 64px;
	}

	.campus-header__logo img {
		height: 44px;
	}

	.campus-hero {
		padding: 24px 0 56px;
	}

	.campus-hero__logo {
		width: 140px;
	}

	.campus-hero__art {
		width: 100%;
		max-width: 420px;
		margin-bottom: 12px;
	}

	.campus-hero__title {
		max-width: 300px;
		margin-inline: auto;
		font-size: 34px;
		line-height: 1.15;
	}

	.campus-hero__lead {
		font-size: 16px;
		line-height: 26px;
	}

	.campus-filter {
		margin-top: 32px;
	}

	.campus-filter__pills {
		gap: 10px;
	}

	.campus-pill {
		min-height: 40px;
		padding: 0 18px;
		font-size: 15px;
	}

	.campus-h2,
	.campus-h2--lg {
		font-size: 30px;
	}

	/* featured */
	.campus-featured {
		flex-direction: column;
		align-items: stretch;
		gap: 24px;
		padding: 28px 22px;
	}

	.campus-featured__title {
		font-size: 28px;
	}

	.campus-featured__excerpt {
		font-size: 17px;
		line-height: 26px;
	}

	.campus-featured__meta {
		font-size: 17px;
	}

	.campus-featured__cta {
		width: 100%;
	}

	/* all courses → stacked rows */
	.campus-all {
		padding-top: 64px;
		padding-bottom: 72px;
	}

	.campus-featured-wrap + .campus-all {
		padding-top: 64px;
	}

	.campus-table__head {
		display: none;
	}

	.campus-table__row {
		grid-template-columns: 1fr auto;
		grid-template-areas:
			"name name"
			"for  when"
			"status cta";
		gap: 6px 12px;
		min-height: 0;
		padding: 18px 0;
		font-size: 16px;
	}

	.campus-table__name {
		grid-area: name;
		font-size: 18px;
	}

	.campus-table__for {
		grid-area: for;
	}

	.campus-table__when {
		grid-area: when;
		justify-self: end;
	}

	.campus-table__status {
		grid-area: status;
	}

	.campus-table__cta {
		grid-area: cta;
	}

	/* forms */
	.campus-ask,
	.single-course .campus-ask {
		padding: 56px 0;
	}

	.campus-ask__lead {
		font-size: 18px;
	}

	.campus-form__row {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.campus-form__row > label,
	.campus-form__row > .wpcf7-form-control-wrap {
		flex: none;
	}

	.campus-form .wpcf7-submit,
	.single-course .campus-form .wpcf7-submit {
		width: 100%;
		padding: 0 20px;
	}

	.campus-form__foot {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	/* course */
	.campus-course {
		padding-top: 32px;
		padding-bottom: 64px;
	}

	.campus-course__title {
		font-size: 36px;
		line-height: 1.15;
	}

	.campus-course__text {
		margin-top: 24px;
		font-size: 17px;
		line-height: 30px;
	}

	.campus-course__text h2,
	.campus-course__text h3 {
		margin-bottom: 20px;
		font-size: 24px;
		line-height: 34px;
	}

	.campus-card {
		padding: 24px 20px 26px;
	}

	.campus-card__row {
		grid-template-columns: 80px 1fr;
		padding: 16px 0;
		min-height: 0;
	}

	.campus-card__row dd {
		font-size: 17px;
	}

	.campus-learn__grid {
		padding-top: 40px;
	}

	.campus-learn__list li {
		font-size: 18px;
		line-height: 27px;
	}

	.campus-team {
		margin-top: 40px;
	}

	.campus-team .campus-h2 {
		padding-top: 40px;
	}

	.campus-mentor {
		gap: 18px;
	}

	.campus-mentor__photo {
		width: 80px;
		height: 80px;
	}

	.campus-mentor__text {
		padding-top: 6px;
	}

	.campus-mentor__text h3 {
		font-size: 20px;
	}

	.campus-mentor__text p {
		font-size: 16px;
		line-height: 26px;
	}

	.campus-team + .campus-ask,
	.campus-learn + .campus-ask {
		margin-top: 64px;
	}

	.campus-pay {
		padding-top: 56px;
	}

	.campus-pay__box {
		min-height: 160px;
		font-size: 18px;
	}

	/* footer */
	.campus-footer {
		margin-top: 48px;
	}

	.campus-footer__inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 28px;
		padding: 32px 0 40px;
	}

	.campus-footer__cols {
		width: 100%;
		justify-content: space-between;
		gap: 20px;
	}

	.campus-footer__logo {
		width: 150px;
	}
}