/* Block > Carousel > Main */
.block-carousel-main .card-bg {height:100vh;min-height:500px;max-height:900px;}
.block-carousel-main .card-overlay::before {background-color:rgba(0,0,0,0.45);}
.block-carousel-main .card-overlay .card-body {padding:60px 0;top:unset;bottom:0;transform:none;text-align:center;}
.block-carousel-main .text {font-size:23px;}

/* 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 {overflow:hidden;}
.block-carousel-slider .carousel-container {overflow:visible;}
.block-carousel-slider .swiper-wrapper {-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;margin: 0 auto;display:flex;}
.block-carousel-slider .swiper-slide {width:auto;}
.block-carousel-slider .slide-content {display:flex;align-items:center;}
.block-carousel-slider .slide-separator {display:none;}
.block-carousel-slider .text-label {font-size:77px;color:var(--color-grey);}
.block-carousel-slider .text-label i {font-family:var(--font-secondary);font-size:120%;}
.block-carousel-slider.has-slide-black .swiper-slide[data-swiper-slide-index="1"] .text-label {color:var(--color-black);}

/* Block > Carousel > Cards */
.block-carousel-cards.section-plus .card .card-bg {height:30px;background-size:contain;}
.block-carousel-cards.section-plus .card .card-body {padding:20px 0 0;text-align:center;}
.block-carousel-cards.section-plus .card h4 {font-size:25px;font-weight:700;margin-bottom:10px;}

/* Block > 2 Columns */
.block-2-columns .row {--bs-gutter-y:30px;}
.block-2-columns .row .row {--bs-gutter-y:0;}

/* Block > 2 Columns > Text + Image */
.block-2-columns-text-and-image .img-fluid {border-radius:30px;}
.block-2-columns-text-and-image .img-secondary {width:340px;margin-bottom:50px;}
.block-2-columns-text-and-image.is-alternative .img-secondary {margin:90px 0 0;}

/* 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 + 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-radius:20px;overflow:hidden;background-color:var(--color-grey-light);}
.block-list-taxonomy .content-container .card-bg {height:auto;aspect-ratio:1;}
.block-list-taxonomy .content-container .card-overlay::before {display:none;}
.block-list-taxonomy .content-container .card-overlay .card-body {top:unset;bottom:0;transform:none;padding:30px;color:var(--color-black);opacity:1;z-index:2;transition:opacity .3s ease-in-out;}
.block-list-taxonomy .content-container .card-overlay .card-footer {padding:30px;border:0;position:absolute;bottom:0;left:0;right:0;opacity:0;z-index:1;transition:opacity .3s ease-in-out;}
.block-list-taxonomy .content-container .card h4 {font-size:35px;font-weight:400;margin-bottom:10px;}
.block-list-taxonomy .content-container .card .btn {width:100%;padding-left:10px;padding-right:10px;}
.block-list-taxonomy .content-container a.d-block:hover .card-overlay .card-body {opacity:0;z-index:1;}
.block-list-taxonomy .content-container a.d-block:hover .card-overlay .card-footer {opacity:1;z-index:2;}

/* Block > List Taxonomy (stile 2) */
.block-list-taxonomy-s2 .content-container .card {border:1px solid var(--color-grey);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);}

/* Block > List > Cards */
.block-list-cards .card {border:1px solid var(--color-grey);border-radius:20px;padding:30px;}
.block-list-cards .card.is-card-2 {margin-top:60px;}
.block-list-cards .card .card-bg {background-size:contain;width:50px;height:50px;}
.block-list-cards .card .card-body {padding:0;}
.block-list-cards .card .card-bg + .card-body {padding-top:30px;}
.block-list-cards .card h4 {font-size:25px;font-weight:700;margin-bottom:10px;}
.block-list-cards .card .pre-title {font-size:20px;font-weight:400;margin-bottom:5px;}
.block-list-cards .card .pre-title + h4 {font-size:35px;font-weight:400;margin-bottom:30px;}
.block-list-cards .card .subtitle {font-size:20px;font-weight:400;margin-bottom:30px;}

.block-list-cards.is-alternative .card {margin-top:0;min-height:100%;}
.block-list-cards.is-alternative .card h4 {font-size:35px;font-weight:400;margin-bottom:5px;}

/* Block > List > Cards > Links */
.block-list-cards-link .card {border-radius:30px;overflow:hidden;opacity:1 !important;text-align:center;}
.block-list-cards-link .card .card-bg {height:390px;}
.block-list-cards-link .card .card-overlay::before {display:none;}
.block-list-cards-link .card .card-overlay .card-body {padding:0 90px;}
.block-list-cards-link .card h4 {font-size:60px;font-weight:400;margin-bottom:20px;line-height:1;letter-spacing:-2px;}

/* Block > List > Post Type */
.block-list-post-type .content-container {margin-top:0;}

/* 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 > Footer Columns Content */
.block-footer-columns-content {margin-top:30px;}
.block-footer-columns-content .lead {font-size:16px;font-weight:700;text-transform:uppercase;margin-bottom:10px;}
.block-footer-columns-content .list-group > li + li {padding-top:0;}
.block-footer-columns-content .list-group > li > a {display:inline-block;}
.block-footer-columns-content .text img {max-width:100%;height:auto;}

/* Block > Info Cards */
.block-info-cards .content-container .img-fluid {width:100%;margin-top:150px;}
.block-info-cards .content-container .card {background-repeat:no-repeat;background-position:top left;background-size:370px;background-image:url(/wp-content/themes/ocean/assets/img/bg-card-info.webp);background-color:var(--color-grey-light);border-radius:25px;position:relative;z-index:1;}
.block-info-cards .content-container .card::after {content:"";position:absolute;z-index:-1;background-repeat:no-repeat;background-size:contain;width:100%;max-width:300px;}
.block-info-cards .content-container .card.is-2 {margin-top:150px;} 
.block-info-cards .content-container .card.is-3 {margin-top:200px;}
.block-info-cards .content-container .card.is-1::after {bottom:0;right:120px;height:80px;transform:translate(100%,100%);background-image:url(/wp-content/themes/ocean/assets/img/line-card-info-01.svg);background-position:bottom right;}
.block-info-cards .content-container .card.is-2::after {bottom:0;left:120px;height:80px;transform:translate(-100%,100%);background-image:url(/wp-content/themes/ocean/assets/img/line-card-info-02.svg);background-position:bottom left;}
.block-info-cards .content-container .card.is-3::after {top:0;left:100px;height:40px;transform:translate(0,-100%);background-image:url(/wp-content/themes/ocean/assets/img/line-card-info-03.svg);background-position:top right;}
.block-info-cards .content-container .card-header {border:0;padding:0;padding-bottom:10px;padding-right:20px;display:flex;align-items:center;}
.block-info-cards .content-container .card-header .image {width:95px;flex-shrink:0;aspect-ratio:1;position:relative;margin-right:30px;}
.block-info-cards .content-container .card-header .image img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-position:center center;object-fit:contain;}
.block-info-cards .content-container .card-header .title {flex-grow:1;}
.block-info-cards .content-container .card-body {padding:20px;}
.block-info-cards .content-container .card .number {font-size:16px;font-weight:400;margin-bottom:5px;}
.block-info-cards .content-container .card h4 {font-size:25px;font-weight:700;margin:0;}

/* Block > Simple Boxed */
.block-simple-boxed .content-container {background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:30px;padding:60px 30px;}

/* Block > Vision */
.block-vision {padding-top:320px;padding-bottom:320px;}
.block-vision .block-image {position:absolute;width:200px;}
.block-vision .block-image img {width:100%;height:auto;}
.block-vision .block-image.is-1 {top:var(--section-padding-y);left:16.66666667%;}
.block-vision .block-image.is-2 {top:160px;right:var(--section-padding-x);}
.block-vision .block-image.is-3 {bottom:160px;left:var(--section-padding-x);}
.block-vision .block-image.is-4 {bottom:var(--section-padding-y);right:16.66666667%;}


/* 
------------------------------------------
Responsive 
------------------------------------------
*/

/* Smartphone */
@media only screen and (max-width:767px) and (min-width:320px) {

  /* Block > Carousel > Slider */
  .block-carousel-slider .text-label {font-size: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 > Carousel > Main */
  .block-carousel-main .card-bg {height:500px;min-height:unset;max-height:unset;}
  .block-carousel-main .card-overlay .card-body {padding:30px 0;}
  .block-carousel-main .text {font-size:18px;}

  /* Block > 2 Columns > Text + Image */
  .block-2-columns-text-and-image .section-title h3 {margin-bottom:0;}
  .block-2-columns-text-and-image .img-secondary {margin-bottom:30px;}
  .block-2-columns-text-and-image.is-alternative .img-secondary {margin-top:30px;}

  /* Block > List Taxonomy */
  .block-list-taxonomy .content-container .card-overlay .card-body {padding:20px;}
  .block-list-taxonomy .content-container .card-overlay .card-footer {padding:20px;}
  .block-list-taxonomy .content-container .card h4 {font-size:30px;}
  
  /* Block > List > Post Type */
  .block-list-post-type .content-container {margin-top:30px;}

  /* Block > List > Cards */
  .block-list-cards .card {border-radius:15px;padding:20px;}
  .block-list-cards .card.is-card-2 {margin-top:0;}
  .block-list-cards .card .card-bg + .card-body {padding-top:15px;}
  .block-list-cards .card h4 {font-size:20px;}
  .block-list-cards .card .pre-title {font-size:18px;}
  .block-list-cards .card .pre-title + h4 {font-size:30px;margin-bottom:20px;}
  .block-list-cards .card .subtitle {font-size:18px;margin-bottom:20px;}

  .block-list-cards.is-alternative .content-container {margin-top:0;}
  .block-list-cards.is-alternative .card h4 {font-size:30px;}

  /* Block > List > Cards > Links */
  .block-list-cards-link .card .card-bg {height:330px;}
  .block-list-cards-link .card .card-overlay .card-body {padding:0 20px;}
  .block-list-cards-link .card h4 {font-size:30px;letter-spacing:-1px;}

  /* Block > Info Cards */
  .block-info-cards .content-container {margin-top:0;}
  .block-info-cards .content-container .img-fluid {width:280px;margin:0;}
  .block-info-cards .content-container .card {background-size:340px;}
  .block-info-cards .content-container .card::after {display:none;}
  .block-info-cards .content-container .card.is-2 {margin-top:30px;} 
  .block-info-cards .content-container .card.is-3 {margin-top:30px;}
  .block-info-cards .content-container .card-header .image {width:85px;}
  .block-info-cards .content-container .card h4 {font-size:22px;}

  /* Block > Vision */
  .block-vision {padding-top:var(--section-padding-y);padding-bottom:var(--section-padding-y);}
  .block-vision .block-image {display:none;}

}

/* 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 > Carousel > Main */
  .block-carousel-main .card-bg {height:620px;min-height:unset;max-height:unset;}
  .block-carousel-main .card-overlay .card-body {padding:40px 0;}
  .block-carousel-main .text {font-size:21px;}

  /* Block > Carousel > Slider */
  .block-carousel-slider .text-label {font-size:40px;}

  /* 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 > 2 Columns > Text + Image */
  .block-2-columns-text-and-image .img-secondary {margin-bottom:30px;}
  .block-2-columns-text-and-image.is-alternative .img-secondary {margin-top:30px;}

  /* Block > List Taxonomy */
  .block-list-taxonomy .content-container .card-overlay .card-body {padding:20px;}
  .block-list-taxonomy .content-container .card-overlay .card-footer {padding:20px;}
  .block-list-taxonomy .content-container .card h4 {font-size:30px;}
  
  /* Block > List > Post Type */
  .block-list-post-type .content-container {margin-top:30px;}

  /* Block > List > Cards */
  .block-list-cards .card.is-card-2 {margin-top:0;}

  /* Block > List > Cards > Links */
  .block-list-cards-link .card .card-bg {height:350px;}
  .block-list-cards-link .card h4 {font-size:40px;}

  /* Block > Info Cards */
  .block-info-cards .content-container {margin-top:0;}
  .block-info-cards .content-container .img-fluid {width:350px;margin:0;}
  .block-info-cards .content-container .card::after {display:none;}
  .block-info-cards .content-container .card.is-2 {margin-top:150px;} 
  .block-info-cards .content-container .card.is-3 {margin-top:80px;}
  .block-info-cards .content-container .card-header .image {width:85px;}

  /* Block > Vision */
  .block-vision {padding-top:350px;padding-bottom:350px;}
  .block-vision .block-image {width:170px;}
  .block-vision .block-image.is-2 {top:var(--section-padding-y);}
  .block-vision .block-image.is-3 {bottom:var(--section-padding-y);}

}

/* Tablet Landscape */
@media only screen and (min-width:992px) and (max-width:1199px) {

  /* Block > Carousel > Slider */
  .block-carousel-slider .text-label {font-size:50px;}

  /* Block > List Taxonomy */
  .block-list-taxonomy .content-container .card-overlay .card-body {padding:20px;}
  .block-list-taxonomy .content-container .card-overlay .card-footer {padding:20px;}
  .block-list-taxonomy .content-container .card h4 {font-size:30px;}

  /* Block > List > Cards */
  .block-list-cards .card {padding:20px;}
  .block-list-cards .card .card-bg + .card-body {padding-top:20px;}
  .block-list-cards .card h4 {font-size:23px;}
  .block-list-cards .card .pre-title + h4 {font-size:33px;}
  
  .block-list-cards.is-alternative .card h4 {font-size:33px;}

  /* Block > List > Cards > Links */
  .block-list-cards-link .card .card-bg {height:350px;}
  .block-list-cards-link .card .card-overlay .card-body {padding:0 50px;}
  .block-list-cards-link .card h4 {font-size:40px;letter-spacing:-2px;}

  /* Block > 2 Columns > Text + Image */
  .block-2-columns-text-and-image .img-secondary {width:200px;border-radius:20px;}
  .block-2-columns-text-and-image.is-alternative .img-secondary {margin-top:30px;}

  /* Block > Info Cards */
  .block-info-cards .content-container .img-fluid {margin-top:150px;}
  .block-info-cards .content-container .card::after {display:none;}
  .block-info-cards .content-container .card.is-2 {margin-top:50px;} 
  .block-info-cards .content-container .card.is-3 {margin-top:80px;transform:translateX(100px);}

  /* Block > Vision */
  .block-vision .block-image {width:170px;}

}

/* Laptop 13' - 1366x768 Non-Retina */
@media only screen and (min-width:1200px) and (max-width:1366px) {

  /* Block > Carousel > Slider */
  .block-carousel-slider .text-label {font-size:65px;}

  /* Block > Info Cards */
  .block-info-cards .content-container .img-fluid {margin-top:300px;}
  .block-info-cards .content-container .card::after {content:"";position:absolute;z-index:-1;background-repeat:no-repeat;background-size:contain;width:100%;max-width:400px;}
  .block-info-cards .content-container .card.is-2 {margin-top:100px;} 
  .block-info-cards .content-container .card.is-3 {margin-top:100px;}
  .block-info-cards .content-container .card.is-1::after {right:0;background-size:cover;width:140px;transform:translate(100%,-100%);}
  .block-info-cards .content-container .card.is-2::after {left:0;background-size:cover;width:100px;transform:translate(-100%,-100%);}
  .block-info-cards .content-container .card.is-3::after {width:240px;}

}

/* Laptop 4:3 - 1440x1080 */
@media only screen and (min-width:1367px) and (max-width:1440px) {

  /* Block > Info Cards */
  .block-info-cards .content-container .img-fluid {margin-top:250px;}
  .block-info-cards .content-container .card::after {content:"";position:absolute;z-index:-1;background-repeat:no-repeat;background-size:contain;width:100%;max-width:260px;}
  .block-info-cards .content-container .card.is-2 {margin-top:100px;} 
  .block-info-cards .content-container .card.is-3 {margin-top:100px;}
  .block-info-cards .content-container .card.is-1::after {background-size:cover;width:240px;transform:translate(100%,-100%);}
  .block-info-cards .content-container .card.is-2::after {background-size:cover;width:240px;transform:translate(-100%,-100%);}
  .block-info-cards .content-container .card.is-3::after {width:240px;}

}