@import url('https://fonts.googleapis.com/css?family=DM+Sans:300,400,500,600,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes:300,400,500,600,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

:root {
	--thm-logo-header-height: 50px;
}

html, body {
	padding: 0;
	margin: 0;
	font-family: 'DM Sans', 'Arial', sans-serif !important;
}

.main-promotion-text em {
	font-family: 'Great Vibes', cursive;
	font-size: 1em;
	text-transform: none;
	font-weight: normal;
	line-height: 1em;
	display: block;
	color: var(--thm-text-primary);
}

.card, .coupon, .alert, .notice {
	overflow: hidden;
	border: 0;
	box-shadow: rgb(50 50 93 / 5%) 0px 50px 100px -20px, rgb(0 0 0 / 15%) 0px 30px 60px -30px;
	border-radius: 0.75rem;
}

.coupon.border {
	box-shadow: none;
	border-radius: 0.5rem;
}

.foot-fixed-menu .card {
	box-shadow: rgb(50 50 93 / 5%) 0px 5px 5px 0px, rgb(0 0 0 / 15%) 0px 5px 10px 5px;
	background: none;
	border-radius: 1rem;
}

.btn {
	border-radius: 1.5rem;
}

.foot-fixed-menu .btn {
	border-radius: 1rem;
}

@media (min-width: 1200px) {
	.png-slider .main-promotion-image-framed {
		max-width: 70% !important;
	}
}