@charset "UTF-8";
/***!  https://www.alke.it/script/css/alke-ced-imgfullwidth.css  !***/

/*
2026/05/04
Lorenzo Dal Zotto

css generato dal custom.css del template "t4_bs5_blank" per script imgfullwidth

*/

/*
--------------------------------------------------------------------------------------------------------------------------------------------
CODICE VECCHIO BY REMO --- START ---

*/



/*
VI      NAVIGATIOON
======= ======= ======= ======= ======= ======= ======= ======= ======= ======= ======= ======= ======= ======= ======= =======
REM
10/01/23
--------
ANCHOR
.anchor
======= ======= ======= ======= ======= ======= */
.v5-anchor {
  height: 70px;
  margin-top: -70px;
  display: block;
  visibility: hidden;
}

@media (min-width: 576px) {
  .v5-anchor {
    height: 56px;
    margin-top: -56px;
    display: block;
    visibility: hidden;
  }

}

@media (min-width: 768px) {
  .v5-anchor {
    height: 80px;
    margin-top: -80px;
  }

}


/*
XL      SECTIONS
======= ======= ======= ======= ======= ======= ======= ======= ======= ======= ======= ======= ======= ======= ======= =======
REM
16/11/22
--------
IMMAGINE FULLWIDTH
image + title h1 + subtitle h2 + CTA
.v5-content-image-fullwidth
.v5-content-image-fullwidth-homepage (only for https://www.alke.it)
.v5-content-image-fullwidth-home-article (only for https://www.alke.it/veicoli-elettrici and https://www.alke.it/veicoli-elettrici-n1-wltp)
.v5-anchor
.v5-anchor-navigation
======= ======= ======= ======= ======= ======= */


/* navigation link */
.v5-content-image-fullwidth .v5-content-image-box .v5-anchor-navigation {
  display: none;
}

/* button */
.v5-cta {
  padding-top: 15px;
  text-align: center;
}

.v5-cta>a {
  /* width: 250px; */
  width: 200px;
  max-width: 250px;
  height: 46px;
  margin-bottom: 15px;
  color: var(--color-white);
  font-weight: 600;
  border-radius: 10px;
  cursor: pointer;
}

.v5-cta>a:nth-child(2) {
  background-color: transparent;
  color: var(--color-black);
  border: 2px solid var(--color-black);
}

.v6-container-fullwidth>.v6-content-image-fullwidth-homepage>.v6-content-image-box>.v5-cta>a:nth-child(2) {
  color: var(--color-white);
}

@media (min-width: 576px) {

  /* adjustments for BLOG homepage container */
  .blog-item-content .v5-content-image-fullwidth {
    padding-top: 40px;
  }

  .v5-content-image-fullwidth img,
  .v5-content-image-fullwidth video {
    padding-top: 0;
  }

  /* box - outside image */
  .v5-content-image-fullwidth h1 {
    padding: 20px inherit 0 inherit;
  }

  .v5-content-image-fullscreen-home-article img {
    margin-top: 70px;
  }

  .v5-content-image-fullwidth h1,
  .v5-content-image-fullwidth-homepage h1,
  .v5-content-image-fullwidth-home-article h1 {
    font-size: 50px;
  }

  .v5-content-image-fullwidth h2,
  .v5-content-image-fullwidth-homepage h2,
  .v5-content-image-fullwidth-home-article h2 {
    font-size: 25px;
  }

  .v5-cta a:first-child {
    margin-right: 15px;
  }

  .v5-container-default-width .v5-content-image-box .v5-cta a:nth-child(2),
  .v5-container-default-width-padding .v5-content-image-box .v5-cta a:nth-child(2) {
    margin-left: 0;
  }

  .v5-content-image-fullwidth.v5-content-image-fullscreen-home-article.v5-content-image-fullscreen-home-homepage>img,
  .v5-content-image-fullwidth.v5-content-image-fullscreen-home-article.v5-content-image-fullscreen-home-homepage>video {
    padding-top: 40px;
  }
  
  /*REM 10/04/2026*/
  .v5-content-image-fullwidth.v5-content-image-fullscreen-home-article>img,
  .v5-content-image-fullwidth.v5-content-image-fullscreen-home-article>video {
    padding-top: 0;
  }

  .v5-content-image-fullwidth-home-blog img {
    padding-top: 40px;
  }

}

@media (min-width: 768px) {

  /* adjustments for BLOG homepage container */
  .blog-item-content .v5-content-image-fullwidth {
    padding-top: 18px;
  }
  
  /*REM 10/04/2026*/
  .v5-content-image-fullwidth img,
  .v5-content-image-fullwidth video {
    padding-top: 0;
  }

  .v5-content-image-fullwidth-homepage img,
  .v5-content-image-fullwidth-home-blog img {
    padding-top: 18px;
  }

  .v5-content-image-fullwidth.v5-content-image-fullscreen-home-article.v5-content-image-fullscreen-home-homepage>img,
  .v5-content-image-fullwidth.v5-content-image-fullscreen-home-article.v5-content-image-fullscreen-home-homepage>video {
    padding-top: 18px;
  }

  .v5-content-image-fullwidth.v5-content-image-fullscreen-home-article>img,
  .v5-content-image-fullwidth.v5-content-image-fullscreen-home-article>video {
    padding-top: 0;
  }

  .v5-content-image-fullwidth-homepage h1 {
    margin-bottom: .5rem;
  }

}

@media (min-width: 992px) {

  /* box - outside image */
  .v5-content-image-fullwidth h2 {
    font-size: 1.6em;
  }

  .v5-cta {
    padding-top: 20px;
  }

}

@media (min-width: 1200px) {

  .v5-content-image-fullwidth .v5-content-image-box .v5-anchor-navigation {
    margin-left: 22px;
    display: block;
    font-size: 1.25rem;
    color: var(--color-white);
    font-weight: 700;
    line-height: 1.25em;
    transition: all .2s ease-in-out;
  }

  .v5-anchor-navigation-subtitle h2 {
    padding-left: 0;
  }

  .v5-content-image-fullwidth .v5-content-image-box .v5-anchor-navigation:hover,
  .v5-content-image-fullwidth .v5-content-image-box .v5-anchor-navigation:active,
  .v5-content-image-fullwidth .v5-content-image-box .v5-anchor-navigation:focus {
    color: var(--t4-gray-400);
  }

  .v5-content-image-fullwidth .v5-content-image-box .v5-anchor-navigation .fas {
    padding-left: 5px;
    font-size: 1.10rem;
    transition: all .2s ease-in-out;
    border-bottom: none;
  }

  .v5-content-image-fullwidth .v5-content-image-box .v5-anchor-navigation:hover .fas,
  .v5-content-image-fullwidth .v5-content-image-box .v5-anchor-navigation:active .fas,
  .v5-content-image-fullwidth .v5-content-image-box .v5-anchor-navigation:focus .fas {
    transform: rotate(90deg);
  }

  .v5-content-image-fullwidth.v5-content-image-fullscreen-home-article>.v5-anchor {
    position: absolute;
    bottom: 0;
    left: 0;
  }

}

@media (min-width: 1500px) {

  /* box - outside image */
  .v5-content-image-fullwidth .v5-content-image-box .v5-anchor-navigation {
    margin-left: 28px;
  }

}


@media (min-width: 1801px) {

  /* box - outside image */

  .v5-content-image-fullwidth .v5-content-image-box .v5-anchor-navigation {
    margin-left: 30px;
  }

}


/*

CODICE VECCHIO BY REMO --- END ---
----------------------------------------------------------------------------------
*/


/*
----------------------------------------------------------------------------------
Lorenzo Dal Zotto 2026/05/13

--- START ---

*/

/*
Gradiente immagine di copertina
*/
#imgfullwidth .gradient-left-yt {
    background: linear-gradient(
                to right,
                rgba(0, 0, 0, .8) 0%,
                rgba(0, 0, 0, .5) 20%, 
                rgba(0, 0, 0, .3) 40%, 
                rgba(0, 0, 0, 0) 80% 
                );
        }

#imgfullwidth .gradient-right-yt {
    background: linear-gradient(
                to left,
                rgba(0, 0, 0, .8) 0%,
                rgba(0, 0, 0, .5) 20%, 
                rgba(0, 0, 0, .3) 40%, 
                rgba(0, 0, 0, 0) 80% 
                );
        }

#imgfullwidth .gradient-top-yt {
    background: linear-gradient(
                to bottom,
                rgba(0, 0, 0, .8) 0%,
                rgba(0, 0, 0, .5) 20%, 
                rgba(0, 0, 0, .3) 40%, 
                rgba(0, 0, 0, 0) 80% 
                );
        }

/*
Bordi dei "button" nel caso di testo fuori dall'immagine
*/
#imgfullwidth .border-wth-out .uk-button-default{
  border-color: var(--bs-gray-900);
}

#imgfullwidth .border-wth-out .uk-button-primary{
  border-color: #c00;
}

/*
Media Query per gestione del mobile
*/
@media (max-width: 960px) {
  #imgfullwidth .gradient-left-yt,
  #imgfullwidth .gradient-right-yt,
  #imgfullwidth .gradient-top-yt{
    position: unset;
  }

  #imgfullwidth .uk-position-center-left,
  #imgfullwidth .uk-position-bottom-left,
  #imgfullwidth .uk-position-top-left,
  #imgfullwidth .uk-position-center-right,
  #imgfullwidth .uk-position-bottom-right,
  #imgfullwidth .uk-position-top-right,
  #imgfullwidth .uk-position-top-center{
    left: unset;
    top: unset;
    right: unset;
    transform: unset;
    position: relative !important;
    width: unset;
  }
  
  #imgfullwidth .uk-h1,
  #imgfullwidth .uk-h3{
    color: var(--bs-gray-900);
  }

  #imgfullwidth .uk-button-primary{
    border-color: #c00;
  }

  #imgfullwidth .uk-button-default{
    color: var(--bs-gray-900);
    border-color: var(--bs-gray-900);
  }
}