/*--------------------------------age verification-------------------------------------*/
  
  #age-verification-div{
            background-color:black;
            
            position:fixed;
            z-index:999999;
            overflow-y: scroll;
            
            flex-direction:column;
            justify-content:center;
            align-items:center;
            
            display:none;
            height:100%;
            width:100%;
            
        }
        
        /* html, body{
            height:100%;
            overflow:hidden;
        }
        
        .verImageWrapper{
        
        } */
        
        .verImage{
            width:100%;
          
        }
        
        .verText{
            font-family: 'Roboto', sans-serif;
            color:white;
            text-align:center;
          	line-height: 1;
        }
        
        .verTextTitle{
            font-weight:700;
          	padding-bottom:10px;
        }
        
        .verTextDesc{
            opacity:0.8;
          	line-height: 1.3;
        }
  
  
  		.verTextWrapper{
          padding:0.5rem;
        }

        .verTextTitle{
          font-size:24px;
        }

        .verTextDesc{
          font-size:16px;
        }
  
        
        #popupWrapper{
            display:flex;
            flex-direction:column;
            justify-content:center;
            align-items:center;
            
            width:100%;
            max-width:800px;
            border:1px solid rgba(255,255,255,.25);
    
            padding:4rem 2rem;

            -webkit-box-shadow: 0 0 40px 10px rgba(255,255,255,.25);
            -moz-box-shadow: 0 0 40px 10px rgba(255,255,255,.25);
            box-shadow: 0 0 40px 10px rgba(255,255,255,.25);
        }
        
        
        .verTextButtons{
            display:flex;
            flex-direction:column;
            align-items:center;
            gap:10px;
        }
        
        .verTextButtons button{
            font-size: 14px;
        	cursor:pointer;  
            height:fit-content;
            padding:14px 16px;
  		}
        
        #verTextYes {
        
            color: #ffffff;
            
            font-weight: 500;
            background: #00b3ff;
            font-family: 'Roboto', sans-serif;
            
            background-color:#02831b;
            border-radius: 100px;
            border:none;
            
            /*
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-name: pulseButtonSmall;
            animation-name: pulseButtonSmall;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-direction: normal;
            animation-direction: normal;
            */
            
            /*border: 1px solid #00b3ff;*/
            
            transition-property: -webkit-box-shadow, -moz-box-shadow, box-shadow;
            transition-duration: 0.5s;
            transition-timing-function: ease;
        }
        
        #verTextNo {
            color: rgba(255,255,255,.8);  
            font-weight: 500;
            line-height: 16px;
            font-family: 'Poppins', sans-serif;
            text-decoration:none;
            margin-top:10px;
            margin-bottom:10px;
            border-radius: 5px;
            border: 2px solid rgba(255,255,255,.8);
            transition: background-color 0.5s ease;
            background: transparent;
        }
        
        #verTextNo:hover {
            background-color: #333333;
        }
        
        #verTextYes:hover {
        
            /*
            -webkit-box-shadow: 0 0 30px 3px rgba(2,131,27,.8);
            -moz-box-shadow: 0 0 30px 3px rgba(2,131,27,.8);
            box-shadow: 0 0 30px 3px rgba(2,131,27,.8);
            */
            
            
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-name: ageVerPulseButton;
            animation-name: ageVerPulseButton;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-direction: normal;
            animation-direction: normal;
        }
        
        #verTextCopyright{
            font-size:14px;
            color: rgba(255,255,255,.5);
        }
        
  
  
        
  		 @media screen and (min-width: 501px) {
            
          	.verTextWrapper{
                padding:0.8rem;
            }

            .verTextTitle{
                font-size:28px;
            }

            .verTextDesc{
                font-size:21px;
            }
            
           	.verTextButtons button{
                font-size: 18px;
                padding:18px 20px;
            }
            
        }
  
        @media screen and (min-width: 601px) {
            
          	.verTextTitle{
                font-size:48px;
            }
          
            .verTextButtons button{
                font-size: 20px;
                cursor:pointer;  
                height:fit-content;
                padding:18px 40px;
            }
            
            .verTextButtons{
                display:flex;
                flex-direction:row;
                gap:40px;
            }
            
            #verTextYes {
                font-size: 20px;
            }
            
            
        }
        
        
        @-webkit-keyframes ageVerPulseButton {
            0% {
                -webkit-box-shadow: 0;
            }
            50% {
                -webkit-box-shadow: 0 0 0 10px rgba(76, 175, 80, 0.5);
            }
            100% {
                -webkit-box-shadow: 0;
            }
        }
          
        @keyframes ageVerPulseButton {
            0% {
                box-shadow: 0;
            }
            
            50% {
                box-shadow: 0 0 0 10px rgba(76, 175, 80, 0.5);
            }
            
            100% {
                box-shadow: 0;
            }
            
        }