/** Shopify CDN: Minification failed

Line 233:0 Unexpected "{"
Line 233:1 Expected identifier but found "%"
Line 234:0 Unexpected "{"
Line 234:1 Expected identifier but found "%"
Line 254:12 Expected identifier but found "{"
Line 254:13 Unexpected "{"
Line 254:20 Expected ":"
Line 254:24 Expected identifier but found "!"
Line 255:9 Expected identifier but found "{"
Line 255:10 Unexpected "{"
... and 9 more hidden warnings

**/

@media screen and ( min-width: 980px ) {
  
  /* initial rule*/
  .ci { height: 340px; max-width: 100%;
  }
  
.ci img {
    object-fit: contain;
    width: 100%;
    height: 340px;
}
}
*{
    font-family: 'WORK SANS', Helvetica Neue, Helvetica, Arial, sans-serif !important;

}
.fa{
font-family: FontAwesome !important;
}
.fancybox-overlay {
    background: rgba(255, 255, 255, 0.7);
}
.mm-image{
float:right !important;
}
section.homepage-promo, section.homepage-promo .caption p {
    font-size: 36px;
    font-weight: normal;
  	font-family: 'Fredoka One', 'Karla', Helvetica Neue, Helvetica, Arial, sans-serif;  	

  	letter-spacing:2px;
}
@media screen and (min-width: 741px) {
.recent-posts-homepage {width:85%;margin-left:auto; margin-right:auto;}
}

/* réduire la taille du logo sur mobile  */


@media screen and (max-width: 740px) and (min-width: 200px) {
	#logo img {
	max-width: 150px !important;    }
  
  
  #lipsum, .normalWeight {
    text-align: left !important;
}
  
  
  
  
  
}


/* fix logo croppé lorsque menu déroulant superposé  */

#logo img {
    /*vertical-align: middle;
    padding: 0 0 30px 0;*/
}

/* règles pour la page About */

img.hero-img {
    width: 100vw;
}

/*cover page title - provisional*/
.hero-image {
    margin-top: -110px;
}

.about-right {
	text-align:right;
}

.about-right h2{
	font-size:24px;
  	margin-top:30px;
}

@media screen and (max-width: 980px){

	.about-right {
		text-align:left;
    	padding:0 30px;
	}
  
  	.about-right h2{
      	text-align:center;
  	}
  
  	.about-right p{
    	margin:10px 0 40px;
    }
  
}

.about-left {
	text-align:right;
}

.about-left h2{
	font-size:24px;
	margin-top:30px;
}

@media screen and (max-width: 980px){

	.about-left {
		display:none;
    }
  
}

.about-left-mobile {
	text-align:right;
}

.about-left-mobile h2{
	font-size:24px;
  	margin-top:30px;
}

@media screen and (max-width: 980px){

	.about-left-mobile {
		text-align:left;
    	padding:0 30px;
	}
  
  	.about-left-mobile h2{
      	text-align:center;
  	}
  
  	.about-left-mobile p{
    	margin:10px 0 40px;
    }
  
}

@media screen and (min-width: 981px){

	.about-left-mobile {
		display:none;
    }
  
}

.max-320 {
	max-width: 320px;
}



textarea, input[type=text], input[type=password], input[type=email], input[type=url], input[type=number] {
    
    border: 1px solid #ccc;
}


@media screen and (max-width: 979px){


  
}

.lazyOwl{
	height:350px !important;	
}

.product-quick-view .lazyOwl{
height: auto !important;
}
.lazyOwl .product-details {
   
    bottom: 0px;
    position: absolute;
}
.lazyOwl img {
   
	width: 175px;
    height: 260px;
    object-fit: contain;
}
#cart li:nth-child(2), #cart li:nth-child(3){
  float : right;
}
#product-main-image img:nth-child(1){
max-height:600px ;}

.accordion-toggle:after, .accordion-toggle2:after {
    width: 100%;
    text-align: right;
}

.shifter-active.shifter-left.shifter-open .shifter-navigation:before{
  content: 'Menu';
  font-size : 1.4em;
  margin-left :10px;
}

.shifter-active.shifter-left.shifter-open .shifter-navigation {
  padding-top:2em;
}
#sidebar img {
    display:none;
}

/** swatches **/

/* 
   Swatches Styles
*/

{% assign width = '50px' %}
{% assign height = '35px' %}
.swatch { 
  margin:1em 0; 
}
/* Label */
.swatch .header {
  margin: 0.5em 0;
}
/* Hide radio buttons.*/
.swatch input { 
  display:none;
}
.swatch label {
  /* Rounded corners */
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  /* To give width and height */
  float:left;
  /* Color swatches contain no text so they need to have a width. */
  min-width:{{ width }} !important; 
  height:{{ height }} !important;
  /* No extra spacing between them */
  margin:0;
  /* The border when the button is not selected */
  border:#ccc 1px solid;
  /* Background color */
  background-color:#ddd;
  /* Styling text */
  font-size:13px;
  text-align:center;
  line-height:{{ height }};
  white-space:nowrap;
  text-transform:uppercase;
}
.swatch-element label { padding:0 10px; }
.color.swatch-element label { padding:0; }
/* Styling selected swatch */
/* Slightly raised */
.swatch input:checked + label {
  -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.8);
  -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.8);
  box-shadow:0px 1px 2px rgba(0,0,0,0.8);
  border-color:transparent;
} 
.swatch .swatch-element {
  float:left;
  -webkit-transform:translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing:antialiased; /* webkit text rendering fix */
  /* Spacing between buttons */
  margin:0px 10px 10px 0;
  /* To position the sold out graphic and tooltip */
  position:relative;
}
/* Image with the cross in it */
.crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout .crossed-out { display:block; }
.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); /* internet explorer */
  -khtml-opacity: 0.6;      /* khtml, old safari */
  -moz-opacity: 0.6;       /* mozilla, netscape */
  opacity: 0.6;           /* fx, safari, opera */
}
/* Tooltips */
.swatch .tooltip {
  text-align:center;
  background:gray;
  color:#fff;
  bottom:100%;
  padding: 10px;
  display:block;
  position:absolute;
  width:100px;
  left:{{ width | remove: 'px' | to_number | divided_by: 2 | minus: 50 | plus: 2 }}px;
  margin-bottom:15px;
  /* Make it invisible by default */
  filter:alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity:0;
  visibility:hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  box-sizing:border-box;
}
.swatch .tooltip:before {
  bottom:-20px;
  content:" ";
  display:block;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid gray 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:50%;
  margin-left:-13px;
  position:absolute;
  width:0;
}
.swatch .swatch-element:hover .tooltip {
  filter:alpha(opacity=100);
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0px);
     -moz-transform:translateY(0px);
      -ms-transform:translateY(0px);
       -o-transform:translateY(0px);
          transform:translateY(0px);
}
.swatch.error {
  background-color:#E8D2D2!important;
  color:#333!important;
  padding:1em;
  border-radius:5px;
}
.swatch.error p {
  margin:0.7em 0;
}
.swatch.error p:first-child {
  margin-top:0;
}
.swatch.error p:last-child {
  margin-bottom:0;
}
.swatch.error code {
  font-family:monospace;
}

#product-description form label {
      min-height: 42px;
}

#sidebar label{
    border-bottom: 1px solid rgba(0,0,0,0);
    padding-bottom: 5px;
  	padding-top:20px;
    margin-bottom: 10px;
    font-weight: 700;
	text-transform:uppercase;	
}


#sort-by{
  margin: auto;
}

#main-mobile-nav.navright{
 margin-top: 24px;
}
#main-mobile-nav.navright li{
  padding: 8px 0;
    width: 100%! important;
    border-bottom: 0px solid #eee;
}

#main-mobile-nav.navright li a{
  text-transform: uppercase;
}

@media screen and (max-width: 740px) and (min-width: 200px)
{
  #sidebar {
    display: block;
	margin-bottom: 2em;
  }
  .sidebar-accordion{
  	display: none;
  }
}