@font-face {
    font-family: 'Sweet & Salty Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Sweet & Salty Regular'), url('/assets/fonts/SweetandSalty-Regular.woff') format('woff');
}

.navbar {
    height: 80px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10;
}

.mobile-navbar {
    height: 100%;
}

.accent-color {
    color: #ed6f4f;
}

.poppins {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 450;
}

.sweetandsalty {
    font-family: "Sweet & Salty Regular", sans-serif !important;
    font-style: normal;
}

.navbar .w3-bar-item {
    height: inherit;
    width: auto;
}

.navbar .w3-bar-item img {
    height: 100%;
    width: auto;
}

.navbar .buttons-container {
    width: 600px;
    font-size: 30px;
}

#_nav {
    width: 200px;
    height: 100vh;
}

#_nav .navbar-button {
    display: block;
    padding-left: 16px;
    width: 100%;
    font-size: 40px;
    text-decoration: none;
}

.cookiebar {
    position: fixed;
    bottom: 0px;
    left: 0px;
    background-color: #ed6f4f;
    height: fit-content;
    min-height: 55px;
    z-index: 50;
}

.cookiebar .actions {
    min-width: 250px;
}

.cookiebar .actions a {
    display: inline-block;
}

.cookiebar .actions button {
    display: inline-block;
}

.title-navbar {
    height: 60vh;
}

.title-navbar img {
    height: 100%;
    width: 100%;
    object-fit: cover; 
    object-position: center;
}

.title-navbar .title {
    font-size: 125px;
    line-height: 70px;
}

.title-navbar .subtitle {
    font-size: 40px;
    line-height: 35px;
}

.title-navbar .linkbutton {
    font-size: 25px;
    padding: 0px 20px 0px 20px;
}

.title-navbar .linkbutton img {
    height: 15px;
    width: auto;
}

.content .mainlogo {
    height: 100px;
    width: auto;
}

.content .showcase-box h1 {
    font-size: 60px;
}

.content .showcase-box .showcase-ico {
    margin-top: 5px;
    height: 35px;
    width: auto;
}

.content .showcase-box .showcase-footer {
    height: 50px;
}

.content .showcase-box .showcase-footer img {
    width: 32px;
    height: auto;
}

.content .showcase-box .showcase-content {
    min-height: 75px;
}

.content .showcase-box .showcase-footer .arrow {
    width: 25px !important;
}

@media(min-width:992px) {
    .content .showcase-box {
        width: 30% !important;
    }

    .content .news .newsbox-container {
        display: inline-block;
    }   

    .content .news .newsbox {
        height: calc(500px + (1000px - 70vw) * 0.45) !important;
        min-height: 375px !important;
    }

    .content .news .caption {
        height: 125px;
    }
}

@media(max-width:992px) {
    .content .showcase-box {
        width: 100% !important;
    }

    .content .news .newsbox-container {
        height: 750px;
        display: inline-block;
    }

    .content .news .newsbox .news-image {
        object-position: center;
        height: 35% !important;
    }

    .content .news .container .w3-display-middle {
        margin-top: -40px;
    }

    .small-center {
        text-align: center !important;
    }

    .small-full {
        max-width: 100% !important;
    }

    .small-block {
        display: block !important;
    }

    .footerbar  .footerbar-element {
        margin: 0px 20px;
    }

    footer .info {
        margin-top: 50px;
    }
}

.content .news h1 {
    font-size: 100px;
}

.content .newslist {
    overflow-y: scroll;
    height: 650px; /* DA AGGIORNARE QUANDO CI SARANNO PIÙ NEWS */
}

.content .news .newsbox {
    height: 100%;
}

.content .news .newsbox .news-image {
    object-fit: cover; 
    object-position: left;
    height: 100%;
    width: 100% !important;
}

.content .news .newsbox .container {
    font-size: 25px;
    height: 100%;
    margin-bottom: 0px !important;
}

.content .news .newsbox .container .date {
    font-size: 30px;
    padding: 5px 10px;
}

.content .news .newsbox .container h1 {
    font-size: 40px;
    line-height: 38px;
}

.content .news .newsbox .container .caption {
    font-size: 18px !important;
    line-height: 21px !important;
}

.content .news .newsbox .container .buttons.arrow {
    height: 20px;
    width: auto;
}

.content .news .newsbox .container .buttons .star {
    height: 35px;
    width: auto;
}

footer .main {
    padding: 30px 30px;
}

footer .logo {
    padding-top: 15px;
    padding-left: 5px;
}

footer .logo img {
    width: 85px;
    height: auto;
}

footer .logo div {
    margin-top: 25px;
    max-width: 75%;
    font-size: 12px !important;
    line-height: 14px;
}

footer .info div {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 18px;
}

footer .footerbar {
    max-width: 75%;
    font-size: 40px;
    height: 150px;
}

footer .footerbar .footerbar-element {
    height: fit-content;
    text-decoration: none;
}

footer .footerbar .footerbar-element a {
    height: 30px;
    display: inline-block;
}

footer .footerbar .social img {
    height: 100%;
    width: auto;
}

/* NEWS */
.news .title {
    font-size: 65px;
    max-width: 80% !important;
    line-height: 65px;
}

.news .content .news-image {
    height: 500px;
    width: 100%
}

.news .content .article {
    font-size: 20px;
}

.news .content .article a {
    color: rgba(2, 100, 190, 0.925);
}

.news .content .tags {
    font-size: 30px;
}

.news .content .tags div {
    margin: 20px 0px;
}

.news .content .final-logo img {
    height: 80px;
    width: auto;
}

.about-showcase img {
    display: block;
    width: 90%;
    height: 300px;
    margin: 5%;
    border-radius: 15px;
}

.star-line {
    margin: 80px 0px;
}

.sponsor-title {
    font-size: 125px;
}

.sponsor-discovery {
    display: block;
    width:  100%;
    height: 150px;
}

.sponsor-discovery img {
    max-width: 75%;
    max-height: auto;
    width: auto;
    height: 100%;
    object-fit: contain;
}

.contact .title {
    font-size: 100px;
    margin-bottom: -15px;
}

.contact .promo {
    font-size: 18px;
}

.contact .form {
    padding: 30px;
}

.contact .info div {
    font-size: 20px;
    margin: 20px 0px;
}

.contact .info .logo {
    width: 150px;
    height: auto;
}

.contact .info .logo img {
    width: 100%;
    height: auto;
}

.contact .info .social {
    width: 125px !important;
}

.contact .info .social a {
    height: 30px;
    width: 30px;
    display: inline-block;
}

.contact .inputs {
    font-weight: 400;
    font-size: 20px;
}

.contact .inputs button {
    background-color: transparent;
    border: none;
    display: block;
    height: 50px;
    width: auto;
    cursor: pointer;
}

.contact .inputs button img {
    height: 100%;
    width: auto;
}

.contact .captcha img {
    height: 100%;
    width: auto;
}

.contact .captcha input {
    display: inline-block;
    max-width: 200px;
}

required {
    color: red;
}

.privacy .privacy-policy {
    white-space: pre-line;
    font-weight: 400;
}

.privacy .privacy-policy h3 {
    margin: -15px 0px;
    font-weight: bold;
}

.privacy .privacy-policy h4 {
    margin: -10px 0px;
    font-weight: 500;
}

/* ANIMATIONS */
.animate-left-opposed{position:relative;animation:animateleftopp 0.4s}@keyframes animateleftopp{from{left:0px;} to{left:-300px;}}