@import url("header.css");
@import url("footer.css");
@import url("page.css");
@import url("page-with-section.css");
@import url("product.css");
@import url("slick.css");
@import url("cart.css");
@import url("menu.css");
@import url("myaccount.css");
@import url("contact.css");
@import url("home.css");
@import url("certificat.css");
@import url("vendor/magnific-popup.css");

@font-face {
    font-family: "MADETOMMY";
    src: url('../fonts/made_tommy_regular_personal_use-webfont.woff2') format('woff2'),
         url('../fonts/made_tommy_regular_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MADETOMMY - Light";
    src: url('../fonts/made_tommy_light_personal_use-webfont.woff2') format('woff2'),
         url('../fonts/made_tommy_light_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MADETOMMY - Medium";
    src: url('../fonts/made_tommy_medium_personal_use-webfont.woff2') format('woff2'),
         url('../fonts/made_tommy_medium_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MADETOMMY - Bold";
    src: url('../fonts/made_tommy_bold_personal_use-webfont.woff2') format('woff2'),
         url('../fonts/made_tommy_bold_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-size: 0.975rem;
    font-family: "Open Sans";
    color: #767676;
    line-height: 1.2;
}

body h1 {
    font-family: "MADETOMMY - Medium";
    font-size: 3.125rem;
    font-style: normal;
}

body h2.entry-title {
    text-transform: uppercase;
    color: #0075bf;
    font-family: "MADETOMMY";
    font-size: 40px;
    line-height: 1.2;
}

body h2, body h3.entry-title {
    font-family: "MADETOMMY - Medium";
    color: #2c2c2c;
    font-size: 1.563rem;
    line-height: 1.2;
}

body a, body a:hover {
    color: #0075bf;
}

a, 
button, 
input {
    outline: inherit !important;
}

hr {
    border-color: #0075bf;
}

body .col-full {
    max-width: 83rem;
}

.sticky {
    position: fixed !important;
    top: 0;
}

/* bouton */
.wp-block-button__link,
.wp-block-button__link:not(.has-text-color),
.hentry .entry-content .wp-block-button .wp-block-button__link,
.button:not( .wc-backward ):not( .single_add_to_cart_button ):not( .mfp-close ),
body button:not( .menu-toggle ):not( .addtocartbutton ):not( .wc-backward ):not( .single_add_to_cart_button ):not( .mfp-close ) {
    color: #0075bf !important;
    font-family: "MADETOMMY - Medium";
    background-color: #dff0ef !important;
    font-size: 0.85rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid #dff0ef !important;
    padding: 0.81rem 1rem !important;
    position: relative;
    transition: 0.5s;
}

.wp-block-button__link:hover,
.button:not( .wc-backward ):not( .single_add_to_cart_button ):not( .mfp-close ):hover,
button:not( .menu-toggle ):not( .addtocartbutton ):not( .wc-backward ):not( .single_add_to_cart_button ):not( .mfp-close ):hover {
    border: 1px solid #0075bf !important;
    background: none !important;
    transition: 0.5s;
}

.mfp-close:hover {
    background: none;
}

body table tbody td {
    background: none !important;
}

body hr {
    background-color: #8fcec7;
}

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 0 !important;
}

body .input-text:focus, 
body input[type=email]:focus, 
body input[type=number]:focus, 
body input[type=password]:focus, 
body input[type=search]:focus, 
body input[type=tel]:focus, 
body input[type=text]:focus, 
body input[type=url]:focus, 
body textarea:focus {
    background-color: transparent;
    outline: none;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    box-shadow: 0 0 0 30px white inset !important;
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.slide-nav {
    list-style: none;
}

.slide-nav > *.slick-disabled {
    opacity: 0.5;
}

body .content-area {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}