/*
Theme Name:  Puntini.
Theme URI:  https://rachelmccollin.com
Description:  Theme to support tutsplus tutorial. Child theme for the Twenty Nineteen theme.
Author:  Riccardo Reali
Textdomain:  mccollin
Author URI:  https://rachelmccollin.com/
Template:  neve
Version:  1.0
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html                 
*/

html {margin:0!important;}
body {background-color: black!important;}
.header h1,h2,h3,a{text-transform: uppercase;}
.wrapper{ min-height:auto!important; height: 100vh; height: calc(var(--vh, 1vh) * 100); width: 100vw; width: calc(var(--vw, 1vw) * 100);}

#starting-animation{position:absolute;width:100vw;height:100vh;z-index: 100;}
.starting-animation-section{position:absolute;width:100%;height:100%;display: flex;flex-direction: row;align-items: center;justify-content: center;background-color: var(--nv-dark-bg);}
.starting-animation-figure{width:300px;height:300px;background-size: contain;background-repeat: no-repeat;background-position: center;}
#welcome-section{z-index: 3;}
#welcome-section-text{color: white; font-size: 32pt;}
#insert-coin-section{z-index: 1;}
#insert-coin-figure-container{display: flex;flex-direction: row;align-items: center;justify-content: center;margin-left: calc(var(--insert-coin-container-width) - var(--slot-figure-width));position:relative;}
#coin-mask{width:50vw; position:absolute; left:-50vw;height: 296px;background-color: var(--nv-dark-bg);z-index: 4;}
#slot-figure{width:55px;z-index: 2;}
#arrow-figure{width: 115px;height: 115px;margin: 0 45px;z-index: 1;}
#coin-figure{width: 235px;height: 235px;z-index: 3;}
#coin-figure:hover{cursor: pointer;}
#wheel-section{z-index: 1;}
#wheel-section-asterisk{font-size: 300pt;}
#wheel-section-asterisk:hover{cursor: pointer;}
#falling-dots-section {background-color: transparent;}
.dot {position: absolute;background-color: white;width: 50px;height: 50px;border-radius: 50%;will-change: transform;}


/*** LANDING PAGE css ***/
.page-template-page-landing header{display: none;}
.page-template-page-landing footer{display: none;}
#coming-soon-container{z-index: 2; position: absolute; display: flex; mix-blend-mode: difference;flex-direction: column; width: 100vw; width:calc(var(--vw, 1vw) * 100); height: 100vh; height: calc(var(--vh, 1vh) * 100);justify-content: center;align-items: center; /*background-image: url('http://puntinistudio.local/wp-content/uploads/animation-black-and-white.gif');   background-repeat: no-repeat; background-size: auto; background-color: black; background-position: center;*/}
#coming-soon-container h1,h2{ margin: 3px 0;  color:white; z-index: 9;}
#coming-soon-container h1{font-weight:400;}
#coming-soon-container h2{font-weight:100; font-size:medium;}
#contact-us-container{z-index: 2; position: absolute; bottom: 40px; right: 40px;mix-blend-mode: difference;}
#contact-us-container h2{margin:0; font-weight: 200; font-size: medium;}
#contact-us-container h2 a:hover{text-decoration: none;}
#contact-us-container h2 a{text-decoration: none; color: white;}


#landing-page-canvas{z-index: 1; position: absolute; width: 100vw; width:calc(var(--vw, 1vw) * 100); height:100vh; height: calc(var(--vh, 1vh) * 100);}