/** Shopify CDN: Minification failed

Line 430:10 Expected ":"
Line 445:29 Unexpected "{"

**/
.list-circle {
  list-style: circle;
}
.text-center {
  text-align: center;
}

.w-fit {
  width: fit-content;
}


.hidden {
  display: none;
}

.relative {
  position: relative;
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

.only-sm {
  display: block!important;
}

.only-lg {
  display: none!important;
}

.pt-4 {
  padding-top: 1rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.py-10,
.pb-10 {
  padding-bottom: 2.5rem;
}

.my-10,
.mb-10 {
  margin-bottom: 2.5rem;
}

.my-10,
.mt-10 {
  margin-top: 2.5rem;
}



.py-10,
.pt-10 {
  padding-top: 2.5rem;
}

.py-13 {
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}

.py-13 {
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}

.py-15,
.pb-15 {
  padding-bottom: 5rem;
}
.py-15,
.pt-15 {
  padding-top: 5rem;
}

.py-20,
.pb-20 {
  padding-bottom: 11.25rem;
}
.py-20,
.pt-20 {
  padding-top: 11.25rem;
}

.py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}


.pt-19 {
  padding-top: 4.6875rem;
}

.uppercase {
  text-transform: uppercase;
}

.font-body {
  font-family: Montserrat, sans-serif;
  font-size: 13px;
}

.note.note--success {
  background: white;
  color: #8C8A26;
  border-color: #8C8A26;
}

.sway-breadcrumb {
  position: absolute;
    bottom: 24px;
    z-index: 100;
  display: flex;
  flex-direction: column;
  color: white;
}

.sway-breadcrumb__home {
  font-size: 18px;
  font-family: 'Cinzel';
    color: white;
    text-transform: uppercase;
}
.sway-breadcrumb__home:hover { 
    color: var(--colorNavTextHover);
}

.sway-breadcrumb__page {
  font-size: 48px;
  font-family: 'Cinzel';
  margin-top: -.875rem;
  text-transform: uppercase;
}

@media screen and (min-width: 760px) {

  .only-sm {
  display: none!important;
}

.only-lg {
  display: block!important;
}
  
.lg_mx-auto {
  margin-right: auto;
  margin-left: auto;
}

.lg_my-4,
.lg_py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.lg_my-10,
.lg_mb-10,
.lg_py-10,
.lg_pb-10 {
  padding-bottom: 2.5rem;
}

.lg_my-10,
.lg_mt-10,
.lg_py-10,
.lg_pt-10 {
  padding-top: 2.5rem;
}

.py-13 {
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}

.py-13 {
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}

.lg_py-15,
.lg_pb-15 {
  padding-bottom: 5rem;
}
.lg_py-15,
.lg_pt-15 {
  padding-top: 5rem;
}

.lg_py-20,
.lg_pb-20 {
  padding-bottom: 11.25rem;
}
.lg_py-20,
.lg_pt-20 {
  padding-top: 11.25rem;
}

.lg_py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.lg_py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.lg_pt-19 {
  padding-top: 4.6875rem;
}


.font-0 {
  font-size: 0.75rem;
}
.font-1 {
  font-size: 0.875rem;
}
.font-2 {
  font-size: 0.93rem;
}
.font-3 {
  font-size: 1.125rem;
}
.font-4 {
  font-size: 1.4375rem;
}
.font-5 {
  font-size: 1.5625rem;
}
.font-7 {
  font-size: 1.75rem;
}
.font-75 {
  font-size: 1.875rem;
}
.font-8 {
  font-size: 2.1875rem;
}
.font-9 {
  font-size: 2.5rem;
}
.font-10 {
  font-size: 3.125rem;
}

.flex {
  display: flex;
}
.w-full {
  width: 100%;
}
.h-full {
  height: 100%;
}

.gap-4 {
  gap: 1rem;
}

.bg-gray-6 {
  background-color: #f6f6f6;
}

.bg-purple-1 {
  background-color: #61214d;
}
.text-purple-1 {
  color: #5e1f52;
}

.text-white {
  color: white;
}
.img-right {
  object-position: right;
}
.break {
  white-space: break-spaces;
}

.white-top-wave {
  position: relative;
}

.white-top-wave:before {
  content: '';  
  background: url(../images/wave-v3.png?v=1689529703&width=720);
  background-repeat: repeat no-repeat;
  height: 100%;
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.subtitle {
  display: block;
  padding: 1rem 0;
  text-transform: uppercase;
}

/****/
/*theme.Tabs*/
/****/

.tabs {
  max-width: 1200px;
  margin: auto;
}

.tab-title {
  padding-left: 30px;
}

.tab-list {
  border-bottom: 1px solid #302a24;
  min-width: 100%;
}

.tab:not(:last-child):after {
  content: '|';
  display: inline-block;
  margin: 0 30px;
}

.tab:first-child {
  padding-left: 30px;
}

.tab__details summary,
.tab,
.tab:focus,
.tab:hover {
  display: inline-block;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #533721;
  outline: none;
  overflow: hidden;
  text-align: left;
  cursor: pointer;
  text-transform: uppercase;
}

.tab[aria-selected='true'] {
  color: #633c15;
  font-weight: bold;
}

.tab-panel {
  padding: 30px;
  width: 100%;
  overflow: auto;
  display: none;
}

.tab-panel.is-open {
  display: block;
}

.tab__details {
  display: none;
}
.tab__details summary {
  padding-left: 30px;
  border-bottom: 1px solid #302a24;
  width: 100%;
  display: list-item;
}

.tab__details p {
  padding: 30px;
  width: 100%;
}

.tab__details[open] {
  color: #633c15;
  font-weight: bold;
}

@media screen and (max-width: 600px) {
  .tab__details {
    display: block;
  }

  .tab-list,
  .tab-panel {
    display: none !important;
  }
}

/****/
/*theme.paragraph*/
/****/
.line-bg  {
  relative;
}
.line-bg  .rich-text-background {
  width: 100%;
  position: absolute;
  background: url(../images/lines-2.jpg?v=1689765829);
  background-repeat: no-repeat;
  background-size: auto 99%;
  background-position: center;
  height: 100%;
  top: 0;
  z-index: 0;
}

.rich-text-background + p,
.rich-text-background + div, {
  position: relative;
  z-index:1;
}
/****/
/*theme.video-section*/
/****/
.video-parent-section .background-media-text__text .icon-play {
  width: 53px;
  height: 62px;
  margin-bottom: 2rem;
  fill: white;
}
.video-parent-section .background-media-text__text {
  width: 100%;
  text-align: center;
  background: transparent;
}
.video-parent-section .background-media-text__inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
/****/
/*theme.grid*/
/****/
.grid.grid--uniform {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 16px;
  width: 100%;
  margin: 0;
}
.grid__item.medium-up--one-third {
  background: #f2f2f2;
  padding: 32px;
  width: 100%;
  margin: 0;
}
.grid__item.medium-up--one-third div:first-child {
  max-width: 100% !important;
  height: 93px;
  overflow: hidden;
  text-align: center;
}
.grid__item.medium-up--one-third img {
  height: 93px;
  -o-object-fit: cover;
  object-fit: cover;
  width: auto;
  margin: auto;
}
.grid__item.medium-up--one-third h3 {
  margin-top: 2.31rem;
}

.grid-columns {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  align-items: stretch;
}

.grid-column {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}

.grid-column .image-wrap.loaded {
  height: 100% !important;
  width: 100%;
}
.grid-column .feature-row__image {
  height: 100% !important;
  width: 100%;
}
/****/
/*theme.section*/
/****/
.section {
  display: flex;
  flex-direction: column;
  justify-content: space-arounce;
  text-align: center;
  height: 100%;
}
.section .section__title {
  font-size: 0.93rem;
  margin-bottom: 0;
}
.section .section__subtitle {
  font-size: 2.5rem;
  margin: 1rem 0 0;
}
.section .section__text {
  font-size: 0.93rem;
  margin: 1.125rem 0 0;
}
.section .btn {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
/****/
/*theme.custom*/
/****/
.custom-content {
  gap: 22px;
  width: 100%;
  margin: 0;
}
.custom__item {
  padding: 0;
  flex: 1;
  width: auto;
  margin: 0;
}

@media screen and (max-width: 500px) {
  #PageContainer .video-wrapper {
    padding-bottom: initial;
   
  }

  #PageContainer .grid.text-column {
    gap: 1rem;
  }
  #PageContainer .video-wrapper iframe {
 position: relative;
     background: #303030;
}
}


#PageContainer .background-media-text__video iframe {
  height: 142vh;
  top: -40vh;
}

#PageContainer .played .video-div {
  width: 100%;
  height: 100%;
  pointer-events: auto;
  object-fit: cover;
  top: 0;
  left: 0;
}

/* home.Header */
.hero-main .hero__text-shadow {
  padding-top: 150px;
}
.header__socials {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

.header__socials .site-nav__link {
  padding: 8px;
}

.header__socials .icon-pinterest {
  width: 24px;
  height: 24px;
}

/* home.RichText */
/* home.Collection */
/* home.RichText */
/****/
/* home.ChicCanBeFun */
/****/
.chic-can-be-fun .background-media-text__text p {
  color: white;
}
.chic-can-be-fun .background-media-text__text .h3 {
  font-size: 3.125rem;
}
.chic-can-be-fun .background-media-text__text .h5 {
  font-size: 1.75rem;
}
/****/
/* home.characteristics */
/****/

/****/
/* home.betterTogether */
/****/

.better-together__container .image-wrap img,
.better-together__container > div {
  height: 100%;
}

.better-together img {
  margin: 0 auto 4rem;
}

.better-together .content {
  max-width: 300px;
  margin: auto;
}

/****/
/* home.MeetSways */
/****/

.sway-video-wrapper > .relative {
  

height: 100%;
    padding-bottom: 56.25%;
}
.sway-video-wrapper iframe {
  position: absolute;
  height: 100%;
  width: 100%;
}

.sway-video-wrapper  .background-media-text__inner {
  top: 0;
  left: 0;
}

.sway-video-wrapper{
  height:0;
  height:auto;
  max-width:100%;
  overflow:hidden;
  position:relative;
}

.meet-sways .background-media-text__inner {
  position: relative;
  display: block!important;
}

@media screen and (min-width:769px) {
  .meet-sways .background-media-text__inner {
 margin-top: -30px;
}

}

.meet-sways .background-media-text__text .h3 {
  font-size: 2.1875rem;
}

.meet-sways .background-media-text__text p {
  font-size: 1.125rem;
  color: #302a24;
}

.meet-sways .video-wrapper {
   padding-bottom: 0;
}

/****/
/* home.Testimonials */
/****/

.home-testimonials .testimonials-slide .testimonials-slider__text {
  background: transparent;
  box-shadow: none !important;
  color: #ffffff;
  font-style: italic;
}

@media screen and (min-width: 769px) {
  .testimonials-section {
    margin: -75px 0;
  }
}

/****/
/* home.LifeStyle */
/****/

.install .h3,
.life-style .h3 {
  white-space: break-spaces;
}

.install .background-media-text__inner {
  display: flex;
  align-items: center
}

.install .background-media-text__text,
.life-style .background-media-text__text {
  width: 480px;
}

.install .background-media-text__text .btn,
.life-style .background-media-text__text .btn {
  margin-top: 0;
}

/****/
/* home.newsletter */
/****/

.newsletter-section .enlarge-text {
  font-size: 0.93em;
}
.input-group-field.newsletter__input {
  width: 320px;
}

/****/
/* Product.gallery */
/****/
.product__thumbs--scroller {
  height: 75px;
}
.product__thumb-item {
  height: 100%;
  width: 100%;
}

.product-testimonials {
  margin-top: 75px;
}

.section-header--hero.collection {
  color: #6c1954;
  text-align: left;
}

.section-header--hero.collection h1 {
  margin: 0;
}
.collection.description {
  text-align: left !important;
  color: #000000;
  margin-top: 20px;
  width: 52%;
}

.collection__header {
  padding-bottom: 75px;
}

.slide-gallery-slide {
  display: none;
  opacity: 0;
  padding: 40px 0 55px;
  width: 33%;
}

.slide-gallery-slide:first-child {
  display: block;
}

.flickity-slider .slide-gallery-slide {
  display: block;
  opacity: 1;
}

.shopify-section:has(> .banner-collaction__text) {
  background-color: #f7f7f7;
  margin: 0 0 75px;
  padding: 50px 0;
}

.approach {
  padding-top: 16px;
  padding-bottom: 16px;
}

.full-box__img {
  margin: 0 -40px;
}

@media screen and (min-width: 769px) {
.full-box,
.approach {
  margin: 0 -40px;
  padding-bottom: 1px;
  padding-top: 1px;
}

}
/****/
/* HowToInstall.hooks */
/****/
.hooks-view {
  grid-template-columns: 15% 1fr 1fr 1fr;
  padding-top: 50px;
}

.hooks-view > p {
  align-items: center;
  display: flex;
}

.installation-considerations .subtitle {
  margin: 0;
}
.hooks-view .subtitle:empty {
  height: 24px;
  margin-bottom: 22px;
}

.hooks-view > div div {
  height: 100%;
  width: 100%;
}

.commons-situations image-element,
.hooks-view + .grid-columns image-element,
.hooks-view image-element {
  position: relative;
}

.hooks-view + .grid-columns {
  align-items: flex-start;
  margin-top: 60px;
}

.hooks__description {
  margin-top: 20px;
}

/****/
/* HowToInstall.CommonsSituation */
/****/
.commons-situations__list {
  margin: 0;
  grid-template-columns: 1fr 1fr;
}

.commons-situations .commons-situations__list > li:last-child {
  grid-column: span 2 / span 2;
}

.commons-situations li .ceiling__img {
  max-width: 345px;
  object-position: top;
  height: auto;
  width: 100%;
}

.beams-truss__list {
  margin: 0;
  grid-template-columns: 1fr 1fr 1fr;
}

.commons-situations li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.commons-situations li .beam-truss__img {
  max-width: 245px;
  object-position: top;
  height: auto;
  width: 100%;
}

/****/
/* HowToInstall.security */
/****/

.security__content {
  align-items: center;
  grid-template-columns: 1fr max(30%, 260px);
}

/****/
/* HowToInstall.useConditions */
/****/
.use-conditions__description {
  columns: 2;
  column-gap: 30px;
}

.use-conditions__img {
  margin-top: 20px;
}

.page-title-hero__content {
  height: 100%;
  display: flex;
  align-items: center;
}

.page-title-hero__content .section-header {
  text-align: left;
}

.page__content {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}

.page__content:empty {
  display: none;
}


.care-phrase .shopify-section {
  height: 100%;
}

.care-phrase .care__text {
 text-align: center;

}

  .care-phrase .h3 {
    text-align: center;
}
.care-phrase svg {
  width: 72px;
  height: 72px;
}

@media screen and (min-width:769px) {
  
.care-phrase {
  height: 362px;
  margin-bottom: -75px;
}
  .care-phrase .care__text {
     display: flex;
  justify-content: center;
  gap: 16px;
  align-items: center;
  }
  .care-phrase .h3 {
  width: 70%;
    text-align: left;
}
}




/****/
/* Media Queries */
/****/


@media screen and (max-width: 600px) {

  .page-title-hero__content .section-header {
    padding: 0 20px;
}
  .header__socials {
    display: none;
  }

  .use-conditions__description {
    columns: 1;
  }

  .full-box {
    margin: 0 -20px;
    padding: 1px 40px;
  }

  .sm-block {
    display: block;
  }

  .grid-columns {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(230px, max-content);
  }

  .shopify-section:has(> .home-text) {
    background-size: cover;
  }

  .chic-can-be-fun .background-media-text__text p {
    color: #302a24;
  }
  .meet-sways .background-media-text__text svg,
  .chic-can-be-fun .background-media-text__text svg {
    display: none;
  }

  .grid.grid--uniform.grid--flush-bottom {
    grid-template-columns: 1fr;
  }

  .our_story__container.custom__item,
  .better-together__container.custom__item {
    flex-basis: 100%;
  }

  .life-style .animation-contents,
  .life-style .animation-cropper,
  .install .background-media-text__text,
  .life-style .background-media-text__text {
    width: 100%;
  }

  .input-group-field.newsletter__input {
    width: initial;
  }

  .collection.description {
    width: 100%;
  }
}

.template-collection .promo-grid__wapper .promo-grid__container {
  height: 620px;
  flex: initial;
  margin-bottom: 20px;
}

.promo-grid__wapper .promo-grid__bg {
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.promo-grid__wapper:hover .promo-grid__bg {
  transform: scale(110%);
  transition: transform 500ms ease-out;
}

@media screen and (max-width: 768px) {
    .index-section:has(.testimonials-section) {
    margin-bottom: 0;
  }
  
  .template-collection .promo-grid__wapper .promo-grid__container {
    height: initial;
    flex: 1;
  }
}

.video-controls {
  display: flex;
  justify-content: space-between;
  color: white;
  height: 80px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.video-parent-section.paused .video-controls {
  display: none;
} 

.video-controls button {
  padding: 20px 40px;
  cursor: pointer;
}
.video-controls svg {
  display: none;
}

.video__control {
  height: 1rem;
  width: 1rem;
  color: white;
}

.video-parent-section.unmuted .video__volume .on {
  display: block;
}

.video-parent-section.muted .video__volume .off {
  display: block;
}

.video-parent-section.played .video__play .off {
  display: block;
}

.video-parent-section.paused .video__play .on {
  display: block;
}

.video-parent-section .background-media-text__inner {
  pointer-events: none;
}
.video-parent-section .background-media-text__inner .btn {
  pointer-events: auto;
}
.video-parent-section.played .background-media-text__inner {
  display: none;
}

[data-aos='zoom-up'] {
  transition: transform .3s ease;
}

[data-aos-delay='0'] {
  transition-delay: 0ms;
}
[data-aos-delay='50'] {
  transition-delay: 300ms;
}
[data-aos-delay='150'] {
  transition-delay: 600ms;
}
[data-aos-delay='200'] {
  transition-delay: 900ms;
}

[data-aos='zoom-up'].aos-animate:hover {
  transform: scale(1.03);
}

.text-column {
  overflow: hidden;
}

.drawer  .mobile-nav__item a:hover,
.template-collection a[href="/collections/montura-swing"],
.our-approach a[href="/pages/our-approach"],
.our-story a[href="/pages/our-story"],
.care-use a[href="/pages/care-use"] {
  color: var(--colorNavTextHover);
}

.template-collection a[href="/collections/montura-swing"]:after,
.our-approach a[href="/pages/our-approach"]:after,
.our-story a[href="/pages/our-story"]:after,
.care-use a[href="/pages/care-use"]:after {
 right: 0;
}

.h3 { line-height: 1.4}

.instagram {
  text-align: center;
}

.instagram .h2 {
  margin-bottom: 4px;
}

.newsletter.newsletter-popup {
  height: 380px;
}

  
}

.terms-conditions article {
    margin-top: 1rem;
  }

  .terms-conditions ol {
  counter-reset: item;
    margin: 0;
}
  .terms-conditions ol > li {
  display: block
}

    .terms-conditions ol > li > ol {
  margin: 0 0 1rem!important;
}
  .terms-conditions ol > li:before {
  content: counters(item, ".") " ";
  counter-increment: item
}
  .terms-conditions article > ol > li:before {
  font-weight: bold;
}

.terms-conditions h2,
.terms-conditions h3,
.terms-conditions h4,
.terms-conditions h5 {
  margin: 0!important;
}

.terms-conditions h2 + h3 {
  margin-bottom: 1rem!important;
}

.terms-conditions article {
  padding: 1rem;
}

  .terms-conditions table {
  margin-bottom: 1rem!important;
}



.handyman {
    display: flex;
    align-items: center;
  }

.show-mobile {display: none;}
.hide-mobile {display: block;}

@media screen and (max-width: 759px) {
    .mobile-image-expand {position: relative !important;}
    .tabs-mobile-hide {display: none;}
    details.tab__details {padding: 0 17px 5px 17px;}
    .footer__item-padding .collapsible-trigger-btn {font-size: 14px;}
    .empty-section-header {padding-top: 80px;}
    .hide-on-mobile {display: none;}
    .collection-hero__content .section-header {text-align: left;}
    .section-header--hero.collection {color: #6c1954;}
    .section-header--hero.collection .header__subtitle {font-size: 38px;}
    .section-header--hero.collection .section-header__title {font-size: 38px;}
    .sway-breadcrumb__page-mobile-size {font-size: 42px;}
    .handyman {flex-direction: column;}
    .py-15.mbl-pb {padding-bottom: 0;}
    .index-section.mbl-mt {margin-top: 0;}
    .index-section.mbl-mb {margin-bottom: 0;}
    .show-mobile {display: block;}
    .hide-mobile {display: none;}
}