/** Shopify CDN: Minification failed

Line 30:19 Expected identifier but found whitespace
Line 30:21 Unexpected "{"
Line 30:35 Expected ":"
Line 33:4 Unexpected "{"
Line 33:5 Expected identifier but found "%"
Line 35:19 Expected identifier but found whitespace
Line 35:21 Unexpected "{"
Line 35:29 Expected ":"
Line 37:4 Unexpected "{"
Line 37:5 Expected identifier but found "%"
... and 3 more hidden warnings

**/






  
  
  .carousel {
  		display: flex;
  		position: relative;
  		box-sizing: border-box;
  		justify-content: center;
  		align-items: center;
        background: {{theBackground}};
  	}

    {%  if section.settings.carousel_bg_color %}
      .carousel {
        background: {{section.settings.carousel_bg_color}};
      }
    {%  else %}
      .carousel {
        background: linear-gradient(90deg, rgb(35, 22, 50) 0%, rgb(14, 5, 24) 50%, rgb(35, 25, 96) 100%);
      }
    {%  endif  %}

  	.carousel_background {
  		position: absolute;
  		inset: 0px;
  		z-index: -1;
  		background-size: cover;
  		background-position: top center;
  		opacity: .2;
  	}

  	.carousel .hide {
  		display: none;
  	}

  	.carousel-wrapper {
  	  width: 100%; 
      max-width: 1400px;
  	  max-height: 850px;
  	}

  	.carousel .controls {
  		position: absolute;
  		inset: .5em;
  		display: flex;
  		z-index: 100;
  		align-items: center;
  		justify-content: space-between;
  		pointer-events: none;
  	}
  	.carousel .controls .elem {
  		width: 2em; height: 2em;
  		color: #fff;
  		opacity: .9;
  		pointer-events: all;
  	}
  	@media (max-width: 992px) {
  		.carousel .controls .elem {
  			opacity: .4;
  		}
  	}
  	.carousel .controls .elem .fa {
  		font-size: 2em;
  		transform-origin: center;
  		transform: scale(.8);
  		transition: all ease-in .2s;
  	}
  	.carousel .controls .elem:hover {
  		cursor: pointer;
  		transition: all ease-out .3s;
  	}
  	@media (max-width: 992px) {
  		.carousel .controls .elem:hover {
  			opacity: .8;
  		}
  	}
  	.carousel .controls .elem:hover .fa {
  		transform: scale(1);
  	}

  	/* Dots */
  	.carousel .controls .dots {
  		pointer-events: all;
  		position: absolute;
  		width: 100%;
  		bottom: .5em;
  		list-style-type: none;
  		padding: 0; margin: 0;
  		display: flex;
  		align-items: center;
  		justify-content: center;
  		z-index: 10;
  		opacity: .5;
  	}

  	.carousel .controls .dots .dot {
  		position: relative;
  		height: clamp(1em,2vw,0.5em);
  		width: clamp(1em,2vw,.5em);
  		margin: 0 .6em;
  		transform-origin: center;
  		opacity: .5;
  		transition: all ease .2s;
  		border: 2px solid white;
  		border-radius: 60%;
  		/* pointer-events: all; */
  	}

  	/* Backgrounds */

   .carousel .carousel-slide .row {
     max-width: 1400px;
     margin: auto;
   }
  
  	.carousel .carousel-slide {
  		overflow-y: clip;
        width: 90%;
        margin: auto;
  	}
  	@media (max-width: 1400px) {
  		.carousel .carousel-slide .row {
  			padding: 0 var(--cubit);
  		}
        .carousel .carousel-slide .row .textside {
  			padding: var(--cubit) 0;
  		}
  	}
  	@media (max-width: 996px) {
  		.carousel .carousel-slide .row {
  			padding: 0 var(--cubit);
  		}
  	}


  	.carousel .carousel-slide .carousel-slide-background {
  		position: absolute;
  		z-index: -1;
  		height: 100%; width: 100%;
  		display: flex;
  		align-items: center;
  		justify-content: center;
  		background-size: cover;
  		background-position: top right;
  	}
  	.carousel .carousel-slide .carousel-slide-background img {
  		object-fit: cover;
  		object-position: center right;
  		z-index: -1;
  	}

    @media (min-width: 1200px) {

      .carousel .carousel-slide {
          width: 100%;
    	}
        .carousel .carousel-slide .row {
          width: 90%;
    	}
  		.carousel .carousel-slide .carousel-slide-background {
  			background-image: none !important;
  		}

  		.carousel .carousel-slide .carousel-slide-background img {
  			width: 120%;
  		}
  	}

  	@media (max-width: 1200px) {
  		.carousel .carousel-slide .carousel-slide-background img {
  			display:none;
  		}

  		.carousel .controls .dots .dot {
  			margin: 0 .5em;
  		}
  	}
  	@media (max-width: 996px) {
  		.carousel .carousel-slide .carousel-slide-background {
  			opacity: .5;
  		}
  		.carousel .controls .dots {
  			pointer-events: none;
  		}
  		.carousel .controls .dots .dot {
  			margin: 0 .4em;
  		}
  		.carousel .controls .dots .dot:hover {
  			cursor: normal;
  		}
  	}


  	.carousel .controls .dots .dot:after {
  		content: '';
  		position: absolute;
  		border-radius: 50%;
  		width: 100%; height: 100%;
  		box-sizing: border-box;
  		transition: all ease .2s;
  		transform-origin: center;
  	}
  	.carousel .controls .dots .dot:after {
  		background: #fff;
  		opacity: 0;
  		width: calc(60% - 1px); height: calc(60% - 1px);
  		left: 21%; top: 22%;
  	}
  	.carousel .controls .dots .dot:hover, .carousel .controls .dots .dot.active {
  		cursor: pointer;
  		opacity: 1;
  		transition: all ease-out .3s;
  	}
  	.carousel .controls .dots .dot:hover:after, .carousel .controls .dots .dot.active:after {
  		opacity: 1;
  	}


  	/* SLIDE STYLING */
  	.carousel-slide {
  		opacity: 0;
  		z-index: -1;
  		transform: translateX(-200%);
  		transition: all ease .4s .3s, opacity linear .2s;
  		position: absolute;
  	}
  	.carousel-slide.sibling {
  		opacity: .05;
        z-index: 1;
  		transform: translateX(-110%);
  		transition: all ease .4s .3s, opacity linear .2s .5s;
  	}
  	/* All Previous and all */
  	.carousel-slide.active {
  		opacity: 1;
  		z-index: 5;
  		transform: translateX(0%);
  	}
  	/* Any upcoming */
  	.carousel-slide.active ~ .carousel-slide {
  		transform: translateX(110%);
  	}



  	/* Content Styling */

  	.carousel-slide .row .textside {
  		color: #fff;
  		display: flex;
  		flex-direction: column;
  	}

  	.carousel-slide .row .imageside {
  		align-items: flex-end;
  		position: relative;
      max-height: 100%;
  	}
  	.carousel-slide .row .imageside img {
  		width: 110%;
        transform: translateX(-10%);
        height: auto;
  		object-fit: cover;
        z-index: -1;
  	}

  	.carousel-slide .row .textside .pre-text {
  		/* font-size: .9em; */
  		color: var(--alt);
  	}

    .carousel-slide .row .textside .h1 {
  		color: #fff;
  	}



  	/* Flip order */

  	.carousel-slide .row .imageside { order: 1; }
  	.carousel-slide .row .textside { order: 2; }

  	.carousel-slide.flipped .row .imageside { order: 2; }
  	.carousel-slide.flipped .row .textside { order: 1; }

  	/* Make Image column the background on Mobile */
  	@media (max-width: 992px) {
  
        .carousel .carousel-slide {
          width: 100%;
        }
      
  		.carousel-slide .row .imageside {
  			position: absolute;
  			inset: 0px;
  			z-index: -1;
  			opacity: .4;
  		}
        carousel-slide .row .imageside img {
          transform: translateX(0);
          width: 100%;
    	}
      
  		.carousel-slide .row .textside {
  			width: 100%;
  			padding-right: 10%;
  			text-align: left;
  		}
  		.carousel-slide.flipped .row .textside {
  			width: 100%;
  			text-align: left;
  		}
        

  	@media (min-width: 992px) {
  		.carousel-slide.flipped .row .textside {
  			padding-right: 10%;
  		}
  	}