/* Airline header */
.airline-logo {
	margin: var(--wp--preset--spacing--40) 0;
}
.airline-related-content ul {
	margin: 0;
}
.airline-related-content .airline-about-list ul {
	margin-bottom: var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--small);
}
.airline-related-content > * {
	margin-bottom: var(--wp--preset--spacing--60);
}

@media screen and (min-width: 32rem) {
	.airline-related-content {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--l-gap);
	}
	.airline-related-content > * {
		margin-bottom: 0;
	}
	.airline-related-content .airline-about-list:nth-child(2n) {
		grid-column: span 2;
	}
}
@media screen and (min-width: 48rem) {
	.airline-branding,
	.airline-related-content {
		grid-column: span 12;
		display: grid;
		grid-template-rows: auto 1fr;
		grid-template-columns: repeat(12, 1fr);
		gap: var(--wp--preset--spacing--30) var(--l-gap);
		position: relative;
	}
	.airline-related-content::before {
		content: "";
		display: block;
		position: absolute;
		right: calc(-1 * var(--l-global-padding));
		top: calc(-0.5 * var(--l-gap));
		border-top: 1px solid var(--c-text);
		left: calc(50% + var(--l-gap) / 2);
	}
	/* Branding */
	.airline-logo {
		grid-column: 9/13;
		margin: 0 calc(-1 * var(--l-global-padding)) 0 0;
	}
	.airline-branding h1 {
		align-self: center;
		grid-column: 2/9;
		margin-bottom: 0;
	}
	/* Content list */
	.airline-related-content .airline-infos-list,
	.airline-related-content .airline-guides-list {
		grid-column: 1/5;
	}
	.airline-related-content .airline-reviews-list {
		grid-column: 5/9;
		grid-row: 1/3;
	}
	.airline-related-content .boarding-pass,
	.airline-related-content .airline-about-list,
	.airline-related-content .airline-about-list:nth-child(2n) {
		grid-column: 9/13;
		grid-row: 1/3;
		border-left: 1px solid var(--c-text);
		border-top: 1px solid var(--c-text);
		border-radius: var(--wp--preset--spacing--30) 0 0;
		padding: calc(0.5 * var(--l-gap)) 0 0 calc(0.5 * var(--l-gap));
		margin: calc(-0.5 * var(--l-gap)) 0 0 calc(-0.5 * var(--l-gap));
		align-self: self-start;
	}
}

@media screen and (min-width: 64rem) {
	.airline-related-content::before {
		top: calc(-1 * var(--l-gap));
	}
	.airline-related-content .airline-infos-list,
	.airline-related-content .airline-guides-list {
		grid-column: 2/5;
	}
	.airline-related-content .boarding-pass,
	.airline-related-content .airline-about-list,
	.airline-related-content .airline-about-list:nth-child(2n) {
		grid-column: 10/13;
		padding: var(--l-gap) 0 0 var(--l-gap);
		margin: calc(-1 * var(--l-gap)) 0 0 calc(-1 * var(--l-gap));
	}
}

/* Reviews List block */
.reviews-list {
	padding-left: var(--l-global-padding);
	padding-right: var(--l-global-padding);
	margin-bottom: var(--wp--preset--spacing--60);
}
.reviews-list .other-reviews {
	margin-top: var(--wp--preset--spacing--40);
}
.reviews-list img {
	width: 100%;
	height: auto;
	display: block;
}
/* Featured review / Only review */
.featured-review a:hover,
.featured-review a:focus {
	text-decoration: none;
}
.featured-review .review-date {
	display: block;
	margin: 1em 0 0.5em;
	font-weight: 400;
}
.featured-review h3 {
	margin: 0;
	font-size: var(--wp--preset--font-size--large);
}
.review-featured-image {
	position: relative;
	overflow: hidden;
	margin: 0;
	border-radius: var(--bd-rad-m);
	box-shadow: var(--e-shad-card);
	transition: box-shadow 0.3s;
}
.review-featured-image img {
	transition: transform 0.6s;
}
.featured-review a:hover img,
.featured-review a:focus img {
	transform: scale(1.08);
}
.featured-review a:hover .review-featured-image,
.featured-review a:focus .review-featured-image {
	box-shadow: var(--e-shad-card-hover);
}
@media screen and (min-width: 48rem) {
	.reviews-list {
		padding-left: 0;
		padding-right: 0;
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		gap: var(--l-gap);
	}
	.reviews-list .other-reviews {
		margin-top: 0;
	}
	.reviews-list .only-review {
		grid-column: 2/12;
	}
	.reviews-list .featured-review:not(.only-review) {
		padding-left: calc(var(--l-colwidth) + var(--l-gap));
		grid-column: 1/7;
	}
	.reviews-list .other-reviews {
		grid-column: 7/13;
	}
}
@media screen and (min-width: 64rem) {
	.reviews-list .featured-review:not(.only-review) {
		grid-column: 1/9;
	}
	.reviews-list .other-reviews {
		grid-column: 9/13;
	}
	.featured-review h3,
	.featured-review .review-date {
		padding-left: calc(var(--l-colwidth) + var(--l-gap));
	}
}
