/*!
Theme Name: Divi Child
Template: Divi
Version: 4.18.0
Description: Galerie Collin
Author: Vezim
Author URI: http://www.elegantthemes.com
*/

:root{
    --main-color: #b6a064;
    --second-color: #3E88E2;
}

.et_pb_section {
    background-color: black !important;
    color: white !important;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: black !important;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--main-color) !important;
}

/*MENU*/

#page-container > div > header,
#page-container > div > header > * {
    z-index: 50 !important;
}

#col-social-networks-lang {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.btn-revendeurs {
    margin: 0 !important;
    margin-right: 8px !important;
    cursor: pointer !important;
}

#col-social-networks-lang .networks {
    margin-right: 15px !important;
}

#col-social-networks-lang .networks,
#col-social-networks-lang .networks li {
    margin-bottom: 0 !important;
}

#col-social-networks-lang .networks li a {
    margin-right: 0 !important;
}

#header-top-group > div.et_pb_row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

#header-top-group * {
    z-index: 50 !important;
}

#header-top-group > div.et_pb_row > *{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#header-top-group .slogan-text {
    width: 30% !important;
}

#header-top-group .action-buttons {
    width: 35% !important;
}

#header-top-group .action-buttons .buttons-group {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    text-align: center !important;
    gap: 1rem !important;
}

#header-top-group .action-buttons .buttons-group:before {
    content: "";
    border: 1px solid #d3d3d3;
    align-self: stretch;
}

#header-top-group .et_pb_row:after, 
#header-top-group .et_pb_row_inner:after {
    display: none !important;
}

#header-top-group .action-buttons .buttons-group > div .add-picto {
    padding-left: 38px !important;
}

#header-top-group .action-buttons .buttons-group .add-picto,
#header-top-group .action-buttons #search input[type="search"] {
    position: relative;
}

#header-top-group .action-buttons .buttons-group .add-picto::before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    height: 28px;
    width: 28px;
    position: absolute;
    top: 0;
    left: 0;
}

#header-top-group .action-buttons .buttons-group > div:first-child {
    order: -1;
}

#header-top-group .action-buttons .buttons-group > div {
    width: auto !important;
    max-width: 50% !important;
}

#header-top-group .action-buttons .buttons-group #login::before {
    background-image: url(./pictos/compte.png);
    top: 50%;
    transform: translateY(-50%);
}

#header-top-group .action-buttons .buttons-group #basket::before {
    background-image: url(./pictos/panier.png);
}

#header-top-group .action-buttons #search input[type="search"]::before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    height: 25px;
    width: 25px;
    position: absolute;
    top: 10px;
    left: 25px;
    background-image: url(./pictos/Search.png);
}

#header-top-group .action-buttons .buttons-group .add-picto#login a.account-acces {
    font-size: 1rem;
    color: white !important;
}

#header-top-group .action-buttons .buttons-group .add-picto a:hover,
#header-top-group .action-buttons .buttons-group .add-picto#basket:hover {
    text-decoration: underline;
}


#menu-container-mobile .icon img {
    height: 40px !important;
}

/*PAGE ACCUEIL*/

.top-header-home .header-content {
    margin-left: 75% !important;
    background-color: black !important;
    padding: 20px 30px !important;
    width: 25%;
}

.home-article article {
    width: 65%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 40px;
    margin-bottom: 0 !important;
}

.home-article article > a {
    grid-column: 1;
    grid-row: 1 / 3;
}

.home-article article {
    color: white !important;
}

/*PAGE MAISON EDITIONS*/

#location-maison-editions > div:last-child {
    margin-top: 8px !important;
}

#location-maison-editions > div:first-child {
    width: 80px !important;
}

/*PAGE BOUTIQUE*/

/* FOOTER */

#plan-links-footer > div:first-child {
    margin-right: 0 !important;
    width: 20%;
}

#plan-links-footer > div:last-child {
    margin-right: 0 !important;
    width: 80%;
}

#plan-links-footer a:hover {
    text-decoration: underline !important;
}

.nav-links-authors-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.nav-links-authors-footer ul {
    list-style: none;
    padding: 0;
}

.nav-links-authors-footer ul li a{
    color: white !important;
}

/*FICHE PRODUIT*/

.similary-products h2 {
    display: none !important; 
}

.et_pb_wc_breadcrumb_0_tb_body.et_pb_wc_breadcrumb a, .et_pb_wc_breadcrumb_0_tb_body.et_pb_wc_breadcrumb .woocommerce-breadcrumb a:hover {
    font-weight: 700;
    color: var(--main-color) !important;
}

.woocommerce a.button.alt:hover, 
.woocommerce-page a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce-page button.button.alt:hover, 
.woocommerce-page button.button.alt.disabled:hover, 
.woocommerce input.button.alt:hover, 
.woocommerce-page input.button.alt:hover, 
.woocommerce #respond input#submit.alt:hover, 
.woocommerce-page #respond input#submit.alt:hover, 
.woocommerce #content input.button.alt:hover, 
.woocommerce-page #content input.button.alt:hover, 
.woocommerce a.button:hover, 
.woocommerce-page a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce-page button.button:hover, 
.woocommerce input.button:hover, 
.woocommerce-page input.button:hover, 
.woocommerce #respond input#submit:hover, 
.woocommerce-page #respond input#submit:hover, 
.woocommerce #content input.button:hover, 
.woocommerce-page #content input.button:hover {
    color: var(--main-color) !important;
    border: 2px solid var(--main-color) !important;
}

body #page-container .et_pb_section .et_pb_wc_cart_notice_0_tb_body .wc-forward, body #page-container .et_pb_section .et_pb_wc_cart_notice_0_tb_body button.button, body #page-container .et_pb_section .et_pb_wc_cart_notice_0_tb_body .wc-backward {
    margin-left: 15px !important;
}

.et_pb_wc_cart_notice_0_tb_body .woocommerce-error li {
    color: white !important;
}

.et_pb_wc_cart_notice_0_tb_body .woocommerce-error button {
    display: none !important;
}

.woocommerce div.product form.cart div.quantity.hidden, 
.woocommerce-page div.product form.cart div.quantity.hidden, 
.woocommerce #content div.product form.cart div.quantity.hidden, 
.woocommerce-page #content div.product form.cart div.quantity.hidden {
    display: none !important;
}

.woocommerce ul.products li.product a {
    display: flex;
    flex-direction: column;
}

/*PANIER*/

#basket-group {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#basket-group.et_pb_row:after, .et_pb_row_inner:after {
    display: none !important;
}

#basket-group > div.basket-section {
    width: 62% !important;
    margin-right: 0 !important;
}

#basket-group > div.command-section {
    width: 35% !important;
    margin-right: 0 !important;
}

#basket-group table .product-name {
    width: 35% !important;
    padding-right: 5% !important;
}

#basket-group table .product-quantity {
    width: 15% !important;
    padding-right: 2% !important;
}

#basket-group table .product-quantity .quantity,
#basket-group table .product-quantity .quantity input {
    width: 80% !important;
    margin: 0 auto !important;
}

#basket-group .basket-container table thead tr {
    border: none !important;
}

#basket-group > div.command-section table .cart-subtotal bdi,
#basket-group > div.command-section table .order-total strong {
    font-size: 1.4rem !important;
    color: var(--main-color) !important;
    font-weight: 600 !important;
}

#basket-group > div.command-section table th {
    width: 30% !important;
}

#basket-group > div.command-section table .shipping-calculator-form {
    margin: 10px 0 !important;
}

#basket-group > div.command-section table .shipping-calculator-form button {
    width: 100% !important;
    padding: 10px 15px !important;
}

/*COMMANDE*/

.select2-container,
.select2-container--open .select2-dropdown--below  {
    background-color: black !important;
    color: white !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: black !important;
    color: white !important;
}

.select2-container,
.select2-container--open .select2-dropdown--below li:hover,
.select2-results__option.select2-results__option--highlighted {
    background-color: var(--main-color) !important;
}

.woocommerce-order h2 {
    color: white !important;
}

/*COMPTE*/

.woocommerce-message a:hover {
    text-decoration: underline !important;
}

.woocommerce h2 {
    color: white !important;
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content th {
    color: white !important;
}

mark {
    background-color: var(--main-color) !important;
}

/*COMMANDE EN GROS*/

.page-revendeur input {
    color: var(--second-color) !important;
    border-color: var(--second-color) !important;
}

.page-revendeur a.button.alt:hover, 
.page-revendeur a.button.alt:hover, 
.page-revendeur button.button.alt:hover, 
.page-revendeur button.button.alt.disabled:hover, 
.page-revendeur button.button.alt:hover, 
.page-revendeur button.button.alt.disabled:hover, 
.page-revendeur input.button.alt:hover, 
.page-revendeur input.button.alt:hover, 
.page-revendeur input#submit.alt:hover, 
.page-revendeur input#submit.alt:hover, 
.page-revendeur input.button.alt:hover, 
.page-revendeur input.button.alt:hover, 
.page-revendeur a.button:hover, 
.page-revendeur a.button:hover, 
.page-revendeur button.button:hover, 
.page-revendeur button.button:hover, 
.page-revendeur input.button:hover, 
.page-revendeur input.button:hover, 
.page-revendeur input#submit:hover, 
.page-revendeur input#submit:hover, 
.page-revendeur input.button:hover, 
.page-revendeur input.button:hover {
    color: white !important;
    background-color: var(--second-color) !important;
    border-color: var(--second-color) !important;
  }

.page-revendeur input.input-text {
    background-color: var(--second-color) !important;
    color: white !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
}

.page-revendeur .product_variations {
    color: black !important;
    margin: 4px 0 !important;
    padding: 2px 4px !important;
}

.page-revendeur a.product_link {
    color: var(--second-color);
}

.page-revendeur ul.page-numbers a {
    color: var(--second-color) !important;
}

.page-revendeur .product_price_col .price bdi {
    font-size: 1rem !important;
    font-weight: 600 !important;
}

.page-revendeur #wwof_product_listing_filter #wwof_product_search_form {
    color: black !important;
}

.page-revendeur a {
    color: var(--second-color) !important;
}

.page-revendeur #wwof_product_search_category_filter {
    color: black !important;
}

.page-revendeur #wwof_product_listing_filter {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
}

.page-revendeur #wwof_product_listing_filter input[type="text"] {
    width: 30% !important;
}

.page-revendeur #wwof_product_listing_filter #wwof_product_displayall_btn {
    display: none !important;
}

.page-revendeur ::-webkit-scrollbar-track {
    border-radius: 0 !important;
}

.page-revendeur ::-webkit-scrollbar-thumb {
    background-color: var(--second-color) !important;
}

.page-revendeur #wwof_product_listing_table tr {
    height: auto !important;
    border-bottom: 1px solid white !important;
}

.page-revendeur #wwof_product_listing_table tr td {
    border: none !important;
}

.page-revendeur #wwof_product_listing_table thead {
    background-color: var(--second-color) !important;
}

.page-revendeur #wwof_product_listing_table tfoot {
    display: none !important;
}

.page-revendeur #wwof_product_listing_table thead tr th {
    color: white !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
}

.page-revendeur td.product_title_col {
    display: grid !important;
    grid-template-columns: 60px 1fr !important;
    grid-gap: 4px 15px !important;
    height: auto !important;
    padding: 12px !important;
}

.page-revendeur td.product_title_col > a.product_link:nth-child(2) {
    grid-row: 1 / 3 !important;
    grid-column: 1 !important;
    max-width: 100% !important;
}

.page-revendeur td.product_title_col > a.product_link:nth-child(2) img {
    margin: 0 !important;
    max-width: 100% !important;
}

.page-revendeur td.product_title_col > a.product_link:nth-child(3) {
    grid-row: 1 !important;
    grid-column: 2 !important;
    font-size: 1rem !important;
}

.page-revendeur td.product_title_col > label.product_variations_label,
.page-revendeur td.product_title_col > br {
    display: none !important;
}

.page-revendeur td.product_title_col > select.product_variations {
    grid-row: 2 !important;
    grid-column: 2 !important;
    width: 50% !important;
    font-size: 0.8rem !important;
    padding: 2px 4px !important;
}

.page-revendeur td.product_row_action {
    text-align: center !important;
}

div.processing-overlay {
    background-color: var(--second-color) !important;
}

div.processing-overlay > * {
    color: white !important;
}

/* ~~Modale cookies et newsletters ~~ */

.modales {
    z-index: 1000 !important;
}

.modales.none > .background-modal {
    opacity: 0;
    transition-duration: 500ms;
    z-index: 1500 !important;
}

.modales.none > .container-modal {
    transform: translateY(-400%) translateX(-50%);
    transition-duration: 500ms;
}

.modales > .container-modal {
    position: fixed;
    top: 10vh;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 2.5vh 1.5vw;
    background-color: white !important;
    z-index: 2000;
    max-width: 40%;
    overflow-y: auto;
    max-height: 75vh;
    transition-duration: 500ms;
    color: black !important;
}

.modales > .container-modal.choose {
    display: flex;
}

.modales > .background-modal {
    position: fixed;
    transition-duration: 500ms;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    background-color: #181818b4;
    pointer-events: none;
}

.modales > .container-modal .head-modal {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.modales > .container-modal .head-modal img {
    width: 150px;
}

.modales > .container-modal button i {
    margin-right: 8px;
}

.modales > .container-modal .head-modal button {
    background-color: transparent;
    border: none;
    color: var(--color-main);
    cursor: pointer;
}

.modales > .container-modal .head-modal button:hover {
    text-decoration: underline;
}

.modales > .container-modal .body-modal {
    margin: 30px 0 0;
}

.modales > .container-modal .body-modal h1 {
    font-size: 1.6rem;
    margin-bottom: 20px;
}

.modales > .container-modal .body-modal h2 {
    color: black !important;
}

.modales > .container-modal .footer-modal {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.modales > .container-modal p.error {
    color: red;
    font-size: 1rem;
    text-align: center;
}

.modales > .container-modal .footer-modal .btn-1,
.modales > .container-modal .footer-modal .btn-2 {
    padding: 8px 12px;
    box-shadow: none !important;
}

.modales > .container-modal .footer-modal .btn-1 {
    background-color: var(--main-color);
    color: white;
    border-color: var(--main-color) !important;
}

.modales > .container-modal .footer-modal .btn-1:hover {
    filter: brightness(0.9);
}

.modales > .container-modal .footer-modal .btn-2 {
    margin-right: 20px;
}

.modales > .container-modal .body-modal .category-cookies {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modales > .container-modal .body-modal .category-cookies .category {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 1vh 0;
    padding-bottom: 20px;
    border-bottom: 1px solid black;
}

.modales > .container-modal .body-modal .category-cookies .category .infos {
    display: flex;
    flex-direction: column;
    width: 80%;
}

.modales > .container-modal .body-modal .category-cookies .category .infos h2 {
    font-size: 1.2rem;
}

.modales #acym_fulldiv_formAcym1 {
    margin: 0 !important;
    height: auto !important;
}

.modales #acym_fulldiv_formAcym1 .onefield {
    width: 100%;
    margin: 15px 0;
}

.modales #acym_fulldiv_formAcym1 .onefield input[type=text],
.modales #acym_fulldiv_formAcym1 .onefield input[type=email] {
    padding: 4px 8px;
    font-size: 1rem;
    width: 100%;
}

.modales h1#title-newsletter {
    margin: 10px auto !important;
    text-align: center;
}

#acym_fulldiv_formAcym1 .acym__subscription__form__button button {
    cursor: pointer !important;
}

#acym_fulldiv_formAcym1 .acym__subscription__form__button button:hover {
    filter: brightness(0.9) !important;
}

#acym__callout__container {
    background-color: transparent !important;
    box-shadow: none !important;
}

#acym__callout__container .acym_callout {
    background-color: var(--main-color) !important;
    color: white !important;
    box-shadow: none !important;
}