.elementor-68 .elementor-element.elementor-element-708804b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-68 .elementor-element.elementor-element-5c9f78a{width:var( --container-widget-width, 50% );max-width:50%;padding:0px 0px 6px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;border-style:solid;border-width:0px 0px 4px 0px;border-color:#AA9C7A;}.elementor-68 .elementor-element.elementor-element-5c9f78a .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:30px;font-weight:500;text-transform:uppercase;line-height:33px;color:var( --e-global-color-4e474bc );}.elementor-68 .elementor-element.elementor-element-49b2c47{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-68 .elementor-element.elementor-element-a24e31a{width:100%;max-width:100%;padding:0px 0px 32px 0px;text-align:center;}.elementor-68 .elementor-element.elementor-element-a24e31a .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:40px;font-weight:500;line-height:44px;color:#AA9C7A;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-68 .elementor-element.elementor-element-483536b.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:15px;}.elementor-68 .elementor-element.elementor-element-483536b{width:var( --container-widget-width, 1024px );max-width:1024px;--container-widget-width:1024px;--container-widget-flex-grow:0;}.elementor-68 .elementor-element.elementor-element-483536b.elementor-element{--align-self:center;}.elementor-68 .elementor-element.elementor-element-483536b .elementor-thumbnails-swiper .elementor-carousel-image{aspect-ratio:4 / 3;}.elementor-68 .elementor-element.elementor-element-483536b .elementor-swiper-button{font-size:50px;color:#FFFFFF;}.elementor-68 .elementor-element.elementor-element-483536b .elementor-swiper-button svg{fill:#FFFFFF;}.elementor-68 .elementor-element.elementor-element-483536b .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#9E8F66;opacity:1;}.elementor-68 .elementor-element.elementor-element-483536b .elementor-custom-embed-play i{color:var( --e-global-color-4e474bc );}.elementor-68 .elementor-element.elementor-element-483536b .elementor-custom-embed-play svg{fill:var( --e-global-color-4e474bc );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-68 .elementor-element.elementor-element-708804b{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-68 .elementor-element.elementor-element-483536b.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-68 .elementor-element.elementor-element-483536b{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-68 .elementor-element.elementor-element-5c9f78a{width:100%;max-width:100%;}.elementor-68 .elementor-element.elementor-element-a24e31a .elementor-heading-title{font-size:25px;line-height:25px;}.elementor-68 .elementor-element.elementor-element-483536b.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:0px;}.elementor-68 .elementor-element.elementor-element-483536b .elementor-main-swiper:not(.elementor-thumbnails-swiper){height:205px;}}/* Start custom CSS for heading, class: .elementor-element-a24e31a */.delicacy-title {
    width: 100%;
    background: url(https://seventhson.hk/catalog/view/theme/seventhson/images/delicacy-title-bg.png) no-repeat center bottom;
}
.elementor-68 .elementor-element.elementor-element-a24e31a h2 > span {
    background: url(https://seventhson.hk/catalog/view/theme/seventhson/images/delicacy-title-left.png) no-repeat left 6px;
    padding-left: 48px;
}

.elementor-68 .elementor-element.elementor-element-a24e31a h2 span {
    display: inline-block;
    min-height: 32px;
}


.elementor-68 .elementor-element.elementor-element-a24e31a h2 > span > span {
    background: url(https://seventhson.hk/catalog/view/theme/seventhson/images/delicacy-title-right.png) no-repeat right 6px;
    padding-right: 48px;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-483536b */.swiper-slide{
    border: 3px solid #fff;
}
.elementor-68 .elementor-element.elementor-element-483536b .elementor-thumbnails-swiper{
    margin-top: 50px;
}

.elementor-carousel-image {
  position: relative;         
}

.elementor-main-swiper .elementor-carousel-image::after {
  content: attr(aria-label);
  position: absolute;
  width: 100%;
  bottom: 0px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  background: rgba(191, 181, 155, .5);
  color: #b00d4e;                    
  text-align: center;
  font-family: '微軟正黑體', '黑体', Arial, Verdana, Helvetica, sans-serif;
  font-weight: 700;
  padding: 0 12px;            
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}



/* ====== THUMBNAILS caption – BELOW the image ====== */
.elementor-thumbnails-swiper .elementor-carousel-image::after {
  content: attr(aria-label);
  display: block;                    /* sits under the image, not overlay */
  margin-top: 8px;
  height: 42px;                      /* your spec */
  line-height: 42px;
  background: #bfb59b;               /* solid bar like screenshot */
  color: #b00d4e;                    /* your spec */
  font-family: '微軟正黑體', '黑体', Arial, Verdana, Helvetica, sans-serif;
  font-size: 18px;                   /* your spec */
  font-weight: 400;
  padding: 0 10px;
  white-space: nowrap;               /* keep one line */
  overflow: hidden;
  text-overflow: ellipsis;
}



.elementor-skin-slideshow .elementor-thumbnails-swiper .swiper-slide:not(.swiper-slide-active):after{
    inset: auto;
}

/*.elementor-68 .elementor-element.elementor-element-483536b .elementor-carousel-image {*/
/*	background-size: cover;*/
/*	background-position: top center;*/
/*}*/


@media(max-width: 576px){
    .elementor-68 .elementor-element.elementor-element-483536b .elementor-carousel-image::after{
        font-size: 12px;
        height: 30px;
        line-height: 30px;
    }
    .elementor-68 .elementor-element.elementor-element-483536b .elementor-carousel-image {
    	background-size: cover;
    	background-position: top center;
    }
        
    body[data-elementor-device-mode="mobile"] .elementor-68 .elementor-element.elementor-element-483536b div.elementor-thumbnails-swiper div.swiper-slide {
        height: calc(67vw/2 + 12px) !important;
    }
}


body[data-elementor-device-mode="desktop"] .elementor-68 .elementor-element.elementor-element-483536b div.elementor-thumbnails-swiper div.swiper-slide {
    height: max(calc(1024px/4 - 50px)) !important;    
}

body[data-elementor-device-mode="tablet"] .elementor-68 .elementor-element.elementor-element-483536b div.elementor-thumbnails-swiper div.swiper-slide {
    height: calc(64vw/3 + 36px) !important;    
}

body[data-elementor-device-mode="mobile"] .elementor-68 .elementor-element.elementor-element-483536b div.elementor-thumbnails-swiper div.swiper-slide {
    height: calc(70vw/2 + 12px);
}

.elementor-68 .elementor-element.elementor-element-483536b div.elementor-thumbnails-swiper .elementor-carousel-image {
    background-size: 100% auto;
    background-position: top center;
    width: 100%;
}

body[data-elementor-device-mode="desktop"] .elementor-68 .elementor-element.elementor-element-483536b .elementor-main-swiper:not(.elementor-thumbnails-swiper){
    height: min(calc(70vw - 40px), calc(700px - 40px));
}

body[data-elementor-device-mode="tablet"] .elementor-68 .elementor-element.elementor-element-483536b .elementor-main-swiper:not(.elementor-thumbnails-swiper){
    height: min(calc(63vw), calc(700px));
}


body[data-elementor-device-mode="mobile"] .elementor-68 .elementor-element.elementor-element-483536b .elementor-main-swiper:not(.elementor-thumbnails-swiper){
    height: calc(60vw - 10px) !important;
}



body[data-elementor-device-mode="desktop"] .elementor-68 .elementor-element.elementor-element-483536b div.elementor-main-swiper[role="region"] {
    margin-left: 20px;
    margin-right: 20px;
}/* End custom CSS */