/*
* Pulsanti rimossi dal menu per versione 2025
*/
#razze { display: none; }

#registrati { display: block; width: 233px; height: 27px; margin-left: 68px; background: none !important; margin-top: 10px; cursor: pointer; }


.registrati_box .tts_failed::before {
    content: "";
    height: 11px;
    margin-top: 1px;
    width: 10px;
    margin-right: 3px;
    background: url('../../gioco/styles/imgs/land/struttura_template/x_icon_home.png');
}

.registrati_box .tts_failed {
    color: #9e0000;
    width: 165px;
    text-align: left;
    height: 22px;
    line-height: 11px;
    margin: 7px 0 0 0 ;
}

.registrati_box .tts_success {
    width: 163px;
    margin: 12px 0 0 0 ;
}

#accettazioni_container .tts_success, #accettazioni_container .tts_failed {
    width: 40px;
    margin: 7px 0 0 0 ;
    font-size: 0;
}

.registrati_box .tts_success::before {
    content: "";
    height: 11px;
    margin-top: 1px;
    width: 14px;
    margin-right: 3px;
    background: url('../../gioco/styles/imgs/land/struttura_template/v_icon_home.png');
}

.top_menu_inner {
    background: url("imgs/home/2025/hp_bg_bottoni.png") center center no-repeat;
    width: 736px;
    height: 34px;
    margin: 0 auto;
    display: flex;
}

.entra, .entra-2 {
    position: absolute;
    width: 180px;
    height: 50px;
    left: 50%;
    cursor: pointer;
    z-index: 1;
    margin-left: -90px;
    top: -5px;
}


.entra_text {
    position: relative;
    width: 100%;
    height: 100%;
    
      
 background-image: 
 
    url(imgs/home/2025/hp_bottone_accedi.png);

 
}

.video-overlay {
  position: fixed; /* Use fixed to cover the entire viewport */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: screen; /* or overlay, depending on the effect */
  opacity: 0.7; /* Adjust transparency */
  pointer-events: none; /* Optional: Prevent the video from interfering with interactions */

  /* Achieve seemless loop through gradient */
    mask-image: radial-gradient(circle at center,    transparent 0%, rgba(0,0,0,0.2) 30%, black 20%);
}


#shine-effect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.top_menu .pulsante {
    position: relative;
    display: block;
    height: 14px;
    width: 117px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: 8px;
}

/* posizioni pulsanti */
#ambientazione { left: 33px; }
#disclaimer { left: 45px; }
#regolamento { left: 230px; }
#credits { left: 225px; }

.box {
    position: absolute;
    background: url("imgs/home/2025/hp_finestra_base.png");

    width: 636px;
    height: 533px;
    left: 50%;
    margin-left: -318px;
    top: 190px;
    display: none;
    z-index: 1;
}



.tts_user_name, .tts_password {
    height: 27px;
    position: relative;
    top: 47px;
    text-align: center;
    width: 320px;
    margin-bottom: 2px;
}

.tts_user_name label, .tts_password label{
    height: 26px;
    margin: auto;
    position: relative;
    padding: 0 !important;
    text-align: center;
    display: block;
    width: 80px;
    font-style: normal;
    margin-top: 3px; 
    margin-left: 27px;
}

#form_register_part_superiore label {
        width: 164px;
        padding-right: 4px;
}

#accettazioni_container label {
    float: none;
    text-align: left;
    line-height: 11px;
}

input[type=text], input[type=password] {
    padding: 0;
    border-radius: 5px;
    border-top-width: 0;
    position: relative;
    top: 5px;
    width: 209px;  
    height: 27px;
    text-indent: 6px;
    background: url("imgs/home/2025/hp_input.png") top left transparent;
}

input[type=text]:focus , input[type=password]:focus { 
    background: url("imgs/home/2025/hp_input.png") top left transparent;
}


.entra_button {
    /* Nascondi la grafica del bottone standard */
    border: 0; padding-top: 0 !important;
    /*
     * Estensione su tutto il div parent
    */
    height: 100%; width: 100%;


}

.pulsante-registrati, .entra_button, .tt-form-submit-button {
    color: #422e25;
    outline: 0;
    height: 56px;
    width: 102px;
    background: url('../../gioco/styles/imgs/land/struttura_template/tasto_normale.png');
    border: 0;
    padding: 10px;
    text-align: center;
    /* Flex properties */
    display: block; 

    justify-content: center;
    align-content: center;
    margin: 0 auto;
}

.pulsante-registrati:hover, .pulsante-registrati:focus { outline: 0;text-decoration: none; }



.pulsante-registrati:active, .entra_button:active, .tt-form-submit-button:active  { background: url('imgs/home/2025/hp_bottone_iscriviti.png'); }

.pulsante-registrati {
    background: url('imgs/home/2025/hp_bottone_iscriviti.png');
    width: 197px;
    height: 40px;
    margin-top: 12px;
    font-size: 0;
}

#tts_register_form { margin-top: 10px; }

#tts_register_form .tt-input-field-wrapper { clear: both; }

.tts_loading::before { background: url('../../anno_mille_gioco/styles/imgs/land/preloadamsbalzo.gif'); background-size: 20px 20px; }

/* Per evitare che il messaggio di autenticazione fallita sia attaccato ai bordi */
.entra_box p { margin: 0 6px; }


/* Center the reCAPTCHA container */
#recaptcha_placeholder, 
.g-recaptcha {
  display: block;
  justify-content: center;
  align-items: center;
  margin-left: 119px; /* ensures centering even if flex not applied */
  width: 100%;
}


.mCSB_inside > .mCSB_container { margin-right: 30px; }


.content_box {
    position:relative;
    width: 572px;
    left: 41px;
    height: 470px;
    top: 33px;
    overflow-y: auto;
    padding-right: 10px;
    text-align: justify;
    font-size: 11px;
}

#register_form_parte_1 {
    width: 542px;
}


.close_box {
    position: absolute;
    width: 27px;
    height: 27px;
    top: -1px;
    right: -1px;
    background: url("imgs/home/2025/hp_chiudi_finestra.png");
    cursor: pointer;
}


.entra_box { /* Popup con il login form  */
    position: absolute;
    left: 50%;
    top: 324px;
    right: 5px;
    width: 367px;
    height: 0;
    max-height: 303px;
    margin-left: -183px;
    background: url("imgs/home/2025/hp_finestra_login.png");
    display: none;
    z-index: 1;
}


.entra_div {
    position: relative;
    width: 180px;
    height: 40px;
    top: 27px;
    margin: auto;
}


.entra_box #submit {
    
    width: 180px;
    display: block;
    height: 40px;
    font-size: 0;
    cursor: pointer;
    margin-top: 28px;


 background-image: 
    url("imgs/home/2025/hp_bottone_login.png");

}

#thyrea_logo {
    display: block;
    width: 480px;
    height: 318px;
    z-index: 2;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -240px;
    background: url("imgs/home/2025/hp_thyrea_logo.png");
}




/*
* Porzione Pre-2025
*/

@font-face {
    font-family: "ring";
    src: url('/fonts/ringbear.ttf');
}

html {
    background: url("imgs/home/2025/sfondo.jpg") center center no-repeat #0a0e11;
    background-size: cover;
    min-height:100%;
}

body {
    margin: 0;
    padding: 0;
    min-height:100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #422e25;
}



label { line-height: 30px; }
input[type=text], input[type=number], input[type=email], input[type=password]{
    
    
    border: none;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 13px;
    color: #222222;
    position: relative;
    margin-bottom: 2px; 

&::-webkit-input-placeholder {
     color: #999999;
 }

&:-moz-placeholder {
     color: #999999;
 }

&:focus{
     /* box-shadow: 0 1px 0 #422e25 inset, 0 -1px 0 #422e25 inset, 1px 0 0 #422e25 inset, -1px 0 0 #422e25 inset, 0 0 4px rgba(66,46,37,0.5); background: transparent; */
     outline: none;
     
 }
}

label {
    position: relative;
    float: left; width: 50%; text-align: right; padding-right: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic;
}

label[for=accettazione] { width:90%; font-size: 10px; text-align: left; line-height: 12px; }

h1, h2, h3, h4 {
    font-family: "ring";
    text-align: center;
    color: #422e25;
    font-size: 1.1em;
    font-weight: lighter;
}

.top {
    position: absolute;
    width: 100%;
    height: 44px;
    top: 16px;
    background: url("imgs/home/travelegnosup.png") repeat-x;
}

.top_menu {
    position: relative;
    height: 21px;
    margin: 2px auto;
    text-align: center;
}

.container {
}
/*
.logo {
    position: relative;
    width: 528px;
    height: 163px;
    margin: auto;
    top: 40px;
    background: url("imgs/home/AnnoMille.png");
    display: none;
}
*/
.bottom {
    position: absolute;
    width: 100%;
    height: 28px;
    bottom: 0;
    background: url("imgs/home/texture%20legno%20sotto.png") repeat-x;
}



.news {
    width: 49px;
    background-image: url("imgs/home/menu/news.png");
    
}

.ambientazione {
    width: 119px;
    background-image: url("imgs/home/2025/hp_ambientazione.png");
}

.razze {
    width: 52px;
    background-image: url("imgs/home/menu/razze.png");
}

.disclaimer {
    width: 89px;
    background-image: url("imgs/home/2025/hp_disclaimer.png");
}

.credits {
    width: 63px;
    background-image: url("imgs/home/2025/hp_credits.png");
}

.regolamento {
    width: 114px;
    background-image: url("imgs/home/2025/hp_regolamento.png");
}

.registrati {
    width: 86px;
    
}

/*

.entra-2 {
    position: absolute;
    width: 148px;
    height: 59px;
    top: -1px;
    right: 25px;
    background: url("imgs/home/banner.png");
    cursor: pointer;
    z-index: 1;
}
*/

.error_404_box { display: inherit !important;}


.tts_pass_recovery_link {
    display: block;
    margin-top: 32px;
    text-align: center;
    font-size: 10px;
}


#statistiche {
    
    width: 332px; font-size:10pt; margin:20px auto 0; text-align: center; font-family: Georgia;
}

.classe-titoli, .tts_user_name label, .tts_password label {
  font-family: Georgia;
  font-weight: 500;
  letter-spacing: 0.02em;
  font-size: 14px;
  color: #422e25;
}








/*
NON Serve in versione v2 del 1/1/2026
.contenuto_box_login_logout {
    margin: 0 auto;
    text-align: center;
    width: 390px;
    padding: 0 10px;
}

.content_box_redirect {
    background: url("imgs/home/popup_login_logout.png");
}
*/

/*'
    * Porzione che non riguarda la home statica fissa, ma le pagine intermedie coi popup
*/

#container-popup-pagina-dinamica {
    top: 130px;
    width: 433px;
    height: 210px;
    background: url("imgs/home/popup_login_logout.png");
        
    margin-left: -216px;
    left: 50%;    
    position: absolute;
}
#container-popup-pagina-dinamica .content_box {
        padding: 0 20px;
        left: 4px;
        top: 19px;
        width: 387px;
        height: 225px;
    }

#container-popup-pagina-dinamica .pulsante{
    text-align: center;
    margin: 0 auto;
    display: block;
}

#container-popup-pagina-dinamica g-recaptcha { margin: 9x 45px 0; }

#container-popup-pagina-dinamica #recaptcha_placeholder { margin-left: 45px; }

#container_login_pagina_privata .tts_user_name, #container_login_pagina_privata .tts_password {
    top: 0;
}

#container_login_pagina_privata .entra_div, #container_login_pagina_privata .entra_div:active { top: 11px; }

#container_login_pagina_privata tts_pass_recovery_link { margin-top: 23px; }