/**
 * Global subpage title, breadcrumbs, and content width.
 */

.kpcm-page-hero,
.kpcm-page-hero * {
	box-sizing: border-box;
}

.kpcm-subpage .kpcm-header--solid {
	color: #442b17;
}

.kpcm-page-hero {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 600px;
	background-image: var(--kpcm-page-hero-image);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #ffffff;
}

.kpcm-page-hero__inner {
	width: calc(100% - 60px);
	max-width: 1560px;
	margin-right: auto;
	margin-left: auto;
}

.kpcm-page-hero__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.kpcm-page-hero__title-ko,
.kpcm-page-hero__title-en {
	margin: 0;
	padding: 0;
	color: inherit;
}

.kpcm-page-hero__title-ko {
	font-family: "Noto Serif KR", serif;
	font-size: 48px;
	font-weight: 600;
	line-height: 1.25;
}

.kpcm-page-hero__title-en {
	font-family: "Lora", serif;
	font-size: 48px;
	font-weight: 400;
	line-height: 1.2;
}

.kpcm-breadcrumbs {
	margin-top: 22px;
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.4;
	text-transform: uppercase;
}

.kpcm-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.kpcm-breadcrumbs li {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.kpcm-breadcrumbs li + li::before {
	margin: 0 7px;
	content: "/";
}

.kpcm-breadcrumbs a,
.kpcm-breadcrumbs span {
	color: inherit;
	text-decoration: none;
}

.kpcm-breadcrumbs a {
	transition: opacity 180ms ease;
}

.kpcm-breadcrumbs a:hover,
.kpcm-breadcrumbs a:focus-visible {
	opacity: 0.72;
}

.kpcm-subpage .site-content > .ast-container {
	width: calc(100% - 60px);
	max-width: 1560px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0;
	padding-left: 0;
}

.kpcm-subpage .entry-header .entry-title {
	display: none;
}

@media (max-width: 1100px) {
	.kpcm-page-hero {
		height: 440px;
	}

	.kpcm-page-hero__inner,
	.kpcm-subpage .site-content > .ast-container {
		width: calc(100% - 44px);
	}

	.kpcm-page-hero__title-ko,
	.kpcm-page-hero__title-en {
		font-size: 40px;
	}

	.kpcm-breadcrumbs {
		font-size: 18px;
	}
}

@media (max-width: 600px) {
	.kpcm-page-hero {
		height: 340px;
	}

	.kpcm-page-hero__inner,
	.kpcm-subpage .site-content > .ast-container {
		width: calc(100% - 36px);
	}

	.kpcm-page-hero__title-ko,
	.kpcm-page-hero__title-en {
		font-size: 32px;
	}

	.kpcm-breadcrumbs {
		margin-top: 18px;
		font-size: 15px;
	}

	.kpcm-breadcrumbs li + li::before {
		margin-right: 5px;
		margin-left: 5px;
	}
}

/* Hide the obsolete PHP-generated title container */
.kpcm-page-hero {
	display: none !important;
}


@media (max-width: 767px) {
    .kpcm-subpage-content.kpcm-mobile-no-background {
        background-image: none !important;
        background-color: #ffffff !important;
    }

    .kpcm-subpage-content.kpcm-mobile-no-background::before {
        background-image: none !important;
        background-color: transparent !important;
        opacity: 0 !important;
    }

    .kpcm-subpage-content.kpcm-mobile-no-background
    > .elementor-background-overlay {
        display: none !important;
    }


/* Darken only the title background on mobile. */

    .kpcm-subpage-title {
        box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, 0.45);
    }
}

/* Align mission list text with its heading on mobile. */
@media (max-width: 767px) {
    .kpcm-subpage-content ul.kpcm-mission-list {
        margin-left: 0 !important;
        padding-left: 10 !important;
        list-style-position: outside;
    }

    .kpcm-subpage-content ul.kpcm-mission-list > li {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
}