/*==========================================================
    DEFAULT VALUES
    
    font-family: 'Courier Prime', monospace;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto Condensed', sans-serif;
    font-family: 'Bebas Neue', cursive;

    font-family: 'Pacifico', cursive;
    font-family: 'Great Vibes', cursive;
    font-family: 'Marck Script', cursive;
    font-family: 'Leckerli One', cursive;
    font-family: 'Pattaya', sans-serif;

    #303952 (Headings)
    #94c7d1 (Subtitle)
    #495057 (Icons)
==========================================================*/
html,
body {
    height: 100%;
}

body {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #303952;
    position: relative;
}


.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("../img/simple-loader.gif") center no-repeat #fff;
    background-size: 50px;
}

/* barlow-condensed-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 100;
  src: url('../webfonts/barlow-condensed-v13-latin/barlow-condensed-v13-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 100;
  src: url('../webfonts/barlow-condensed-v13-latin/barlow-condensed-v13-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 200;
  src: url('../webfonts/barlow-condensed-v13-latin/barlow-condensed-v13-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 200;
  src: url('../webfonts/barlow-condensed-v13-latin/barlow-condensed-v13-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/barlow-condensed-v13-latin/barlow-condensed-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../webfonts/barlow-condensed-v13-latin/barlow-condensed-v13-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('../webfonts/barlow-condensed-v13-latin/barlow-condensed-v13-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 600;
  src: url('../webfonts/barlow-condensed-v13-latin/barlow-condensed-v13-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../webfonts/barlow-condensed-v13-latin/barlow-condensed-v13-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('../webfonts/barlow-condensed-v13-latin/barlow-condensed-v13-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('../webfonts/bbarlow-condensed-v13-latin/arlow-condensed-v13-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 800;
  src: url('../webfonts/barlow-condensed-v13-latin/barlow-condensed-v13-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*==========================================================
    ICONS
==========================================================*/
.icon {
    color: #495057;
    width: 16px;
    height: 16px;
}

.fa-1x5 {
    size: 1.5em;
}

/*==========================================================
    HOME SECTION
==========================================================*/
#home {
    height: 100%;
}

#home-cover {
    height: 100%;
    b/*ackground-image: url("./img/landing-bg.jpeg");*/
}

#home-content-box {
    width: 100%;
    height: 100%;
    display: table;
    background-color: rgb(28, 35, 54,0.7)
}

#home-content-box-inner {
    display: table-cell;
    vertical-align: middle;
    /*text-align: center;*/
}

#home-heading {
    color: #303952;
    margin-bottom: 15px;
}

#home-heading .title {
    font-size: 5.0em;
    color: #fff;
    margin: 0px;
}

#home-heading .subtitle-article {
    font-size: 1.7rem;
    color: #fff;
}

#home-heading .subtitle {
    font-size: 3.7rem;
    color: #fff;
}

/*==========================================================
    BUTTONS
==========================================================*/
.btn-general {
    border-radius: 0;
    border-width: 2px;
    padding: 12px 26px;
    font-size: 16px;
    font-weight: 400px;
    text-transform: uppercase;
    margin-bottom: 10px;
    background-color: transparent;
}

.btn-beige {
    border-color: beige;
    color: beige;
    min-width: 180px;
}

.btn-beige:hover,
.btn-beige:focus {
    background-color: beige;
    color: #303952;
}

.btn-white {
    border-color: white;
    color: white;
}

.btn-white:hover,
.btn-white:focus {
    background-color: white;
    color: #1C2336;
}

.back-to-top-button {
    border-color: white;
    color: white;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
}

.back-to-top-button:hover,
.back-to-top-button:focus {
    background-color: white;
    color: #1C2336;
}

#search-properties {
    width: 100%;
    max-width: 100%;
    padding-top: 20px;
}

#back-to-research{
    width: 100%;
}

/*==========================================================
    PARALLAX Generic
==========================================================*/


/*==========================================================
    ANIMATION
==========================================================*/
#home-heading {
    animation-delay: .2s;
}

.home-buttons {
    display: inline-block;
    margin-right: 10px;
}

/*==========================================================
    CONTENT (Generic)
==========================================================*/
.container {
    width: 80% !important;
    max-width: 80%;
}
.content-box {
    height: 100%;
    padding: 60px 0px 0px 0px;
}

.content-subtitle {
    font-size: 1.5rem !important;
}

.content-title div {
    font-size: 2.5rem;
    font-weight: 700;
    text-align: center;
    margin: 0px 0px 20px 0px;
    color: #fff;
}

.sponsor-content-title div {
    font-size: 2.5rem;
    font-weight: 700;
    text-align: center;
    margin: 0px 0px 20px 0px;
}

.content-title-underline {
    width: 30px;
    height: 3px;
    background-color: red;
    margin: 0 auto 30px auto;
}

#interruption {
    display: flex;
    height: calc(100vh - 61px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url('../img/bg-parallax.png');
}

/*==========================================================
    TESSERAMENTI
==========================================================*/
#tesseramenti {
    width: 100vw;
    height: auto;
    min-height: calc(100vh - 61px);
}
#tesseramenti span {
    font-size: 24px;
    font-weight: 400;
}

#tesseramenti .content-title > div{
    color: #1C2336;
}
.container-tesseramenti {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 60px; /* spazio tra i div */
}
.service-item {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);;
    padding: 20px 20px;
    margin-bottom: 20px;
    cursor: pointer;
    width: 25%;
    height: 50%;
    transition: transform 0.3s ease;
    transform: scale(0.9);
    /*background-image: 
    linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url("../img/trilake-new-logo.jpeg");
    background-size: cover;
    background-position: center;
    color: white;*/
}

.service-item {
  position: relative;
}

.service-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/trilake-logo-nuovo-no-bg.png") center/cover no-repeat;
  opacity: 0.1;
  z-index: -1;
}

.service-item:hover {
    transform: scale(1.0);
    z-index: +2;
}
.service-item-main:hover {
    transform: scale(1.1);
    z-index: +2;
}
.service-item-main {
    width: 30%;
    font-size: 1.2em;
    transform: scale(1.0);
    border: 1px solid #1C2336;
}

.service-item-icon-container {
    width: 100%;
    min-height: 60px;
    text-align: center;
}

.service-item-icon {
    border-radius: 10px;
    color: #B8860B;
    background-color: #F5F5F5;
    float: left;
    padding: 15px;
    text-align: center;
}
.service-item-desc {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 400;
}


/*==========================================================
    MEMBERS (Generic)
==========================================================*/
#sponsor {
    height: auto;
    min-height: calc(100vh - 61px);
}

.team-member img {
    width: 200px;
    height: auto;
    margin-bottom: 20px;
}

.member-name {
    letter-spacing: 2px;
    color: #1C2336;
}

.member-designation {
    color: #94c7d1;
    font-style: italic;
}

/*==========================================================
    ATLETES (Generic)
==========================================================*/
#atletes {
    width: 100vw;
    height: auto;
    min-height: calc(100vh - 61px);
}
#atletes-cover {
    background-color: #1C2336;
}

.atlete {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: transparent;
    display: flex;
    justify-content: center;
    width: 100% !important;
    height: auto;
    padding: 14px;
    margin-bottom: 10px;
}

.atlete > div {
    position: relative;
}

.atlete-descritpion {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    min-height: 52px;
    padding: 10px 12px;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

/* Nome atleta */
.atlete-name {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-size: 1.5rem;
    font-weight: 800;
    text-align: center;
    line-height: 1.1;
}

.atlete-sign {
    color: #fff;
}

#atletes-cover .content-title h2,
#atletes-carousel span {
    color: #1C2336;
}

.atlete img {
    width: 100% !important;
    height: 400px;
    object-fit: cover;
    display: block;
    filter: grayscale(100%) contrast(1.1);
    transform: scale(1);
    transition: transform 0.6s ease, filter 0.6s ease;
}

.atlete:hover img {
  filter: grayscale(0%) contrast(1.2);
  transform: scale(1.12) translateY(-5px);
}

#atletes-carousel .fa-quote-left,
#atletes-carousel .fa-quote-right {
    color: #1C2336;
}


#atletes-carousel .witness {
    font-family: "Barlow Condensed", monospace;
    font-style: italic;
    padding: 15px 5px;
    color: #fff;
}

#atletes-carousel .atlete-sign {
    letter-spacing: 2px;
    font-size: 28px;
}

#atletes-carousel .atlete-cit .fa-quote-left {
    position: relative;
    top: -10px;
    color: #FFFFFF;
}

#atletes-carousel .atlete-cit .fa-quote-right {
    position: relative;
    top: 10px;
    color: #FFFFFF;
}


/*==========================================================
    CONTACTS (Generic)
==========================================================*/
#contacts {
    height: calc(100vh - 61px);
    padding-top: 50px;
}
#contact-social a {
    color: #94c7d1;
}

#contact-left div {
    margin-bottom: 10px;
}

#contact-right input,
#contact-right textarea {
    border-radius: 0px;
}

#contact-right textarea {
    width: 100%;
    padding: 6px 12px;
}

#send-botton {
    margin-top: 50px;
}

footer {
    color: #fff;
    padding: 30px 0px;
    background-color: #1C2336;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.02) 0px, rgba(255, 255, 255, 0.02) 1px, transparent 1px, transparent 10px);
}

#mail-to {
    color: #FFFFFF;
    text-decoration: none;
}

#mail-to a:hover {
    cursor: pointer;
}

#mail-to a:hover {
    color: #94c7d1;
    cursor: pointer;
}

#contact-info {
    font-size: 22px;
}

.site-footer {
    position: relative;
    background: #07101f;
    color: #ffffff;
    overflow: hidden;
}

.footer-content {
    position: relative;
    z-index: 2;
    padding: 60px 5% 40px;
}

/* banner in fondo al footer */
.footer-trilake-banner {
    width: 100%;
    height: 100%;
    background-image: url('../img/atleti-vari.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: relative;
}

/* sfumatura per integrarla meglio col footer */
.footer-trilake-banner::before {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        to bottom,
        #07101f 0%,
        rgba(7, 16, 31, 0.35) 35%,
        rgba(7, 16, 31, 0) 100%
    );
}

/*==========================================================
    NAVIGATION (Generic)
==========================================================*/
#trilake-menu-title {
    font-size: 18px;
    color: #FFFFFF;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 400;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-left: 10px;
}


.trilake-white-navbar {
    background-color: rgba(255, 255, 255);
    color: #1C2336 !important; 
}

#navbar-logo {
    height: 80px;
    width: auto;

    filter: brightness(0) invert(1);

    transition: filter 0.3s ease;
}

.navbar.trilake-white-navbar #navbar-logo {
    filter: brightness(0);
}

nav a {
    color: #1C2336;
    font-size: 1.5em;
    text-transform: uppercase;
    letter-spacing: 1px;
}

nav a:active {
    color: #1C2336;
}

nav a:hover,
nav a:focus {
    color: #1C2336;
}

nav li {
    margin: 0 10px;
}

.navbar-toggler {
    color: #fff;
    border-radius: 0px;
}

.nav-tabs {
    border-bottom: 0px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #1C2336;
    background-color: transparent;
    border-bottom: 3px solid transparent;
    font-size: 1.5em;
}

.nav-tabs .nav-link {
    position: relative;
    border: 0;
    color: #1C2336;
}

.navbar {
    padding: 0px 1%;
    transition: all .5s ease-in-out;
    border-bottom: 1px solid lightgrey;
}

#navbar-logo {
    fill: red;       
    stroke: black;
    color: red;
      transition: all 0.3s ease;
}

/* linea sotto (inizialmente nascosta) */
.nav-tabs .nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 3px;
    background-color: red;
    transition: width 0.3s ease-in-out;
}

/* hover: la linea si espande */
.nav-tabs .nav-link:hover::after,
.nav-tabs .nav-link:focus::after {
    width: 100%;
}

/* voce attiva sempre visibile */
.nav-tabs .nav-link.active::after {
    width: 100%;
}
/*======================================================================
                    SUPPORT SECTION
======================================================================*/
.partners-section {
  padding: 70px 5%;
  background:
    repeating-linear-gradient(
      45deg,
      rgba(255,255,255,0.025) 0,
      rgba(255,255,255,0.025) 1px,
      transparent 1px,
      transparent 12px
    ),
    #070d1a;
}


.partner-card {
  position: relative;
  border-radius: 18px;
  text-align: center;
}

.partner-card.white {
  background: #ffffff;
  color: #111827;
  min-height: 250px;
  padding: 40px 45px 35px;
  box-shadow: 0 18px 35px rgba(0,0,0,0.25);
  height: 90%;
}

.badge {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  background: #d9a638;
  color: #111827;
  padding: 10px 28px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(0,0,0,0.25);
}

.partner-card h2 {
  margin: 35px 0 55px;
  font-size: 42px;
  font-weight: 900;
  letter-spacing: 4px;
}

.line {
  height: 1px;
  background: #e5e7eb;
  margin-bottom: 0.5rem;
}

.partner-card p,
.support-card p,
.support-card span {
  margin: 0;
  color: #737b8c;
  text-transform: uppercase;
  letter-spacing: 1.8px;
  font-size: 15px;
  font-weight: 600;
}

.supporter-title {
  margin: 110px 0 45px;
  text-align: center;
  font-size: 28px;
  font-weight: 300;
  letter-spacing: 8px;
  color: #ffffff;
}

.support-card {
  background: #121b2d;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
  min-height: 130px;
  padding: 34px 30px;
  text-align: center;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);
}

.support-card span {
  display: block;
  margin-bottom: 22px;
  font-size: 14px;
  color: #7d8494;
}

.support-card h4 {
  margin: 0 0 14px;
  font-size: 28px;
  color: #ffffff;
  font-weight: 800;
}

@media (max-width: 900px) {
  .top-cards,
  .supporter-grid {
    grid-template-columns: 1fr;
  }

  .partner-card.white {
    min-height: 220px;
  }
}

.img-responsive {
    width: 100% ;
}

/*======================================================================
                    COOCKIES DISCLAIMER
======================================================================*/

.cookie-disclaimer{
    position:fixed;
    bottom:25px;
    right:25px;
    z-index:9999;
}

.cookie-content{
    width:340px;
    background:#121b2d;
    color:#ffffff;

    padding:22px;
    border-radius:16px;

    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 20px 40px rgba(0,0,0,.35);
}

.cookie-content strong{
    display:block;
    margin-bottom:12px;
    font-size:18px;
}

.cookie-content p{
    color:#9aa3b5;
    line-height:1.6;
    font-size:14px;
    margin-bottom:18px;
}

.cookie-content button{
    background:#d9a638;
    color:#111827;

    border:none;
    border-radius:999px;

    padding:10px 18px;
    cursor:pointer;
    font-weight:700;
}

/* Navbar desktop: stato iniziale sopra la hero */
@media (min-width: 992px) {

    .navbar:not(.trilake-white-navbar) .nav-link {
        color: #fff !important;
    }

    .navbar:not(.trilake-white-navbar) .nav-link:hover,
    .navbar:not(.trilake-white-navbar) .nav-link:focus,
    .navbar:not(.trilake-white-navbar) .nav-link.active {
        color: #fff !important;
    }

    /* Dopo lo scroll */
    .navbar.trilake-white-navbar .nav-link {
        color: #1C2336 !important;
    }

    .navbar.trilake-white-navbar .nav-link:hover,
    .navbar.trilake-white-navbar .nav-link:focus,
    .navbar.trilake-white-navbar .nav-link.active {
        color: #1C2336 !important;
    }
}