@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

:root {

	--fa-gold: #A98D3A;
	--fa-dark: #404040;
	
}

body {
	font-family: "Jost", sans-serif;
	background-image: url(/images/bg-01.jpg) !important;
	background-attachment: fixed !important;
	
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-family: "Bebas Neue", sans-serif;
}


.bg-gold {
	background-color: var(--fa-gold);
}

.text-gold {
	color: var(--fa-gold);
}

#top-header {
	font-family: "Bebas Neue", sans-serif;
	text-align: center;
	font-size: 3.875rem;
	color: var(--fa-gold);
	line-height: 200%;
	/*text-shadow: 3px 3px 6px rgba(0,0,0,0.3);*/
	filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.3));
}


#top-header span.gold_gradient {
	background: #A98D3A;
	background: linear-gradient(to right, #A98D3A 0%, #DAB64B 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
}

#top-header span.gray_gradient {
	color: gray;
	background: #808080;
	background: linear-gradient(to right, #808080 0%, #A5A5A5 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


.wbg {
	background-color: white;
	border-radius: 0.5rem;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
}

.wbg:not(.optional) h5 {
	font-family: "Bebas Neue", sans-serif;
	font-size: 2rem;
	line-height: 3rem;
	
}

.wbg h5 .blue1 {
	color: var(--fa-gold);
}

.wbg label {
	font-family: "Bebas Neue", sans-serif;
	
}

#darkbox {
	background-color: var(--fa-dark);
	color: white;
	border-radius: 0.5rem;
	padding: 1.5rem 1.5rem;
}

#darkbox p {
	font-size: 0.85rem;
	line-height: 1rem;
}


.owl-carousel .owl-item img {width: auto; display: inline}

.owl-carousel .owl-item .card h5 {color: var(--fa-gold);}

#footer {background-color: white}

.optional ul {
	padding-left:30px;
}

.optional ul li {
	font-size: 0.85rem;
	position: relative;
	list-style:none;
}

.optional ul li::before {
  content: url(/images/checkmark-gold.svg);
  position: absolute;
  left: -30px;
  top: 1px;
}

.optional p {
	font-size: 0.85rem;
}


#order2 {
	background-color: var(--fa-gold);
	border-color: var(--fa-gold);
	font-family: "Bebas Neue", sans-serif;
	font-weight:400;
}


label.error {color: red}
input.error {border-color: red}


@media (max-width: 1200px) {

}

@media (max-width: 769px) {
	#top-header {
		line-height: initial;
		font-size: 3rem;
	}
}

@media (max-width: 480px) {

}


@media (max-width: 420px) {

}