*{font-family: 'Poppins', sans-serif;}





/* condizioni generali */



.scatola-fade {

    background-color: black;

    background-size: cover cover;

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0px; 

    left: 0px;

    z-index: 10000;

    display: flex;

    justify-content: center;

}



p {

    text-align: justify;

}



/* condizioni generali home page */

body {

    padding-top: 55px;

    width: 100%;

    margin: 0;

    overflow-x: hidden;

}



/*carosello*/

.carosello-header, .carosello-item  {

    min-height: 600px;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;    

}



.scatolafoto {

    padding-top: 0px;

    margin-right: 0px;    

}



.tab-pane {

    min-height: 300px;

}



/*footer*/

.footer {

    min-height: 500px;

    background: black;

    max-width: 100%;

}





ul, .credits {



    padding-top: 25px;

    list-style-type: none;

    padding-bottom: 25px;



}



.link-credits {

    text-decoration: none;

    list-style-type: none;

    color:darkgray;

    position: absolute;

    padding-top: 30px;

    float: right;

}



.link-credits:hover {

    font-size: large;

    color: white;

}



.hr-footer{

    color: white;

    display: block;

    margin: 10;

}



.icon-instagram:hover {

    opacity: 0.5;

    transform: rotate(360deg);



}



.icon-contatti:hover {

    opacity: 0.5;

    transform: rotate(360deg);

}



.icon-aboutme:hover {

    opacity: 0.5;

    transform: rotate(360deg);

}



.icon-strava:hover {

    opacity: 0.5;

    transform: rotate(360deg);

}



.icon-instagram, .icon-strava, .icon-aboutme, .icon-contatti {

    width: 70px;

    padding-right: 20px;

    padding-top: 20px;

    transition-duration: 1s;

}



.icon-contatti {

    width: 60px;

    padding-left: 10px;

}



.icon-aboutme {

    padding-left: 0px;

    width: 80px;

}



.instagram, .strava {

    padding-left: 30px;

}



.contatti {

    padding-left: 40px;

}



.about-me {

    padding-left: 20px;

}



.text-diritti {

    color: silver;

    padding: 13px;

    text-align: center;

    font-size: small;

}





/*nav bar*/

.navbar-nav {

    color: rgba(255,255,255,.55);

}



.logo img {

    float: left;

    margin-top: 0px;

}



.logo-img {

    width: 80px;

    margin-top: 0px;

}





.box-foto-pg {

    padding: 0;

}



.foto-pg {

    background-size: cover;

    background-position: center center;

    max-width: 400px;

    float: right;

    display: flex;



}



/*sezione download percorsi*/

.sezione-strada {

    padding-left: 300px;

    padding-right: 300px;

}



.planner-section {

    background: rgb(131,58,180);

    background: -moz-linear-gradient(133deg, rgba(131,58,180,1) 0%, rgba(252,176,69,1) 66%);

    background: -webkit-linear-gradient(133deg, rgba(131,58,180,1) 0%, rgba(252,176,69,1) 66%);

    background: linear-gradient(133deg, rgba(131,58,180,1) 0%, rgba(252,176,69,1) 66%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#833ab4",endColorstr="#fcb045",GradientType=1);

    border-radius: 30px;

}



.sezione-strada {

    padding-top: 50px;

}



.tasto-road {

    text-align: center;

}



.road-button {

    border-radius: 100px;;

}



.wikiloc-img {

    width: 150px;

    height: auto;

    display: inline;

}



.road, .mtb-gravel {

    text-align: center;

}





/* banner */

.banner {

    background: white;

    width: 100%;

    margin-bottom: 50px;

}



.banner-image {

    width: 30%;

    float: left;

    background-image: url(img/11.jpg);

    background-size: cover;

    -o-background-size: cover;

    -moz-background-size: cover;

    background-position: center center;

    height: 300px;

}



.banner-copy {

    width: 70%;

    display: table;

    height: 300px;

    float: right;

}



.banner-copy-text {

    display: table-cell;

    vertical-align: middle;

    padding: 30px;

}



.banner-copy-text h3 {

    font-size: 36px;

    margin-bottom: 0;

}



.banner-copy-text h4 {

    font-size: 22px;

}





/*card articoli*/

.article-section {

    width: 100%;

    height: auto;

    text-align: center;

}



.article-section h3 {

    font-family: 'Source Code Pro', monospace;

    font-style: italic;

    padding-bottom: 60px;

}



.logo-articoli {

    width: 90px;

    opacity: 0.5;

    padding-bottom: 30px;

}



.btn-primary {

    color: #fff;

    background-color: gray;

    border-color: gray;



}



.owl-carousel {

    margin-bottom: 50px;

}



.card {

    height: 360px;

    width: auto;

}



.card-body {

    padding: 8px;

}



.card-image-top{

    height: 180px;

    width: auto;

    object-fit: cover; /*per mantenere le proporzioni foto css nel contenitore*/

}



.text-card {

    margin-bottom: 0px;

}



.card-title {

    margin-bottom: 0;

    margin-top: 10px;

}



.articolo-button {

    transition: 1s;

}



.articolo-button:hover {

    border-radius: 100px;

    background-color:lightsteelblue;

}



.card:hover {

    opacity: 0.8;

    

}



.card-title, .text-card {

    text-align: center;

}



.img-articoli {

    width: 100px;

    height: auto;

}



.carosello-articoli, .carosello-item-articoli {

    min-height: auto;

}



.data-articolo {

    display: block;

    float: right;

}





/*video section*/



.video-container {

    position: relative;

    padding-bottom: 56.25%; /* Proporzione 16:9 per mantenere l'aspetto del video */

    overflow: hidden;

  }



  .video-container video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

  }



  





/*modal partner*/



.hr-partner {

    margin-top: 0;

}



.scatola-partner{

    display: flex;

    justify-content: center;

}



.img-partner{

    width: 300px;

    transition-duration: 1s;

}



.img-partner:hover {

    opacity: 0.5;

}



.testo-partner {

    padding:15px;

}





@media (max-width: 1024px){

    /*condizioni generali pagina tablet*/

    .banner-image {width: 100%;}

    .banner-copy {width:100%;} 

    .footer {width: 100%; /*text-align: center;*/}

    .hr-footer {display: flex;}

    .navbar {width: 100%;}

    .navbar-nav {width: 100%; text-align: center;}

    .logo {display: inline;} 

    .logo-img {width: 55px;}

    .nav-hr {margin-top: 20px;}

    .modal {max-width: 100%;}

    .card {height: 450px;}

    .card-body{height: 250px; padding: 0;}

    .card-image-top {height: 200px; width: auto;}

    .text-diritti {font-size: small;}

    .img-fade {max-width: 900px; height: 500px; margin-top: 130px;}

    .sezione-strada {padding-left: 0; padding-right: 0;}



    

    /*banner*/

    .banner-image {width: 100%;}

    .banner-copy {width:100%;}



    /*sezione strada - sezione off road*/

    .sezione-strada {padding-top: 40px;}

    .tasto-mtb {text-align: center;}

    .tasto-road {text-align: center;} 



}







/*tablet*/

@media (max-width: 974px){

    /*condizioni generali pagina tablet*/

    .banner-image {width: 100%;}

    .banner-copy {width:100%;} 

    .footer {width: 100%; /*text-align: center;*/}

    .hr-footer {display: flex;}

    .navbar {width: 100%;}

    .navbar-nav {width: 100%; text-align: center;}

    .logo {display: inline;} 

    .logo-img {width: 55px;}

    .nav-hr {margin-top: 20px;}

    .modal {max-width: 100%;}

    .card {height: 450px;}

    .card-body{height: auto; padding: 0;}

    .card-image-top {height: 230px; width: auto;}

    .text-diritti {font-size: small;}

    .img-fade {max-width: 900px; height: 500px; margin-top: 250px;}

    .sezione-strada {padding-left: 0; padding-right: 0;}

    

    /*banner*/

    .banner-image {width: 100%;}

    .banner-copy {width:100%;}



    /*sezione strada - sezione off road*/

    .sezione-strada {padding-top: 40px;}

    .tasto-mtb {text-align: center;}

    .tasto-road {text-align: center;} 



}













/*smartphone*/

@media (max-width: 767px){



    /*condizioni generali pagina mobile*/

    .footer {width: 100%; text-align: center;}

    .icon-instagram {padding: 0; padding-top: 20px; width: 40px;}

    .icon-strava {width: 40px; ; padding: 0; padding-top: 20px;}

    .icon-contatti {width: 40px; padding: 0; padding-top: 20px;}

    .icon-aboutme {width: 60px; padding: 0;}

    .link-credits {display: none;}

    .hr-footer {display: flex;}

    .navbar {width: 100%;}

    .navbar-nav {width: 100%; text-align: center;}

    .logo {display: inline;} 

    .logo-img {width: 55px;}

    .nav-hr {margin-top: 20px;}

    .modal {max-width: 100%;}

    .owl-carousel {height: auto; width: auto;}

    .card-image-top {height: 260px; background-size: cover; background-position: center center;}

    .text-diritti {font-size: small;}

    .img-fade {max-width: 600px; height: 300px; margin-top: 180px;}

    .sezione-strada {padding-left: 10; padding-right: 10;}

    .planner-section {border-radius: 0px;}

    .carosello-articoli, .carosello-item-articoli {min-height: auto;}

    

    

    /*banner*/

    .banner-image {width: 100%;}

    .banner-copy {width:100%;}

    .banner {margin-bottom: 0;}

    



    /*sezione strada - sezione off road*/

    .sezione-strada {padding-top: 40px;}

    .sezione-offroad {padding-top: 40px;}

    .tasto-mtb {text-align: center;}

    .tasto-road {text-align: center;}





};





.clearfix:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0;

  }

  * html .clearfix             { zoom: 1; } /* IE6 */

  *:first-child+html .clearfix { zoom: 1; } /* IE7 */