/* =========================================================
   HEMRITU
   BLOW YOUR TRUMPET HERE
   Premium Advertising Section
   ========================================================= */

.hr-blow-trumpet {

	position: relative;

	width: 100%;

	/*
	 * Space between Sell With Us and
	 * Blow Your Trumpet Here.
	 */
	margin-top: 24px;

	padding: 110px 24px 115px;

	background:
		linear-gradient(
			135deg,
			#f8f5ef 0%,
			#f3eee4 48%,
			#faf7f1 100%
		);

	color: #181612;

	overflow: hidden;

}


/* =========================================================
   BACKGROUND DETAILS
   ========================================================= */

.hr-blow-trumpet::before {

	content: "";

	position: absolute;

	width: 520px;
	height: 520px;

	right: -220px;
	top: -220px;

	border: 1px solid rgba(161,123,61,.16);

	border-radius: 50%;

	pointer-events: none;

}


.hr-blow-trumpet::after {

	content: "";

	position: absolute;

	width: 380px;
	height: 380px;

	left: -190px;
	bottom: -190px;

	border: 1px solid rgba(161,123,61,.10);

	border-radius: 50%;

	pointer-events: none;

}


/* =========================================================
   CONTAINER
   ========================================================= */

.hr-blow-trumpet__container {

	position: relative;

	z-index: 2;

	width: 100%;

	max-width: 1280px;

	margin: 0 auto;

}


/* =========================================================
   HEADER
   ========================================================= */

.hr-blow-trumpet__header {

	max-width: 900px;

	margin: 0 auto 70px;

	text-align: center;

}


.hr-blow-trumpet__eyebrow {

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 14px;

	margin-bottom: 20px;

	font-size: 11px;

	font-weight: 700;

	letter-spacing: .24em;

	color: #a17b3d;

}


.hr-blow-trumpet__eyebrow-line {

	display: block;

	width: 42px;

	height: 1px;

	background: #a17b3d;

	opacity: .65;

}


.hr-blow-trumpet__title {

	margin: 0 auto 24px;

	max-width: 850px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: clamp(
		38px,
		5vw,
		66px
	);

	font-weight: 500;

	line-height: 1.08;

	letter-spacing: -.035em;

	color: #191611;

}


.hr-blow-trumpet__description {

	max-width: 730px;

	margin: 0 auto;

	font-size: 17px;

	line-height: 1.8;

	color: #6e675d;

}


/* =========================================================
   MAIN STATEMENT
   ========================================================= */

.hr-blow-trumpet__statement {

	display: grid;

	grid-template-columns:
		70px
		1fr
		70px;

	align-items: center;

	gap: 30px;

	padding: 35px 40px;

	margin-bottom: 90px;

	background:
		rgba(
			255,
			255,
			255,
			.52
		);

	border:
		1px solid
		rgba(
			161,
			123,
			61,
			.20
		);

	border-radius: 2px;

	box-shadow:
		0 18px 55px
		rgba(
			55,
			43,
			25,
			.06
		);

}


.hr-blow-trumpet__statement-number {

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 28px;

	color: #a17b3d;

}


.hr-blow-trumpet__statement-content {

	border-left:
		1px solid
		rgba(
			161,
			123,
			61,
			.25
		);

	padding-left: 30px;

}


.hr-blow-trumpet__statement-label {

	display: block;

	margin-bottom: 7px;

	font-size: 10px;

	font-weight: 700;

	letter-spacing: .20em;

	color: #a17b3d;

}


.hr-blow-trumpet__statement-content h3 {

	margin: 0 0 7px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 28px;

	font-weight: 500;

	color: #211d17;

}


.hr-blow-trumpet__statement-content p {

	margin: 0;

	font-size: 14px;

	line-height: 1.7;

	color: #746d63;

}


.hr-blow-trumpet__statement-arrow {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 54px;

	height: 54px;

	border:
		1px solid
		rgba(
			161,
			123,
			61,
			.30
		);

	border-radius: 50%;

	color: #a17b3d;

	font-size: 22px;

}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.hr-blow-trumpet__section-heading {

	margin-bottom: 30px;

}


.hr-blow-trumpet__section-heading > span {

	display: block;

	margin-bottom: 10px;

	font-size: 10px;

	font-weight: 700;

	letter-spacing: .20em;

	color: #a17b3d;

}


.hr-blow-trumpet__section-heading h3 {

	margin: 0;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 34px;

	font-weight: 500;

	color: #211d17;

}


/* =========================================================
   ADVERTISING OPTIONS
   ========================================================= */

.hr-blow-trumpet__options {

	display: grid;

	grid-template-columns:
		repeat(
			4,
			1fr
		);

	border-top:
		1px solid
		rgba(
			161,
			123,
			61,
			.20
		);

	border-bottom:
		1px solid
		rgba(
			161,
			123,
			61,
			.20
		);

	margin-bottom: 90px;

}


.hr-blow-trumpet__option {

	position: relative;

	min-height: 270px;

	padding: 30px 25px;

	border-right:
		1px solid
		rgba(
			161,
			123,
			61,
			.18
		);

	transition:
		transform 250ms ease,
		background-color 250ms ease,
		box-shadow 250ms ease;

}


.hr-blow-trumpet__option:last-child {

	border-right: 0;

}


.hr-blow-trumpet__option:hover {

	transform: translateY(-5px);

	background:
		rgba(
			255,
			255,
			255,
			.55
		);

	box-shadow:
		0 20px 50px
		rgba(
			60,
			45,
			25,
			.07
		);

}


.hr-blow-trumpet__option-top {

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-bottom: 35px;

}


.hr-blow-trumpet__option-number {

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 18px;

	color: #b59a6c;

}


.hr-blow-trumpet__option-icon {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 44px;

	height: 44px;

	border-radius: 50%;

	background: #ece3d2;

	color: #9b7437;

}


.hr-blow-trumpet__option-icon .dashicons {

	font-size: 20px;

	width: 20px;

	height: 20px;

}


.hr-blow-trumpet__option h4 {

	margin: 0 0 12px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 23px;

	font-weight: 500;

	color: #211d17;

}


.hr-blow-trumpet__option p {

	margin: 0;

	font-size: 13px;

	line-height: 1.75;

	color: #746d63;

}


.hr-blow-trumpet__option-tag {

	position: absolute;

	left: 25px;

	bottom: 28px;

	font-size: 9px;

	font-weight: 700;

	letter-spacing: .14em;

	color: #a17b3d;

}


/* =========================================================
   PACKAGING SPONSORSHIP
   ========================================================= */

.hr-blow-trumpet__packaging {

	display: grid;

	grid-template-columns:
		.9fr
		1.1fr;

	gap: 70px;

	align-items: center;

	margin-bottom: 90px;

	padding: 70px;

	background: #1d1a15;

	color: #fff;

}


.hr-blow-trumpet__packaging-content {

	max-width: 500px;

}


.hr-blow-trumpet__packaging-eyebrow {

	display: block;

	margin-bottom: 18px;

	font-size: 10px;

	font-weight: 700;

	letter-spacing: .22em;

	color: #c8a66a;

}


.hr-blow-trumpet__packaging-content h3 {

	margin: 0 0 22px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: clamp(
		34px,
		4vw,
		50px
	);

	font-weight: 500;

	line-height: 1.1;

	letter-spacing: -.025em;

	color: #fff;

}


.hr-blow-trumpet__packaging-content > p {

	margin: 0;

	font-size: 15px;

	line-height: 1.8;

	color:
		rgba(
			255,
			255,
			255,
			.68
		);

}


.hr-blow-trumpet__packaging-highlight {

	display: flex;

	align-items: center;

	gap: 15px;

	margin-top: 30px;

	padding-top: 25px;

	border-top:
		1px solid
		rgba(
			255,
			255,
			255,
			.13
		);

}


.hr-blow-trumpet__highlight-icon {

	display: flex;

	align-items: center;

	justify-content: center;

	flex:
		0 0 auto;

	width: 42px;

	height: 42px;

	border:
		1px solid
		rgba(
			200,
			166,
			106,
			.55
		);

	border-radius: 50%;

	color: #c8a66a;

}


.hr-blow-trumpet__packaging-highlight strong {

	display: block;

	margin-bottom: 4px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 16px;

	font-weight: 500;

	color: #fff;

}


.hr-blow-trumpet__packaging-highlight span:not(
	.hr-blow-trumpet__highlight-icon
) {

	display: block;

	font-size: 11px;

	line-height: 1.5;

	color:
		rgba(
			255,
			255,
			255,
			.50
		);

}


/* =========================================================
   SPONSOR CARDS
   ========================================================= */

.hr-blow-trumpet__packaging-options {

	display: grid;

	grid-template-columns:
		repeat(
			2,
			1fr
		);

	gap: 18px;

}


.hr-blow-trumpet__sponsor-card {

	position: relative;

	min-height: 300px;

	padding: 28px;

	background: #f5efe4;

	color: #1d1a15;

	transition:
		transform 250ms ease,
		box-shadow 250ms ease;

}


.hr-blow-trumpet__sponsor-card:hover {

	transform: translateY(-6px);

	box-shadow:
		0 22px 55px
		rgba(
			0,
			0,
			0,
			.22
		);

}


.hr-blow-trumpet__sponsor-card-number {

	position: absolute;

	top: 25px;

	right: 25px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 18px;

	color: #b49663;

}


.hr-blow-trumpet__sponsor-card-icon {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 54px;

	height: 54px;

	margin-bottom: 28px;

	background: #e8dcc7;

	border-radius: 50%;

	color: #987139;

}


.hr-blow-trumpet__sponsor-card-icon .dashicons {

	font-size: 24px;

	width: 24px;

	height: 24px;

}


.hr-blow-trumpet__sponsor-card-label {

	display: block;

	margin-bottom: 10px;

	font-size: 9px;

	font-weight: 700;

	letter-spacing: .16em;

	color: #a17b3d;

}


.hr-blow-trumpet__sponsor-card h4 {

	margin: 0 0 12px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 25px;

	font-weight: 500;

	color: #211d17;

}


.hr-blow-trumpet__sponsor-card p {

	margin: 0;

	max-width: 270px;

	font-size: 13px;

	line-height: 1.7;

	color: #756e64;

}


.hr-blow-trumpet__sponsor-card-footer {

	position: absolute;

	left: 28px;

	right: 28px;

	bottom: 25px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding-top: 15px;

	border-top:
		1px solid
		rgba(
			161,
			123,
			61,
			.20
		);

}


.hr-blow-trumpet__sponsor-card-footer span:first-child {

	font-size: 9px;

	font-weight: 700;

	letter-spacing: .13em;

	color: #a17b3d;

}


.hr-blow-trumpet__sponsor-card-footer span:last-child {

	font-size: 18px;

	color: #a17b3d;

}


/* =========================================================
   CLOSING CTA
   ========================================================= */

.hr-blow-trumpet__closing {

	display: grid;

	grid-template-columns:
		65px
		1fr
		auto;

	align-items: center;

	gap: 30px;

	padding: 35px 0 0;

	border-top:
		1px solid
		rgba(
			161,
			123,
			61,
			.22
		);

}


.hr-blow-trumpet__closing-mark {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 52px;

	height: 52px;

	border:
		1px solid
		rgba(
			161,
			123,
			61,
			.35
		);

	border-radius: 50%;

	color: #a17b3d;

}


.hr-blow-trumpet__closing-content > span {

	display: block;

	margin-bottom: 7px;

	font-size: 9px;

	font-weight: 700;

	letter-spacing: .18em;

	color: #a17b3d;

}


.hr-blow-trumpet__closing-content h3 {

	margin: 0 0 5px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 25px;

	font-weight: 500;

	color: #211d17;

}


.hr-blow-trumpet__closing-content p {

	margin: 0;

	font-size: 13px;

	color: #746d63;

}


.hr-blow-trumpet__cta {

	display: inline-flex;

	align-items: center;

	gap: 25px;

	padding: 17px 22px;

	background: #a17b3d;

	color: #fff;

	text-decoration: none;

	font-size: 11px;

	font-weight: 700;

	letter-spacing: .08em;

	transition:
		background-color 200ms ease,
		transform 200ms ease;

}


.hr-blow-trumpet__cta:hover {

	background: #86642f;

	color: #fff;

	transform: translateY(-2px);

}


.hr-blow-trumpet__cta strong {

	font-size: 20px;

	font-weight: 400;

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

	.hr-blow-trumpet {

		padding-top: 85px;

		padding-bottom: 90px;

	}


	.hr-blow-trumpet__options {

		grid-template-columns:
			repeat(
				2,
				1fr
			);

	}


	.hr-blow-trumpet__option {

		border-bottom:
			1px solid
			rgba(
				161,
				123,
				61,
				.18
			);

	}


	.hr-blow-trumpet__option:nth-child(2) {

		border-right: 0;

	}


	.hr-blow-trumpet__packaging {

		grid-template-columns: 1fr;

		gap: 45px;

		padding: 55px;

	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.hr-blow-trumpet {

		/*
		 * Slightly smaller gap on mobile.
		 */

		margin-top: 18px;

		padding:
			70px
			18px
			75px;

	}


	.hr-blow-trumpet__header {

		margin-bottom: 50px;

	}


	.hr-blow-trumpet__eyebrow {

		font-size: 9px;

		letter-spacing: .16em;

	}


	.hr-blow-trumpet__eyebrow-line {

		width: 25px;

	}


	.hr-blow-trumpet__title {

		font-size: 38px;

		line-height: 1.08;

	}


	.hr-blow-trumpet__description {

		font-size: 14px;

		line-height: 1.75;

	}


	/* =====================================================
	   STATEMENT
	===================================================== */

	.hr-blow-trumpet__statement {

		grid-template-columns:
			42px
			1fr;

		gap: 18px;

		padding: 25px 20px;

		margin-bottom: 60px;

	}


	.hr-blow-trumpet__statement-number {

		font-size: 20px;

	}


	.hr-blow-trumpet__statement-content {

		padding-left: 18px;

	}


	.hr-blow-trumpet__statement-content h3 {

		font-size: 22px;

	}


	.hr-blow-trumpet__statement-content p {

		font-size: 12px;

	}


	.hr-blow-trumpet__statement-arrow {

		display: none;

	}


	/* =====================================================
	   SECTION HEADING
	===================================================== */

	.hr-blow-trumpet__section-heading {

		margin-bottom: 22px;

	}


	.hr-blow-trumpet__section-heading h3 {

		font-size: 27px;

	}


	/* =====================================================
	   ADVERTISING OPTIONS
	===================================================== */

	.hr-blow-trumpet__options {

		display: grid;

		grid-template-columns: 1fr;

		margin-bottom: 60px;

	}


	.hr-blow-trumpet__option {

		min-height: 230px;

		padding: 25px 20px;

		border-right: 0;

		border-bottom:
			1px solid
			rgba(
				161,
				123,
				61,
				.18
			);

	}


	.hr-blow-trumpet__option:last-child {

		border-bottom: 0;

	}


	.hr-blow-trumpet__option-top {

		margin-bottom: 25px;

	}


	/* =====================================================
	   PACKAGING
	===================================================== */

	.hr-blow-trumpet__packaging {

		grid-template-columns: 1fr;

		gap: 35px;

		padding: 38px 22px;

		margin-left: -18px;

		margin-right: -18px;

		margin-bottom: 60px;

	}


	.hr-blow-trumpet__packaging-content h3 {

		font-size: 34px;

	}


	.hr-blow-trumpet__packaging-content > p {

		font-size: 13px;

	}


	.hr-blow-trumpet__packaging-options {

		grid-template-columns: 1fr;

	}


	.hr-blow-trumpet__sponsor-card {

		min-height: 280px;

	}


	/* =====================================================
	   CLOSING
	===================================================== */

	.hr-blow-trumpet__closing {

		grid-template-columns:
			48px
			1fr;

		gap: 18px;

	}


	.hr-blow-trumpet__closing-mark {

		width: 44px;

		height: 44px;

	}


	.hr-blow-trumpet__closing-content h3 {

		font-size: 21px;

	}


	.hr-blow-trumpet__closing-content p {

		font-size: 12px;

		line-height: 1.6;

	}


	.hr-blow-trumpet__cta {

		grid-column:
			1 / -1;

		justify-content:
			space-between;

		width: 100%;

		margin-top: 10px;

		padding:
			17px
			20px;

	}

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.hr-blow-trumpet a:focus-visible {

	outline:
		2px solid
		#a17b3d;

	outline-offset: 4px;

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

	.hr-blow-trumpet__option,
	.hr-blow-trumpet__sponsor-card,
	.hr-blow-trumpet__cta {

		transition: none;

	}

}



/* =========================================================
   GAP FROM PREVIOUS HOMEPAGE SECTION
   ========================================================= */

.hemritu-homepage > .hr-blow-trumpet {

	margin-top: 24px !important;

}


@media (max-width: 767px) {

	.hemritu-homepage > .hr-blow-trumpet {

		margin-top: 18px !important;

	}

}


/* =========================================================
   SPACE BELOW BLOW YOUR TRUMPET SECTION
   ========================================================= */

.hemritu-homepage > .hr-blow-trumpet {

	margin-top: 24px !important;

	margin-bottom: 24px !important;

}


@media (max-width: 767px) {

	.hemritu-homepage > .hr-blow-trumpet {

		margin-top: 18px !important;

		margin-bottom: 18px !important;

	}

}





















