:root {
    --tt-main-bg-color: #0a0a0a;
    --tt-main-color: #003dff;
}

#homeEvents {
    margin-top: 30px;
}

.tt-section {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.entryLogo {
    width: 260px;
    max-width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.logoEffect {
    -webkit-filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 black);
    filter: drop-shadow(1px 1px 0 black) drop-shadow(-2px -1px 0 black);
}

.logoEffectWhite {
    -webkit-filter: drop-shadow(1px 1px 0 rgba(255, 255, 255, .2)) drop-shadow(-1px -1px 0 rgba(255, 255, 255, .2));
    filter: drop-shadow(1px 1px 0 rgba(255, 255, 255, .2)) drop-shadow(-2px -1px 0 rgba(255, 255, 255, .2));
}

#background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.aCard {
    padding: 24px 24px 12px;
    border-radius: 12px;
    min-height: 380px;
}

.aCard .pgi-title {
    font-size: calc(19px + 0.2vw);
}

.aCard .pgi-category {
    opacity: .6 !important;
}

.aCard .pgi-category p,
#shortbodyEvent p,
#blog-list .bli-desc p {
    margin-bottom: 0;
}

.aCard .pgi-category.dateLabel {
    opacity: .4 !important;
    margin-bottom: 8px;
}

.aCard .pgi-category ~ .pgi-category:not(:empty)::before {
    content: none !important;
}

.aCard .cardButton {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    padding: 6px 20px;
}

.aCard .tt-btn {
    margin-top: 32px;
}

.badge {
    width: auto;
    display: inline-block;
    background-color: rgb(255 255 255 / 7%);
    padding: 5px 15px;
    font-size: 13px;
    line-height: 1.4;
    color: #AAA;
    border-radius: 100px;
}

.social-buttons > ul > li a.followUs {
    width: auto;
}

.tt-btn-light-outline.hover-primary,
.tt-btn-light-outline.hover-primary > * {
    transition: all .3s;
}

.tt-btn-light-outline.hover-primary:hover {
    box-shadow: inset 0 0 0 2px var(--tt-main-color);
}

.tt-btn-light-outline.hover-primary:hover > *, .tt-btn-light-outline.hover-primary:hover > *::after {
    color: var(--tt-main-color) !important;
}

.blog-list-item h2 {
    margin-bottom: 0;
}

body:not(.tt-sidebar-on) #blog-list.bli-compact .bli-info::before {
    content: none;
}

@font-face {
    font-family: 'TitleFont';
    src: url('../fonts/HEXFranklin-ExtraCondensedBold.ttf') format('truetype');
}

h1, h2, h3, h4, h5, h6,
.tt-ol-menu-ghost,
.ph-caption-title-ghost,
.tt-ol-menu-list > li > a,
#mniaScroller .tt-section-inner > * {
    font-family: 'TitleFont', sans-serif;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.tt-ol-menu-ghost,
.ph-caption-title-ghost,
#mniaScroller .tt-section-inner > * {
    text-transform: uppercase;
    letter-spacing: 15px;
}

.tt-ol-menu-list > li > a {
    transform: none !important;
}

#shortbodyEvent {
    opacity: .4;
}

.sectionHeader {
    text-transform: uppercase;
}

.tt-scrolling-text-inner {
    color: #fff;
}

.page-header-inner {
    padding-bottom: 60px !important;
}

@media (max-width: 767px) {

    .page-header-inner {
        padding-top: 160px !important;
    }

    .page-header-inner .ph-caption-subtitle {
        margin-bottom: 0;
    }

    .entryLogo {
        width: 50%;
    }

    .tt-section {
        padding-bottom: 10%;
    }

    .list-styled.footerList {
        text-align: center;
    }

    #page-header {
        height: 90vh;
    }

    #page-header.small {
        height: 35vh;
    }

    .entryLogo.logoEffectWhite {
        width: 50%;
        -webkit-filter: none;
        filter: none;
    }

    .aCard {
        min-height: auto !important;
        padding-bottom: 90px !important;
        margin: 15px;
    }

    .aCard .cardButton {
        margin-left: 15px;
        margin-right: 15px;
    }

    .ttgr-cat-classic-list {
        text-align: center;
    }
}

/* Classe per mostrare il contenuto solo sui dispositivi non mobile */
.non-mobile-only {
    display: none;
}

@media (min-width: 768px) {
    .non-mobile-only {
        display: block;
    }
}

/* Classe per mostrare il contenuto solo sui dispositivi mobile */
.mobile-only {
    display: block;
}

#homeEvents .tt-blc-nav-prev {
    right: 85px;
}

#homeEvents .tt-blc-nav-next {
    right: 30px;
}

#homeEvents .tt-blc-pagination {
    text-align: center;
}

#homeEvents .tt-blog-carousel[data-pagination-type] {
    padding-bottom: 60px;
}

#homeEvents .tt-blog-carousel .aCard {
    margin-top: 0;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .mobile-only {
        display: none;
    }
}