/* Primary Dominican Republic factory experience pages. */

body.page-id-10216 .qodef-page-title,
body.page-id-10193 .qodef-page-title,
body.page-id-9995 .qodef-page-title,
body.page-id-7554 .qodef-page-title {
	display: none !important;
}

#qodef-page-inner .cremo-dr-xp-hero {
	position: relative;
	display: flex;
	min-height: 660px;
	align-items: center;
	background-position: center center !important;
	background-size: cover !important;
}

#qodef-page-inner .cremo-dr-xp-hero::after {
	position: absolute;
	z-index: 0;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(24, 11, 6, .94) 0%, rgba(24, 11, 6, .73) 52%, rgba(24, 11, 6, .24) 100%),
		linear-gradient(0deg, rgba(24, 11, 6, .66) 0%, transparent 54%);
	content: "";
	pointer-events: none;
}

#qodef-page-inner .cremo-dr-xp-hero > .elementor-background-overlay {
	opacity: .12 !important;
}

#qodef-page-inner .cremo-dr-xp-hero > .elementor-container {
	position: relative;
	z-index: 1;
	width: min(100% - 56px, 1180px);
}

#qodef-page-inner .cremo-dr-xp-hero .elementor-widget-heading,
#qodef-page-inner .cremo-dr-xp-hero .elementor-widget-container {
	width: 100%;
}

.cremo-dr-xp-hero__content {
	max-width: 860px;
	padding: 96px 0 72px;
}

.cremo-dr-xp-hero__eyebrow {
	display: block;
	margin-bottom: 17px;
	color: #eac131 !important;
	font-family: "Martel Sans", "Helvetica Neue", Arial, sans-serif !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: .22em !important;
	line-height: 1.3 !important;
	text-transform: uppercase;
}

#qodef-page-inner .cremo-dr-xp-hero__title {
	max-width: 820px;
	margin: 0 !important;
	color: #fff4df !important;
	font-family: "Martel", Georgia, serif !important;
	font-size: clamp(46px, 6vw, 80px) !important;
	font-weight: 900 !important;
	letter-spacing: -.035em !important;
	line-height: 1.03 !important;
	text-wrap: balance;
}

.cremo-dr-xp-hero__meta {
	display: flex;
	max-width: 780px;
	flex-wrap: wrap;
	align-items: center;
	gap: 11px 28px;
	margin-top: 28px;
}

.cremo-dr-xp-hero__duration,
.cremo-dr-xp-hero__address {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: "Martel Sans", "Helvetica Neue", Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: .03em !important;
	line-height: 1.55 !important;
}

.cremo-dr-xp-hero__duration {
	color: rgba(255, 244, 223, .9) !important;
}

.cremo-dr-xp-hero__address {
	color: #eac131 !important;
	text-decoration: none;
}

.cremo-dr-xp-hero__address:hover,
.cremo-dr-xp-hero__address:focus-visible {
	color: #fff4df !important;
}

.cremo-dr-xp-hero__hours {
	display: flex;
	max-width: 780px;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 24px;
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid rgba(255, 244, 223, .28);
	color: rgba(255, 244, 223, .92);
	font-family: "Martel Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 11px;
	line-height: 1.55;
}

.cremo-dr-xp-hero__hours-label {
	color: #eac131;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .17em;
	text-transform: uppercase;
}

.cremo-dr-xp-hero__hours strong {
	margin-right: 5px;
	color: #fff4df;
	font-weight: 800;
}

.cremo-dr-xp-hero__book {
	display: inline-flex;
	min-width: 176px;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
	margin-top: 31px;
	padding: 16px 21px;
	background: #eac131;
	color: #241407 !important;
	font-family: "Martel Sans", "Helvetica Neue", Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: .14em !important;
	line-height: 1.2 !important;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s ease, color .2s ease;
}

.cremo-dr-xp-hero__book:hover,
.cremo-dr-xp-hero__book:focus-visible {
	background: #fff4df;
	color: #241407 !important;
}

#qodef-page-inner .cremo-dr-xp-intro {
	width: min(100% - 48px, 1050px);
	margin: 72px auto 46px !important;
	padding: 36px 42px 38px;
	border-left: 4px solid #eac131;
	background: #faf3e8;
	box-shadow: 0 16px 42px rgba(36, 20, 7, .09);
}

#qodef-page-inner .cremo-dr-xp-intro .elementor-heading-title {
	margin: 0 !important;
	color: #2a1912 !important;
	font-family: "Martel", Georgia, serif !important;
	font-size: clamp(28px, 3.4vw, 43px) !important;
	font-weight: 900 !important;
	letter-spacing: -.018em !important;
	line-height: 1.16 !important;
}

#qodef-page-inner .cremo-dr-xp-intro .elementor-widget-text-editor {
	margin-top: 17px;
}

#qodef-page-inner .cremo-dr-xp-intro .elementor-widget-text-editor p {
	max-width: 900px;
	margin: 0;
	color: rgba(42, 25, 18, .78) !important;
	font-family: "Martel", Georgia, serif !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

#qodef-page-inner .cremo-xp-rebuild {
	padding-bottom: 72px !important;
}

.cremo-dr-xp-duration {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-top: 4px;
	padding: 17px 0 6px 38px;
	border-top: 1px solid #e4d3bc;
}

.cremo-dr-xp-duration__label {
	color: #9a7327 !important;
	font-family: "Martel Sans", "Helvetica Neue", Arial, sans-serif !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase;
}

.cremo-dr-xp-duration strong {
	color: #2a1912 !important;
	font-family: "Martel", Georgia, serif !important;
	font-size: 15px !important;
	font-weight: 900 !important;
}

@media (max-width: 900px) {
	#qodef-page-inner .cremo-dr-xp-hero {
		min-height: 610px;
	}

}

@media (max-width: 640px) {
	#qodef-page-inner .cremo-dr-xp-hero {
		min-height: 590px;
		background-position: center center !important;
	}

	#qodef-page-inner .cremo-dr-xp-hero::after {
		background: linear-gradient(0deg, rgba(24, 11, 6, .94) 0%, rgba(24, 11, 6, .7) 72%, rgba(24, 11, 6, .45) 100%);
	}

	#qodef-page-inner .cremo-dr-xp-hero > .elementor-container {
		width: calc(100% - 34px);
	}

	.cremo-dr-xp-hero__content {
		padding: 90px 0 48px;
	}

	#qodef-page-inner .cremo-dr-xp-hero__title {
		font-size: clamp(37px, 12vw, 54px) !important;
		line-height: 1.04 !important;
	}

	.cremo-dr-xp-hero__meta {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
		margin-top: 22px;
	}

	.cremo-dr-xp-hero__hours {
		align-items: flex-start;
		flex-direction: column;
		gap: 5px;
		margin-top: 16px;
		padding-top: 13px;
	}

	.cremo-dr-xp-hero__book {
		width: 100%;
		margin-top: 25px;
	}

	#qodef-page-inner .cremo-dr-xp-intro {
		width: calc(100% - 32px);
		margin: 48px auto 34px !important;
		padding: 27px 23px 29px;
	}

	#qodef-page-inner .cremo-dr-xp-intro .elementor-widget-text-editor p {
		font-size: 14px !important;
		line-height: 1.75 !important;
	}

	.cremo-dr-xp-duration {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
		padding-left: 38px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cremo-dr-xp-hero__book {
		transition: none;
	}
}