/*Librerías*/
@import url("bulma/bulma.min.css");

/*Fuentes*/
@font-face {
    font-family: 'Gemola Wooyn';
    src: url('fonts/GEMOLA-WOOYN.woff2') format("woff2");
}
@font-face {
    font-family: 'Enrotiquetrial Regular';
    src: url('fonts/EROTIQUETRIAL-REGULAR.woff') format("woff");
}
@font-face {
    font-family: 'Enrotiqueal Alt Bold';
    src: url('fonts/EROTIQUEALTERNATETRIAL-BOLD.woff') format("woff");
}
@font-face {
    font-family: 'Parisinne Regular';
    src: url('fonts/PARISIENNE-REGULAR.woff') format("woff");
}
.f1 { font-family: 'Enrotiquetrial Regular'; }
.f2 { font-family: 'Gemola Wooyn'; }
.f3 { font-family: 'Enrotiqueal Alt Bold'; }
.f4 { font-family: 'Parisinne Regular'; }
.bold { font-weight: bold; }
.lt-sp-2 { letter-spacing: 2px; }
.lt-sp-5 { letter-spacing: 5px; }
.is-size-01 { font-size: 4rem; }

/*Colores*/
:root {
    --color1: #590d20;
    --color2: #f5e0e5;
    --color3: #f2d9d4;
    --color4: #3d0916;
    --color5: #cdb08a;
    --color6: #dda5a2;
    --color7: #d8bda4;
}
.transparent { color: transparent; }
.cwhite { color: white; }
.cblack { color: #000; }
.c1 { color: var(--color1); }
.bc1 { background-color: var(--color1); }
.c2 { color: var(--color2); }
.bc2 { background-color: var(--color2); }
.c3 { color: var(--color3); }
.bc3 { background-color: var(--color3); }
.c4 { color: var(--color4); }
.bc4 { background-color: var(--color4); }
.c5 { color: var(--color5); }
.bc5 { background-color: var(--color5); }
.c7 { color: var(--color7); }
.bc7 { background-color: var(--color7); }

/*Estructura*/
.app { margin: 0 auto; max-width: 56.25vh; position: relative; z-index: 1; }
.app > .h100vh { background-image: linear-gradient(transparent 0%, transparent 75%, #f5e0e5 80%, #f5e0e5 100%); }
.px-ctrl { padding-left: 4vh; padding-right: 4vh; }
.r180deg { transform: rotate(180deg); }
.h100vh { min-height: 100vh; }
.w100vw { width: 56.25vh; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.opct0 {  opacity: 0; }
img.adorno { width: 17.86vh; }
img.adornoxl { width: 30vh; }
.mt--15 { margin-top: -15px; }
.mt--25 { margin-top: -25px; }

/*Botones*/
.b1 { background-color: var(--color7); color: var(--color1); border-radius: 50px; min-width: 22vh; }

/*Countdown*/
.photo {width: 100vw; }
.photo > .columns { margin: 0 auto; max-width: 56.25vh; }
.photo figure img { transition: 0.4s; transition-property: opacity; }
.countdown { margin-top: -1px !important; background-color: var(--color2); /*min-height: 100vh; background-image: url('../img/countdown/background.jpg'); background-position: center center; background-size: contain; background-repeat: no-repeat;*/ }
.countdown .contador { background-color: var(--color3); border-radius: 50px; }

/*Welcome*/
.welcome { background-color: var(--color4); background-image: url('../img/welcome/decorado.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; }

/*Details*/
.details > div { border: 4px solid var(--color6); box-shadow: 0px 5px 20px #5c5c5b; }
.details > div > div { border: 2px solid white; }
.details > div > div > div { border: 4px solid var(--color6); box-shadow: inset 0px 5px 20px #5c5c5b; }

/*Dress Code*/
.dress-code, .gifts { background-color: var(--color3); background-image: url('../img/dress-code/decorado.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; }

/*Book*/
.book { background-image: url('../img/book/adornos.svg'), url('../img/book/adornos-r.svg'); background-repeat: no-repeat;  background-position: left center, right center; }

/*Quiz*/
.quiz > div { border: 4px solid var(--color6); box-shadow: 0px 5px 20px #5c5c5b; }
.quiz > div > div { border: 2px solid white; }
.quiz > div > div > div { border: 4px solid var(--color6); box-shadow: inset 0px 5px 20px #5c5c5b; }
.quiz > div > div > div > div.columns { min-height: 70vh; }
.quiz .opt7 table { background-color: var(--color3); }
.quiz input { background-color: var(--color3); }
.quiz a.button.is-fullwidth { border-color: var(--color1); background-color: var(--color3); }
.quiz .question.correct, .quiz .question.incorrect { position: relative; }
.quiz .notSee { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: transparent; }

/*Close*/
.close { background-color: var(--color4); background-image: url('../img/welcome/decorado.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.close .sello { margin-top: -12vh; }
.close .sello figure { max-width: 32.93vh; }

/*Denisse Photos*/
/*.denissePhoto*/
/*.denissePhoto .img1*/

/*Animaciones*/
.fadeInUp, .fadeIn, .fadeInRight, .zoomIn, .fadeInLeft { opacity: 0; }

/* Mobile */
@media only screen and ( max-width: 768px) {
    /*Estructuras*/
    /*.px-ctrl { padding-left: 13.5vw; padding-right: 13.5vw; }*/
    .app { max-width: none; }
    .w100vw, .quiz-answer { width: 100%; }

}
/* Tablet */
@media only screen and (min-width: 769px) and (max-width: 1023px) {
    
} 
/* Desktop */
@media only screen and (min-width: 1024px) and (max-width: 1215px) {
    
} 
/* Widescreen */
@media only screen and (min-width: 1216px) and (max-width: 1407px) {
    
}
/* HD */
@media only screen and (min-width: 1408px) /*and (max-width: 1920px)*/ {

}
/* 2K 
@media only screen and (min-width: 1921px) {
    
}*/