/*
Theme Name: Hello Elementor Child
Description: Tema child di Hello Elementor
Author: Enrico per Marcosh
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* Qui puoi scrivere il tuo CSS personalizzato */

/* ! MENU HEADER */
.elementskit-dropdown .menu-item:nth-child(2) {
    padding-left: 3px;
}
/**/

/*------------------------------*/

/* ! HOMPAGE */
.boat {
  font-size: 14px;

    position: relative;
  display: inline-block;
}

.boat2 {
    font-size: 14px;

  position: relative;
  display: inline-block;
}

.boat::after, .boat2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px; /* distanza dalla scritta */
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
}

/* hover sulla riga intera */
.boat-row:hover .boat::after, .boat-row:hover .boat2::after {
  transform: scaleX(1);
}

.euro, .euro2 {
  font-size: 14px;
  padding-left: 0;
}
.euro2 {
  padding-left: 18px;
}

.price a {
  text-decoration: none!important;
}

@media screen and (max-width: 768px) {
	.vwb-boat-tabs {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      gap: 0;
    }
	
	.vwb-boat-tabs {
      text-align: center;
      margin-bottom: 20px!important;
    }
	
	button.vwb-tab {
      width: 100px;
      padding: 0;
      padding-top: 5px;
      padding-bottom: 5px;
		height: 42px;
    }
}

/*++ netflix mark ++*/
.pinin-gallery-wrapper {
    position: relative;
    display: inline-block;
}

.vwb-slider {
    position: relative;
}

.netflix-badge {
    position: absolute;
    top: 25px;
    left: 30px;

    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 500;

    color: #C6A75E;
    z-index: 10;
}

.netflix-badge::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    width: 40px;
    height: 1px;
    background-color: #C6A75E;
}
/**/

/*------------------------------*/

/* ! PAGINA BOAT */
.slider-cs img {
    width: 100%;
    height: 570px;
    object-fit: cover;
}
/**/

/*------------------------------*/

/* BOATS GALLERY – Vintage Wooden Boat  */
.vwb-boats-wrapper{
    max-width:1200px;
    margin:0 auto;
}

/* Tabs */

.vwb-boat-tabs{
    text-align:center;
    margin-bottom:40px;
}

.vwb-tab{
    background:none;
    border:none;
    font-family:"Prata", serif;
    font-size:20px;
    margin:0 25px;
    cursor:pointer;
    color:#999;
    position:relative;
    padding-bottom:5px;
    transition:0.3s;
}

.vwb-tab.active{
    color:#fff;
}

.vwb-tab.active:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:#000;
}

/* Slider visibility */

.vwb-slider{
    display:none;
    opacity:0;
    transition:opacity .5s ease;
}

.vwb-slider.active{
    display:block;
    opacity:1;
}

/* Swiper */

.vwb-swiper{
    width:100%;
    height:600px;
}

.vwb-swiper img{
    width:100%;
    height:100%;
    object-fit:cover;
}

button.vwb-tab {
    width: 140px;
}

.swiper-pagination {
    position: relative!important;
    margin-top: 25px!important;
    text-align: center!important;
}

.swiper-pagination-bullet {
    background: #ccc!important;
    opacity: 1!important;
    width: 8px!important;
    height: 8px!important;
    margin: 0 6px !important;
    transition: 0.3s ease!important;
}

.swiper-pagination-bullet-active {
    background: #000!important;
    width: 22px!important;
    border-radius: 20px!important;
}

/* Responsive */

@media(max-width:1024px){
    .vwb-swiper{
        height:500px;
    }
}

@media(max-width:768px){
    .vwb-swiper{
        height:400px;
    }

    .vwb-tab{
        font-size:16px;
        margin:0 15px;
    }
}

@media(max-width:480px){
    .vwb-swiper{
        height:300px;
    }
}

/* Overlay CTA Button */
.vwb-overlay-cta {
    position: absolute!important;
    bottom: 70px!important;
    z-index: 1!important;
    left: 30px!important;
    border: 1px solid white!important;
    padding: 5px 10px!important;
    color: white!important;
    background-color: rgba(255,255,255,0.7)!important;
	
	transition: 0.3s;
}

.vwb-overlay-cta a {
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    FONT-WEIGHT: 400;
}

.vwb-overlay-cta:hover {
    background-color: rgba(255,255,255,1)!important;
}
/**/

/* INTERFACCIA BOOKING */
.booknetic-cart-item.active {
    min-width: 290px!important;
}
/**/