html,body{height: 100%;}
body{background-color: #eee;}
.button{display: inline-block; background: rgb(117,33, 70); color: white; padding: 15px 30px; border-radius: 8px; text-decoration: none;}
.button:hover{background: rgb(130, 40, 90);}
.button_mini{margin-left: 260px; background: rgb(117,33, 70); color: white; padding: 15px 30px; border-radius: 8px; text-decoration: none;}
.button_mini:hover{background: rgb(130, 40, 90);}
.tattica{margin: 0 auto; margin-top: 10px; max-width: 800px; height: 60px; text-align: center;}
.tattica_sec{margin: 0 auto; margin-top: 1px; max-width: 300px; height: 10px; text-align: center;}
.button_sondaggio{ background: rgb(117,33, 70); color: white; padding: 15px 30px; border-radius: 8px; text-decoration: none;}
.button_sondaggio:hover{background: rgb(130, 40, 90);}
.sond{margin: 0 auto; max-width: 800px; padding-left: 130px;}
.animate{
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3 ease-out;
}
.header{background: #333;}
.header_logo{color: snow; float: left; display: block; padding: 15px;}
.header_menu{float: right; margin: 0px; padding: 0px;}
.header_menu_item{display: inline-block; }
.header_menu_item a{color: snow; display: block; padding: 15px;}
.header_menu_item a:hover{background: #000}
.header_icon-bar{display: block; float: right; padding: 20px; display: none;}
.header_icon-bar span{display: block; height: 3px; width: 30px; background: white; margin-bottom: 5px;}
.cover{height: 70%;
background-image: url(immagini_sito/fantahurry2.jpg);
background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
background-position: center center;
position: relative;
}
.cover_int{height: 50%;
    background-image: url(immagini_sito/fantahurry2.jpg);
    background-size: cover;-o-background-size: cover;-moz-background-size: cover;background-position: center center;position: relative;}

.cover_filter{background: #000; width: 100%; height: 100%; position: absolute; z-index: 0; opacity: 0.5;}
.cover_caption{ display: table; height: 97%; width: 100%; position: relative; z-index: 1;}
/*.cover_caption_copy{display: table-cell; vertical-align:bottom; text-align: center;}*/
.cover_caption_copy{display: table-cell; vertical-align:bottom; text-align: center;}
.cards{max-width: 1200px; margin: 20px auto;}
.card{border:1px solid red; width: 30%; margin:0 1.5%; float: left;}
.card_image{width: 100%; height: auto;}
.card_copy{padding: 5px 20px;}
.cover-articoli{height: 50%;}
.caption {
    width: 30%;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    float: left;
    margin: 0 1.5%;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.caption_image{width: 100%; height: 100%;}
.caption_img {
    float: left;
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
}
.caption span {
    float: left;
    margin: 0;
    padding: 10px;
    width: 100%;
    color: #dedede;
    background: #333; /* browser che non supportano rgba */
    background: rgba(51,51,51,0.7);
    position: absolute;
    left: 0;
    bottom: 0;
}
.caption span strong {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 5px;
}
.albo{max-width: 1200px;margin-left: 40px; margin-top: 10px; padding: 20px 40px; position: relative; z-index: 1;}
.albo_int{box-shadow: 10px 10px 5px gray ; width: 170px; height: 170px; font-family: Verdana, sans-serif; font-size: 10px; float: left; margin: 10px 1.5%;margin-left: 20px ;  padding: 0; position: relative;  overflow: hidden; }
.alboteam{max-width: 60%;}
.albobox{width: 100%; height: 100%; border: solid black 1px;margin:0px auto; float: left; padding: 0; position: relative; overflow: hidden; text-align: center; z-index: 0; background-color:rgba(218,165,32,0.9); color: white;}
.allenatori{max-width: 1200px;margin-left: 40px; margin-top: 10px; padding: 20px 40px; position: relative; z-index: 1;}
/*.allenatori_int{width: 15%; font-family: Verdana, sans-serif; font-size: 10px; float: left; margin: 10px 1.5%;  padding: 0; position: relative;  overflow: hidden;}*/
.allenatori_int{box-shadow: 10px 10px 5px gray ; width: 170px; height: 170px; font-family: Verdana, sans-serif; font-size: 10px; float: left; margin: 10px 1.5%;margin-left: 20px ;  padding: 0; position: relative;  overflow: hidden; }
.box{width: 70%; height: 50%; border: solid black 1px;margin:45px 25px 45px; float: left; padding: 0; position: relative; overflow: hidden; text-align: center; z-index: 0; background-color:rgba(51,51,51,0.9); color: white;}
.box:hover{box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}
.hpc {
    width:360px;
    height: 200px;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    float: left;
    margin: 0 1.5%;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.hpc_image{width: 100%; height: 100%;}
.hpc_img {
    float: left;
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
}
.hpc span {
    float: left;
    margin: 0;
    padding: 10px;
    width: 100%;
    color: #dedede;
    background: #333; /* browser che non supportano rgba */
    background: rgba(51,51,51,0.7);
    position: absolute;
    left: 0;
    bottom: 0;
}
.hpc span strong {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 5px;
}

.cards_hpc{width: 800px; margin: 0 auto;margin-top: 50px;}
.h{width:200px;height: 200px;font-family: Verdana, sans-serif;font-size: 10px;float: left; margin: 32px ; padding: 0;position: relative;overflow: hidden;}
.h span {float: left;margin: 0;padding: 10px;width: 100%;color: #dedede;background:rgb(51, 51, 51); /* browser che non supportano rgba */background: rgba(51,51,51,0.70); position: absolute;left: 0;bottom: 0;}
.h span strong {font-weight: bold;font-size: 11px;text-transform: uppercase;display: block;padding-bottom: 5px;}
.h span:hover{background-color: rgba(0,0,0,0.70);}

.ppprro:hover{background-color: rgba(0,0,0,0.70);}

form{
    border: solid 1px red;
    width: 600px;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    margin: 0px auto;
    padding-bottom: 30px;
}
/*.articoli{background:snow; height: 50%; margin-bottom: 50px;}
.articoli_image{width: 30%; float: left; height: 100%;
    background-image: url(immagini_sito/25esimagiornata.jpg) ;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
}*/

.articoli{background:snow; height: 50%; margin-bottom: 50px;}
.articoli_image{width: 55%; float: left; height: 100%;
    background-image: url(immagini_sito/fantahurry2.jpg);
    background-size: auto;
    background-repeat: no-repeat;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
}
.articoli_image2{width: 55%; float: left; height: 100%;
    background-image: url(immagini_sito/fantahurry2.jpg);
    background-size: auto;
    background-repeat: no-repeat;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
}
.articoli_image3{width: 55%; float: left; height: 100%;
    background-image: url(immagini_sito/fantahurry2.jpg);
    background-size: auto;
    background-repeat: no-repeat;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
}
.articoli_copy{width: 45%; float: left; height: 70%; display: table;}
.articoli_copy_text{display: table-cell; vertical-align: middle; padding: 5px; text-align: left;}
.articoli_copy_text h3{font-size: 26px; margin-bottom: 0; font-style: italic;}
.articoli_copy_text h4{font-size: 18px; margin: 5px 0; font-style: italic;}


a{text-decoration: none;}
.giornata{color: rgb(31, 31, 31);}
.giornata:hover{color: rgb(12, 12, 15);}


.box_articolo h1,h2{text-align: center;font-family: 'Rye', cursive;}
.box_articolo h3{font-family: 'Rye', cursive ; text-align: left;}



/*.banner{background:snow; height: 50%; margin-bottom: 50px;}
.banner_image{width: 30%; float: left; height: 100%;
    background-image: url(immagini_sito/giornata2.png);
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
}
.banner_image2{width: 30%; float: left; height: 100%;
    background-image: url(https://lh3.googleusercontent.com/tAFJIkIV7pfV5pdnj25ppXBV63vF8dyOODPKOrELTjZE8X9yHE7DPwqK0SRA5yvCVVWaPg_OQU3a5YTT_fKjFOGYSFnutgNW5o6gk0CxBw2KsKqVn0k4EmFO9Bnl-_80Eu04gyw6Dxmb519PRCSUVd_uRTG4qXsbud5p1u4w5z6pev6_2fSt9d4BO12QHs1BoqT_eLebLdjfAQDqOTnimrKimk52kjWGFItBgsvOIBfQOpNsp9Ww4eaomcrJt6XkaUMiX615EVgK4aVs4Pe6ldgjXibHqUR8i7g7yC4jb-_05Z1QmNaQA6eCDU5TSHs6p0GYUuoZw1wu6KrXsvIzWcDIh1g3oZUASfW95L1LMW8WV2p8MWqHAhho2hSRxv8CxsTubvWjAVq12z8qVL9HkdZ8czzaF5502WRqXZdZT7jARKJ8SiIGt9YfMLPZPccaTrpyyuOL_ZzddjMl4yQdAfD4cwqSIlR9USp26TTnHfGU40HcgBIjdrtwXcvJ-oXaNnReKncpdfUuDf8JcweW4iTdpC6NqER5kHPzHiTamfksyBjrRGbR72Ek5XvLnzBmHdlMo-OL9LZT6tEuX8MIUHeSe_-VNc2gA4m46FB-49mo6lOmU7fVEyE53Qw04IclKXHZoPvcjOViwtGwOYCkC9nhUV8_nQq1Y0XF0Y8kvikdFcYg7EzXgNBhgXn6=w768-h480-no?authuser=0);
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
}
.banner_image3{width: 30%; float: left; height: 100%;
    background-image: url(https://lh3.googleusercontent.com/i_NLStT5IjTqUWam7DyfC4M3rCf9cNlnBgzhg9ObQlXnKzwKMbTqQyWuvHPRGlCsxncuIbm8MCXak8xhDRLtss6JjhNCuI0IIFnW4VUMU63gEakU1nfHmDm7ZDKRJ5GB9y5SZG0zbZfOsklY4HQwGSlZDYKKKip25Z1aO6OT2APLEPmSs25UbX0LOJZVcMzhtKUfKzUPXUU9RJi_ohR3Y_5FY0XBkAn2sTwaI5GvszsKbRYhv349mu2ZUoMnq35XWZ6Mw-bBXnIv-_LAWDjtkLOrgGXdz7dGZ9BkQ_OG9GXxYdz8hReVokNBstlbyWooz87dHhbkFs_ES6f8E6kLWQlAMk9fAJ9xuovWVg6poqOj-l2aG2trt_C34-Z63zNUAWLPDUy6IITk3aO97rfr6gPRqqbVZfmYZ7AoVAXyk2b9VntwDX34qRKoZfuBIxQ3FVHbAWMOFiREudbNkDI1unWI-CHlFdGovjibnfSKZWj6k8pGDrlZ0mA_GgUzXDBMZCps9AWsmiBCfJq112D5VuzDrTa3cou2ecAM8xQinkbBPCtvhOY1nSL8PjxJRtq1FT0Faida6ZB79bPRIzv7yS6yTpW3cnnQcP09ijwtzqUESq4RMU5TQH46vDEq2K_3EngnhDfE2HDs530VRI7s3y65sHtAi2M7sdiJz9I2bjX2FBS-yQJKsxJ-pr7R=w768-h480-no?authuser=0);
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
}
.banner_copy{width: 70%; float: left; height: 100%; display: table;}
.banner_copy_text{display: table-cell; vertical-align: middle; padding: 5px; text-align: left;}
.banner_copy_text h3{font-size: 36px; margin-bottom: 0; font-style: italic;}
.banner_copy_text h4{font-size: 28px; margin: 5px 0; font-style: italic;}*/

.clearfix_one{overflow: auto;}
/*.squadra{max-width: 1200px; margin: 30px auto;}*/
.squadra{max-width: 1200px;margin: 0px;}
.squadre{max-width: 1200px;margin: 0px; margin-top: 10px; background: #fff; padding: 20px 40px; position: relative; z-index: 0;}
.squadra_int {
    width: 14%;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    text-align: center;
    float: left;
    margin: 20px 2.8%;
    padding: 0;
    position: relative;
    overflow: hidden;
    border: grey solid 1px;
    border-radius: 50%;
}
.squadra_img {
    float: left;
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
}

/*.squadra span {
    float: left;
    margin: 0;
    padding: 5px;
    width: 100%;
    color: #dedede;
    background: #333;
    background: rgba(51,51,51,0.7);
    position: absolute;
    left: 0;
    bottom: 0;
}*/
.squadra span strong {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 5px;
}
.squadra span {
    float: left;
    margin: 0;
    padding: 5px;
    width: 100%;
    color: #dedede;
    background: #333; /* browser che non supportano rgba */
    background: rgba(51,51,51,0.7);
    position: absolute;
    left: 0;
    bottom: 0;
}


table{
    width: 600px;
    height: 600px;
    margin: auto;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 10px;
    font-family: 'Laila', serif;
}
td{width: 80px; height: 80px; margin: 10%; text-align: center; font-weight: bold; }
.imm{display: block; margin-left: auto; margin-right: auto;}
.logoteam{max-width: 80%; border-radius: 50%; border: 1px solid gold;}
.punti{font-size: 30px;}
th{padding: 14px;}
.int_team{max-width: 800px; margin: 0px auto; margin-top: 10px; background: #fff; padding: 20px 40px;position: relative; z-index: 1;}
.int_team_nomi{font-size: 20px;padding-left: 50px; text-align: left;}
.tab_team{ width: 50%; float: left;}
.logo_nome{text-align: right ;max-width: 800px; margin: 0px auto; margin-top: 10px; background-color: snow; padding: 20px 40px;}
.nome_team{float: right; font-size: 40px; font-family: 'Laila', serif;}
.team_img {float: left;padding: 0;background: #fff;border: none;border-radius: 50%;border: 1px solid gold;}
.palmares{margin-top:10px;margin-right: 210px;float: right; max-width:800px; text-align:left; padding: 2px; font-family:'Laila', serif; font-size: 12px;}
.team_jersey{float: left; margin-left: 80px; max-width: 300px; max-height: 300px;background-color: rgb(218, 218, 218); border-radius: 50%;}

.audio{ width: 800px;margin: 0 auto ; margin-top: 40px; padding: 20px 40px;}
/*.audio{max-width: 800px; margin: 0px auto; margin-top: 10px; background: #fff; padding: 20px 40px; position: relative; z-index: 1;}*/
audio{width: 250px; background-color: grey;}
.galleria1{float:left;margin: 0 auto; }
.galleria2{float:right;margin: 0 auto;}
.galleria_img{margin: 0 auto; width: 500px; margin-top: 30px; padding: 20px 40px;}
.video_galleria{width: 500px; margin: 0 auto; padding: 20px 40px;margin-top: 30px;}
.video_gallery{width: 200px; height: 300px; }


.coppa{max-width: 800px; margin: 0px auto; margin-top: 10px; background: #fff; padding: 20px 40px; position: relative; z-index: 1;}



.single{}
.single_copy{max-width: 800px; margin: 0px auto; margin-top: 10px; background: #fff; padding: 20px 40px; position: relative; z-index: 1;}
.single_copy_meta{font-weight: bold; font-size: 18px; font-style: italic;}
.classifica_mobile{display: none;}
.classifica_desktop{display: none;}
.d-none {display: none !important; }

.risultato{
    width: 40px;
    height: 40px;
    border: 1px solid gold;
    border-radius: 50%;
    margin-left: 2%;
    margin-right: 2%;
    vertical-align:bottom
}
.box_risultato{
    margin: 0px auto;
    text-align: center;
}
.numeri_risultato{
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 28px;
    font-weight: bold;
}
.stagione{max-width: 1500px; background-color: white; margin: 0px auto; text-align: center; padding: 10px; margin-top: 20px;}
.align_season{margin: 0px auto; text-align: center; margin-left: 18%;}
summary{margin: 20px; background-color: rgb(117,33, 70); color: white; height: 50px; width: 180px; text-align: center; transition-duration: 0.4s;}
summary:hover{background-color:wheat; color: rgb(117,33, 70);}
.trailer{margin: 0px auto; width: 1100px; padding: 10px 10px;}
.video-container {
    position: relative;
    padding-bottom: 16.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
   }
   .video-container iframe, 
   .video-container object, 
   .video-container embed {
    position: absolute;
    top: 2%;
    left: 10%;
    width: 80%;
    height: 80%;
   }
   .entry-content img, 
   .entry-content iframe, 
   .entry-content object, 
   .entry-content embed {
    max-width: 100%;
   }


/*Tablet*/
@media (max-width: 998px) {
.cover_caption{ display: table; height: 90%; width: 100%; position: relative; z-index: 1;}
/*
.articoli{background:snow; height: 50%; margin-bottom: 10px;}
.articoli_image{width: 375px; float: left; height: 100%;
    background-image: url(Giornate/giornata3.png);
    background-size: auto;
    background-repeat: no-repeat;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
}
.articoli_image2{width: 375px; float: left; height: 100%;
    background-image: url(Giornate/giornata2.jpg);
    background-size: auto;
    background-repeat: no-repeat;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
}
.articoli_image3{width: 375px; float: left; height: 100%;
    background-image: url(Giornate/giornata1.png);
    background-size: auto;
    background-repeat: no-repeat;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
}
.articoli_copy{width: 768px; float: left; height: 70%; display: table;}
.articoli_copy_text{display: table-cell; vertical-align: middle; padding: 5px; text-align: left;}
.articoli_copy_text h3{font-size: 26px; margin-bottom: 0; font-style: italic;}
.articoli_copy_text h4{font-size: 18px; margin: 5px 0; font-style: italic;}




.button_mini{margin-left: 90px; background: rgb(117,33, 70); color: white; padding: 5px 10px; border-radius: 8px; text-decoration: none;}


}*/



}
/*Smartphone*/
@media (max-width: 767px) {
.header{position: fixed; z-index: 100; width: 100%;}
.header_icon-bar{display: block;}
.header_menu_item{display: block;}
.header_menu{width: 100%; height: 0px; overflow: hidden;}
.is-open{height: 300px; overflow: auto;}
.cover{height: 100%;}
.caption{width: 90%; margin: 5%;}
.cover_caption{ display: table; height: 90%; width: 100%; position: relative; z-index: 1;}
.cards_hpc{width: 100px; margin-left: 60px;margin-top: 50px;}
.h{width:200px;height: 200px;font-family: Verdana, sans-serif;font-size: 10px;float: left; margin: 10px ; padding: 0;position: relative;overflow: hidden;}
.single_copy{max-width: 800px; margin: 0px auto; margin-top: 10px; background: #fff; padding: 20px 0px; position: relative; z-index: 1;}
.classifica_mobile{flex: 0 0 100%; max-width: 100%; display: block !important;}
table{
    width: 150px;
    height: 150px;
    margin: auto;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 10px;
    font-family: 'Laila', serif;
}
/*.banner{height: 100%;}*/
.banner_image,
.banner_copy{width: 100%; height: 50%;}
.banner_image2{width: 100%; height: 50%;}
.banner_image3{width: 100%; height: 50%;}
.banner{background:snow; max-width: auto; margin: 20px auto; height: auto;}
.squadra{max-width: 400px; margin-left: 30px;}
.squadra_int {width: 50%; font-family: Verdana, sans-serif; font-size: 10px; float: left; margin: 20px 1.5%; padding-left: 60px; position: relative; overflow: hidden;}
.squadra span strong {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 5px;
}
.squadra span {
    float: left;
    margin: 0px;
    padding: 5px;
    width: 170px;
    color: #dedede;
    background: #333; /* browser che non supportano rgba */
    background: rgba(51,51,51,0.7);
    position: relative;
    left: 0;
    bottom: 0;
}
.squadra_int { width: 170px; font-family: Verdana, sans-serif;font-size: 10px; float: left; margin-left: 20%; padding: 0; position: relative; overflow: hidden; border: grey solid 1px;}
/*.squadra_int { width: 170px; font-family: Verdana, sans-serif;font-size: 10px; float: left; margin-left: 40px; padding: 0; position: relative; overflow: hidden; border: grey solid 1px;}*/


.articoli{background:snow; margin-bottom: 50px;}
.articoli_image{width: 100%; float: left; height: 30%;
    background-image: url(immagini_sito/fantahurry2.jpg);
    background-size: auto;
    background-repeat: no-repeat;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
}
.articoli_image2{width: 100%; float: left; height: 30%;
    background-image: url(immagini_sito/fantahurry2.jpg);
    background-size: auto;
    background-repeat: no-repeat;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
}
.articoli_image3{width: 350px; float: left; height: 30%;
    background-image: url(immagini_sito/fantahurry2.jpg);
    background-size: auto;
    background-repeat: no-repeat;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
}
.articoli_copy{width: 350px; float: left; height: 40%; display: table; text-align: center;}
.articoli_copy_text{display: table-cell; vertical-align: middle; padding: 5px; text-align: left;}
.articoli_copy_text h3{font-size: 26px; margin-bottom: 0; font-style: italic;}
.articoli_copy_text h4{font-size: 18px; margin: 5px 0; font-style: italic;}




.button_mini{margin-left: 90px; background: rgb(117,33, 70); color: white; padding: 5px 10px; border-radius: 8px; text-decoration: none;}


}
.footer{background: #333; padding: 20px; color: snow; margin-top: 40px; text-align: center;}
.footer a{color: snow; padding: 20px 5px;}
.footer a:hover{background: #000;}


@media (min-width: 576px){
    .d-sm-block {display: block !important; }
    table{
        width: 150px;
        height: 150px;
        margin: auto;
        border-collapse: collapse;
        overflow: hidden;
        border-radius: 10px;
        font-family: 'Laila', serif;
    }
    }


.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  * html .clearfix { zoom: 1; }
  *:first-child+html .clearfix {zoom: 1;}