* { box-sizing:border-box; transition: all linear 0.25s}

html {height:100%; width:100%; scroll-behavior: smooth;}
body {min-height:100%; padding:0; margin:0;  font-family: "Open Sans",sans-serif; font-family: 'Luxurious Roman'; font-size:1em; color:#272222; line-height:1.25; text-align:justify; font-weight:300; position:relative; }

/* ========== RESETS ========== */
a, a:active, a:hover, a:focus{outline: none; border: none; text-decoration: none; color: inherit; }
p {margin: 0 0 15px; }
p a {font-weight: 400; text-decoration:underline; display:inline-block!important; }
button::-moz-focus-inner, input::-moz-focus-inner, button:active, button:focus {padding: 0; outline:none; border:none; text-decoration:none}
*:-moz-focusring, *::-moz-focus-inner {/*outline:none; border:none; text-decoration:none*/; color:inherit; display:block;  }
img {width:100%; }
a img {width: 100%; display: block;}
figure {margin:0; padding:0;}
figcaption {margin:15px 0 0 0; font-size:0.85em;}
hr {border-top: thin solid #cecece; border-bottom: none; margin: 75px 0; }


/* libre-baskerville-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/baskerville/libre-baskerville-v24-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* luxurious-roman-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Luxurious Roman';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lux-roman/luxurious-roman-v10-latin_latin-ext-regular.woff2') format('woff2');
}

/* cinzel-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cinzel Regular';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/cinzel-reg/cinzel.regular.woff2') format('woff2');
}

/* cinzel-variable */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cinzel Variable';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/cinzel-var/static/Cinzel-Medium.ttf') format('fft');
}


.background {position:fixed; top:0; left:0; width:100%; height:100%; background:url(optimajoyau-bgr-50.jpg); background-repeat: no-repeat; background-position: center center; background-size:cover; background-size: cover;  z-index:-1}
.logo {position: fixed; top: 5vh; left:50%; transform:translateX(-50%); max-height: 20vh; width:auto; max-width: 75%; filter: drop-shadow(1px 1px 0px rgba(28, 25, 25, 0.39));}
.container {opacity:0;position: fixed; top: 25vh; height: 55vh; overflow: auto; padding: 0 5vmin; }
.content {text-align: center; font-weight: bold; font-size:1.25rem; font-family: 'Cinzel Regular'; background: rgba(255,255,255,0.25); padding: 25px; filter: drop-shadow(1px 1px 0px #cecece00); box-shadow: 0px 0px 10px 10px rgba(255,255,255,0.25);}
.claim {color:#a5540d; font-size: 2rem; font-weight:bold; filter: drop-shadow(1px 1px 0px rgba(28, 25, 25, 0.39)); margin: 25px 0 0; text-align:center; position: fixed; top: 80vh;}



#ch2-dialog {position: fixed!important; bottom: 0!important; padding: 10px!important; gap: 10px!important; background: rgba(255,255,255,0.75) !important; }
#ch2-dialog #ch2-dialog-title {display: none!important; }
#ch2-dialog p {margin:0 0 5px!important; font-size: 12px!important; line-height: 1.5!important; text-align: justify !important; line-height: 1.25 !important;}
#ch2-dialog .ch2-dialog-actions {flex-flow: row nowrap !important;}
#ch2-dialog .ch2-btn {padding: 15px 20px !important; width: min-content; min-width: auto !important; box-shadow: none !important;}
#ch2-dialog .ch2-btn:hover {box-shadow: none !important;}
#ch2-dialog .ch2-allow-all-btn {background: #a5540d !important; }
#ch2-dialog .ch2-open-settings-btn {background: none !important; color: #000 !important; font-size: 12px !important; border: none!important; width: min-content !important; border-radius: 0 !important; }
.ch2-block {background: url(assets/optimajoyau-bgr-50.jpg)!important; background-repeat: no-repeat; background-position: center center; background-size: cover; }


@media (min-width: 768px) {

	.container {top: 30vh; padding: 0 10vmin;}
	.content {font-size:1.5rem; }
	.claim {top: 87.5vh; width: 100%; font-size:2.25rem; }

	#ch2-dialog {width: 520px!important; bottom: 10px!important; left: 50% !important; transform: translateX(-50%) !important; gap: 20px!important; flex-direction: row !important;background: rgba(255,255,255,0.75) !important; display:flex!important; }
	#ch2-dialog .ch2-dialog-actions {flex-direction: column !important; margin: 0 !important; display: flex!important; width: min-content;}
	#ch2-dialog .ch2-allow-all-btn {background: #a5540d !important; padding:20px 15px!important; }
}

@media (min-width: 1000px) {
	.container {padding: 0 calc((100vw - 1200px) / 2); width:100%; max-width: 100%;}
	.content {padding: 25px 75px;}
	.claim {top: 87.5vh;font-size:2.5rem; }
	
	#ch2-dialog {width: 800px !important; align-items: center;}
	#ch2-dialog .ch2-dialog-actions {flex-direction: row !important; }
	#ch2-dialog .ch2-allow-all-btn {padding: 15px !important; }
	#ch2-dialog .ch2-dialog-content {width:auto!important; }

}