/** Shopify CDN: Minification failed

Line 18:161 Expected identifier but found whitespace
Line 18:164 Unexpected "{"
Line 18:172 Expected ":"

**/
.dot-flex-banner .flex-banner .image-bar__item {display:flex; flex-wrap:wrap; align-items:center; flex-direction:column; text-align:center; position:relative;}
.dot-flex-banner .flex-banner .image-bar__item.content-start {justify-content:flex-start;}
.dot-flex-banner .flex-banner .image-bar__item.content-end {justify-content:flex-end;}
.dot-flex-banner .flex-banner .image-bar__item.content-center {justify-content:flex-end; align-items:center;}
.dot-flex-banner .flex-banner .image-bar__item.text-start .image-gallery-overlay {text-align:left;}
.dot-flex-banner .flex-banner .image-bar__item.text-end .image-gallery-overlay {text-align:right;}
.dot-flex-banner .flex-banner .image-bar__item.text-center .image-gallery-overlay {text-align:center;}
.dot-flex-banner .flex-banner .image-bar__item .image-gallery-overlay {position:relative; display:flex; text-align:left; justify-content:center; align-items:center; flex-direction:column; opacity:1; transition:all var(--duration-default) linear; padding-bottom:10px; max-width:500px;}
.dot-flex-banner .flex-banner .image-bar__item:hover .image-gallery-overlay {opacity:1;}
.dot-flex-banner .flex-banner .image-bar__item .image-gallery-overlay > *:not(:last-child) {margin:0 0 10px;}
.dot-flex-banner .flex-banner .image-bar__item .image-gallery-overlay .image-overlay-title {position:relative; margin:0; display:flex; align-items:center; color: { {section.settings.image_link_text_color}}font-size:var(--DTFontSize_H6); font-weight:500;}
.dot-flex-banner .flex-banner .image-bar__item img {height:100%; width:100%; object-fit:cover;}
.dot-flex-banner .flex-banner .image-bar__section {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; position:relative;}
.dot-flex-banner .flex-banner .image-bar__section .image-bar__section-inner {margin:0; display:flex; justify-content:center; align-items:center; width:100%; overflow:hidden; padding:0;}
.dot-flex-banner .flex-banner .image-bar__section .dt-sc-image-list-btn {position:absolute; padding:20px 80px; border-radius:var(--DTRadius); z-index:1;}
.dot-flex-banner .flex-banner .image-bar__section .image-bar__section-inner .image-bar__item:before {content:''; position:absolute; width:100%; height:100%; cursor:pointer;opacity:1; left:0%; top:0; transition:all var(--duration-default) linear; background:rgba(var(--color-overlay), 0.4); z-index:0}
.dot-flex-banner .flex-banner .image-bar__section .image-bar__section-inner .image-bar__item:hover:before {opacity:1; left:0;}
.dot-flex-banner .flex-banner .image-bar__item .image-gallery-overlay {z-index:1;}
.dot-flex-banner .flex-banner .image-bar__item .image-gallery-overlay h6.block-sub-title, .dot-flex-banner .flex-banner .image-bar__item p.block-description {text-transform:normal; letter-spacing:0;}
.dot-flex-banner .flex-banner .image-bar__item p.block-description {font-size:1.4rem; text-align:left; line-height:25px; margin-bottom:35px; visibility:hidden; display:none; transition:all 0.3s linear; max-width:250px;}
.dot-flex-banner .flex-banner .image-bar__item .custom-flex-content {position:relative; bottom:20px; right:0; font-size:calc(var(--font-heading-scale) * 1.4rem); font-weight:400; letter-spacing:3px; line-height:22px; text-align:left; opacity:0; transition:var(--duration-long); flex:4; width:20vw; padding:0 20px; margin:0 auto 30px;}
.dot-flex-banner .flex-banner .image-bar__item:hover .custom-flex-content {opacity:1;}
.dot-flex-banner .flex-banner .image-bar__item .image-gallery-overlay {text-align:center; opacity:1;}
.dot-flex-banner .flex-banner .image-gallery-overlay h3.block-main-title {writing-mode:vertical-lr; transform:rotate(180deg); font-size:6.4rem; text-transform:uppercase; font-weight:bold; margin:0;}
.dot-flex-banner .flex-banner .image-bar__item {transition:.8s;}
.dot-flex-banner .flex-banner .image-bar__item:hover .image-gallery-overlay {opacity:1;}
.dot-flex-banner .flex-banner .image-bar__item .image-gallery-overlay a.button.button--primary {width:fit-content; min-width:fit-content; height:fit-content; min-height:fit-content; padding:0; background:transparent; border-bottom:1px solid; border-radius:0; line-height:2.5rem; display:inline; font-size:calc(1.8rem * var(--font-body-scale)); color:var(--gradient-base-accent-1);}
.dot-flex-banner .flex-banner .image-bar__item .image-gallery-overlay a.button.button--primary:hover {color:var(--gradient-base-background-2);}

@media screen and (min-width: 750px) and (max-width:989px) {
.dot-flex-banner .flex-banner .image-bar__section.medium-hide {display:none;}
}

.dot-flex-banner .flex-banner .image-bar__item h4.block-main-title {font-size: clamp(4rem, 3.6rem + 2vw, 6rem);font-weight: 600; writing-mode: vertical-rl;  transform: rotate(180deg); margin: 0;}
.dot-flex-banner .flex-banner .flex-banner-wrapper .image-bar__section a.button { display:none; visibility:hidden; transition:all 0.3s linear; }
/* .dot-flex-banner .flex-banner .flex-banner-wrapper .image-bar__section a.button:hover {color:var(--gradient-base-background-2);} */
.dot-flex-banner .flex-banner .image-bar__section-inner .image-bar__item {display:flex; align-items:center; flex-direction:column; justify-content:flex-end;}




@media(max-width:1890px) {
.dot-flex-banner .flex-banner .image-bar__item .image-gallery-overlay {max-width:85px;}
}

ul.image-bar__section-inner li:nth-child(odd) {
animation: fadeInUp var(--anim-time) ease both;
}

ul.image-bar__section-inner li:nth-child(even) {
  animation: fadeInDown var(--anim-time) ease both;
}