/* Common */
:root {
	--font-main: 'Arial', sans-serif;
	--font-heading: 'Arial', sans-serif;

	--c-white: #FFF;
	--c-black: #000;
	--c-orange: #DF4C0C;

	--fw-normal: 400;
	--fw-bold: 700;
	--fw-black: 900;

	--transition: all 200ms;

	--bs-body-font-family: var(--font-main);
	--bs-body-font-weight: var(--fw-normal);
	--bs-body-line-height: 1.5;
	--bs-body-font-size: 18px;

}

body {
	background-color: var(--c-white);
	color: var(--c-orange);
	min-height: 100vh;
}

body.admin-bar {
	min-height: calc(100vh - 32px);
}

a,
a:visited,
a:active {
	color: var(--c-orange);
	text-decoration: none;
	transition: var(--transition);
}

a:hover,
a:focus {
	color: var(--c-orange);
}

b, strong {
	font-weight: var(--fw-bold);
}

main {
	flex: 1;
	overflow-x: hidden;
}

/* Images */
img {
	max-width: 100%;
	height: auto;
}

.img-cover {
	object-fit: cover;
}

.img-contain {
	object-fit: contain;
}

.img-container-fit-height {
	height: 100%;
}

.img-container-fit-height * {
	height: 100%;
}

.img-container-fit-height img {
	object-fit: cover;
}

.img-container-fit-height .bottom-gradient {
	height: auto;
}

svg {
	display: inline-block;
	height: 1em;
	width: auto;
}

/* Typography */
p, li {
	font-weight: var(--fw-normal);
}

ul {
	list-style-type: square;
}

ul li {
	position: relative;
	margin-left: -1rem;
	padding-left: 0.6rem;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--font-heading);
	font-weight: var(--fw-bold);
	line-height: 1.35;
}

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {
	color: var(--c-black);
}

h1, .h1 {
	font-size: 60px;
	line-height: 1.2;
	margin-bottom: 0.9em;
}

h2, .h2 {
	font-size: 40px;
}

h3, .h3 {
	font-size: 24px;
}

h4, .h4 {
	font-size: 20px;
}

blockquote {
	margin-left: 54px;
	min-height: 74px;
	position: relative;
}

blockquote:before {
	content: url('data:image/svg+xml,<svg viewBox="0 0 32 55" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.2361 35.1685L11.801 0H0L18.318 51.8492L19.4453 55H31.2346L30.119 51.8492L24.2361 35.1685Z" fill="%23DF4C0C"/></svg>');
	position: absolute;
	top: 0;
	left: -54px;
	width: 43px;
	height: 74px;
	z-index: -1;
}

blockquote p:last-child {
	margin-bottom: 0;
}

/* Buttons */
.btn {
	font-size: 16px;
	font-weight: var(--fw-bold);
	padding: 15px 30px;
	line-height: 1.25;
	width: max-content;
	display: flex;
	border-radius: 0;
}

.btn,
.btn-primary {
	--bs-btn-color: var(--c-white);
	--bs-btn-bg: var(--c-orange);
	--bs-btn-border-color: var(--c-orange);
	--bs-btn-hover-color: var(--c-orange);
	--bs-btn-hover-bg: var(--c-white);
	--bs-btn-hover-border-color: var(--c-orange);
	--bs-btn-active-color: var(--c-orange);
	--bs-btn-active-bg: var(--c-white);
	--bs-btn-active-border-color: var(--c-orange);
}

.btn-secondary {
	--bs-btn-color: var(--c-orange);
	--bs-btn-bg: var(--c-white);
	--bs-btn-border-color: var(--c-orange);
	--bs-btn-hover-color: var(--c-white);
	--bs-btn-hover-bg: var(--c-orange);
	--bs-btn-hover-border-color: var(--c-orange);
	--bs-btn-active-color: var(--c-white);
	--bs-btn-active-bg: var(--c-orange);
	--bs-btn-active-border-color: var(--c-orange);
}

.btn:visited {
	color: var(--bs-btn-color);
}

.btn:focus,
.btn:focus-visible,
.btn:active,
.btn:hover {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: var(--bs-btn-hover-border);
}

.btn-arrow:after {
	content: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 13.793L10.3811 4.41187" stroke="white" stroke-width="2"/><path d="M3.77769 3.8102L10.984 3.8102L10.984 11.0165" stroke="white" stroke-width="2"/></svg>');
	margin-left: 36px;
}

.btn-arrow:hover:after,
.btn-arrow:active:after,
.btn-arrow:focus:after,
.btn-arrow:focus:after {
	content: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 13.793L10.3811 4.41187" stroke="%23DF4C0C" stroke-width="2"/><path d="M3.77769 3.8102L10.984 3.8102L10.984 11.0165" stroke="%23DF4C0C" stroke-width="2"/></svg>');	
}

.btn-secondary.btn-arrow:after {
	content: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 13.793L10.3811 4.41187" stroke="%23DF4C0C" stroke-width="2"/><path d="M3.77769 3.8102L10.984 3.8102L10.984 11.0165" stroke="%23DF4C0C" stroke-width="2"/></svg>');	
}

.btn-secondary.btn-arrow:hover:after {
	content: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 13.793L10.3811 4.41187" stroke="white" stroke-width="2"/><path d="M3.77769 3.8102L10.984 3.8102L10.984 11.0165" stroke="white" stroke-width="2"/></svg>');
}

.btn-close {
	--bs-btn-close-bg: url('data:image/svg+xml,<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L19.5 19.5" stroke="%23DF4C0C" stroke-width="4"/><path d="M20 2L2.5 19.5" stroke="%23DF4C0C" stroke-width="4"/></svg>');
	opacity: 1;
}

.btn-close:focus,
.btn-close:hover {
	box-shadow: none;
	opacity: 1;
}

a.more {
	font-weight: var(--fw-bold);
}

a.more:after {
	content: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 13.7891L10.3811 4.40796" stroke="%23DF4C0C" stroke-width="2"/><path d="M3.77573 3.8063L10.9821 3.8063L10.9821 11.0126" stroke="%23DF4C0C" stroke-width="2"/></svg>');
	margin-left: 20px;
}

.has-more-button:hover a.more,
.has-more-button.active a.more {
	color: var(--c-white);
}

.has-more-button:hover a.more:after,
.has-more-button.active a.more:after {
	content: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 13.7891L10.3811 4.40796" stroke="white" stroke-width="2"/><path d="M3.77573 3.8063L10.9821 3.8063L10.9821 11.0126" stroke="white" stroke-width="2"/></svg>');	
}

a.back {
	font-weight: var(--fw-bold);
}

a.back:before {
	content: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5898 13.7891L4.20874 4.40796" stroke="%23DF4C0C" stroke-width="2"/><path d="M10.8141 3.8063L3.60777 3.8063L3.60777 11.0126" stroke="%23DF4C0C" stroke-width="2"/></svg>');
	margin-right: 20px;
}

/* Tags */
.tags {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.tags .tag {
	font-size: 16px;
	font-weight: var(--fw-bold);
	line-height: 1.25;
	padding: 15px 30px;
	border: 1px solid var(--c-orange);

}

.tags .tag:hover {
	background-color: rgba(223, 76, 12, 0.2);
}

.tags .tag.active {
	background-color: var(--c-orange);
	color: var(--c-white);
}

/* Pagination */
.pagination {
	margin-top: 80px;
	column-gap: 12px;
}

.page-item .page-link {
	background-color: var(--c-white);
	border-radius: 0 !important;
	border: 1px solid var(--c-orange);
	font-size: 16px;
	font-weight: var(--fw-bold);
	color: var(--c-orange);
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-item .page-link:focus {
	box-shadow: none;
}

.page-item .page-link svg {
	width: 12px;
}

.page-item:hover .page-link {
	background-color: rgba(223, 76, 12, 0.2);
}

.page-item.active .page-link {
	background-color: var(--c-orange);
	color: var(--c-white);
}

/* Backgrounds & texts */
.bg-orange {
	background-color: var(--c-orange);
}

.text-white {
	color: var(--c-white);
}

.text-normal {
	font-weight: var(--fw-normal);
}

.text-bold {
	font-weight: var(--fw-bold);
}

.bottom-gradient {
	top: 66%;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	background: linear-gradient(0deg, var(--c-black) 0%, transparent 100%);
}

/* Gallery */
.gallery {
	--gallery-margin: 7px;
	margin: calc(-1 * var(--gallery-margin)) !important;
	padding-bottom: 80px;
}

.gallery-item {
	margin: 0 !important;
}

.gallery-item a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.gallery-item a:after {
	content: url('data:image/svg+xml,<svg width="77" height="75" viewBox="0 0 80 78" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="34.5677" cy="34.5703" r="21.443" transform="rotate(-45 34.5677 34.5703)" stroke="white" stroke-width="6"/><path d="M51.8516 49.4688L77.4793 75.0965" stroke="white" stroke-width="6"/></svg>');
	position: absolute;
	inset: var(--gallery-margin);
	background-color: rgba(223, 76, 12, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: var(--transition);
}

.gallery-item a:hover:after {
	opacity: 1;
}

.gallery-item a img {
	border: var(--gallery-margin) solid transparent !important;
	aspect-ratio: 1;
	object-fit: cover;
}

.gallery-item .gallery-caption {
	display: none;
}

/* YouTube video */
.youtube-video {
	margin-bottom: 80px;
	position: relative;
}

.youtube-video:after {
	content: '';
	position: absolute;
	inset: 0;
	background-color: var(--c-black);
	opacity: 0.3;
}

.youtube-video .video-controls {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.youtube-video .video-controls svg {
	width: 115px;
	height: 115px;
}

/* Animation */
@keyframes pulseZoom {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
}




/* Header */
header {
	background-color: var(--c-white);
	box-shadow: 0 0 40px rgba(0,0,0,0.1)
}

header.sticky-top {
	opacity: 1;
	transition: var(--transition);
}

header.has-border,
header.always-has-border {
	border-bottom: 1px solid var(--c-orange);
}

header.sticky-top.hidden {
	opacity: 0;
	z-index: -1000;
}

.admin-bar header.sticky-top {
	top: 32px;
}

.navbar {
	padding: 32px 0;
}

.nav-link,
.dropdown-item {
	font-weight: var(--fw-normal);
	font-size: var(--bs-body-font-size);
	color: var(--c-orange);
	transition: var(--transition);
}

.nav-link:hover,
.dropdown-item:hover {
	color: var(--c-orange);
	opacity: 0.7;
}

.current-menu-item .nav-link,
.nav-link.active {
	color: var(--c-orange);
	font-weight: var(--fw-black);
}

.navbar-brand img {
	width: 210px;
}

.navbar-expand-lg .navbar-nav {
	column-gap: 80px;
}


/* Sections common */
section {
	padding: 80px 0;
}

section.title {
	padding: 120px 0 20px 0;
}

section.title .thumbnail {
	width: 100%;
	height: 100%;
}

section.title .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.title blockquote {
	margin-bottom: 2rem;
}

section.title p:last-child {
	margin-bottom: 0;
}




/* Carousel common */
.owl-carousel {
	width: calc(100% - 100px);
	margin: 0 auto;
}
.owl-carousel .owl-nav.disabled {
	display: block;
}

.owl-carousel .owl-nav svg {
	width: 16px;
	height: auto;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.owl-carousel .owl-nav .owl-prev.disabled,
.owl-carousel .owl-nav .owl-next.disabled {
	opacity: 0.2;
}


.owl-carousel .owl-nav .owl-prev {
	left: -50px;
}

.owl-carousel .owl-nav .owl-next {
	right: -50px;
}



/* HP Hero */
section.hero {
	margin-bottom: 60px;
	overflow: hidden;
}

section.hero .hero-media {
	height: calc(100vh - 120px);
	background: radial-gradient(circle, #666 0%, black 100%);
}

.admin-bar section.hero .hero-media {
	height: calc(100vh - 120px - 32px);	
}

section.hero .hero-media img {
	animation: pulseZoom 15s ease-in-out infinite;
	transform-origin: 33% 100%;
}

section.hero .hero-content {
	bottom: 140px;
}

section.hero .hero-button {
	width: auto;
	height: 100px;
	background-color: var(--c-white);
	padding: 0 60px;
}

section.hero .hero-button:before {
	content: '';
	position: absolute;
	display: block;
	width: 40px;
	height: 100px;
	border-style: solid;
	border-width: 100px 35px 0 0;
	border-color: transparent var(--c-white) transparent transparent;
	top: 0;
	left: 0%;
	transform: translateX(-100%);
}

section.hero .hero-button a {
	gap: 50px;
}

section.hero .hero-button a span {
	line-height: 1.2;
}

section.hero .hero-button a svg {
	width: 50px;
	height: 50px;
	flex-shrink: 0;
	transform: scale(1);
	transition: var(--transition);
	animation: pulseZoom 1.5s ease-in-out infinite;
}

section.hero .scroll-down-icon {
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	width: 32px;
}

section.hero .scroll-down-icon svg {
	width: 100%;
	height: auto;
}

section.hero .scroll-down-icon:after {
	content: url('data:image/svg+xml,<svg width="32" height="73" viewBox="0 0 32 73" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 8.5V16" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	position: absolute;
	top: 0;
	left: 0;
	animation: moveDown 1s ease-out infinite;
}

@keyframes moveDown {
	0% {
		transform: translateY(0);
	}
	99% {
		transform: translateY(18px);
	}
	100% {
		transform: translateY(0);
	}
}



/* HP Cards */
section.cards .cards-wrapper {
	grid-template-columns: repeat(5, 1fr);
	grid-auto-rows: 1fr;
	gap: 18px;
}

section.cards .card-single {
	border: 1px solid var(--c-orange);
	padding: 28px;
}

section.cards .card-single .card-icon {
	width: 64px;
	height: 64px;
}

section.cards .card-single .card-icon svg {
	width: 100%;
	height: 100%;
	object-fit: contain;	
}

section.cards .card-double {
	grid-column: span 2;
}

section.cards .card-double.text {
	padding: 0 28px 28px 0;	
	font-weight: var(--fw-bold);
}

section.cards .card-double.image img {
	aspect-ratio: 2;
	object-fit: cover;
}

section.cards .card-single,
section.cards .card-double {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
}

section.cards .card-single p:last-child,
section.cards .card-double p:last-child {
	margin-bottom: 0;
}




/* HP About */
section.about .about-content blockquote {
	margin-bottom: 2rem;
}

section.about .about-content .btn {
	margin-top: 2rem;
}

section.about .about-content p:last-child {
	margin-bottom: 0;
}

section.about .about-image img {
	aspect-ratio: 2.5;
	object-fit: cover;
}

section.about .push-up {
	margin-top: -55px;
}



/* HP Video */
section.video video {
	background-image: radial-gradient(circle, #666 0%, black 100%);
}

section.video .video-caption,
section.video .video-controls {
	bottom: 120px;
	transform: translateY(50%);
}

section.video .video-caption {
	color: var(--c-white);
	left: 75px;
}

section.video .video-controls {
	right: 75px;
}



section.video .video-controls a svg {
	width: 85px;
	height: 85px;
	transform: scale(1);
	transition: var(--transition);
}

section.video .video-controls a:hover svg {
	transform: scale(1.1);
}

section.video .video-controls a.play svg {
	animation: pulseZoom 1.5s ease-in-out infinite;
}

section.video .video-controls a.pause {
	display: none;
}

.video-controls svg {
	transform: scale(1);
	transition: var(--transition);
}

.video-controls:hover svg {
	transform: scale(1.1);
}




/* HP Reviews */
section.reviews .review-grid .review-thumbnail img {
	aspect-ratio: 1.5;
	object-fit: cover;
}

section.reviews .review-grid .review-thumbnail img.logo {
	object-fit: contain;
	padding: 50px;
	border: 1px solid var(--c-orange);
}

section.reviews .review-grid .review-description {
	left: 0;
	right: 0;
	bottom: 0;
	color: var(--c-white);
	padding: 0 45px 45px 45px;
	gap: 30px;
}

section.reviews .review-grid .review-description h3 {
	color: var(--c-white);
	line-height: var(--bs-body-line-height);
}

section.reviews .review-grid .review-description .meta {
	flex-shrink: 0;
	text-align: right;
}

section.reviews .review-grid .overlay {
	inset: 0;
	background-color: rgba(223, 76, 12, 0.7);
	opacity: 0;
	transition: var(--transition);
}

section.reviews .review-grid:hover .overlay {
	opacity: 1;
}

section.reviews .review-grid .overlay .more {
	color: var(--c-white);
	font-weight: var(--fw-bold);
	font-size: 16px;
}

section.reviews .review-grid .overlay .more:after {
	content: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 13.7891L10.3811 4.40796" stroke="white" stroke-width="2"/><path d="M3.77573 3.8063L10.9821 3.8063L10.9821 11.0126" stroke="white" stroke-width="2"/></svg>');	
	margin-left: 20px;	
}






/* HP Logos */
section.logos {
	padding-bottom: 140px;
}

section.logos .logo img {
	filter: grayscale();
	transition: var(--transition);
}

section.logos .logo a:hover img {
	filter: none;
}

section.logos .owl-carousel .owl-stage {
	display: flex;
	align-items: center;
}

section.logos .owl-carousel .owl-item {
	margin-left: 4px;
}


/* Certificates */
section.certificates .certificate-carousel .certificate a:before {
	content: url('data:image/svg+xml,<svg width="70" height="68" viewBox="0 0 80 78" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="34.5677" cy="34.5703" r="21.443" transform="rotate(-45 34.5677 34.5703)" stroke="white" stroke-width="6"/><path d="M51.8516 49.4688L77.4793 75.0965" stroke="white" stroke-width="6"/></svg>');
	position: absolute;
	inset: 0;
	background-color: rgba(223, 76, 12, 0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: var(--transition);
	opacity: 0;
}

section.certificates .certificate-carousel .certificate a:hover:before {
	opacity: 1;
}





/* History */
section.history .history-card {
	border: 1px solid var(--c-orange);
	padding: 25px 35px 40px 35px;
	transition: var(--transition);
	cursor: pointer;
}

section.history .history-card:hover {
	background-color: var(--c-orange);
	color: var(--c-white);
}

section.history .history-card .year {
	margin-bottom: 15px;
}

section.history .history-card .year:before {
	position: absolute;
	content: '';
	width: 18px;
	height: 2px;
	background-color: var(--c-orange);
	top: calc(50% - 2px);
	left: -35px;
}

section.history .history-card:hover .year:before {
	background-color: var(--c-white);
}

section.history .history-card .more {
	margin-bottom: 25px;
}

section.history .history-detail {
	--bs-modal-border-radius: 0;
	--bs-modal-header-border-width: 0;
	--bs-modal-footer-border-width: 0;
}

section.history .history-detail .modal-body {
	padding: 40px 100px;
}

section.history .history-detail .modal-footer {
	padding: 0 150px 90px 150px;
}

section.history .history-detail .modal-footer a {
	text-decoration: underline;
}

section.history .history-carousel.h-0 {
	height: 0;
	overflow: hidden;
}



/* Divisions */
section.divisions .division-card {
	border: 1px solid var(--c-orange);
	padding: 48px;
	gap: 40px;
	aspect-ratio: 1;
	transition: var(--transition);
	cursor: pointer;
	position: relative;
	z-index: 1;
}

section.divisions .division-card:hover,
section.divisions .division-card.active {
	background-color: var(--c-orange);
	color: var(--c-white);
}

section.divisions .division-card .card-icon {
	width: 64px;
	height: 64px;
}

section.divisions .division-card .card-icon svg {
	width: 100%;
	height: 100%;
	object-fit: contain;	
}

section.divisions .division-card:hover .card-icon svg path,
section.divisions .division-card.active .card-icon svg path {
	stroke: var(--c-white);
}

section.divisions .division-detail {
	display: none;
	padding-bottom: 80px;
}

section.divisions .division-detail p:last-child {
	margin-bottom: 0;
}


/* Accordion */
section.accordion .accordion-item {
	margin-bottom: 30px;
	border: 1px solid var(--c-orange) !important;
	color: var(--c-orange);
}

section.accordion .accordion-button {
	color: var(--c-orange);
	padding: 28px 90px;
	gap: 30px;
}

section.accordion .accordion-button:not(.collapsed) {
	background-color: var(--c-orange);
	color: var(--c-white);
	box-shadow: none;
}

section.accordion .accordion-button:focus{
	box-shadow: none;
}

section.accordion .accordion-button.collapsed:hover {
	background-color: rgba(223, 76, 12, 0.2);
}

section.accordion .accordion-button:after {
	content: 'Více informací';
	background: none;
	font-size: 16px;
	text-decoration: underline;
	width: auto;
}

section.accordion .accordion-button:not(.collapsed):after {
	content: 'Méně informací';	
	transform: none;
}

section.accordion .accordion-body {
	background-color: var(--c-orange);
	color: var(--c-white);
	padding: 0 90px 40px 90px;
}

section.accordion .accordion-body h3 {
	font-size: 20px;
}

section.accordion .accordion-body a {
	text-decoration: underline;
	color: var(--c-white);
}



/* Contacts */
section.contact.title .buttons {
	gap: 14px;
}

section.contact.title blockquote {
	margin-top: 80px;
	margin-bottom: 80px;
}

section.contact.title .contact-map {
	text-align: right;
}

section.contact.title .contact-map iframe {
	filter: grayscale(1) sepia(0.2) saturate(4) hue-rotate(326deg) brightness(0.9);
}

section.contact a:not(.btn) {
	text-decoration: underline;
}

section.contact .contact-image img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

section.contact .contact-card {
	border: 1px solid var(--c-orange);
	padding: 40px 25px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 35px;
}

section.contact .contact-card.wide {
	padding-bottom: 0;
}

section.contact .contact-card.no-border {
	padding: 0;
	border: 0;
	justify-content: flex-start;
}

section.contact .contact-card p:last-child {
	margin-bottom: 0;
}



/* Content */
.content h2, .content h3, .content h4, .content h5, .content h6 {
	margin-bottom: 1em;
}

.content blockquote {
	margin-bottom: 40px;
}

.content iframe[src*="youtu"] {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

.content a:not(.btn) {
	text-decoration: underline;
}


/* Footer */
footer {
	background-color: var(--c-orange);
	color: var(--c-white);
	padding: 55px 0;
}

footer .footer-logo img {
	width: 176px;
}

footer .footer-content {
	gap: 2rem;
}

footer .footer-content a {
	color: var(--c-white);
	text-decoration: underline;
}

footer .footer-content p:last-child {
	margin-bottom: 0;
}

footer .footer-text {
	gap: 4em;
}

footer .footer-nav .logo-mrkev img {
	width: 94px;
	margin-bottom: 10px;
}

footer .footer-nav ul {
	list-style-type: none;
	gap: 2rem;
}

footer .footer-nav ul li {
	position: relative;
	line-height: 1.2;
	font-size: 14px;
	margin-left: 0;
	padding-left: 0;
}

footer .footer-nav ul li:after {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	background-color: var(--c-white);
	position: absolute;
	right: calc(-1em - 2px);
	top: 50%;
	transform: translateY(-50%);
}

footer .footer-nav ul li:last-child:after {
	display: none;
}







/* Media queries */
/* Container max width  */
@media (min-width: 1600px) {
	.container {
		max-width: 1500px;
	}
}

/* Smaller than XXL  */
@media (max-width: 1399.98px) {
}

/* Smaller than XL */
@media (max-width: 1199.98px) {
	.navbar-expand-lg .navbar-nav {
		column-gap: 40px;
	}
}

/* Smaller than LG */
@media (max-width: 991.98px) {
	/* Common */
	:root {
		--bs-body-font-size: 16px;
	}

	/* Typography */
	blockquote {
		margin-left: 38px;
		min-height: 55px;
	}

	blockquote:before {
		left: -38px;
		width: 31px;
		height: 55px;
	}


	/* Header */
	.navbar {
		padding: 15px 0;
	}

	.navbar-toggler {
		border: 0;
		padding: 5px;
		background-color: transparent;
		width: 60px;
	}

	.navbar-toggler:focus {
		box-shadow: none;
	}

	.navbar-toggler-icon {
		background-image: url('data:image/svg+xml,<svg width="53" height="62" viewBox="0 0 53 62" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.3782 27.224L44.4175 27.262L47.0469 34.7344L10.1346 34.688L7.88836 34.6762L5.26159 27.2113L7.50522 27.2156L19.3782 27.224Z" fill="%23DF4C0C"/><path d="M14.1165 12.2709L39.1558 12.3089L41.7852 19.7812L4.87289 19.7349L2.62665 19.7231L-0.000132741 12.2582L2.2435 12.2625L14.1165 12.2709Z" fill="%23DF4C0C"/><path d="M24.5715 41.9779L49.6108 42.0159L52.2402 49.4883L15.328 49.4419L13.0817 49.4302L10.4549 41.9652L12.6986 41.9695L24.5715 41.9779Z" fill="%23DF4C0C"/></svg>');
		width: 53px;
		height: 62px;
	}

	.navbar-brand img {
		width: 150px;
	}

	.navbar .offcanvas {
		width: 500px;
		max-width: calc(100% - 20px);
		bottom: unset;
		background-color: var(--c-orange);

	}

	.admin-bar .navbar .offcanvas {
		top: 32px;
	}

	.navbar .offcanvas .offcanvas-header {
		height: 102px;
		padding: 0 35px;
		border-bottom: 1px solid var(--c-white);
	}

	.navbar .offcanvas .navbar-brand img {
		width: 120px;
	}

	.navbar .offcanvas .btn-close {
		background: url('data:image/svg+xml,<svg viewBox="0 0 47 47" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.6314 25.3562L31.5699 11.5028L37.1719 14.1992L16.6294 34.6268L15.3744 35.8649L9.77798 33.1712L11.0274 31.9304L17.6314 25.3562Z" fill="white"/><path d="M21.0637 17.9986L34.9171 31.9371L32.2207 37.5391L11.7932 16.9966L10.555 15.7416L13.2487 10.1452L14.4895 11.3946L21.0637 17.9986Z" fill="white"/></svg>');
		background-repeat: no-repeat;
		width: 30px;
		height: 30px;
	}

	.navbar .offcanvas .offcanvas-body {
		padding: 35px;
	}

	.navbar .offcanvas .navbar-nav {
		row-gap: 20px;
	}

	.navbar .offcanvas .nav-link {
		color: var(--c-white);
	}

	/* Typography */
	h1, .h1 {
		font-size: 55px;
		margin-bottom: 0.7em;
	}

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

	h3, .h3 {
		font-size: 20px;
	}


	/* Section common */
	section {
		padding: 50px 0;
	}

	section.title {
		padding: 80px 0 0 0;
	}

	/* HP Hero */
	.admin-bar section.hero .hero-media {
		height: calc(100vh - 120px);
	}

	section.hero {
		margin-bottom: 50px;
	}

	section.hero .hero-button {
		padding: 0 35px;
	}

	/* HP Cards */
	section.cards .cards-wrapper {
		grid-template-columns: 1fr 1fr;
	}

	section.cards .card-double.text {
		margin-bottom: 30px;
	}

	section.cards .card-single {
		gap: 40px;
	}

	/* HP About */
	section.about .about-content blockquote {
		margin-bottom: 1.5rem;
	}

	section.about .push-up {
		margin-top: 0;
	}

	/* History */
	section.history .history-card {
		padding: 20px 22px;
	}

	section.history .history-card .year:before {
		width: 14px;
		left: -23px;
	}

	section.history .history-card .more {
		margin-bottom: 40px;
	}

	/* Divisions */
	section.divisions .division-card {
		aspect-ratio: unset;
		padding: 30px 24px;
		gap: 50px;
	}

	section.divisions .division-detail {
		padding-bottom: 50px;
	}

	/* HP Video */
	section.video .video-caption, 
	section.video .video-controls {
		bottom: 70px;
	}

	section.video .video-caption {
		left: 30px;
	}

	section.video .video-controls {
		right: 30px;
	}

	section.video .video-controls a svg {
		width: 65px;
		height: 65px;
	}

	/* HP Logos */
	section.logos {
		padding-bottom: 100px;
	}

	/* Reviews */
	section.reviews .review-grid .review-description {
		padding: 0 28px 28px 28px;
	}

	/* Accordion */
	section.accordion .accordion-button {
		padding: 25px 28px;
	}

	section.accordion .accordion-body {
		padding: 0 25px 25px 25px;
	}

	section.accordion .accordion-body h3 {
		font-size: var(--bs-body-font-size);
	}

	section.accordion .accordion-button:after {
		content: '';
		width: var(--bs-accordion-btn-icon-width);
		background-image: url('data:image/svg+xml,<svg width="20" height="12" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 2L10 10L1.5 2" stroke="%23DF4C0C" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
		background-repeat: no-repeat;
		background-position: center;
	}

	section.accordion .accordion-button:not(.collapsed):after {
		content: '';	
		background-image: url('data:image/svg+xml,<svg width="20" height="12" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 2L10 10L1.5 2" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
		transform: var(--bs-accordion-btn-icon-transform);
	}	


	/* Contact */
	section.contact.title blockquote {
		margin-top: 60px;
		margin-bottom: 30px;
	}

	/* Page */
	section.page {
		padding-top: 80px;
	}

	section.page.flexi {
		padding-top: 0;
	}


	/* Footer */
	footer .footer-text {
		font-size: var(--bs-body-font-size);
		gap: 1rem;
	}

	footer .footer-text p {
		text-align: center;
	}

	footer .footer-logo img {
		width: 128px;
	}

	footer .footer-nav .logo-mrkev img {
		margin-bottom: 0;
		margin-top: 15px;
	}

}

/* Smaller than MD */
@media (max-width: 767.98px) {
	/* Typography */
	h1, .h1 {
		font-size: 45px;
	}

	h2, .h2 {
		font-size: 25px;
	}

	h4, .h4 {
		font-size: var(--bs-body-font-size);
	}

	/* Buttons */
	.btn {
		width: 100%;
		justify-content: center;
	}

	/* Tags */
	.tags {
		gap: 10px;
	}

	.tags .tag {
		width: 100%;
		text-align: center;
	}

	/* Header */
    .navbar-brand img {
    	width: 120px;
    }

	.navbar-toggler-icon {
		width: 40px;
		height: 46px;
	}

	/* Section common */
	section {
		padding: 30px 0;
	}

	/* HP Hero */
	section.hero {
		margin-bottom: 30px;
	}

	section.hero .hero-button {
		width: auto;
		max-width: calc(100% - 40px);
	}

	/* HP Cards */
	section.cards .cards-wrapper {
		grid-template-columns: 1fr;
	}

	section.cards .card-double {
		grid-column: unset;
	}

	section.cards .card-double.text {
		margin-bottom: 0;
		padding: 0 0 20px 0;
	}

	section.cards .card-single {
		flex-direction: row;
		align-items: center;
		padding: 22px;
		gap: 20px;
	}

	section.cards .card-single, 
	section.cards .card-double {
		justify-content: flex-start;
	}

	/* HP Video */
	section.video .video-controls a svg {
		width: 35px;
		height: 35px;
	}

	section.video .video-caption {
		font-size: var(--bs-body-font-size);
	}

	section.video .video-caption, 
	section.video .video-controls {
		bottom: 50px;
	}

	/* HP Logos */
	section.logos {
		padding-bottom: 60px;
	}

	/* History */
	section.history .history-card {
		padding: 20px 18px;
	}

	section.history .history-card .year:before {
		left: -19px;
		width: 10px;
	}

	section.history .history-detail .modal-body {
		padding: 20px 50px;
	}

	section.history .history-detail .modal-body .owl-carousel {
		width: calc(100% - 70px);
	}

	section.history .history-detail .modal-body .owl-carousel .owl-nav .owl-prev {
		left: -35px;
	}

	section.history .history-detail .modal-body .owl-carousel .owl-nav .owl-next {
		right: -35px;
	}

	section.history .history-detail .modal-footer {
		padding: 0 85px 20px 85px;
	}

	/* Divisions */
	section.divisions .division-card {
		padding: 22px 18px;
		gap: 28px;
	}

	/* Reviews */
	section.reviews .review-grid .review-description {
		padding: 0 18px 18px 18px;
	}

	/* Gallery */
	.gallery {
		--gallery-margin: 8px;
		margin: calc(-1 * var(--gallery-margin)) !important;
	}

	.gallery br {
		display: none;
	}

	.gallery br:last-child {
		display: block;
	}

	.gallery-item {
		width: 50% !important;
	}
	.gallery-item a img {
		border: var(--gallery-margin) solid transparent !important;
	}

	/* Accordion */
	section.accordion .accordion-button {
		padding: 20px 18px;
	}

	section.accordion .accordion-body {
		padding: 0 18px 10px 18px;
	}

	/* Contact */
	section.contact .contact-card {
		padding: 22px 18px;
		gap: 20px;
	}
}


/* WP mobile */
@media (max-width: 783px) {
	body.admin-bar {
		min-height: calc(100vh - 46px);
	}

	.admin-bar .offcanvas {
		top: 46px;
	}

	.admin-bar header.sticky-top {
		top: 0;
	}
}


/* Smaller than SM */
@media (max-width: 575.98px) {
	section.hero .hero-heading h1 {
		font-size: 28px;
	}

	section.hero .hero-media,
	.admin-bar section.hero .hero-media {
		height: 100vh;
	}

	section.hero .hero-content {
		bottom: 160px;
	}
}