/*
 * Internship - Try.
 *
 * Read from cp-all-designer css/career.css:812-920 (.geninv, .gtry).
 *
 * Colour, type, padding and the measures arrive from the Style tab and are not
 * repeated here.
 */

/* career.css:820-826 — a ruled row, as many across as there are up to four (data-custom-columns) */
.custom-internship-try .custom-internship-try__items {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 2px solid var(--custom-internship-try-rule, #E2E8F0);   /* career.css:825 measures 1px */
}

/* career.css:834-842 — each rises in after the one before (career.css:851-854) */
.custom-internship-try .custom-internship-try__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	min-width: 0;
	margin: 0;
	text-align: center;
	list-style: none;
	opacity: 0;
	transform: translateY(14px);
	transition: opacity 500ms cubic-bezier(0.2, 0.8, 0.2, 1) var(--custom-internship-try-delay, 0ms),
	            transform 500ms cubic-bezier(0.2, 0.8, 0.2, 1) var(--custom-internship-try-delay, 0ms);
}

.custom-internship-try .custom-internship-try__item:nth-child(2) { --custom-internship-try-delay: 100ms; }
.custom-internship-try .custom-internship-try__item:nth-child(3) { --custom-internship-try-delay: 200ms; }
.custom-internship-try .custom-internship-try__item:nth-child(4) { --custom-internship-try-delay: 300ms; }
.custom-internship-try .custom-internship-try__item:nth-child(n+5) { --custom-internship-try-delay: 400ms; }

.custom-internship-try .custom-internship-try__items.is-in .custom-internship-try__item {
	opacity: 1;
	transform: none;
}

/* career.css:846 */
.custom-internship-try .custom-internship-try__item + .custom-internship-try__item {
	border-left: 2px solid var(--custom-internship-try-rule, #E2E8F0);   /* measures 1px */
}

/* past one row, a rule over each later row and none at the left of a row */
@media (width > 900px) {
	.custom-internship-try .custom-internship-try__items[data-custom-columns="1"] { grid-template-columns: minmax(0, 1fr); }
	.custom-internship-try .custom-internship-try__items[data-custom-columns="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.custom-internship-try .custom-internship-try__items[data-custom-columns="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.custom-internship-try .custom-internship-try__items[data-custom-columns="1"] .custom-internship-try__item,
	.custom-internship-try .custom-internship-try__items[data-custom-columns="2"] .custom-internship-try__item:nth-child(2n+1),
	.custom-internship-try .custom-internship-try__items[data-custom-columns="3"] .custom-internship-try__item:nth-child(3n+1),
	.custom-internship-try .custom-internship-try__items[data-custom-columns="4"] .custom-internship-try__item:nth-child(4n+1) {
		border-left: 0;
	}
	.custom-internship-try .custom-internship-try__items[data-custom-columns="1"] .custom-internship-try__item:nth-child(n+2),
	.custom-internship-try .custom-internship-try__items[data-custom-columns="2"] .custom-internship-try__item:nth-child(n+3),
	.custom-internship-try .custom-internship-try__items[data-custom-columns="3"] .custom-internship-try__item:nth-child(n+4),
	.custom-internship-try .custom-internship-try__items[data-custom-columns="4"] .custom-internship-try__item:nth-child(n+5) {
		border-top: 2px solid var(--custom-internship-try-rule, #E2E8F0);
	}
}

/* career.css:867-878 — the drawing turns red under the pointer */
.custom-internship-try .custom-internship-try__icon {
	display: block;
	line-height: 0;
	color: var(--custom-internship-try-icon, #10305F);
	transition: color 300ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.custom-internship-try .custom-internship-try__item:hover .custom-internship-try__icon {
	color: var(--custom-internship-try-icon-on, #CE2929);
}

.custom-internship-try .custom-internship-try__icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

/* career.css:880-883 */
.custom-internship-try .custom-internship-try__item-title {
	display: block;
	font-style: normal;
	font-weight: 600;
	line-height: 1.45;
	letter-spacing: 0;
}

/* career.css:847-850 */
.custom-internship-try .custom-internship-try__item-text {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-style: normal;
	font-weight: 300;
	line-height: 1.75;
	letter-spacing: 0;
	text-transform: none;
}

/* career.css:889-900 — the closing line, set off by a rule in the accent */
.custom-internship-try .custom-internship-try__end {
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	border-left: 4px solid #50A3D5;
	font-family: inherit;
	font-style: normal;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: 0;
	text-transform: none;
}

/* app.css:264-270 — the words set apart keep the line's weight, upright and a
   step larger, in the accent written into the field */
.custom-internship-try .custom-internship-try__end em {
	font-style: normal;
	font-weight: inherit;
	font-size: 108%;
}

.custom-internship-try .custom-internship-try__end[data-custom-reveal] {
	transition-delay: 800ms;
}

/* ------------------------------------------------------------------ */
/* Two to a row from 900 down (career.css:902-910)                     */
/* ------------------------------------------------------------------ */

@media (max-width: 900px) {
	.custom-internship-try .custom-internship-try__items {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.custom-internship-try .custom-internship-try__item:nth-child(odd) {
		padding-left: 0;
		border-left: 0;
	}
	.custom-internship-try .custom-internship-try__item:nth-child(even) {
		border-left: 2px solid var(--custom-internship-try-rule, #E2E8F0);
	}
	.custom-internship-try .custom-internship-try__item:nth-child(n+3) {
		border-top: 2px solid var(--custom-internship-try-rule, #E2E8F0);
	}
}

/* ------------------------------------------------------------------ */
/* Mobile — up to 767px (career.css:912-916, drawn at 560)             */
/* ------------------------------------------------------------------ */

@media (max-width: 767px) {
	.custom-internship-try .custom-internship-try__items {
		grid-template-columns: minmax(0, 1fr);
	}
	.custom-internship-try .custom-internship-try__item:nth-child(even) {
		border-left: 0;
	}
	.custom-internship-try .custom-internship-try__item + .custom-internship-try__item {
		border-left: 0;
		border-top: 2px solid var(--custom-internship-try-rule, #E2E8F0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.custom-internship-try .custom-internship-try__item {
		opacity: 1;
		transform: none;
		transition: none;
	}
	.custom-internship-try .custom-internship-try__end[data-custom-reveal] {
		transition-delay: 0ms;
	}
}