/* Block > Carousel > Main */
.block-carousel-main .card-bg {height:650px;}
.block-carousel-main .card-overlay::before {display:none;}
.block-carousel-main .card-overlay .card-body {padding:0 var(--section-padding-x);}
.block-carousel-main .card-content {position:relative;max-width:620px;padding:45px;border-radius:40px;background-color:var(--color-primary);opacity:.9;}

/* Block > Carousel > Gallery */
.block-carousel-gallery .swiper-controls {display:none;}
.block-carousel-gallery .swiper-pagination {display:none;}
.block-carousel-gallery .content-container {margin-top:20px;}
.block-carousel-gallery .card {border:1px solid #D8D8D8;border-radius:20px;overflow:hidden;}
.block-carousel-gallery .card-bg {height:150px;}
.block-carousel-gallery .card-bg img {object-position:center center;object-fit:contain;}
.block-carousel-gallery .card-body {padding:30px;}

.block-carousel-gallery.section-team .content-container {padding:0 60px;position:relative;}
.block-carousel-gallery.section-team .carousel-container {position:static;}
.block-carousel-gallery.section-team .swiper-controls {display:block;}
.block-carousel-gallery.section-team .swiper-controls .swiper-button-prev {left:0;}
.block-carousel-gallery.section-team .swiper-controls .swiper-button-next {right:0;}
.block-carousel-gallery.section-team .card {border:0;}
.block-carousel-gallery.section-team .card-bg {height:215px;}
.block-carousel-gallery.section-team .card-bg img {object-fit:cover;}

/* Block > Carousel > Taxonomy */
.block-carousel-taxonomy .card-bg {height:350px;}
.block-carousel-taxonomy .card-body {padding:30px;}

/* Block > Carousel > Post type */
.block-carousel-post-type .carousel-outer-container {padding-top:20px;}
.block-carousel-post-type .swiper-controls.controls-inline {top:-30px;right:calc( var(--section-padding-x) + 15px );transform:translate(0,-100%);}
.block-carousel-post-type.section-carousel-products .card-bg {height:auto;aspect-ratio:5/6;border-radius:20px;overflow:hidden;transition:border-radius .3s ease-in-out;}
.block-carousel-post-type.section-carousel-products .card-body {padding:20px 0 0;}
.block-carousel-post-type.section-carousel-products .card-body h4 {transition:color .3s ease-in-out;}
.block-carousel-post-type.section-carousel-products .card-body .text {display:flex;align-items:center;transition:color .3s ease-in-out;}
.block-carousel-post-type.section-carousel-products .card-body p {margin:0;}
.block-carousel-post-type.section-carousel-products .card-body .icon {width:16px;height:16px;margin-left:5px;}
.block-carousel-post-type.section-carousel-products a.d-block:hover .card {opacity:1;}
.block-carousel-post-type.section-carousel-products a.d-block:hover .card-bg {border-radius:20px 20px 80px 20px;}
.block-carousel-post-type.section-carousel-products a.d-block:hover .card-body .text {color:var(--color-primary);}
.block-carousel-post-type.section-carousel-products a.d-block:hover .card-body h4 {color:var(--color-primary);}

/* Block > Carousel > Slider */
.block-carousel-slider .swiper-wrapper {-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;margin: 0 auto;align-items:center;}
.block-carousel-slider .text-label {font-size:20px;text-align:center;}
.block-carousel-slider .slide-separator {width:10px;height:10px;border-radius:100%;background-color:var(--color-primary);display:block;margin:0 auto;}

/* Block > Hero + Image before/after */
.block-hero-image-before-after {padding:0;overflow:hidden;}
.block-hero-image-before-after .card {margin:0;height:650px;pointer-events:auto;cursor:col-resize;}
.block-hero-image-before-after .card-bg {height:100%;width:100%;position:absolute;top:0;left:0;z-index:1;pointer-events:none;overflow:hidden;}
.block-hero-image-before-after .card-bg .bg-cover {width:100vw;left:unset;right:0;}
.block-hero-image-before-after .card-bg img {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
.block-hero-image-before-after .card-bg.is-after {left:unset;right:0;width:20%;}
.block-hero-image-before-after .card-overlay::before {display:none;}
.block-hero-image-before-after .card-overlay .card-body {z-index:2;padding:0 var(--section-padding-x);max-width:45%;}
.block-hero-image-before-after .card-content {padding:45px;border-radius:40px;background-color:var(--color-primary);opacity:.9;cursor:auto;}
.block-hero-image-before-after .card-scroller {width:50px;height:50px;position:absolute;left:80%;top:50%;z-index:2;transform:translate(-50%,-50%);border-radius:100%;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(/wp-content/themes/ocean/assets/icons/icon-arrows-scroller.svg);animation:scrollerRipple 1.5s linear infinite;}
.block-hero-image-before-after .card-scroller::before, .block-hero-image-before-after .card-scroller::after {content:"";position:absolute;width:2px;height:400px;left:50%;z-index:9;transform:translate(-50%,0);background-color:var(--color-white);}
.block-hero-image-before-after .card-scroller::before {bottom:100%;}
.block-hero-image-before-after .card-scroller::after {top:100%;}
@-webkit-keyframes scrollerRipple {
  0% {
    box-shadow:
      0 0 0 0 rgba(255,255,255,0),
      0 0 0 0 rgba(255,255,255,0);
  }
  80% {
    box-shadow:
      0 0 0 10px rgba(255,255,255,.3),
      0 0 0 20px rgba(255,255,255,.3);
  }
  100% {
    box-shadow:
      0 0 0 10px rgba(255,255,255,0),
      0 0 0 20px rgba(255,255,255,0);
  }
}
@keyframes scrollerRipple {
  0% {
    box-shadow:
      0 0 0 0 rgba(255,255,255,0),
      0 0 0 0 rgba(255,255,255,0);
  }
  80% {
    box-shadow:
      0 0 0 10px rgba(255,255,255,.3),
      0 0 0 20px rgba(255,255,255,.3);
  }
  100% {
    box-shadow:
      0 0 0 10px rgba(255,255,255,0),
      0 0 0 20px rgba(255,255,255,0);
  }
}

/* Block > 2 Columns */
.block-2-columns .row:not(.g-0):not(.gy-0):not(.row .row) {--bs-gutter-y:30px;}
.block-2-columns .row .row {--bs-gutter-y:0;}
.block-2-columns.section-who-we-are .text {font-size:24px;}

/* Section > Image/Text */
.block-2-columns-text-and-image-full-width .block-image {position:absolute;background-repeat:no-repeat;top:0;height:100%;z-index:0;width:50%;background-position:center center;}

/* Section > Image/Text */
.block-2-columns-text-and-image .section-title div[class*="icon"] {margin-left:auto;margin-right:auto;}
.block-2-columns-text-and-image .img-fluid.w-100, .block-2-columns-text-and-image .img-small {border-radius:20px;}
.block-2-columns-text-and-image .img-small {width:100%;}
.block-2-columns-text-and-image .card.card-single-product {margin:60px 0 0;}

/* Block > 2 Columns > Text + Video full width */
.block-2-columns-text-and-video-full-width {display:flex;flex-wrap:wrap;align-items:center;}
.block-2-columns-text-and-video-full-width .block-video {position:absolute;background-repeat:no-repeat;top:0;height:100%;z-index:0;width:50%;background-position:center center;}
.block-2-columns-text-and-video-full-width .block-video .wrap {height:100%;}
.block-2-columns-text-and-video-full-width .block-video .wrap video, .block-2-columns-text-and-video-full-width .block-video .wrap iframe {width:100%;height:100%;object-fit:cover;}
.block-2-columns-text-and-video-full-width .block-video.video--right {right:0;left:auto;}
.block-2-columns-text-and-video-full-width .block-video.video--left {left:0;right:auto;}

/* Block > List Taxonomy */
.block-list-taxonomy .content-container .card {border:1px solid var(--color-grey-dark);border-radius:10px;overflow:hidden;background-color:var(--white);}

/* Block > List Taxonomy (stile 2) */
.block-list-taxonomy-s2 .content-container .card {border:1px solid var(--color-grey-dark);border-radius:10px;overflow:hidden;background-color:var(--white);}

/* Block > List Documents */
.block-list-documents .content-container ul > li > a {display:block;}
.block-list-documents .content-container ul > li + li > a {padding-top:10px;margin-top:10px;border-top:1px solid var(--color-grey-dark);}

/* Block > List Cards */
.block-list-cards .content-container .card {padding:40px 30px;border-radius:20px;border:1px solid rgba(27,27,27,.3);background-color:transparent;height:100%;}
.block-list-cards .content-container .card-bg {background-size:contain;height:60px;width:60px;}
.block-list-cards .content-container .card-body {padding:20px 0 0;}
.block-list-cards .content-container .section-title h4 {color:var(--color-primary);}

/* Block > List Method */
.block-list-method .content-container .card {background-color:var(--color-grey);overflow:hidden;border-radius:20px;height:100%;}
.block-list-method .content-container .card-bg {height:250px;background-position:center bottom;}
.block-list-method .content-container .card-body {padding:30px 30px 0;}
.block-list-method .content-container .section-title .pre-title {font-family:var(--font-secondary);font-size:40px;font-weight:700;font-style:italic;margin-bottom:10px;}
.block-list-method .content-container .section-title h4 {margin-bottom:0;}

/* Block > Counter */
.block-counter .counter__item {text-align:center;}
.block-counter .counter__item .icon {margin:0 auto 10px;width:60px;height:60px;}
.block-counter .counter-head {display:flex;align-items:flex-end;justify-content:center;gap:0;}
.block-counter .counter {font-size:50px;line-height:1.1;font-weight:700;}
.block-counter .counter-text {font-size:20px;font-weight:700;margin-left:10px;}
.block-counter .counter_text {margin-top:10px;}

/* Block > Banner */
.block-banner:not(.section-cta) {--section-padding-y:30px;}
.block-banner .section-title h3 {font-weight:400;font-size:30px;}

/* Block > Banner > CTA */
.block-banner.section-cta {color:var(--color-white);}
.block-banner.section-cta .section-title h3 {margin-bottom:10px;}

/* Block > Google Map */
.block-gmap {--map-height:450px;padding:0;}
.block-gmap .content-container {height:var(--map-height);position:relative;background-color:#f1f1f1;}
.block-gmap .cookie-accept-text {position:absolute;top:50%;transform:translate(0,-50%);left:0;right:0;margin:0 auto;text-align:center;z-index:0;}
.block-gmap .contact-maps {width:100%;height:var(--map-height);border:0;}
.block-gmap iframe {z-index:1;position:relative;}


/* 
------------------------------------------
Responsive 
------------------------------------------
*/

/* Smartphone */
@media only screen and (max-width:767px) and (min-width:320px) {

  /* Block > Hero + Image before/after */
  .block-hero-image-before-after .card {height:auto;padding-top:320px;}
  .block-hero-image-before-after .card-bg {height:320px;}
  .block-hero-image-before-after .card-scroller {top:calc( 320px / 2 );}
  .block-hero-image-before-after .card-overlay .card-body {max-width:100%;position:relative;top:unset;left:unset;right:unset;bottom:unset;transform:none;padding:0;}
  .block-hero-image-before-after .card-body .col-12 {padding:0;}
  .block-hero-image-before-after .card-content {padding:30px 15px;border-radius:0;}

  /* Section > Image/Text */
  .block-2-columns-text-and-image-full-width .block-image {position:relative;top:unset;width:100%;height:260px;}
  
  /* Block > 2 Columns > Text + Video full width */
  .block-2-columns-text-and-video-full-width .block-video {position:relative;background-repeat:no-repeat;top:0;height:100%;z-index:0;width:100%;height:300px !important;background-position:center center;}	
  .block-2-columns-text-and-video-full-width .block-video.video--right {right:unset;left:unset;}
  .block-2-columns-text-and-video-full-width .block-video.video--left {left:unset;right:unset;}
  .block-2-columns-text-and-video-full-width .block-video .wrap video, .block-2-columns-text-and-video-full-width .block-video .wrap iframe {height:300px !important;}

  /* Section > Image/Text */
  .block-2-columns-text-and-image .section-title div[class*="icon"] {margin-left:0;}
  .block-2-columns-text-and-image .card.card-single-product {margin-top:30px;flex-direction:column;}
  .block-2-columns-text-and-image .card.card-single-product .card-body {padding:20px 0 0;}
  .block-2-columns-text-and-image .img-fluid.w-100, .block-2-columns-text-and-image .img-small {height:200px;object-position:center center;object-fit:cover;}

  /* Block > List Method */
  .block-list-method .content-container .card-body {padding:20px 20px 0;}

  /* Block > Carousel > Post type */
  .block-carousel-post-type .carousel-outer-container {padding-top:0;}
  .block-carousel-post-type .swiper-controls.controls-inline {display:none;}
  .block-carousel-post-type.section-carousel-products .card-bg {aspect-ratio:auto;height:170px;border-radius:15px !important;}

  /* Block > List Cards */
  .block-list-cards .content-container .card {padding:20px;}
  
  /* Block > 2 Columns */
  .block-2-columns.section-who-we-are .text {font-size:18px;}

  /* Block > Carousel > Gallery */
  .block-carousel-gallery .content-container {margin-top:0;}
  .block-carousel-gallery .carousel-container {padding-bottom:30px;}
  .block-carousel-gallery .swiper-pagination {display:flex;bottom:0 !important;}

  .block-carousel-gallery.section-team .content-container {padding:0;}
  .block-carousel-gallery.section-team .swiper-controls {display:none;}
  .block-carousel-gallery.section-team .card-bg {height:215px;}

  /* Block > Banner */
  .block-banner .section-title h3 {font-size:27px;}

  /* Block > Counter */
  .block-counter .counter {font-size:40px;}

}

/* Smartphone Landscape 
@media only screen and (min-width:480px) and (max-width:767px){
}
*/

/* Tablet */
@media only screen and (min-width:768px) and (max-width:991px) {

  /* Block > Hero + Image before/after */
  .block-hero-image-before-after .card {height:auto;padding-top:450px;}
  .block-hero-image-before-after .card-bg {height:450px;}
  .block-hero-image-before-after .card-scroller {top:calc( 450px / 2 );}
  .block-hero-image-before-after .card-overlay .card-body {max-width:100%;position:relative;top:unset;left:unset;right:unset;bottom:unset;transform:none;padding:15px 0;}
  .block-hero-image-before-after .card-content {padding:30px;}

  /* Block > 2 Columns > Text + Video full width */
  .block-2-columns-text-and-video-full-width .block-video {position:relative;background-repeat:no-repeat;top:0;height:100%;z-index:0;width:100%;height:400px !important;background-position:center center;}	
  .block-2-columns-text-and-video-full-width .block-video.video--right {right:unset;left:unset;}
  .block-2-columns-text-and-video-full-width .block-video.video--left {left:unset;right:unset;}
  .block-2-columns-text-and-video-full-width .block-video .wrap video, .block-2-columns-text-and-video-full-width .block-video .wrap iframe {height:400px!important;}

  /* Section > Image/Text */
  .block-2-columns-text-and-image .card.card-single-product {margin-top:30px;}

  /* Block > 2 Columns */
  .block-2-columns.section-who-we-are .text {font-size:20px;}

}

/* Tablet Landscape */
@media only screen and (min-width:992px) and (max-width:1199px) {

  /* Section > Image/Text */
  .block-2-columns-text-and-image .card.card-single-product {margin-top:30px;}
  .block-2-columns-text-and-image .img-small {max-width:600px;margin-left:auto;margin-right:auto;display:block;}

  /* Block > Hero + Image before/after */
  .block-hero-image-before-after .card-overlay .card-body {max-width:60%;}

  /* Block > List Method */
  .block-list-method .content-container .card-body {padding:15px 15px 0;}
  .block-list-method .content-container .card-bg {height:150px;}

}

/* Laptop 13' - 1366x768 Non-Retina */
@media only screen and (min-width:1200px) and (max-width:1366px) {

  /* Block > Hero + Image before/after */
  .block-hero-image-before-after .card-overlay .card-body {max-width:60%;}

  /* Block > List Method */
  .block-list-method .content-container .card-body {padding:15px 15px 0;}
  .block-list-method .content-container .card-bg {height:170px;}

}

/* Laptop 4:3 - 1440x1080 */
@media only screen and (min-width:1367px) and (max-width:1440px) {

  /* Block > Hero + Image before/after */
  .block-hero-image-before-after .card-overlay .card-body {max-width:55%;}

  /* Block > List Cards */
  .block-list-cards .content-container .card {padding:20px 15px;}

}