html{
        height: 100%;
    }

    body{
        position:relative;
        height: 100%;
        font-family: 'Heebo', sans-serif;
        text: white;
        background-position: center;
        background-color: black;
    }

    nav {
        font-family: 'Big Shoulders Text', cursive;
    }

    h1 {
        font-family: 'Big Shoulders Stencil Text', cursive;
        color: white;
        text-align: center;
    }
    .font-h1 {
        font-family: 'Big Shoulders Stencil Text', cursive;
        color: white;
        text-align: center;
        font-size: 2.5rem;
    }

    h2 {
        font-family: 'Big Shoulders Stencil Text', cursive;
        color: white;
        text-align: center;
    }
    .font-h2 {
        font-family: 'Big Shoulders Stencil Text', cursive;
        color: white;
        text-align: center;
        font-size: 2rem;
    }

    h3 {
        font-family: 'Big Shoulders Stencil Text', cursive;
        color: #2bfb04;
        text-align: center;
    }
    .font-h3 {
        font-family: 'Big Shoulders Stencil Text', cursive;
        color: #2bfb04;
        text-align: center;
        font-size: 1.75rem;
    }

    h4 {
        font-family: 'Big Shoulders Stencil Text', cursive;
        color: white;
        text-align: center;
    }
    .font-h4 {
        font-family: 'Big Shoulders Stencil Text', cursive;
        color: white;
        text-align: center;
        font-size: 1.5rem;
    }

    h5 {
        font-family: 'Big Shoulders Stencil Text', cursive;
        color: white;
        text-align: center;
    }
    .font-h5 {
        font-family: 'Big Shoulders Stencil Text', cursive;
        color: white;
        text-align: center;
        font-size: 1.25rem;
    }

    p {
        font-family: 'Heebo', sans-serif;
        color: white;
        text-align: center;
    }

    section {
        padding-top: 50px;
    }

    .nopadding {
        padding: 0px;
    }

    .citazioni {
        font-family: 'Shadows Into Light', cursive;
        color: white;
        text-align: center;
    }

    .verde {
        color:#2bfb04;
    }

    .bianco {
        color: white;
    }

    .silver {
        color:#c3c4c2;
    }

    .carbon {
        color:#2a2a2a;
    }

    .nero {
        color:black;
    }

    .transparent{
      opacity: 0!important;
    }

    p .ombra-scura {
        text-shadow: 0px 0.2em 0.65em black;
    }

    p .ombra-chiara {
        text-shadow: 0px 0.2em 0.65em white;
        }

    .center {
        text-align: center;
    }
    .left {
        text-align: left;
    }
    .right {
        text-align: right;
    }
    .justify {
        text-align: justify;
    }

        /* PARALLAX EFFECT */
    .parallax {
          /* The image used */
      background-image: url();
          /* Full height */
      height: 100%;

          /* Create the parallax scrolling effect */
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }



    /* Logo SVG  */

    .fix-width-visual {
        width: 100vh;
    }

    .logosvg {
        text-align: center;
    }

    /* Menù navigazione */

    .bordimenunavigazione {
        border-left: solid 1px #C3C4C2;
        border-right: solid 1px #C3C4C2;
        text-align: center;
        padding: 1em;
        min-width: 130px;
    }

    button.btnmenunavigazione {
        border: none;
        background: none;
        font-family: 'Big Shoulders Stencil Text', cursive;
        color: white;
        text-align: center;
        text-transform: uppercase;
    }

        /* Effetto Blur e Cambio testo */

    .textwithblurredBg button{
        width: 100%;
        height: 100%;
        transition: 1s ease;
    }
    .textwithblurredBg:hover button {
        opacity: 0;
        filter:brightness(40%);
    }
    .textwithblurredBg h2{
        position:absolute;
        top: 25%;
        left: 1%;
        z-index: 1;
        color: #2bfb04;
        text-align: center;
        width: 100%;
        opacity: 0;
        transition: 1s ease;
    }
    .textwithblurredBg:hover h2{
        opacity: 1;
    }

    /* Sezione Project Cobram  */

    .bg-ProjectCobram {
        background-image: url(img/projectcobramjpg.png);
        height: auto;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    .titolocenter {
        text-align: center;
        height: 100%;
        color:#2bfb04;
    }

    .citazioniprojectleft{
        font-family: 'Shadows Into Light', cursive;
        color: #c3c4c2;
        font-size: 145%;
        text-align: left;
        font-style: italic;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .citazioniprojectright{
        font-family: 'Shadows Into Light', cursive;
        color: #c3c4c2;
        font-size: 145%;
        text-align: right;
        font-style:italic;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .firmaprojectleft{
        font-family: 'Shadows Into Light', cursive;
        color: #c3c4c2;
        font-size: 145%;
        text-align: left;
        font-weight: bold;
        padding-top: 0;
        margin-top: 0;
    }

    .firmaprojectright{
        font-family: 'Shadows Into Light', cursive;
        color: #c3c4c2;
        font-size: 145%;
        text-align: right;
        font-weight: bold;
        padding-top: 0;
        margin-top: 0;
    }

    /* Carousel Devider  */

    .carousel-inner > .carousel-item {
        height: 100vh;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    /* Records (Have parallax)  */

    .parallax .bg-records {
        background-image: url(img/bg1.jpg);
    }

    .row-scudetto {
        border: transparent;
        border-radius: 25px;
        background-image: url(img/tricolorebg.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 2em;
    }

    .img-scudetto {
        border: 5px double #2a2a2a;
        border-radius: 25px;
        max-width: 100%;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
    }

    .row-450-fiba {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .col-450{
        max-width: 48%;
        height: 100%;
        align-self: start;
        border: transparent;
        border-radius: 25px;
        background-color: rgba(42, 42, 42, 0.7);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .col-fiba {
        max-width: 48%;
        height: 100%;
        align-self: end;
        border: transparent;
        border-radius: 25px;
        background-color: rgba(42, 42, 42, 0.7);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .row-nazionale {
        border: transparent;
        border-radius: 25px;
        background-color: rgba(75, 97, 209, 0.5);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 2em;
        margin-bottom: 2em;
    }
    .img-nazionale {
        border: 5px double #2a2a2a;
        border-radius: 25px;
        max-width: 100%;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
    }


    .row-altri-risultati {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .col-pro-tour{
        max-width: 48%;
        align-self: start;
        border: transparent;
        border-radius: 25px;
        background-color: rgba(42, 42, 42, 0.7);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .col-finals-2017 {
        max-width: 48%;
        align-self: end;
        border: transparent;
        border-radius: 25px;
        background-color: rgba(42, 42, 42, 0.7);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /* Players (Have parallax)  */

    .row-players {

    }

    .foto-players {
        border: transparent;
        border-radius: 25px;
        height:100%;
        background-color: rgba(42, 42, 42, 0.7);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .descrizione-players {
        height: 100%;
        border: transparent;
        border-radius: 25px;
        background-color: rgba(42, 42, 42, 0.7);
        margin-top: auto;
        margin-bottom: auto;
    }

    .img-players {
        max-width: 100% ;
        border: 5px double #2a2a2a;
        border-radius: 25px;
    }

    /* Partnes (Have parallax)  */

    .row-partners {

    }

    .details-partners {
        height: 100%;
        border: transparent;
        border-radius: 25px;
        background-color: rgba(42, 42, 42, 0.4);
        margin-top: auto;
        margin-bottom: auto;
    }

    .logo-partners {
        max-width: 60% ;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    /* partners logo Media Queries */

    @media screen and (max-width: 992px) {
        .logo-partners {
            max-width: 30% ;
        }
    }


    /* Photos (Have parallax)  */

    .row-photos {
        position: relative;
        min-height: 71em;

    }
    .photos-2016 {
        background-image: url(img/2016_photos.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 23em;
        border: transparent;
        border-radius: 25px;
        position: absolute;
        left: 0;
        top: 0;
        transition: 0.6s ;
    }
    .photos-2017 {
        background-image: url(img/2017_photos.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 40em;
        border: transparent;
        border-radius: 25px;
        position: absolute;
        right: 0;
        top: 0;
        transition: 0.6s ;

    }
    .photos-2018 {
        background-image: url(img/2018_photos.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 40em;
        border: transparent;
        border-radius: 25px;
        position: absolute;
        left: 0;
        bottom: 0;
        transition: 0.6s ;

    }
    .photos-2019 {
        background-image: url(img/2019_photos.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 23em;
        border: transparent;
        border-radius: 25px;
        position: absolute;
        right: 0;
        bottom: 0;
        transition: 0.6s ;
    }

    .titolo-anno-vertical {
        padding-top: 2.4em;
        transition:0.6s ;
    }

    .titolo-anno-horizontal {
        padding-top: 1.4em;
        transition:0.6s ;
    }




    .zoom:hover {
        transform: scale(1.1);
    }




    /* Navbar  */

    .navbar-cobram {
        font-family: 'Big Shoulders Stencil Text', cursive;
        background-color: black;
        transition: 0.6s;
        z-index:1;
    }

    .navbar-logo {
        margin-left: 1rem;
        padding: 0;
    }
    .link-navbar {
        font-size: 2rem;
        color: #c3c4c2;
        margin: 0 0.5em;
    }

    .nav-link {
        font-size: 2rem;
        color: #c3c4c2;
        margin: 0 0.5em;

    }

    .nav-item :hover {
        text-decoration: underline;
        text-decoration-color: #2bfb04;
        color: #c3c4c2;
    }

    .magic-navbar {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      padding: 5px;
      opacity:0;
      transition: 0.6;
    }

    .navbar-nav {
        transition: 0.6;
    }

    .nav-item a:active  {
        background-color: transparent;
        Color: #2bfb04;
    }


    /* Dropdown on Photos Pages */

    @media all and (min-width: 992px) {
    	.navbar .nav-item .dropdown-menu{ display: none; }
    	.navbar .nav-item:hover .nav-link{ color: ;  }
    	.navbar .nav-item:hover .dropdown-menu{
            display: block;
        }
    	.navbar .nav-item .dropdown-menu{ margin-top:0; }
    }

    .dropdown-menu {
        text-decoration: none;
        justify-content: center;
        font-size: 2rem;
        background-color:#2a2a2a;
        margin: none;
        border: 2px solid #c3c4c2;
        border-radius: 15px;
    }

    .dropdown-menu a {
        text-decoration: none;
        color: #c3c4c2;
    }

    .dropdown-menu a:hover {
        color: #2bfb04;
        background-color: #2a2a2a;
    }


    /* Footer  */

    .Footer {
        height: auto;
        background-color: black;
    }

    .btn-privacy-policy {
        border: none;
        padding: 0em 1em;
        text-transform: uppercase;
        background-color: transparent;
        color: #c3c4c2;
        text-align: center;
    }
    .btn-privacy-policy:hover {
        text-transform: uppercase;
        text-decoration: underline;
        border: none;
        padding: 0em 1em;
        background-color: transparent;
        color: #2bfb04;
        text-align: center;
    }
    .privacy-policy-modal p, ol, li, h5 {
        color: #c3c4c2;
        text-align: center;
    }



    .btn-term-condition {
        text-transform: uppercase;
        border: none;
        padding: 0em 1em;
        background-color: transparent;
        color: #c3c4c2;
        text-align: center;
    }
    .btn-term-condition:hover {
        text-transform: uppercase;
        text-decoration: underline;
        border: none;
        padding: 0em 1em;
        background-color: transparent;
        color: #2bfb04;
        text-align: center;
    }
    .term-condition-modal p, ol, li, h5 {
        color: #c3c4c2;
        text-align: center;
    }

    .footer-modal-content {
        background-color: #2a2a2a;
        border: 2px double #c3c4c2;
        border-radius: 25px;
    }

    .footer-modal-header {
        background-color: none;
        text-align: center;
    }
    .footer-modal-body {
        border: none;
        background-color: inherit;
    }
    .footer-modal-footer {
        border: none;
        background-color: none;
    }
    .footer-modal-dialog {
        border-radius: 25px;
    }

    .btn-close-footer {
        border-radius: 15px;
        border: 1px solid #2bfb04;
        color: #2bfb04;
        text-align: center;
    }

    .ldstudios {
        color: #c3c4c2;
        text-decoration: none;
    }
    .ldstudios:hover {
        color: #2bfb04;
        text-decoration: none;
    }

    /* Animazioni con Animate  */

    .animate{
		-webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        -ms-transition: all 0.6s ease;
        transition: all 0.6s ease;
    }



    /*
     * Bootstrap Cookie Alert by Wruczek
     * https://github.com/Wruczek/Bootstrap-Cookie-Alert
     * Released under MIT license
     */
    .cookiealert {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0 !important;
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        border-radius: 0;
        transform: translateY(100%);
        transition: all 500ms ease-out;
        color: #2bfb04;
        background-color: #2a2a2a;
    }

    .cookiealert.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0%);
        transition-delay: 1000ms;
    }

    .cookiealert a {
        text-decoration: underline
        color: #c3c4c2;

    }

    .cookiealert .acceptcookies {
        margin-left: 10px;
        vertical-align: baseline;
    }

    .cookie-page {
        text-align: justify;
    }
    .cookie-page > p {
        text-align: justify;

    }
    .cookie-page > a {
        text-align: justify;
        text-decoration: none;
        color: #c3c4c2;
    }

    .anchor-photos {
        padding-top: 80px;
    }


    /* Griglia Photos responsive  */
    .rowphotos {
      display: flex;
      flex-wrap: wrap;
      padding: 0 4px;
}

    /* Create four equal columns that sits next to each other */
    .columnphotos {
      flex: 25%;
      max-width: 25%;
    }

    .columnphotos img {
      vertical-align: middle;
      width: 100%;
      border-radius: 15px;
    }

    /* zoom on image when hover with mouse */
    .single-photo {
        flex: 25%;
        max-width: 100%;
        margin: 1em 0.5em;
        border-radius: 15px;
        overflow: hidden;
    }
    .hover-zoom img {
        transition: transform 1s ease;
    }
    .hover-zoom:hover img {
        transform: scale(1.3);
    }

    /* Responsive layout - makes a two column-layout instead of four columns */
    @media screen and (max-width: 800px) {
      .column {
        flex: 50%;
        max-width: 50%;
      }
      .rowphotos {
          margin-left: 50px;
      }
    }

    /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
    @media screen and (max-width: 600px) {
      .column {
        flex: 100%;
        max-width: 100%;
      }
      .rowphotos {
          margin-left: 50px;
      }
    }


    /* Btn navigazione tornei */

    .row-link-2019 {
        justify-content: space-around;
    }

    .column-btn {
        display: flex;
        width: 100%;
        justify-content: space-around;
    }

    .btn-photos-torneo {
        font-family: 'Big Shoulders Stencil Text', cursive;
        font-size: 20px;
        color: #2bfb04;
        background-color: transparent;
        border-bottom: 2px solid #2bfb04;
        border-radius: 0;
        text-transform: uppercase;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 3px;
    }
    .btn-photos-torneo:hover {
        color: #c3c4c2;
        border-bottom: 2px solid #2bfb04;
    }

    /* Sidenav Toreni */

    .sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 2;
      top: 0;
      left: 0;
      background-color: black;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px;
    }

    .sidenav-list {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .sidenav a {
        font-family: 'Big Shoulders Stencil Text', cursive;
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 16px;
        color: #c3c4c2;
        display: block;
        transition: 0.3s;
        top:50%;
    }

    .sidenav a:hover {
      color: #2bfb04;
    }

    #mySidenav a:active {
        color: #2bfb04;
    }

    .sidenav .closebtn-sidenav {
      position: absolute;
      top: 0;
      right: 25px;
      font-size: 36px;
      margin-left: 50px;
      z-index: 2;
    }

    #main-sidenav {
      transition: margin-left .5s;
      padding: 16px;
    }

    @media screen and (max-height: 450px) {
      .sidenav {padding-top: 15px;}
      .sidenav a {font-size: 18px;}
    }

    .sidenav-opener {
        position: fixed;
        color:#2bfb04;
        font-size: 1.5em;
        top:50%;
    }



        /* Photo Media Queries */

    @media screen and (max-width: 992px) {
        .photos-mobile {
            position: relative;
            height: 15em;
            background-position: top;
            max-width: -webkit-fill-available;

        }
        .photos-2017 {
            background-image: url(img/2017_photos_mobile.png);
        }
        .photos-2018 {
            background-image: url(img/2018_photos_mobile.png);
        }
        .row-photos-mobile {
            display: contents;
            font-style: italic;
        }
        .titolo-anno-vertical {
            padding-top: 1.4em;
        }
    }
    @media screen and (max-width: 480px) {
        .photos-mobile {
            background-position: center;
        }
    }