/* Block > Hero > Video */
.block-hero-video {padding:0;height:100vh;min-height:600px;max-height:900px;overflow:hidden;}
.block-hero-video .video-container {position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;z-index:1;-webkit-transition:width .3s;-moz-transition:width .3s;-o-transition:width .3s;transition:width .3s;}
.block-hero-video .video-container .video {width:100%;height:100%;object-fit:cover;;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.block-hero-video .video-container::after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(1,12,31,.4);}
.block-hero-video .video-container .video-cover {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1;}
.block-hero-video .video-container .video-cover img {width:100%;height:100%;object-position:center center;object-fit:cover;}
.block-hero-video .text-container {position:absolute;top:50%;left:0;right:0;z-index:2;transform:translate(0,-50%);text-align:center;color:var(--color-white);}
.block-hero-video .video-buttons {position:absolute;bottom:50px;left:50px;z-index:9;}
.block-hero-video .video-buttons .btn {padding:0;border-radius:100%;border:0;width:60px;height:60px;background-color:rgba(255,255,255,.6);backdrop-filter:blur(2px);box-shadow:0 4px 4px rgba(0,0,0,.1);background-repeat:no-repeat;background-position:center center;background-size:25px 25px;}
.block-hero-video .video-buttons .btn-video-play {background-image:url(/wp-content/themes/ocean/assets/icons/icon-video-play.svg);}
.block-hero-video .video-buttons .btn-video-play.is--playing {background-image:url(/wp-content/themes/ocean/assets/icons/icon-video-paused.svg);}
.block-hero-video .section-title .pre-title {margin:0;color:var(--color-white);}
.block-hero-video .section-title h1, .block-hero-video .section-title .is-h1 {font-size:100px;}
.block-hero-video .text {margin-bottom:15px;}

/* Block > Carousel > Main */
.block-carousel-main .swiper-controls {display:none;}
.block-carousel-main .swiper-pagination .swiper-pagination-bullet {background-color:var(--color-white);}
.block-carousel-main .card-bg {height:100vh;min-height:600px;max-height:900px;}
.block-carousel-main .card-overlay::before {background-color:rgba(1,12,31,.4);}
.block-carousel-main .card-body {text-align:center;}
.block-carousel-main .card-body .text {font-family:var(--font-tertiary);font-size:45px;font-weight:350;}
.block-carousel-main .section-title .pre-title {font-size:16px;font-weight:400;text-transform:uppercase;font-family:var(--font-primary);color:var(--color-white);}
.block-carousel-main .section-title h1, .block-carousel-main .section-title .is-h1 {font-size:100px;}

/* Block > Carousel > Gallery */
.block-carousel-gallery .card-bg {height:250px;}
.block-carousel-gallery .card.is-video .card-bg::after {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(/wp-content/themes/ocean/assets/icons/icon-play.svg); }
.block-carousel-gallery.background-contain .card .card-bg {background-size:contain !important;}

/* Block > Carousel > Video/Image */
.block-carousel-video-and-image .card-bg {height:250px;}
.block-carousel-video-and-image .card.is-video .card-bg::after {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(/wp-content/themes/ocean/assets/icons/icon-play.svg); }
.block-carousel-video-and-image.background-contain .card .card-bg {background-size:contain !important;}

/* 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 .card-bg {height:350px;}
.block-carousel-post-type .card-body {padding:30px;}

/* 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;}
.block-carousel-slider .swiper-slide {width:auto;}
.block-carousel-slider .slide-content {display:flex;align-items:center;}
.block-carousel-slider .slide-separator {width:10px;height:10px;border-radius:100%;background-color:var(--color-primary);display:block;margin-right:15px;}
.block-carousel-slider .text-label {font-size:20px;}

/* Block > Carousel > Vision */
.block-carousel-vision {overflow:hidden;}
.block-carousel-vision .content-container {margin-top:60px;}
.block-carousel-vision .carousel-container {overflow:visible;}
.block-carousel-vision .card {border-radius:20px;overflow:hidden;}
.block-carousel-vision .card .card-bg {height:330px;}
.block-carousel-vision .card .card-overlay::before {background:linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,1) 100%);opacity:.8;}
.block-carousel-vision .card .card-overlay .card-body {top:unset;bottom:0;transform:none;padding:30px;}
.block-carousel-vision .card h4 {font-family:var(--font-tertiary);font-size:45px;font-weight:400;margin-bottom:20px;}
.block-carousel-vision.is-alternative .card {border-radius:0;}
.block-carousel-vision.is-alternative .card .card-bg {width:30px;height:30px;margin-bottom:30px;}
.block-carousel-vision.is-alternative .card .card-bg img {object-fit:contain;object-position:center center;}
.block-carousel-vision.is-alternative .card .card-body {padding:30px 0 0;border-top:1px solid #979797;}
.block-carousel-vision.is-alternative .card h4 {font-family:var(--font-secondary);font-size:33px;text-transform:uppercase;margin-bottom:10px;color:var(--color-primary);}

/* Blocks > Carousel > Rooms */
.block-carousel-rooms {overflow:hidden;}
.block-carousel-rooms .text {-webkit-column-count:2;column-count:2;-webkit-column-gap:30px;column-gap:30px;}
.block-carousel-rooms .carousel-container {overflow:visible;}

/* Block > 2 Columns */
.block-2-columns .row {--bs-gutter-y:30px;--bs-gutter-x:60px;}
.block-2-columns .row .row {--bs-gutter-y:0;}

/* Block > 2 Columns > Text + Image */
.block-2-columns-text-and-image .item-list {margin-top:30px;}

/* 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;}

/* Block > 2 Columns > Text + Gallery */
.block-2-columns-text-and-gallery .card {border-radius:20px;overflow:hidden;}
.block-2-columns-text-and-gallery .card .card-bg {height:auto;aspect-ratio:1;}

/* 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(--color-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(--color-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 .card {text-align:center;}
.block-list-cards .card .card-bg {height:auto;aspect-ratio:7/6;border-radius:20px;position:relative;}
.block-list-cards .card .card-body {padding:20px 0 0;}
.block-list-cards .card h4 {margin:0;font-size:45px;font-weight:350;font-family:var(--font-tertiary);color:var(--color-white);position:absolute;top:50%;left:0;right:0;transform:translate(0,-50%);}
.block-list-cards.is-alternative .card .card-bg {height:110px;aspect-ratio:unset;border-radius:0;background-size:contain;}
.block-list-cards.is-alternative .card .card-body {padding-top:40px;}
.block-list-cards.is-alternative .card h4 {font-family:var(--font-secondary);font-size:40px;font-weight:400;text-transform:uppercase;color:var(--color-primary);margin-bottom:15px;position:relative;top:unset;left:unset;right:unset;transform:none;}

/* Block > List > Menu */
.block-list-menu .nav-tabs {border:0;justify-content:center;gap:10px;}
.block-list-menu .nav-tabs .nav-link {margin:0;border:1px solid var(--color-primary);border-radius:30px;font-size:16px;font-weight:500;padding:12px 20px;background-color:transparent;color:var(--color-primary);transition:color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;}
.block-list-menu .nav-tabs .nav-link:hover, .block-list-menu .nav-tabs .nav-link.active {background-color:var(--color-primary) !important;color:var(--color-white) !important;border-color:var(--color-primary) !important;}
.block-list-menu .block-content {padding-top:var(--section-padding-y);}
.block-list-menu .block-content > .row {--bs-gutter-x:60px;}
.block-list-menu .block-dish {padding-bottom:20px;border-bottom:1px solid #D9D9D9;}
.block-list-menu .block-dish + .block-dish {margin-top:20px;}
.block-list-menu .block-dish .title {display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;}
.block-list-menu .block-dish h4 {font-size:20px;font-weight:400;margin:0;text-transform:uppercase;}
.block-list-menu .block-dish .text {margin-top:15px;}
.block-list-menu .block-dish .price {font-size:20px;}
.block-list-menu .block-disclaimer {margin-top:30px;}
.block-list-menu .image-container {height:100%;}
.block-list-menu .image-container .img-fluid {border-radius:20px;width:100%;position:sticky;top:calc( var(--body-offset) + 30px );}

/* Block > Counter */
.block-counter .counter__item {text-align:center;}
.block-counter .counter-head {display:flex;align-items:flex-end;justify-content:center;gap:0;}
.block-counter .counter {font-size:50px;}
.block-counter .counter-text {font-size:50px;}
.block-counter .counter-text small {font-size:20px;margin-left:-5px;}

/* Block > Simple CTA */
.block-simple-cta {color:var(--color-white);}
.block-simple-cta .section-title h3, .block-simple-cta .section-title .is-h3 {color:var(--color-white);}
.block-simple-cta .row {--bs-gutter-y:30px;}

/* Block > Simple Bubbles */
.block-simple-bubbles {padding-bottom:610px;}
.block-simple-bubbles .img-circle {position:absolute;width:150px;aspect-ratio:1;border-radius:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;}
.block-simple-bubbles .img-circle-1 {top:15%;left:15%;animation-name:circleTopLeft;animation-duration:6s;}
.block-simple-bubbles .img-circle-2 {top:15%;right:15%;animation-name:circleTopRight;animation-duration:8s;}
.block-simple-bubbles .img-circle-3 {bottom:20%;left:10%;width:225px;animation-name:circleBottomLeft;animation-duration:7s;}
.block-simple-bubbles .img-circle-4 {bottom:10%;left:50%;width:460px;transform:translate(-50%,0);animation-name:circleCenter;animation-duration:5s;}
.block-simple-bubbles .img-circle-5 {bottom:20%;right:10%;width:225px;animation-name:circleBottomRight;animation-duration:6.5s;}

@keyframes circleTopLeft {
  0% {transform:translateY(0);}
  25% {transform:translateX(-10px);}
  50% {transform:translateY(-20px);}
  75% {transform:translateX(-10px);}
  100% {transform:translateY(-30px);}
}
@-webkit-keyframes circleTopLeft {
  0% {transform:translateY(0);}
  25% {transform:translateX(-10px);}
  50% {transform:translateY(-20px);}
  75% {transform:translateX(-10px);}
  100% {transform:translateY(-30px);}
}

@keyframes circleTopRight {
  0% {transform:translateY(0);}
  25% {transform:translateX(10px);}
  50% {transform:translateY(20px);}
  75% {transform:translateX(10px);}
  100% {transform:translateY(30px);}
}
@-webkit-keyframes circleTopRight {
  0% {transform:translateY(0);}
  25% {transform:translateX(10px);}
  50% {transform:translateY(20px);}
  75% {transform:translateX(10px);}
  100% {transform:translateY(30px);}
}

@keyframes circleBottomLeft {
  0% {transform:translateX(0);}
  25% {transform:translateY(10px);}
  50% {transform:translateX(20px);}
  75% {transform:translateY(10px);}
  100% {transform:translateX(30px);}
}
@-webkit-keyframes circleBottomLeft {
  0% {transform:translateX(0);}
  25% {transform:translateY(10px);}
  50% {transform:translateX(20px);}
  75% {transform:translateY(10px);}
  100% {transform:translateX(30px);}
}

@keyframes circleBottomRight {
  0% {transform:translateX(0);}
  25% {transform:translateY(-10px);}
  50% {transform:translateX(-20px);}
  75% {transform:translateY(-10px);}
  100% {transform:translateX(-30px);}
}
@-webkit-keyframes circleBottomRight {
  0% {transform:translateX(0);}
  25% {transform:translateY(-10px);}
  50% {transform:translateX(-20px);}
  75% {transform:translateY(-10px);}
  100% {transform:translateX(-30px);}
}

@keyframes circleCenter {
  0% {transform:translateX(-50%);}
  25% {transform:translateX(-50%) translateY(-10px);}
  50% {transform:translateX(-47%);}
  75% {transform:translateX(-50%) translateY(-10px);}
  100% {transform:translateX(-52%);}
}
@-webkit-keyframes circleCenter {
  0% {transform:translateX(-50%);}
  25% {transform:translateX(-50%) translateY(-10px);}
  50% {transform:translateX(-47%);}
  75% {transform:translateX(-50%) translateY(-10px);}
  100% {transform:translateX(-52%);}
}

/* Blocks > Contacts */
.block-contacts .contact-item {text-align:center;}
.block-contacts .contact-item .icon {--icon-size:40px;margin:0 auto 50px;}
.block-contacts .contact-item h4 {font-size:35px;margin-bottom:15px;}

/* Blocks > Experience */
.block-experience .isotope__filters {margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 15px;}
.block-experience .isotope__filters .btn {color:#979797;border:1px solid #979797;background-color:transparent;border-radius:30px;padding:10px 15px;margin:0;}
.block-experience .isotope__filters .btn:hover {background-color:transparent !important;color:var(--color-secondary) !important;border-color:var(--color-secondary) !important;}
.block-experience .isotope__filters .btn.is-checked {background-color:var(--color-secondary) !important;color:var(--color-white) !important;border-color:var(--color-secondary);}
.block-experience .card {margin:60px 0 0;text-align:left;}
.block-experience .card .card-bg {border-radius:20px;height:auto;aspect-ratio:3/2;}
.block-experience .card .card-body {padding:30px 0 0;}
.block-experience .card h4 {font-size:20px;font-weight:400;text-transform:uppercase;margin-bottom:10px;}


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

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

  /* Block > Hero > Video */
  .block-hero-video {height:500px;min-height:unset;max-height:unset;}
  .block-hero-video .video-buttons {bottom:20px;left:20px;}
  .block-hero-video .video-buttons .btn {width:50px;height:50px;background-size:20px 20px;}
  .block-hero-video .section-title h1, .block-hero-video .section-title .is-h1 {font-size:50px;}

  /* Block > Carousel > Main */
  .block-carousel-main .card-bg {height:400px;min-height:unset;max-height:unset;}
  .block-carousel-main .card-body .text {font-size:30px;}
  .block-carousel-main .section-title h1, .block-carousel-main .section-title .is-h1 {font-size:50px;}

  /* Block > Carousel > Vision */
  .block-carousel-vision .content-container {margin-top:30px;}
  .block-carousel-vision .card {border-radius:15px;}
  .block-carousel-vision .card .card-overlay .card-body {padding:20px;}
  .block-carousel-vision .card h4 {font-size:30px;}
  .block-carousel-vision.is-alternative .card .card-bg {margin-bottom:20px;}
  .block-carousel-vision.is-alternative .card .card-body {padding-top:20px;}
  .block-carousel-vision.is-alternative .card h4 {font-size:26px;}

  /* Block > 2 Columns */
  .block-2-columns .row {--bs-gutter-x:30px;}

  /* 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;}

  /* Block > List Cards */
  .block-list-cards .content-container > .row {flex-wrap:nowrap;overflow:hidden;overflow-x:auto;padding-bottom:5px;}
  .block-list-cards .content-container div[class*="col-"] {max-width:300px;}
  .block-list-cards .card .card-body {padding-top:15px;}
  .block-list-cards .card h4 {font-size:40px;}
  .block-list-cards.is-alternative .card .card-body {padding-top:20px;}
  .block-list-cards.is-alternative .card h4 {font-size:30px;margin-bottom:10px;}

  /* Block > List > Menu */
  .block-list-menu .image-container {margin-top:30px;height:auto;}
  .block-list-menu .image-container .img-fluid {position:relative;top:unset;}
  .block-list-menu .nav-tabs {flex-direction:column;}
  .block-list-menu .nav-tabs .nav-link {padding:7px 20px;margin:0 auto;}
  .block-list-menu .block-content > .row {--bs-gutter-x:30px;}
  .block-list-menu .block-dish h4 {font-size:18px;}
  .block-list-menu .block-dish .price {font-size:18px;margin-top:15px;}

  /* Block > Simple Bubbles */
  .block-simple-bubbles {padding-bottom:300px;}
  .block-simple-bubbles .img-circle {display:none;}
  .block-simple-bubbles .img-circle-4 {bottom:5%;width:240px;display:block;}

  /* Blocks > Contacts */
  .block-contacts .contact-item .icon {--icon-size:30px;margin-bottom:15px;}
  .block-contacts .contact-item h4 {font-size:25px;}

  /* Blocks > Carousel > Rooms */
  .block-carousel-rooms .text {-webkit-column-count:1;column-count:1;}

  /* Blocks > Experience */
  .block-experience .card {margin:30px 0 0;}
  .block-experience .card .card-body {padding-top:20px;}
  .block-experience .card h4 {font-size:18px;}

}

/* 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 > 2 Columns */
  .block-2-columns .row {--bs-gutter-x: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;}

  /* Block > List Cards */
  .block-list-cards .content-container > .row {flex-wrap:nowrap;overflow:hidden;overflow-x:auto;padding-bottom:5px;}

  /* Block > List > Menu */
  .block-list-menu .image-container {margin-top:30px;height:auto;}
  .block-list-menu .image-container .img-fluid {position:relative;top:unset;}
  .block-list-menu .block-content > .row {--bs-gutter-x:30px;}
  .block-list-menu .nav-tabs .nav-link {padding:12px 15px;}

  /* Block > Simple Bubbles */
  .block-simple-bubbles {padding-bottom:400px;}
  .block-simple-bubbles .img-circle {width:100px;}
  .block-simple-bubbles .img-circle-1 {top:6%;left:6%;}
  .block-simple-bubbles .img-circle-2 {top:6%;right:6%;}
  .block-simple-bubbles .img-circle-3 {bottom:10%;left:4%;width:130px;}
  .block-simple-bubbles .img-circle-4 {bottom:5%;width:340px;}
  .block-simple-bubbles .img-circle-5 {bottom:10%;right:4%;width:130px;}

  /* Blocks > Contacts */
  .block-contacts .contact-item .icon {margin-bottom:30px;}
  .block-contacts .contact-item h4 {font-size:30px;}

}

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

  /* Block > Hero > Video */
  .block-hero-video .section-title h1, .block-hero-video .section-title .is-h1 {font-size:70px;}

  /* Block > Carousel > Main */
  .block-carousel-main .section-title h1, .block-carousel-main .section-title .is-h1 {font-size:70px;}

  /* Block > Simple Bubbles */
  .block-simple-bubbles {padding-bottom:450px;}
  .block-simple-bubbles .img-circle-1 {top:8%;left:8%;}
  .block-simple-bubbles .img-circle-2 {top:8%;right:8%;}
  .block-simple-bubbles .img-circle-3 {left:5%;width:200px;}
  .block-simple-bubbles .img-circle-4 {width:360px;}
  .block-simple-bubbles .img-circle-5 {right:5%;width:200px;}

  /* Blocks > Contacts */
  .block-contacts .contact-item .icon {margin-bottom:30px;}
  .block-contacts .contact-item h4 {font-size:30px;}

  /* Block > List Cards */
  .block-list-cards .content-container > .row {flex-wrap:nowrap;overflow:hidden;overflow-x:auto;padding-bottom:5px;}

}

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

  /* Block > Hero > Video */
  .block-hero-video .section-title h1, .block-hero-video .section-title .is-h1 {font-size:80px;}

  /* Block > Carousel > Main */
  .block-carousel-main .section-title h1, .block-carousel-main .section-title .is-h1 {font-size:80px;}

  /* Block > Simple Bubbles */
  .block-simple-bubbles {padding-bottom:500px;}
  .block-simple-bubbles .img-circle-1 {top:10%;left:10%;}
  .block-simple-bubbles .img-circle-2 {top:10%;right:10%;}
  .block-simple-bubbles .img-circle-3 {left:5%;width:200px;}
  .block-simple-bubbles .img-circle-4 {width:360px;}
  .block-simple-bubbles .img-circle-5 {right:5%;width:200px;}

}

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