/** Shopify CDN: Minification failed

Line 796:0 Unexpected "}"

**/
/*

Please add any custom CSS code in here, it will be easier to transfer if updating themes.

We highly recommend labelling changes, or App installs, so these can also be updated or removed as needed.

*/
/* HC - Complete the look adjustments - 28 Oct '22 */
.hc-complete-wrapper {
  display: flex;
  align-items: center;
}
.hc-complete-options {
  font-weight: bold;
}
.hc-complete-wrapper label {
  font-weight: bold;
}
.hc-quantity {
  margin-top: 20px;
}
.hc-available-sizes {
  display: flex;
  flex-wrap: wrap;
}
.span-var {
  margin-right: 10px;
}
.hc-available-sizes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 14px;
}
.indiv-product:hover .hp-title .span-var a{
  opacity: 1;
  color: var(--color-primary);
}
.span-var a:hover{
  text-decoration: none;
  opacity: 0.6;
}
.hc-tabs-wrapper {
  display: flex;
  justify-content: space-between;
}
.hc-tab-link {
  width: 25%;
  text-align: center;
}
.hc-tab{
  padding: 8px;
}
.hc-tab-link:hover{
  text-decoration: none;
}
.hc-soldout {
  display: none;
}
@media screen and (max-width: 768px) {
  .hc-complete-wrapper {
    display: block;
  }
  .hc-complete-options {
    margin-top: 20px;
  }
  .hc-complete-right {
    text-align: center;
  }
  .hc-quantity .quantity-controls__outer.swatches-wrapper {
    margin: 10px auto;
  }
  .hc-tab-link {
    font-size: 10px;
}
}
@media screen and (max-width: 480px){
  .hc-available-sizes {
    display: none;
  }
}
/** HC - Tabs highlight - 17 Nov '22 **/
.hc-tab-link.hc-link--active {
  font-weight: bold;
}

/* JC - B Swim Image Collage - 23 Nov '22 */
.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
}

/* JC - Remove Page Title - 23 Nov '22 */
.template-page h1 {
     display: none; 
}
.page entry container {
    padding-top: 0px;
}
.parallax-bg .wrapper--margins {
     padding: 120px 0 40px!important;
}
.main-content > .wrapper--margins {
     padding: 40px 0 40px!important;
}

/** HC - Recommendation slider - 12 Dec **/
.hc-recommended-product {
  padding: unset !important;
}
.swiper-wrapper.row {
  flex-wrap: nowrap;
}
.hc-recommended-products_title-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hc-recommended-products_arrow {
  padding: 10px;
  cursor: pointer;
}
.hc-recommended-products_arrow-right {
  transform: rotateZ(180deg);
}









/* new css */

.itg-image-text .logo-bar__item h3 {
    font-size: 20px;
}
.itg-image-text .logo-bar__item img {
    width: 200px;
    height: 200px;
    object-fit: cover;
}
.itg-fit-guide-heading h4 {
    font-size: 20px;
}
.itg-fit-guide-content {
    display: flex;
}

/* .itg-fit-guide-content img {
    width: 33.33%;
} */
ul.itg-tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
            border-bottom: none;
		}
		ul.itg-tabs li{
			background: none;
			color: #222;
			display: inline-block;
			padding: 10px 15px;
			cursor: pointer;
          font-weight: 600;
		}

		ul.itg-tabs li.current{
			border-bottom: 1px solid #000;
		}

		.tab-content{
 			display: none; 
/* 			background: #ededed;
			padding: 15px; */
		}

		.tab-content.current{
			display: inherit;
		}
.tab-content .current{
    display: block !important;
}
#sunsets-escape-fit-guide div#main-body {
    min-height: auto;
}
/* .itg-fit-guide-content{
display:none;
}
 */
.container.itg-guide {text-align: center;margin: 40px auto;}
.itg-container {
    padding: 0 0px;
} 
.itg-slider.slider-nav {
    background: #000;
    padding: 12px 0 5px;
  margin-bottom: 0;
      cursor: pointer;
}
.slick-current h4 {
    color: #fff;
}
.itg-fit-guide-heading  h4 {
    font-size: 16px;
  text-align: center;
}
.itg-slider .slick-prev {
    left: 50px;
}
.itg-slider .slick-next {
    right: 50px;
}
.itg-prev.slick-arrow {
    position: absolute;
    right: 35px;
    top: 8px;
    color: #fff;
}

.itg-next.slick-arrow {
    position: absolute;
    left: 35px;
    top: 8px;
    color: #fff;
}
.itg-fit-guide-content.slick-slide {
    display: flex !important;
    align-items: center;
    background: #a4c7d2;
    color: #000;
}

.itg-middel-text {
    width: 50%;
    padding: 40px 80px;
}
.itg-fit-guide-content img {
    width: 25%;
/*     height: 600px; */
    object-fit: cover;
    
}
.itg-middel-text li {
    display: flex;
  align-items: baseline;
}

.itg-middel-text h5 {
    width: 30%;
}

.itg-middel-text p {
    width: 100%;
    line-height: 1.5;
    margin-bottom: 10px;
}
.itg-middel-text h5 {
    width: 30%;
    font-size: 16px;
    color: #fff;
}
.itg-middel-text ul {
    padding: 0;
    margin-top: 20px;
}
.itg-size-chart table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid black;
    border-collapse: collapse;
}

.itg-size-chart tr {
    color: #000;
}

.itg-size-chart th {
    padding: 10px 0;
    font-size: 16px;
    border-bottom: 1px solid black;
}

.itg-size-chart td {
    padding: 10px;
    border-bottom: 1px solid #000;
}

.itg-size-chart {
    margin: 80px 0;
}
.itg-size-chart h3 {
    text-align: center;
    color: #000;
    margin-bottom: 40px;
}
.fit-guide-img img {
    width: 100%;
    position: relative;
}

.fit-guide__toggle-desktop {
    display: flex;
    gap: 70px;
    justify-content: center;
    background-color: #a4c7d294;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px 0;
}

.fit-guide-img {
    position: relative;
}

.fit-guide__text {
    position: relative;
}

.fit-guide__text p {
    cursor: pointer;
    z-index: 999999;
    position: relative;
}

p.caption-neue {
    margin-bottom: 0;
}
.fit-guide-img {
    width: 25%;
}
/* .itg-fit-guide-heading.slick-slide {
    color: #000;
}

.itg-fit-guide-heading.slick-slide.slick-active {
    color: #656565;
} */
.itg-fit-guide-content img {
    position: relative;
}

a.text-link.hide-mobile {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 25%;
    text-align: center;
    color: #000;
    text-decoration: underline;
    text-underline-offset: 5px;
    background: #a4c7d294;
    padding: 5px;
}
.itg-fit-guide-heading.slick-slide.slick-active {
    color: #656565;
}
.itg-fit-guide-heading.slick-slide {
    color: #000;
}

@media screen and (min-width: 980px) {
.size-mobile {
    display: none;
}
}

@media screen and (max-width: 979px) {
.itg-container {
    padding: 0;
}
  ul.itg-tabs li {
    padding: 5px;
    font-size: 14px;
}
  .itg-fit-guide-content.slick-slide {
    display: block !important;
  }
.itg-fit-guide-content img {
    width: 100%;
    height: auto;
}
  .itg-middel-text {
    width: 100%;
    padding: 20px;
}
  .itg-middel-text h5 {
    width: 50%;
  }
  .fit-guide-img {
    width: 100%;
}
  .itg-size-chart {
    margin: 0px 0;
    padding: 10px;
}
  .itg-size-chart th {
    padding: 5px 5p;
    font-size: 12px;
  }
  .itg-size-chart td {
    padding: 0px;
    font-size: 13px;
}
  .itg-fit-guide-heading.slick-slide {
    color: #656565;
}
  .size-desktop {
    display: none;
}
  .fit-guide-img {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}
  .fit-guide-img img {
    width: 42%;
}
  .fit-guide__toggle-desktop {
    display: block;
    position: relative;
}
  a.text-link.hide-mobile {
    position: relative; 
    width: 100%;
    background: transparent;
    display: block;
    padding-bottom: 30px;
    font-weight: 600;
}
  .itg-slider.slider-nav- {
    background: #000;
    padding: 5px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: baseline;
}
  select.itg-size-select {
    background: none;
    border: none;
    color: #fff;
    font-size: 16px;
}
  .container.itg-guide {
    margin: 20px auto;
}
  option.itg-slect-nav {
    color: #000;
}
  select.itg-size-select:focus-visible {
    outline: none;
}
  .fit-guide__toggle-desktop {
    position: relative;
    display: grid;
    background: no-repeat;
}
  .fit-guide__text {
    transform: rotate(90deg);
    font-weight: 600;
    color: #000;
}
  .itg-fit-text.slider-for {
    background: #a4c7d2;
}
  .itg-middel-text- {
    text-align: center;
    margin: 40px 0 0;
    color: #000;
    padding: 0px 10px;
}
  .itg-middel-text- h5 {
    width: 30%;
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
}
  .itg-middel-text- li {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}
  .itg-middel-text- ul {
    text-align: left;
    margin: 0;
    padding: 0;
}
  .itg-middel-text- ul p {
    width: 70%;
}
  .itg-size-chart h3 {
    font-size: 18px;
    margin-bottom: 20px;
}
}

/* @media screen and (min-width: 769px) and (max-width: 980px) {
.itg-container {
    padding: 0 0px;
}
.itg-middel-text {
    padding: 20px 30px;
}
  .itg-middel-text h5 {
    width: 40%;
  }
} */
@media screen and (min-width: 980px) and (max-width: 1093px) {
.itg-container {
    padding: 0 0px;
}
 .itg-middel-text {
    padding: 10px 20px;
}
  .itg-middel-text h5 {
    width: 40%;
  }
  .itg-middel-text p {
    line-height: 1;
    margin-bottom: 0px;
}
}

div#tab-1 {
    display: block;
}
div#tab-6 {
    display: block;
}
@media screen and (min-width: 1094px) and (max-width: 1319px) {
.itg-middel-text {
    padding: 10px 30px;
}
  .itg-middel-text p {
    line-height: 1;
  }
}


/* header */

.hj-header-wrapper .logo-placement-within-wrapper__item {
    flex: unset;
    margin: 15px 15px!important;
}
.hj-header-wrapper .main-icons-with-locale {
    min-width: auto;
}
.hj-header-wrapper .nav-pills>li {
    padding: 0 13px;
}
.hj-header-wrapper .d-flex {
    flex-wrap: wrap;
    justify-content: center;
}
.hj-header-wrapper .mobile-show-menu .nav-pills>li {
    padding: 0px 11px;
}
.mobile-show-menu a.header-link.alt-focus {
    padding: 3px 0;
    font-size: 13px;
}
.hj-header-wrapper .sticky-header-logo {
    min-width: auto;
}
.mobile-menu ul.nav.js.nav-pills {
     transition: transform .3s cubic-bezier(.445,.05,.55,.95);
     position: absolute;
     background-color: var(--mobile-menu-background);
     width: 100%;
     height: 100%;
     overflow-y: hidden;
     overflow-x: hidden;
     display: inline-block;
     z-index: 2;
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
     margin: 0;
     padding: 0;
}
.mobile-menu ul.nav.js.nav-pills li {
    display: flex;
    justify-content: space-between;
    position: static;
}
.mobile-menu a.header-link.alt-focus {
    text-transform: var(--mobile-menu-link-transform);
    letter-spacing: var(--mobile-menu-link-letter-spacing);
    padding: 5%;
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--mobile-menu-border-color);
    color: var(--mobile-menu-text);
    display: inline-block;
    background: 0 0;
    text-align: left;
}
.mobile-menu a.header-link.alt-focus:hover {
    text-decoration: none;
}
body#sunsets ul#mobile-menu--main-menu li a {
    z-index: 99;
}
body#b-swim-swimwear-for-women ul#mobile-menu--main-menu li a {
    z-index: 0;
}
@media screen and (max-width:1024px){
  .hj-header-wrapper .logo-placement-within-wrapper__item {
    margin: 15px 5px!important;
}
}
@media screen and (min-width:992px){
  .header-menu-wrapper.d-lg-block.mobile-show-menu {
    display: none!important;
}
}
@media screen and (max-width:991px){
 .hj-header-wrapper .mobile-show-menu .main-navigation-wrapper .nav {
    margin: 0;
}
 .sticky-header-wrapper .header-menu-wrapper.d-lg-block.mobile-show-menu {
    display: none;
}
.nav-pills>li {
    display: inherit!important;
}
a.dropdown-envy-toggle.\32 .alt-focus.header-link.itg-desktop-nav {
    display: none;
}
.dropdown-menu {
    top: auto !important;
}
ul.menu_main.dropdown-menu.dropdown-menu--standard.menu_active {
    opacity: 1;
    visibility: visible;
    width: -webkit-fill-available;
    margin: 0 15px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--mobile-menu-border-color);
}
ul.menu_main.dropdown-menu.dropdown-menu--standard.menu_active li a {
    color: #fff;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-size: 13px;
}  
.header-link.active_menu {
    border: 0 !important;
    padding-bottom: 0 !important;
}  
.template-index li.mobile-menu-link__has-submenu button.mobile-menu-link__text {
  z-index: 10;
}  
.mobile-menu-child {
    z-index: 100;
}
}


/* end header */

.recently {
    padding: 50px 0px;
}
h2.product-recently-viewed__heading {
    text-align: center;
    margin-bottom: 30px;
}
.recently-viewed_grid__item {
    float: left;
    width: 25%;
    position: relative;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
}
.recently .collection {
    margin-left: -15px;
    margin-right: -15px;
}
.sticky-header-wrapper {
    z-index: 9999;
}
.recently .reveal {
    z-index: 0;
}
.recently variant-swatch-king {
    display: none !important;
}
@media screen and (max-width:749px){
  .recently-viewed_grid__item {
      width: 50%;
  }
}


.itg-slider.slider-nav .slick-list.draggable {
    padding: 0px 100px !important;
}

.itg-next.slick-arrow, 
.itg-prev.slick-arrow {
    top: 11px;
    background: #000;
    z-index: 9;
}

.itg-fit-guide-heading.slick-slide {
    color: #656565;
}


.itg-sale-badge.itg-desktop.product-price__sale-label {
    right: 40px;
    font-size: 12px;
    line-height: 14px;
    padding: 3px 15px;
    text-transform: var(--header-font-transform);
    letter-spacing: 1px;
    z-index: 2;
    position: absolute;
    top: 0;
    -moz-transition: all 20ms ease;
    -webkit-transition: all 20ms ease;
    -o-transition: all 20ms ease;
    -ms-transition: all 20ms ease;
    transition: all 20ms ease;
}

#CollectionProductGrid .itg-sale-badge.itg-desktop.product-price__sale-label {
    left: 40px;
    right: auto !important;
}

.grid__item .itg-sale-badge.itg-desktop.product-price__sale-label {
    right: 0px;
}
.ssw-faveiticon {
    display: none;
}
.template-search .itg-sale-badge.itg-desktop.product-price__sale-label {
    left: 70% !important;
}

@media screen and (max-width: 767px) {
.grid__item .itg-sale-badge.itg-desktop.product-price__sale-label {
    right: -25px;
}
}
}