/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");


/* Ricordati che hai modificato l'Inner page navigation */

/* ALTEZZA VERTICAL PORTFOLIO SLIDER */
 #vertical-slider .qode-vertical-portfolio-slider {
    height:  calc(70vh - 32px) !important;
}
/* IMMAGINE - Formattazione */
.qode-vertical-portfolio-slider img {
    width: 1200px;
    aspect-ratio: 4/3;
    object-fit: cover;
    max-height: 600px;
    max-width: 100%;
}

/* TITOLO 1 E TITOLO 2 */
/* TITOLO 1 */
.qode-vertical-portfolio-slider .qode-vps-title-one a {
    color: #fff;
    font-size: 32px;
    letter-spacing: .1em;
    text-shadow: 1px 1px 1px #777;
}
.qode-vertical-portfolio-slider .qode-vps-title-one {
    left: unset;
    top: 64px;
}
.qode-vertical-portfolio-slider .qode-vps-title-one .qode-vps-to-first {
    clip-path: none;
}
/* Elementi Titolo 1 da nascondere */
.qode-vertical-portfolio-slider .qode-vps-title-one .qode-vps-to-second,
.qode-vertical-portfolio-slider .qode-vps-title-one::before {
    display: none;
}
/* TITOLO 2 */
.qode-vertical-portfolio-slider .qode-vps-title-two {
    color: #fff;
    font-size: 32px;
    letter-spacing: .1em;
    text-shadow: 1px 1px 1px #222;
}
.qode-vertical-portfolio-slider .qode-vps-title-two .qode-vps-tt-two {
    position: absolute;
    left: 150px;
    top: -16px;
    clip-path: none;
    width: 250px;
    background-color: rgba(0,0,0,.3);
    padding: 8px;
    text-align: center;
}
.qode-vertical-portfolio-slider .qode-vps-title-two .qode-vps-to-first {
    clip-path: none;
}
.qode-vertical-portfolio-slider .qode-vps-title-two a {
    color:#fff;
}
/* Elementi Titolo 2 da nascondere */
.qode-vertical-portfolio-slider .qode-vps-title-two .qode-vps-to-second,
.qode-vertical-portfolio-slider .qode-vps-title-two::before,
.qode-vertical-portfolio-slider .qode-vps-title-two .qode-vps-tt-one,
.qode-vertical-portfolio-slider .qode-vps-title-two::after ,
.qode-vertical-portfolio-slider .qode-vps-title-two .qode-vps-tt-three {
    display: none;
}
/* READ MORE  */
.qode-vertical-portfolio-slider .qode-read-more a {
    color: #fff;
    text-shadow: 1px 1px 1px #222;
}
.qode-vertical-portfolio-slider .qode-read-more .qode-read-more-icon {
    width: 32px;
    height: 32px;
    border: 1px solid #fff;
}
.qode-vertical-portfolio-slider .qode-read-more .qode-read-more-icon::before,
.qode-vertical-portfolio-slider .qode-read-more .qode-read-more-icon::after {
    background-color: #fff;
}

/* BULLETS */
.qode-vertical-portfolio-slider.swiper-container-vertical > .swiper-pagination-bullets {
right: 24px;
}
.qode-vertical-portfolio-slider.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet::after {
background-color: #ee2;
left: -8px;
width: 32px;
}
.qode-vertical-portfolio-slider.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
color: #fff;
text-shadow: 1px 1px 1px #222;
margin: 24px 0;
}


@media only screen and (max-width: 991px) {
  .qode-vertical-portfolio-slider .qode-vps-image {
    max-width: 98%;
  }
  .qode-vertical-portfolio-slider .qode-vps-image {
    align-items: stretch;
  }
  .qode-vertical-portfolio-slider img {
    width: 100%;
    aspect-ratio: 16/9;
    max-width: 100%;
    object-fit: cover;
    max-height: 100%;
  }
  

   .qode-vertical-portfolio-slider .qode-vps-title-one {
    top: 0;
    display: inline-block;
    max-width: 280px;
    text-align: center;
   }

   .qode-vertical-portfolio-slider .qode-vps-title-one .qode-vps-to-second {
    display: none;
   }
   .qode-vertical-portfolio-slider .qode-vps-title-one a {
    font-size: 24px;
   }    
}