$red_jipe:#bb3a2e;

@import "public/plugins.min";
@import "public/template";

#sub_menu{
  position:absolute;
  top:10px;
  right:10px;
}

.btn-primary{
  background:$red_jipe;
  border-color:$red_jipe;
  
  &:hover{
    background:darken($red_jipe, 5);
    border-color:darken($red_jipe, 5);
    
  }
  
}

.inner-navigation{
  text-align:right;
}
#main_wrapper{
  padding-top:70px;
}

.spaced-grid{
  margin:0 -10px;
  
  .shop-grid-item{
    margin:0 10px;
  }
}

.module-cover{
  *{
    color:white;
  }
}

.header{
  
  #logo, #logo-small{
    height:65px;
    margin-left:10px;
  }
  
  
  &.header-small{
    
    #logo{
      height:55px;
     
    }
    
  }
}

h1,h2{
  text-align:center;
  text-transform:uppercase;
  font-family: 'Montserrat', sans-serif;
}

.render_block{
  table{
    border-collapse :collapse;
    td,th{
      border:1px solid rgba(black, 0.5);
      padding: 3px 5px;
      font-size:0.85rem;
    }
  }
  
  
  
  
  ul, ol{
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    margin-bottom:1rem;
    
    li{
      list-style-type: disc;
      display: list-item;
      
    }
    
  }
  
  
}

.menu_item_sub_menu{
  padding:0px 20px;
  text-align:center;
  background:#373737;
  a{
    display:inline-block;
    padding: 7px 10px ;
    padding-bottom:5px;
    margin:0 5px;
    color:rgba(white,0.5);
    border-bottom:2px solid transparent;
    
    
    &:hover, &.active{
      color:#4AC4A0;
      border-bottom:2px solid #4AC4A0;
    }
  }
  
}

.large_sub_menu{
  
  .post{
    margin:0 10px;
  }
}


.review{
  
  text-align:center;
  
  .review-icons {
      margin: 0 auto 10px;
      width: 80px;

      img {
          border: 6px solid rgba(color("white"), .1);
          border-radius: 50%;
      }
  }
}

.gallery-group{
  padding:5px;
  div{
    padding:5px;
  }
}

.inner-nav .mega-menu .mega-menu-row{
  padding-top:10px;
  
}
.render_block{
.contact_form{
  table{
    td,th{
      border:0;
      padding:0;
    }
  }
}
}

.table_area{
  overflow:auto;
  
}

.footer{
  
  padding-bottom:120px;
  
  p{
    color:#f8f8f8;
  }
}

@media (min-width: 991px){
  .inner-nav .mega-menu{
  
    margin-top:-10px;
  }
}
.has-error{
  .help-block{
    color:red;
  }
  
}


.bloc_sombre{
  background:rgba(black,0.95);

  color:rgba(white,0.90);
  
  h1,h2{
    color:rgba(white,0.90);
  }
  
}

.column_text{
  padding:20px;
  max-width:600px;
  margin:auto;
}


@media (max-width: 991.98px){
  .module-cover.with_ratio{
    height:auto !important;
    h1{
      margin:0;
    }
    
  }
  
}


.sub-menu{
  .b_icon, .v_icon{
    display:inline-block;
    img{
      height:1.4em;
      margin-left:-10px;
      
      max-width:inherit;
    }
    
  }
  .v_icon{
    display:none;
  }
  
  a:hover, a.active{
    color:$red_jipe !important;
    .v_icon{
      display:inline-block;
    }
    
    .b_icon{
      display:none;
    }
    
  }
  
}


.icon_sub_menu{
 
  text-align:center;

  
  font-size:1.1em;
  


  
  a{
    display:inline-block;
    padding:10px 18px;

    color:black;
    
    
    img{
      display:block;
      margin:auto;
      height:40px;
      margin-bottom:5px;
    }
  
   

    
    .noir{
    display:none;
  }
    &.active, &:hover{
      
      .noir{
        display:block;
      }
      
      .blanc{
        display:none;
      }
    
      color:$red_jipe;
      background:white;
    }

  }
  
  
  
}


.module-cover-jipe{
  
  .overlay-background{
    background:black;
    opacity:0.8 !important;
    
  }
}

@media screen and (max-width: 820px) {
  .icon_sub_menu{
    position:relative;
    .normal{
      display:none;
    }
    .active{
      display:block !important;
    }
    .bars{
      color:rgba(0,0,0,0.5);
      font-size:23px;
      padding:16px 17px;
      z-index:2;
    }
  }
}


.popup_overlay{
  background:rgba(0,0,0,0.85);
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:10000;
  .logo{
    
    height: 64px;
    margin: auto;
    display:block;
    margin-bottom:30px;
  }
  .popup{
    position:relative;
    width:90%;
    max-width:600px;
    margin:auto;
    background:white;
    text-align:center;
    padding:20px;
    box-shadow:0 0 10px rgba(0,0,0,0.3);
    
  }
  .close{
    font-size:20px;
    color:rgba(0,0,0,0.4);
   
    position:absolute;
    right:10px;
    top:6px;
    cursor:pointer;
  }
  
}




#boutique_menu{
  text-align:center;
  
  padding-top:40px;
  padding-bottom:40px;
  a{
    display:inline-block;
    width:130px;
    text-align:center;
    color:black;
    
    .step{
      margin-bottom:3px;
      display:inline-block;
      font-size:25px;
      height:66px;
      line-height:66px;
      width:66px;
      border-radius:50%;
      border:1px solid black;
    }
    
    &.active, &:hover{
      text-decoration:none;
      color:$red_jipe;
      .step{
        background:$red_jipe;
        border-color:$red_jipe;
        color:white;
        
      }
    }
  }
  
}

.clear{
  clear:both;
}

.product_show{
  .p_product_refs_links{
  	margin-bottom:30px;
  	margin-top:30px;
  	a{
  		display:inline-block;
  		padding:2px 10px;
  		border-radius:15px;
  		color:black;
  		border:1px solid black;
  		text-decoration:none;
     margin-top:6px;
  		&.active, &:hover{
  			text-decoration:none;
   		background:$red_jipe;
   		border-color:$red_jipe;
   		color:white
   	 }
  	}
  }
  
  .legals{
    color:rgba(black,0.5);
  }
}


.back_link{
  margin-top:-20px;
  margin-bottom:20px;
}

.qi_filters {
    text-align: center;
    list-style: none;
    margin: 0 0 15px;
    padding: 0;

    > li {
        display: inline-block;
        margin: 0 12px 20px 0;

        &:not(:last-child)::after {
            content: '/';
            opacity: .4;
            margin: 0 0 0 12px;
        }
    }

    a {
        opacity: .6;
        color: $body-color;

        &:hover,
        &.current {
            opacity: 1;
        }
    }
}

.align_center{
  text-align:center;
}

.error{
  color:red;
}


.product_show{
  
  h1{
    text-align:left;
    font-size:1.8rem;
  }
  
}

.img_cover{
  background:white center center no-repeat;
  background-size:cover;
  
}

.products_index{
  .shop-grid-item{
    margin-bottom:10px;
    
  }
  .shop-item-thumb{
    margin-bottom:5px;
  }
  
}