/*GENERAL*/

:root {
  --primary: #E1EFE6;
  --text: #000;
  --background: #f9f8f6;
  --gold-diamond: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
  --gold: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 -25%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF -25%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}

@font-face {
    font-family: 'renner';
    src: url('fonts/renner-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'renner', sans-serif;
	font-size: 22px;
	color: var(--text);
	background-color: var(--background);
}

h1, h2, h3, h4 {
	font-family: 'renner', sans-serif;
	font-weight: normal;
}

h1 {
	font-size: 38px;
	padding-top: 3px;
}

h3 {
	margin-top: 40px;
	font-size: 34px;
}

h4 {
	font-size: 26px;
}


h2, h3, h4 {
	color: var(--text);
}

h2, h3, h4, p, ul {
	padding-bottom: 15px;
}

rect {
	fill: #9f7928;
}

.form-control {
	height: 40px;
    font-size: 18px;
}

.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

.btn {
	border-radius: 8px;
	border: 1px solid #9f7928;
	font-family: 'renner', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px 15px;
}

.btn:focus {
	outline: none;
}

a.btn:hover,
a.btn:focus,
a.btn:active {
	text-decoration: none;
}

.clear {
	clear: both;
}

.cus-recap {
	font-size: 12px;
	color: #aaa;
}

.cus-recap-a {
	color: #555;
}

/*FULLPAGE*/
.fullpage {
	position: relative;
	width: 100%;
	height: 100vh;
	background-color: var(--primary);
	border-bottom: 1px solid var(--background);
}

.fullpage-diamond-border {
    position: absolute;
    top: calc(50% - 37vmin);
    left: calc(50% - 37vmin);
    width: 74vmin;
    height: 74vmin;
    background: var(--gold-diamond);
    background-size: 110% 110%;
	clip-path: polygon(
		50% 0,
	 	0 50%,
	 	50% 100%,
	 	50% 99%,
	 	1% 50%,
	 	50% 1%,
	 	99% 50%,
	 	50% 99%,
	 	50% 100%,
	 	100% 50%,
	 	50% 0,
	 	50% 2%,
	 	2% 50%,
	 	50% 98%,
	 	50% 96%,
	 	4% 50%,
	 	50% 4%,
	 	96% 50%,
	 	50% 96%,
	 	50% 98%,
	 	98% 50%,
	 	50% 2%
	 	);
}

@-webkit-keyframes GoldGlow {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}
@-moz-keyframes GoldGlow {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}
@keyframes GoldGlow {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}

.fullpage-diamond-image {
	position: absolute;
    width: 69.5vmin;
    height: 69.5vmin;
	top: calc(50% - 34.75vmin);
    left: calc(50% - 34.75vmin);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    background-color: var(--primary);
	background-image: url("img/background.webp");
	background-size: 100%;
	background-position: top;
}

.diamond {
	margin-top: 5px;
    width: 40px;
    height: 40px;
    clip-path: polygon(50% 0, 0 50%, 50% 100%, 50% 90%, 10% 50%, 50% 10%, 90% 50%, 50% 90%, 50% 100%, 100% 50%, 50% 0);
    background: var(--gold-diamond);
    display: inline-block;
}


.fullpage-title {
    position: absolute;
    width: 100%;
    bottom: calc(37% + 1vmin);
    font-size: 4.25vmin;
    padding-left: 2vmin;
    padding-bottom: 0;
    text-transform: uppercase;
    letter-spacing: .2em;
}

.fullpage-text {
    position: absolute;
    width: 100%;
    background: white;
    bottom: calc(50% - 20vmin);
    font-size: 8vmin;
    padding-left: 1vmin;
    padding-bottom: 0;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

@keyframes fade-in {
    from {
    	opacity: 0;
    	bottom: 40px;
    }
    to {
    	opacity: 1;
    	bottom: 20px;
    }
}

.fullpage-down {
	opacity: 0;
    position: absolute;
    width: 100%;
    bottom: 40px;
    text-align: center;
    cursor: pointer;
    animation-name: fade-in;
    animation-duration: 800ms;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

/*HEADER*/
.header {
	height: 50px;
	line-height: 50px;
	background-color: var(--primary);
	color: var(--background);
	margin-bottom: 20px;
	z-index: 1;
}

.header-fixed {
	position: fixed;
	top: 0;
    left: 0;
    right: 0;
}

@media (max-width: 420px) {
	.header-xs {
		font-size: 30px;
	}
}

.img-height {
	height: 50px;
	width: auto;
}

.main-fixed-header {
	margin-top: 70px;
}
	
@media (min-width: 992px) {
	.header {
		height: 75px;
		line-height: 75px;
	}
	
	.img-height {
		height: 75px;
	}

	.main-fixed-header {
		margin-top: 95px;
	}
}

.location {
	height: 24px;
	width: auto;
	margin-left: 3px;
}

.cat {
	margin-top: 20px;
	display: block;
	margin-bottom: -4px;
}

.validate-captcha {
	display: none;	
}

/*plus and minus guests*/
.change-guests {
	background: transparent;
	text-transform: none;
	cursor: pointer;
	white-space: nowrap;
	font-weight: normal;
}

.ws-nowrap {
	white-space: nowrap;
}

@media (max-width: 420px) {
	.guest-btns {
		width: 100%;
	}
}

.gold-font {
	background: var(--gold);
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 125% 125%;
    background-clip: text;
    text-fill-color: transparent;
    display: inline-block;
}

.gold-font-header {
	text-transform: uppercase;
	letter-spacing: .2em;
	white-space: nowrap;
}

.gold-animation {
	-webkit-animation: GoldGlow 5s ease infinite;
    -moz-animation: GoldGlow 5s ease infinite;
    animation: GoldGlow 5s ease infinite;
}

.dis-b {
	display: block;
}

/*FOOTER*/
.footer {
	background-color: var(--primary);
	height: 50px;
}

.icon-size-36 {
	font-size: 36px;  /* Preferred icon size */
}

.icon-align-bottom {
	vertical-align: bottom;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lottie-container {
    width: 100%;
    height: 100%;
}

.floral-background {
    position: absolute;
    top: calc(50% - 45vmin);
    left: calc(50% - 45vmin);
    width: 90vmin;
    height: 90vmin;
	-webkit-animation: BgFade 3s ease;
    -moz-animation: BgFade 3s ease;
    animation: BgFade 3s ease;
}

.floral-background-firefox {
    top: calc(50% - 50vmin);
    left: calc(50% - 50vmin);
    width: 100vmin;
    height: 100vmin;
}

@-webkit-keyframes BgFade {
    0%{opacity: 0%; transform: scale(.5);}
    100%{opacity : 100%; transform: scale(1);}
}
@-moz-keyframes BgFade {
    0%{opacity: 0%; transform: scale(.5);}
    100%{opacity : 100%; transform: scale(1);}
}
@keyframes BgFade {
    0%{opacity: 0%; transform: scale(.5);}
    100%{opacity : 100%; transform: scale(1);}
}

.g-recaptcha { 
	visibility: hidden; 
}