/******************* 
Style personnalisé 
********************/

/** nav **/

/*nav .menu-menu-principal-container>ul>li>a, 
a.btn, a.product_type_simple,
nav .menu-menu-principal-an-container>ul>li>a {
    position: relative;
    display: inline-block;
    outline: none;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
    font-size: 1.35em;
    font-size:13px;
}*/

/*.cl-effect-8 .menu-menu-principal-container>ul>li>a::before, 
.cl-effect-8 .menu-menu-principal-container>ul>li>a::after,
a.btn::before,
a.btn::after,
a.product_type_simple::before,
a.product_type_simple::after,
.cl-effect-8 .menu-menu-principal-an-container>ul>li>a::before, 
.cl-effect-8 .menu-menu-principal-an-container>ul>li>a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #000;
    content: '';
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    box-sizing: border-box;
}*/

.cl-effect-8 .menu-menu-principal-container>ul>li>a::after,
a.btn::after,
a.product_type_simple::after,
.cl-effect-8 .menu-menu-principal-an-container>ul>li>a::after {
    border-color: #df1b23;
    opacity: 0;
    -webkit-transform: translateY(-7px) translateX(6px);
    -moz-transform: translateY(-7px) translateX(6px);
    transform: translateY(-7px) translateX(6px);
}

.cl-effect-8 .menu-menu-principal-container>ul>li>a,
.cl-effect-8 .menu-menu-principal-an-container>ul>li>a,
a.btn,
a.product_type_simple {
    padding: 10px 10px;
}

.cl-effect-8 .menu-menu-principal-container>ul>li>a:hover::before, 
.cl-effect-8 .menu-menu-principal-container>ul>li>a:focus::before,
.cl-effect-8 .menu-menu-principal-an-container>ul>li>a:hover::before, 
.cl-effect-8 .menu-menu-principal-an-container>ul>li>a:focus::before,
a.btn:hover::before,
a.btn:focus::before,
a.product_type_simple:hover::before,
a.product_type_simple:focus::before{
    opacity: 0;
}

.cl-effect-8 .menu-menu-principal-container>ul>li>a:hover::after, 
.cl-effect-8 .menu-menu-principal-container>ul>li>a:focus::after,
.cl-effect-8 .menu-menu-principal-an-container>ul>li>a:hover::after, 
.cl-effect-8 .menu-menu-principal-an-container>ul>li>a:focus::after,
 a.btn:hover::after,
 a.btn:focus::after,
 a.product_type_simple:hover::after,
 a.product_type_simple:focus::after{
    opacity: 1;
    -webkit-transform: translateY(0px) translateX(0px);
    -moz-transform: translateY(0px) translateX(0px);
    transform: translateY(0px) translateX(0px);
}

select.orderby {
    padding: 10px;
    border-radius: 0;
}

.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border:solid 1px #eee;
}

/* a.button.product_type_simple,
 button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button{
font-size: 97%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: 1em 1.5em;
    font-weight: 500;
    border-radius: 3px;
    left: auto;
    color: #000;
    background-color: #fff;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}

 a.button.product_type_simple:hover,
 button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover{
    background-color: #fff;
 }*/

/* .menu-item:hover > .sub-menu li{
    padding-top:10px;
    display: block;
    width: 100%;
 }

  .menu-item:hover > .sub-menu a{
    font-size:10px;
  }

  .menu-item .sub-menu .sub-menu{
    position:absolute;
    display:none;
  }*/

/*#menu-menu-principal .sub-menu li:hover > ul.sub-menu,
#menu-menu-principal-an .sub-menu li:hover > ul.sub-menu {
    left:100% !important;
    display:block;
    top:0;
    z-index:99;
}*/

.col-3 {
    max-width: 100%;
}

/*ul.products.columns-3 {
    display: flex;
}*/
.tax-product_cat h1.woocommerce-products-header__title.page-title, .single-product h1.woocommerce-products-header__title.page-title,
.page-template h1.woocommerce-products-header__title{
    line-height:1.2;
        padding: 7vw 0;
    font-size: 3vw;
}
h1, h2, h3, h4, h5, h6,a,li,p,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight:500;
}

.storefront-full-width-content .woocommerce-products-header{
    padding:0 !important;
}

.rectractable-product ul {
    display: flex;
}

.rectractable-product ul li {
    padding-left: 5px;
    padding-right: 5px;
}

header.woocommerce-products-header h1 {
    color: #fff;
    font-weight: 600;
    padding: 7vw 0;
    z-index:7;
    position:relative;
    text-transform:uppercase;
    text-align:left;
}

.price{
    font-size:24px;
}

.aws-container {
    width: 35%;
    float: right;
}

.name-red {
    font-size: 28px;
}

@media all and (min-width:768px){
.woocommerce-active .site-header .site-branding {
    width: 60%;
    float: left;
    margin-right: 4.347826087%;
}
}

@media all and (max-width:769px){
    .sectionTitle, h2.sectionTitle, .slider-content h2, .serviceWrap h3, .slider-content h3{
    font-size:30px;
}
}

@media all and (max-width: 767px){
    .woocommerce-active .site-branding {
        float: none !important;
        text-align: center;
        margin: 0 auto 20px;
    }

    .aws-container {
        width: 100%;
        float: none;
    }

    .aws-container {
        width: 100% !important;
        float: none !important;
    }

    .tax-product_cat h1.woocommerce-products-header__title.page-title, 
    .single-product h1.woocommerce-products-header__title.page-title, 
    .page-template h1.woocommerce-products-header__title {
        font-size: 8vw;
        margin-bottom: 0;
    }

    .publicitaire ul {
        padding-left: 0;
    }

    .promoImages .img-fluid {
        width: 100%;
    }

    .rectractable-product ul{
        flex-direction: column;
    }

    .col-full {
        margin-left: 0;
        margin-right: 0;
    }

    .page-template-template-homepage:not(.has-post-thumbnail) .site-main {
        padding-top: 0;
    }  

    .parallax {
        height: auto;
        margin-bottom: 20px;
    } 

    .dropdown-toggle::after {
        display: inline-block;
        width: 10px;
        height: 20px;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        border: none;
    }

    .menu-item button{
        padding: 0;
    }
}