

/* FONTES ET TAILLES */

/* MIXETTE FONT CSS */

@import url('https://fonts.googleapis.com/css?family=Inconsolata:400,700');

body, button, input, textarea {
  font-family: 'Inconsolata', monospace;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

h1 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  text-align:center;
  text-transform: uppercase;
}


.mc_form_inside input,
.mc_form_inside input:focus,
.mc_form_inside textarea
{
  font-size: 16px;
  font-style: normal;
}

textarea.mxtt-contact {
  line-height: 32px;
}

a.button,
input.mxtt-contact[type="submit"],
input.mxtt-contact[type="submit"]:hover,
input.mxtt-contact[type="submit"]:visited,
.mc_form_inside input[type="submit"],
.mc_form_inside input[type="submit"]:hover,
.mc_form_inside input[type="submit"]:visited {
  font-size: 24px;
  line-height:32px;
}

.back-to-home a {
  font-size: 48px;
  font-weight: bold;
}

.langSelector {
  font-size: 24px;
}

.langSelector .langLink a {
  font-size: 16px;
  font-weight: 700;
}

.sandwich-menu ul li {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
.mxtt-footer {
  font-size: 12px;
  line-height: 16px;
}

.bafouille p {
  font-size: 24px;
  line-height: 32px;
}

.wpcf7-mail-sent-ok {
    font-size: 24px !important;
    line-height: 32px !important;
}



/******************************/
/* MEDIA QUERIES              */
/* VERY SMALL SCREEN <= 480px */
/******************************/

@media only screen and (max-width:480px){
  .sandwich-menu ul li,
  .bafouille h1.letitre {
    font-size: 24px;
    line-height: 32px;
  }
  .mxtt-footer ul li {
    font-size: 12px;
  }
  .bafouille p {
    font-size: 16px;
    line-height: 24px;
  }
  .mxtt-contact input, .mxtt-contact input:focus, .mxtt-contact textarea, .mc_form_inside input, .mc_form_inside input:focus, .mc_form_inside textarea {
    font-size: 22px;
  }
}


/*****************/
/* Products list */
/*****************/

ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2,
ul.products li.product h3 {
  font-size: 16px;
  line-height: 32px;
}
ul.products li.product .price {
  font-size:16px;
  line-height: 32px;
}

.archive ul.products li.product h2,
.archive ul.products li.product h3 {
  font-size: 24px;
  line-height: 32px;
}
.archive ul.products li.product .price {
  font-size:24px;
  line-height: 32px;
}


/****************/
/* Page Produit */
/****************/

.single-product div.product form.cart button.alt{
  font-size: 24px;
  line-height: 32px;
}
.single-product div.product p.price {
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
}
.stock.out-of-stock {
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
}


/*********************/
/* More Mixette Menu */
/*********************/

.more-mixettes-menu ul li {
  ligne-height:32px
}

.more-mixettes .show-wpcf7 {
  font-size: 24px;
  line-height: 32px;
}

/*********************/
/*     Panier        */
/*********************/

.wc-proceed-to-checkout,
.wc-proceed-to-checkout .button.checkout-button {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}

table.cart td.product-remove a.remove::before {
    content: '×'; /* replace rounded-cross by multiply sign */
  font-family: 'Inconsolata', monospace;
  font-size: 32px;
  line-height: 29px;
}
table.cart td.actions button {
  font-size: 24px;
  line-height: 24px;
}
/*********************/
/*     Commande      */
/*********************/

#ship-to-different-address {
  font-size: 16px;
  line-height: 24px;
}
.woocommerce-additional-fields {
  margin: 24px 0 32px 0;
}












/* MIXETTE CSS */

body.woocommerce #primary {
  float: none;
  width: 100%;
}
.right-sidebar .content-area {
    width: 100%;
    float: none;
    margin-right: 0;
}

.col-full {
    max-width: 432px;
    padding: 0;
}

body {
  background-color: #a0a0a0;
}

p { margin-bottom: 32px;}

a {
    color:yellow;
}
a:hover, a:focus {
    color:cyan;
}

label { font-weight: 700; }

.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, .site-footer .storefront-handheld-footer-bar a:not(.button), button.menu-toggle, .handheld-navigation .dropdown-toggle {
  color: yellow;
  font-weight: 700;
}

.main-navigation ul li a:hover, .site-title a:hover, ul.menu li a:hover, .site-branding h1 a:hover, .site-footer .storefront-handheld-footer-bar a:not(.button):hover, button.menu-toggle:hover, .handheld-navigation .dropdown-toggle:hover,
.main-navigation ul li a:focus, .site-title a:focus, ul.menu li a:focus, .site-branding h1 a:focus, .site-footer .storefront-handheld-footer-bar a:not(.button):focus, button.menu-toggle:focus, .handheld-navigation .dropdown-toggle:focus
 {
  color: cyan;
}


button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
  background-color: transparent;
  border-color: transparent;
  color: yellow;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover,
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .button:focus, .widget a.button:focus {
  color: cyan;
  background-color: transparent;
  border-color: transparent;

}

table td, table th {
  padding: 0 0 8px 0;
}


#video-fond {
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}
#video-fond > video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* 1. Pas de support d'object-fit */
@media (min-aspect-ratio: 16/9) {
  #video-fond > video {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  #video-fond > video {
    width: 300%;
    left: -100%;
  }
}
/* 2. En cas de support d'object-fit, écrase les règles en (1) */
@supports (object-fit: cover) {
  #video-fond > video {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    object-fit: cover;
  }
}

  .trame {
    background-image:url('https://lamixette.com/wp-content/themes/storefront-child/mxtt-img/Trame-cannage.png');
    background-repeat:repeat;
    position:fixed;
    height:110%;
    width:100%;
    z-index:100;
    top:0;
    left:0;
  }

.full-logo-container {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index:100;
}

#full-logo {
  position: relative;
  width: 100%;
  height:100%;
  background-image: url('https://lamixette.com/wp-content/themes/storefront-child/mxtt-img/corpo-logo-blanc-desktop.svg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
}
.age-gate-background-colour,
.page-template-template-blackpage #full-logo,
.home #full-logo,
#full-logo.yellow {
  background-image: url('https://lamixette.com/wp-content/themes/storefront-child/mxtt-img/corpo-logo-jaune-desktop.svg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
}


.mxtt-header {
    position: sticky;
    top:0;
    z-index: 999;
    max-width: 624px;
    margin: 0 auto;
}

#page {
    max-width: 432px;
    margin: 0 auto;
    position: relative;
    z-index: 999;
}
/* Pour afficher l'image à la une après le titre */
.hentry.type-page .entry-header {
  display:flex;
  flex-flow: column-reverse;
}

.site-main {
    margin-bottom: 96px;
}

.note {
  text-align:center;
}

footer {
  max-width: 624px;
  margin: 0 auto;
}

#content {
  /* margin-top: 64px; */
}
.home #content,
.home .content-area,
.home .content-area .site-main {
  margin:0;
  height:0;
}
h1 {
  color:white;
  /* margin:10px 0 50px; */
  margin:16px 0 16px;
  text-align:center;
  text-transform: uppercase;
}


.added_to_cart.disabled, .added_to_cart:disabled, .button.disabled, .button:disabled, button.disabled, button:disabled, input[type="button"].disabled, input[type="button"]:disabled, input[type="reset"].disabled, input[type="reset"]:disabled, input[type="submit"].disabled, input[type="submit"]:disabled {

    opacity: 0 !important;
    cursor: none;

}

.env {
  margin: 0 auto 8px;
}

#instagram, #facebook {

}

#instagram .icon {
  background-image: url('https://lamixette.com/wp-content/themes/storefront-child/mxtt-img/corpo-insta.svg');
/*  background-size: 100% 100%; */
  height:16px;
  width:16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin: 0 auto;
}

#facebook .icon {
  background-image: url('https://lamixette.com/wp-content/themes/storefront-child/mxtt-img/corpo-fb.svg');
/*  background-size: 100% 100%; */
  height:32px;
  width:32px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin: 0 auto;
}



@media only screen and (max-width:623px){
  #full-logo {
    background-size: 100% auto;
  }
  .home #full-logo,
  #full-logo.yellow {
    background-size: 100% auto;
  }

}
@media only screen and (max-width:480px){

  #full-logo {
    background-image: url('https://lamixette.com/wp-content/themes/storefront-child/mxtt-img/corpo-logo-blanc-mobile.svg');
    background-size: 100% auto;
  }

  .age-gate-background-colour,
  .page-template-template-blackpage #full-logo,
  .home #full-logo,
  #full-logo.yellow {
    background-size: 100% auto;
    background-image: url('https://lamixette.com/wp-content/themes/storefront-child/mxtt-img/corpo-logo-jaune-mobile.svg');
  }
}


#close .icon {
  background-image: url('https://lamixette.com/wp-content/themes/storefront-child/mxtt-img/corpo-cross.svg');
  height:64px;
  width:64px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

#language .icon.off {
  background-image: url('https://lamixette.com/wp-content/themes/storefront-child/mxtt-img/corpo-langues.svg');
}

#instagram .icon.off {
  background-image: url('https://lamixette.com/wp-content/themes/storefront-child/mxtt-img/corpo-insta-2-white.svg');
}

#contact .icon.off {
  background-image: url('https://lamixette.com/wp-content/themes/storefront-child/mxtt-img/corpo-contact-2-white.svg');
}

div.wpcf7 {
  /* width:320px; */
  width:100%;
  margin: 0 auto;
}
.more-mixettes .wpcf7 {
  width:100%;
}

.mxtt-contact::placeholder { /* Chrome/Opera/Safari */
  color: yellow;
  opacity: 1;
}
.mxtt-contact::-moz-placeholder { /* Firefox 19+ */
  color: yellow;
  opacity: 1;
}
.mxtt-contact:-ms-input-placeholder { /* IE 10+ */
  color: yellow;
  opacity: 1;
}
.mxtt-contact::-ms-input-placeholder { /* Edge */
  color: yellow;
  opacity: 1;
}
.mxtt-contact:-moz-placeholder { /* Firefox 18- */
  color: yellow;
  opacity: 1;
}
input.qty,
input.mxtt-contact,
input.mxtt-contact:focus,
textarea.mxtt-contact {
  width:100%;
  padding:0;
  border:none;
  background: none;
  box-shadow: none;
  color: yellow;
}

form {
  margin-bottom:32px;
}

form p {
  margin-bottom:32px;
}

input.qty {
  font-size: 24px;

}
.quantity .qty {
    width: 100%;
    text-align: center;
}

input.qty,
input.mxtt-contact,
input.mxtt-contact:focus {
  background-image: url('https://lamixette.com/wp-content/themes/storefront-child/mxtt-img/line.png');
  background-repeat: repeat-x;
  background-position: center 17px;
}

textarea.input-text,
textarea, textarea:focus,
textarea.mxtt-contact,
textarea.mxtt-contact:focus {
  background-image: url('https://lamixette.com/wp-content/themes/storefront-child/mxtt-img/multiline.png');
  background-repeat: repeat;
  background-position: left -3px;
}

input.qty,
input.qty:focus {
  background-position: center 20px;
}

input.mxtt-contact[type="submit"],
input.mxtt-contact[type="submit"]:hover,
input.mxtt-contact[type="submit"]:visited {
  font-style: normal;
  text-transform: uppercase;
  background: none;
  color: yellow;
}

/* mailchimp */

#mc_message { color: yellow;}
.mc_var_label {display: none;}

.input-text::-webkit-input-placeholder,
.mc_form_inside ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: yellow;
  opacity: 1;
}
.input-text::-moz-placeholder,
.mc_form_inside ::-moz-placeholder { /* Firefox 19+ */
  color: yellow;
  opacity: 1;
}
.input-text:-ms-input-placeholder,
.mc_form_inside :-ms-input-placeholder { /* IE 10+ */
  color: yellow;
  opacity: 1;
}
.input-text::-ms-input-placeholder,
.mc_form_inside ::-ms-input-placeholder { /* Edge */
  color: yellow;
  opacity: 1;
}
.input-text:-moz-placeholder,
.mc_form_inside :-moz-placeholder { /* Firefox 18- */
  color: yellow;
  opacity: 1;
}

.input-text, input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea,
.input-text:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, textarea:focus,
.mc_form_inside input,
.mc_form_inside input:focus,
.mc_form_inside textarea {
  width:100%;
  padding:0;
  border:none;
  background: none;
  box-shadow: none;
  color: yellow;
  font-weight: 700;
}

.woocommerce-checkout tr.woocommerce-shipping-totals,
.woocommerce-checkout tr.order-total,
.woocommerce-checkout tr.cart-subtotal,
.input-text, input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"],
.input-text:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus,
.mc_form_inside input,
.mc_form_inside input:focus {
  background-image: url('https://lamixette.com/wp-content/themes/storefront-child/mxtt-img/line.png');
  background-repeat: repeat-x;
  background-position: center 17px;
}

.mc_form_inside input[type="submit"],
.mc_form_inside input[type="submit"]:hover,
.mc_form_inside input[type="submit"]:visited {
  text-transform: uppercase;
  background: none;
  color: yellow;
  margin-top:32px;
}

/* V2 */

.site-header-cart,
.back-to-home {
  position: absolute;
  top: 0;
  display:flex;
  align-items: center;
}
.back-to-home {
  left: 0;
}

.back-to-home a {
  margin: 0 auto;
}

.site-header-cart {
    right: 0;
}
.site-header-cart li {
    width:100%;
}
.site-header-cart li.widget_shopping_cart_content {
    display:none;
}

.lmxtt-cart-contents,
.langSelector,
.back-to-home,
.site-header-cart {
  height: 96px;
  width: 96px;
  z-index: 199;
}

.lmxtt-cart-contents,
.langSelector {
  position: relative;
  top: 0;
  left: 50%;
  margin-left:-48px;
  color: #000000;
}
.langSelector {
  background-image: url("https://lamixette.com/wp-content/themes/storefront-child/mxtt-img/corpo-langues.svg");
  background-size: 96px 96px;
  background-position: center;
  background-repeat: no-repeat;
}
ul.menu li a.lmxtt-cart-contents {
  display: block;
  text-align:center;
  line-height: 88px;
  color:white;
  background-image: url("https://lamixette.com/wp-content/themes/storefront-child/mxtt-img/corpo-caddie.svg");
  background-size: 96px 96px;
  background-position: center;
  background-repeat: no-repeat;
}

.langSelector .langLink a {
  color:yellow !important;
}
.langSelector .langLink a:hover,
.langSelector .langLink a:focus {
  color:cyan !important;
}

.langLink {
  height: 32px;
}

.langLink:first-of-type,
.langLink:nth-of-type(4) {
  width: 96px;
  text-align: center;
}

.langLink:nth-of-type(2),
.langLink:nth-of-type(3) {
  width: 48px;
}

.langLink:nth-of-type(2) {
  float: left;
  text-align: left;
  padding-left: 8px;
}

.langLink:nth-of-type(3) {
  float: right;
  text-align: right;
  padding-right:8px;
}

.langLink:nth-of-type(4) {
  clear: both;
}

.sandwich-menu {
  z-index:199;
  text-align: center;
}

.sandwich-menu ul {
  margin: 44px 0px;
  list-style-type: none;
}

.sandwich-menu ul li {
  text-transform: uppercase;
}

ul.menu li.current-menu-item {display: none;}

.mxtt-footer {
  text-align: center;
}

.mxtt-footer ul {
  margin:0;
  list-style-type: none;
}

.mxtt-footer ul li {
  color: white;
}

.mxtt-footer a,
.mxtt-footer ul li a {
  color:white;
}

.mxtt-footer a:hover {
  color:cyan;
}


.bafouille,
.bafouille-legale {
  margin:160px 0 150px;
  z-index:199;
  text-align: center;
}

.bafouille h1.letitre,
.bafouille-legale h1.letitre {
  color:white;
  margin-top:10px;
  margin-bottom: 50px;
}

.bafouille p {
  color:white;
  text-align:left;
  font-weight: 400;
}

.bafouille-legale p {
  color:white;
  text-align:left;
  font-weight: 400;
}


.mxtt-footer {
  position: relative;
  z-index:4000;
}

.home .mxtt-footer { padding-top: 0px;}
.home .sandwich-menu ul li { line-height:37px;}

.sandwich-menu {
  position: relative;
}

body.home .bafouille {
  display: none;
}

/* MAPS */

  .preframe {
    width:430px;
    height:430px;
    overflow: hidden;
    border: 0px;
  }

  iframe {
    border:0px !important;
  }


  .wpcf7-validation-errors {
    display: none !important;
  }

  .wpcf7-mail-sent-ok {
    border: none !important;
    color:lime;
  }




/**************************************/
/* MEDIA QUERIES                      */
/* MEDIUM SCREEN > 768px and <= 900px */
/**************************************/
@media (min-width:768px) and (max-width:900px) {

  body:not(.page-template-template-fullwidth-php) table.cart td, body:not(.page-template-template-fullwidth-php) table.cart th {
      padding: 0 0 8px 0;
  }
  body:not(.page-template-template-fullwidth-php) table.cart td.actions {
    padding: 0;
  }

}


/******************************/
/* MEDIA QUERIES              */
/* MEDIUM SCREEN <= 66.4989em */
/******************************/
@media (max-width:66.4989378333em) {
 .col-full { margin:0; }
}


/**************************/
/* MEDIA QUERIES          */
/* MEDIUM SCREEN <= 568px */
/**************************/
@media (max-width:568px) {
 .col-full { margin:0; }
}


/******************************/
/* MEDIA QUERIES              */
/* VERY SMALL SCREEN <= 480px */
/******************************/

@media only screen and (max-width:480px){
  .sandwich-menu ul li,
  .bafouille h1.letitre {
  }
  #facebook .icon, #instagram .icon {
    height:32px;
    width:32px;
  }
  .env {
    width:96px;
    margin-bottom:40px;
  }

  #mc_mv_EMAIL {
    text-align: center;
  }
}


/**************/
/* NEWSLETTER */
/**************/

#mc_message {
  text-align: center;
  margin-bottom: 32px;
}

#mc_display_rewards {
  width:1px;height:1px;font-size: 1px;overflow: hidden;display: block;
}

.updated:not(.published) {
    display: block;
}

/*******************/
/*                 */
/*   WOOCOMMERCE   */
/*                 */
/*******************/


.blockUI.blockOverlay { display: none !important;}

.woocommerce-order,
p.cart-empty,
p.return-to-shop { text-align:center;}

p.return-to-shop { text-transform:uppercase;}

.woocommerce-checkout {}

#order_review,
table th,
table tbody td,
table tfoot td,
#payment .payment_methods > li:not(.woocommerce-notice),
#payment .payment_methods > li .payment_box, #payment .place-order,
table tbody tr:nth-child(2n) td, fieldset, fieldset legend {
  background-color: transparent;
}

table tbody tr:nth-child(2n) td,
table th,
table tbody td,
table tfoot td {
  background-color: transparent;
}


.woocommerce h2,
.woocommerce h3 {
  color:white;
}
#customer_details,
#order_review, #order_review_heading,
.cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator {
    width: 100%;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments {
    background-color: transparent;
    border-radius: 2px;
    color: yellow;
    border-left: .6180469716em solid rgba(0,0,0,.15);
    border: 0;
    text-align: center;
    font-weight: 700;
}
.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button, .woocommerce-noreviews .button, p.no-comments .button {
  color: #000;
}
.woocommerce-error .button:hover, .woocommerce-info .button:hover, .woocommerce-message .button:hover, .woocommerce-noreviews .button:hover, p.no-comments .button:hover {
  color: #888;
}

/*****************/
/* Products list */
/*****************/

.site-main ul.products.columns-1 li.product {
  margin:0;
  clear:both;
}
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2,
ul.products li.product h3 {
  color: yellow;
  margin:0;
  display:inline-block;
  font-weight: 700;
}
ul.products li.product .price {
  color: yellow;
  display:inline-block;
  position: absolute;
  right:0;
  margin:0;
  font-weight: 700;
}
.woocommerce-Price-currencySymbol {
  margin-left:9px;
}
ul.products li.product .woocommerce-LoopProduct-link {
  text-align: left;
  color:yellow;
}
ul.products li.product .woocommerce-LoopProduct-link:hover *,
ul.products li.product .woocommerce-LoopProduct-link:focus * {
  color:cyan;
}



/****************/
/* Page Produit */
/****************/

.single-product .woocommerce-message { display: none; }

.single-product div.product .woocommerce-product-gallery {
  width: 100%;
  float:none;
  margin-right:0;
  margin-bottom: 8px;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    display:none;
    background-color: #eeeeee;
    color: black;
    top: 0;
    right: 0;
}
.single-product div.product .summary {
    width: 100%;
    float: none;
    margin-bottom: 96px;
}
.woocommerce-tabs {
  display:none;
  padding:0;
}
.woocommerce-tabs ul.tabs {
}
.woocommerce-tabs .panel {
  width: 100%;
}
.woocommerce-tabs .panel h2 {
  display:none;
}
.single-product div.product form.cart {
  text-align: center;
  margin: 0;
  padding: 0;
}
.single-product div.product form.cart button.alt{
  background-color: transparent;
  text-transform: uppercase;
  color: yellow}
.single-product div.product form.cart button.alt:hover,
.single-product div.product form.cart button.alt:focus {
  color: cyan}
.single-product div.product p.price {
    margin: 0;
    text-align: center;
}


.single-product div.product form.cart .quantity {
  float: none;
  margin: 32px 0;
}
.single-product .quantity label.screen-reader-text {
  display:none;
  clip: unset;
  -webkit-clip-path: none;
  clip-path: none;
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 32px 0 0;
  height: auto;
  width: auto;
  font-size: 24px;
}

.stock.out-of-stock::before {
  content:"";
}
.stock.out-of-stock {
  color: red;
  text-transform: uppercase;
  text-align: center;
  margin: 32px 0 0 0;
}


/***************/
/* Page Panier */
/*             */
/* FR : id-6   */
/* EN : id-16  */
/* IT : id-20  */
/* ES : id-24  */
/* DE : id-225 */
/*             */
/***************/

.page-id-6 .woocommerce-message,
.page-id-16 .woocommerce-message,
.page-id-20 .woocommerce-message,
.page-id-24 .woocommerce-message,
.page-id-225 .woocommerce-message
{ display:none; }

.woocommerce-cart-form {
  font-weight: 700;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

table.shop_table_responsive tr td::after, table.shop_table_responsive tr td::before,
.woocommerce-cart-form th {
  display:none;
}

table.cart {
  margin-bottom: 0;
}
/* table.cart td.actions,*/
/* .woocommerce-cart-form .product-quantity, */
/* .woocommerce-shipping-destination, */
/* .woocommerce-shipping-calculator, */
.woocommerce-cart-form .product-thumbnail,
.woocommerce-cart-form .product-price {
  display:none;
}

table.shop_table_responsive tr td {
    vertical-align: middle;
}


table.cart td.actions {
    display: table-cell;
}
table.cart td.product-quantity,
table.cart td.product-name,
table.cart td.product-remove,
table.cart td.product-subtotal {
    padding: 0 0 8px 0;
    display: table-cell;
}

table.cart td.product-remove {
  width: 30px;
  text-align:left;
}
table.cart td.product-remove a.remove {
    float: none;
    position: relative;
    top: auto;
    left: 0;
    font-size: 16px;
    line-height: 32px;
    font-weight: 200;
}

table.cart td.product-remove a.remove::before {
  color: red;
}

table.cart td.product-name {
  width: 70%;
  text-align:left;
}
table.cart td.product-quantity .qty {
    padding: 0;
    width: 64px;
}
table.cart td.product-subtotal {
  text-align:right;
}

table.cart td.product-remove, table.cart td.actions {
    border-top-color: transparent;
}
table.cart td.actions {
    text-align: center;
}
table.cart td.actions button {
    margin: 32px 0 0 0;
    padding: 0;
    background-color: transparent;
    text-transform: uppercase;
}

ul#shipping_method {
  margin: 0;
}

#calc_shipping_state_field,
#calc_shipping_postcode_field,
#calc_shipping_city_field {
  display:none !important;
}
.shipping-calculator-form p {
  margin-bottom: 0;
}
.shipping-calculator-form button {
  padding: 0;
  margin-top: 16px;
  text-transform: uppercase;
}
.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: yellow;
    line-height: 28px;
}
.select2-dropdown {
    background-color: #8d8d8d;
    border: 1px solid #aaa;
    border-radius: 0px;
    z-index: 1051;
}

.select2-container--default .select2-results__option[aria-selected="true"], .select2-container--default .select2-results__option[data-selected="true"] {
    background-color: black;
    color: yellow;
    font-weight:700;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #5d5d5d;
    color: #fff;
}


.cart_totals h2 {
  display:none;
}

.cart_totals table.shop_table_responsive tbody tr td {
    text-align: right;
    font-weight: 700;
}
.cart_totals table.shop_table_responsive tbody tr th,
.cart_totals table.shop_table_responsive tbody tr td {
  display:table-cell;
  padding: 16px 0;
  background-image: url('https://lamixette.com/wp-content/themes/storefront-child/mxtt-img/line.png');
  background-repeat: repeat-x;
  background-position: center 33px;
}

.wc-proceed-to-checkout {
  text-align: center;
  text-transform: uppercase;
}
.wc-proceed-to-checkout .button.checkout-button {
  display: inline-block;
  margin: 0;
  text-transform : uppercase;
  padding: 0;
}

/*********************/
/* Page Commande     */
/*********************/

.required { color: yellow }

table.woocommerce-checkout-review-order-table thead {
  display:none;
}

.woocommerce-billing-fields p.form-row,
.woocommerce-shipping-fields p.form-row{
  margin:0 0 8px 0;
}
.col2-set .woocommerce-billing-fields .form-row-first,
.col2-set .woocommerce-billing-fields .form-row-last,
.col2-set .woocommerce-shipping-fields .form-row-first,
.col2-set .woocommerce-shipping-fields .form-row-last {
  width: 100%;
  float:none;
}
.woocommerce-billing-fields h3 {
  display:none;
}

.woocommerce-privacy-policy-text {
  display:none;
}

.payment_box.payment_method_ppec_paypal {
  margin-top: 32px;
  text-align: center;
}
.woocommerce-billing-fields p label,
.woocommerce-shipping-fields p label {
  display:none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
}
.select2-container .select2-selection--single .select2-selection__rendered:hover {
  color: cyan;
}

#ship-to-different-address {
  margin-bottom: 8px;
  text-align:center;
}
#ship-to-different-address label {
  font-weight: 700;
}
#ship-to-different-address:hover {
  color: cyan;
}
#ship-to-different-address-checkbox {
  display:none;
}
#order_review_heading {
  margin-bottom: 0;
  padding-bottom: 32px;
  text-align:center;
  text-transform: uppercase;
  font-weight: 700;
}

tr.cart-subtotal th,
tr.cart-subtotal td {
  padding-top: 24px;
}

table.shop_table_responsive tbody tr td.product-quantity {
  padding-right: 32px;
  text-align: right;
}

#shipping_method,
tr.order-total td,
tr.cart-subtotal td,
td.product-quantity,
td.product-total {
  text-align: right;
}

.woocommerce-checkout tr.cart-subtotal {
  background-position: center 40px;
}

#order_review .shop_table {
    margin-bottom: 32px;
}
#payment .place-order {
    padding: 0;
    margin-top: 0;
}

.only-paypal {
  display:none;
}

#payment .payment_methods > .wc_payment_method > label, #payment .payment_methods > .woocommerce-PaymentMethod > label {
    padding: 8px;
}
#payment .payment_methods {
    margin-bottom: 32px !important;
}

form.checkout.woocommerce-checkout,
.payment_box.payment_method_ppec_paypal p {
  margin-bottom: 0;
}

.form-row.woocommerce-invalid input.input-text {
    box-shadow: unset;
}



/*********************/
/*     Age Gate      */
/*********************/

.age-gate-wrapper .langSelector { position: absolute; }

.age-gate-form { background-color: transparent; max-width: 432px;}
.age-gate-heading { display: none; }
.age-gate-additional-information {margin-top: 24px;}
.age-gate-additional-information p { color:white; }
.age-gate-additional-information p a { color:yellow; }
.age-gate-additional-information p a:hover { color:cyan; }
.age-gate-form .age-gate-challenge { color: white; max-width: 309px; margin: 8px auto 32px; }





/*********************/
/* More Mixette Menu */
/*********************/

.more-mixettes-menu {
  margin-top: 32px;
  text-align: center;
}

.more-mixettes-menu ul {
  margin: 0;
}
.more-mixettes-menu ul li {
  list-style-type: none;
}

.hidden {
  opacity: 0 !important;
  height: 0 !important;
  display:none !important;
}

.more-mixettes .show-wpcf7 {
  height: auto;
  opacity: 1;
  display:block;
  background-color: transparent;
  color : yellow;
  text-transform: uppercase;
  margin: 64px auto;
}
.more-mixettes .show-wpcf7:hover,
.more-mixettes .show-wpcf7:focus {
  color: cyan}

.more-mixettes .wpcf7-form {
  height: auto;
  opacity: 1;
  display:block;
  -webkit-animation: fadeInFromNone 0.5s ease-out;
  -moz-animation: fadeInFromNone 0.5s ease-out;
  -o-animation: fadeInFromNone 0.5s ease-out;
  animation: fadeInFromNone 0.5s ease-out;
}


/***************************/
/* fadInFromNone Animation */
/***************************/

@-webkit-keyframes fadeInFromNone {
    0% { display: none; opacity: 0; }
    1% { display: block; opacity: 0; }
    100% { display: block; opacity: 1; }
}
@-moz-keyframes fadeInFromNone {
    0% { display: none; opacity: 0; }
    1% { display: block; opacity: 0; }
    100% { display: block; opacity: 1; }
}
@-o-keyframes fadeInFromNone {
    0% { display: none; opacity: 0; }
    1% { display: block; opacity: 0; }
    100% { display: block; opacity: 1; }
}
@keyframes fadeInFromNone {
    0% { display: none; opacity: 0; }
    1% { display: block; opacity: 0; }
    100% { display: block; opacity: 1; }
}




