/*
 * Loader
 */
#loader-wrapper {
    position: fixed;
    text-align: center;
    width: 100%;
    height: 100%;
    z-index: 1040;
    background: #ffffff;
}
#loader {
    display: inline-block;
    position: relative;
    /*height: 100%;*/
    width: 100%;
    padding-top: 15%;
    text-align: center;
    /*padding: calc(25% - 175px) 0 0;*/
}
#loader:after {
    content: '';
    display: block;
    width: 100%;
    border-bottom: solid 3px #000000;
    position: absolute;
    left: 0;
    margin-top: -3px;
    z-index: -1;
}
.loader-subtitle {
    font-family: "Work Sans",sans-serif;
    letter-spacing: 1px;
}

.btnaccount > a + .menuaccount,
a,
.btn,
.btn-black,
.btn-black:focus,
.btn-black:active,
.btn-black:hover,
.btnback,
.btnback:focus,
.btnback:active,
.btnback:hover,
.btn:focus,
.btn:active,
.btn:hover,
input[type="submit"] {
    text-decoration: none;
    -webkit-transition: all 0.8s ease-in-out 0s;
    -moz-transition: all 0.8s ease-in-out 0s;
    -ms-transition: all 0.8s ease-in-out 0s;
    -o-transition: all 0.8s ease-in-out 0s;
    transition: all 0.8s ease-in-out 0s;
}

/* Button Focus */
button:focus {
    outline:none;
}

/* Btn Hover */
/*-webkit-animation: btnhover 0s ease infinite;
-moz-animation: btnhover 0s ease infinite;
animation: btnhover 0s ease infinite;*/

@-webkit-keyframes btnhover {
    0%{background-position:54% 0%}
    50%{background-position:47% 100%}
    100%{background-position:54% 0%}
}
@-moz-keyframes btnhover {
    0%{background-position:54% 0%}
    50%{background-position:47% 100%}
    100%{background-position:54% 0%}
}
@keyframes btnhover {
    0%{background-color:54% 0%}
    50%{background-position:47% 100%}
    100%{background-position:54% 0%}
}

/*
 * Font size
 */
.fs-5 { font-size: 5px!important; }
.fs-6 { font-size: 6px!important; }
.fs-7 { font-size: 7px!important; }
.fs-8 { font-size: 8px!important; }
.fs-9 { font-size: 9px!important; }
.fs-10 { font-size: 10px!important; }
.fs-11 { font-size: 11px!important; }
.fs-12 { font-size: 12px!important; }
.fs-13 { font-size: 13px!important; }
.fs-14 { font-size: 14px!important; }
.fs-15 { font-size: 15px!important; }
.fs-16 { font-size: 16px!important; }
.fs-17 { font-size: 17px!important; }
.fs-18 { font-size: 18px!important; }
.fs-19 { font-size: 19px!important; }
.fs-20 { font-size: 20px!important; }
.fs-21 { font-size: 21px!important; }
.fs-22 { font-size: 22px!important; }
.fs-23 { font-size: 23px!important; }
.fs-24 { font-size: 24px!important; }
.fs-25 { font-size: 25px!important; }
.fs-30 { font-size: 30px!important; }
.fs-35 { font-size: 35px!important; }
.fs-40 { font-size: 40px!important; }
.fs-45 { font-size: 45px!important; }
.fs-50 { font-size: 50px!important; }
.fs-55 { font-size: 55px!important; }
.fs-60 { font-size: 60px!important; }
.fs-65 { font-size: 65px!important; }
.fs-70 { font-size: 70px!important; }

/*
 * line Height
 */
.lh-5 { line-height: 5px!important; }
.lh-6 { line-height: 6px!important; }
.lh-7 { line-height: 7px!important; }
.lh-8 { line-height: 8px!important; }
.lh-9 { line-height: 9px!important; }
.lh-10 { line-height: 10px!important; }
.lh-11 { line-height: 11px!important; }
.lh-12 { line-height: 12px!important; }
.lh-13 { line-height: 13px!important; }
.lh-14 { line-height: 14px!important; }
.lh-15 { line-height: 15px!important; }
.lh-16 { line-height: 16px!important; }
.lh-17 { line-height: 17px!important; }
.lh-18 { line-height: 18px!important; }
.lh-19 { line-height: 19px!important; }
.lh-20 { line-height: 20px!important; }
.lh-21 { line-height: 21px!important; }
.lh-22 { line-height: 22px!important; }
.lh-23 { line-height: 23px!important; }
.lh-24 { line-height: 24px!important; }
.lh-25 { line-height: 25px!important; }
.lh-30 { line-height: 30px!important; }
.lh-35 { line-height: 35px!important; }
.lh-40 { line-height: 40px!important; }
.lh-45 { line-height: 45px!important; }
.lh-50 { line-height: 50px!important; }
.lh-55 { line-height: 55px!important; }
.lh-60 { line-height: 60px!important; }
.lh-65 { line-height: 65px!important; }
.lh-70 { line-height: 70px!important; }

/*
 * Fonts
 */
.font-primary { font-family: "Work Sans", sans-serif; }
.font-secondary { font-family: "Montserrat", sans-serif; }

/* Colors */
/*.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus):first-letter, .wp-block-button.is-style-outline, a { color: #efefef!important; }*/
/*blockquote, .border-color-accent, .border-color-accent-hover:hover, .border-color-accent-hover:focus { border-color: #2b2724!important; }*/
/*button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link { background-color: #2b2724!important; }*/
/*.fill-children-accent, .fill-children-accent * { fill: #2b2724!important; }*/

/*
 * Buttons
 */
a,
.btn,
.button,
input[type="submit"].btn {
    font-family: 'Work Sans', sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: 700;
    border: solid 1px transparent;
    transition: all 0.8s ease-in-out;
}
.button:focus,
.button:active,
.button:hover,
.btn:focus,
.btn:active,
.btn:hover {
    border: solid 1px transparent;
}
a:hover {
    color: #2b2724;
}
.mobile-nav-toggle { background: transparent!important; }

.button { background-color: #efefef!important; color:#1a1a1a!important; }
.button:focus,
.button:active,
.button:hover { background-color: #1a1a1a!important; color: #efefef!important; }

/*
 * Animation
 */
.scale-up-hor-left {
    -webkit-animation: scale-up-hor-left 0.8s ;
    animation: scale-up-hor-left 0.8s ;
}
@-webkit-keyframes scale-up-hor-left {
    0% {
        -webkit-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    }
}
@keyframes scale-up-hor-left {
    0% {
        -webkit-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    }
}
.tracking-in-expand-fwd {
    -webkit-animation: tracking-in-expand-fwd 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    animation: tracking-in-expand-fwd 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
@-webkit-keyframes tracking-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        -webkit-transform: translateZ(-700px);
        transform: translateZ(-700px);
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes tracking-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        -webkit-transform: translateZ(-700px);
        transform: translateZ(-700px);
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
.slide-in-bck-center {
    -webkit-animation: slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-bck-center {
    0% {
        -webkit-transform: translateZ(600px);
        transform: translateZ(600px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes slide-in-bck-center {
    0% {
        -webkit-transform: translateZ(600px);
        transform: translateZ(600px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
.fade-in {
    -webkit-animation: fade-in 3s ease-in both;
    animation: fade-in 3s ease-in both;
}
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/*
 * Formulaire
 */
.wpcf7-response-output {
    font-size: 12px;
    text-align: center;
    display: inline;
    margin: 10px auto 0;
}
.wpcf7-select {
    padding: 15px;
    width: 100%;
}

/*
 * Logo
 */
.title-light {
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;
    line-height: 16px;
    font-weight: 300;
    text-transform: uppercase;
    display: block;
}
.title-bold {
    font-family: 'Work Sans', sans-serif;
    font-size: 20px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}
.site-title > a,.site-title > a:hover { text-decoration: none; }

.fixed-top > div > .archive-title { border: none!important; padding-bottom: inherit; }

/*
 * Menu Principal
 */
#header ul li a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    text-decoration: none!important;
    border-bottom: solid 2px transparent;
    padding-bottom: 1rem;
    color: #000000!important;
}
#header ul li.current-menu-item > a,
#header ul li.current-menu-item > a:hover,
#header ul li > a:hover {
    border-bottom: solid 2px!important;
    /*font-weight: 700;*/
    /*letter-spacing: 1px;*/
}
.home #header ul li a { color: #ffffff!important; }
.nav-toggle {
    position:inherit;
}

.home-title,
.home-subtitle{
    opacity: 0;
}

/*
 * Page: Home
 */
.home #site-content {
    height: 70vh;
}


/*
 * Page: Title
 */
.page-title {
    margin-top: 35vh;
    line-height: 50px;
    font-size: 70px;
    letter-spacing: 10px;
    background-color: #565656;
    color: transparent;
    text-shadow: 2px 2px 3px rgba(255,255,255,0.5);
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
}

/*
 * Page: Contact
 */
.infos_contact a {
    font-size: 14px;
    /*color: #000000;*/
}

/*
 * Page: Catégorie
 */
.entry-meta a {
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    color: #000000;
}

/*
 * WooCommerce
 */
.woocommerce-loop-product__title {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.woocommerce .product_title {
    font-size: 35px;
    letter-spacing: 2px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #1a1a1a;
}
.woocommerce div.product .text-white p.price, .woocommerce div.product .text-white span.price{
    color: #ffffff;
}
.woocommerce div.product form.cart .variations {
    margin: 0 0 3rem;
    border: solid 1px #dee2e6;
    border-left: none;
    border-right: none;
}
.woocommerce div.product form.cart .variations td {
    padding-top: 3rem;
}
.woocommerce div.product form.cart .variations select {
    padding: 1rem;
}
.woocommerce div.product form.cart .variations select option {
    padding: 0.5rem 1rem;
}
.woocommerce div.product form.cart .reset_variations {
    margin-top: 0.5rem;
    display: block;
    line-height: 2rem;
}
.woocommerce-variation,
.woocommerce-variation-add-to-cart {
    display: inline-block;
    vertical-align: text-bottom;
    padding: 0 10px;
}
.woocommerce button.button.alt.disabled {
    background-color: #2b2d2f;
}
.woocommerce-variation {
    color: #1a1a1a;
    padding: 4px 1em;
}
.woocommerce-variation div.woocommerce-variation-price span.price {
    color: #1a1a1a;
    font-weight: 700;
}
.woocommerce-notices-wrapper {
    margin-top: 5rem;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100rem;
}
.woocommerce table.shop_table td {
    line-height: 1rem;
}
.woocommerce-info { border-color: #1a1a1a; }
.woocommerce-info::before { color: #1a1a1a; }
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    font-size: 1em;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #1a1a1a;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #2b2d2f;
}
.woocommerce-shipping-totals.shipping th, .woocommerce-shipping-totals.shipping td {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
}
.wc_payment_methods.payment_methods.methods {
    background: #1a1a1a;
}
.woocommerce-billing-fields .form-row {
    padding: 10px 0!important;
}
.woocommerce-billing-fields .form-row label {
    font-size: 14px;
    display: block;
    width: 100%;
    margin-bottom: 0;
    line-height: 24px!important;
}
.woocommerce-billing-fields .form-row span {
    display: block;
    width: 100%;
}
.woocommerce-input-wrapper { width: 100%; }
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
    /*display: inline-block;*/
    /*vertical-align: top;*/
    /*width: 48%;*/
    border-bottom: solid 1px #6b6a6b;
    padding: 10px 0;
    cursor: pointer;
}
#add_payment_method #payment ul.payment_methods li:last-child, .woocommerce-cart #payment ul.payment_methods li:last-child, .woocommerce-checkout #payment ul.payment_methods li:last-child {
    border-bottom: none;
}
#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img,
#add_payment_method #payment ul.payment_methods li a, .woocommerce-cart #payment ul.payment_methods li a, .woocommerce-checkout #payment ul.payment_methods li a { display: none; }
#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input,
#add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label {
    display: inline-block;
    color: #efefef;
    cursor: pointer;
}
#add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label {
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
}
.woocommerce {
    font-family: 'Work Sans', sans-serif;
}
.woocommerce form .form-row .input-checkbox { display: inline-block; }
.woocommerce form .form-row input[type="checkbox"]:checked::before {
    margin-left: -1rem;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: transparent; }
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 48px; }
.woocommerce ul.order_details {
    margin-bottom: 1rem;
}
.woocommerce .woocommerce-order-details { padding-top: 2rem; }

/*
 * Footer Menu
 */
.footer-menu li {
    display: inline-block;
    vertical-align: middle;
}
.footer-menu li a {
    color:#000000;
}
.home .footer-menu { background:transparent!important; }
.home .footer-menu li a {
    color: #ffffff;
    font-weight: 400;
}
.home .footer-copyright,
.home .footer-copyright a{
    font-weight: 400;
}