/**
 * Theme Name: Utopie by Fluenco
 * Description: This is a child theme of Anon
 * Author: Fluenco (Lou Zito)
 * Author URI: https://fluenco.com
 * Template: anon
 * Version: 1.7.1
 */
.cafe-absolute-header section.elementor-element.elementor-top-section {
    background: rgba(0,0,0,0.2);
}
.cafe-absolute-header section.elementor-element.elementor-top-section section.elementor-element {
    border-bottom: 0;
}
.home-services .service .elementor-column-wrap.elementor-element-populated {
    background: #FFFFFF;
    background: rgba(255,255,255,0.75)!important;
}
.home-services .service p {
    margin-bottom: 15px;
}
/*Produits qui pourraient vous donner envie*/

.section-click-and-collection {
    background: #abc6ca;
    padding: 30px 0;
    color: #fff;
}
.section-click-and-collection a {
    display: block;
}
.section-click-and-collection a > div {
    display: flex;
    justify-content: space-around;
    max-width: 100%;
    width: 1400px;
    margin: 0 auto;
    color: #fff;
}
.section-click-and-collection .box-center {
    padding: 0 15px;
    width: 400px;
    max-width: 100%;
    text-align: center;
}
.section-click-and-collection .box-center p {
    font-weight: 100;
}
.section-click-and-collection .box-left, .section-click-and-collection .box-right {
    display: flex;
    align-items: center;
    filter: invert(1);
}
.section-click-and-collection .box-left img, .section-click-and-collection .box-right img {
    max-height: 100%;
    height: 80px;
}
.section-click-and-collection .box-center .title {
    font-size: 1.6em;
    margin-bottom: 10px;
}
.section-click-and-collection .box-center p {
    margin: 0;
}
.section-click-and-collection .box-center p span {
    display: block;
}

.wrap-single-product-content section.products h2 {
    text-transform: unset;
}
/*** Début menu utopie categories ***/
#menu-utopie-categories-menu {
    width: 100%;
    margin: 0;
    padding: 20px 10px;
    text-align: center;
    display: flex;
    overflow: hidden;
    flex-wrap: nowrap;
    justify-content: center;
    background: #fff;
    z-index: 10;
    border-bottom: 1px solid var(--border-color);
}
#menu-utopie-categories-menu .flickity-viewport {
    width: 100%;
}
#menu-utopie-categories-menu .menu-item {
    width: auto!important;
    margin: 0 20px;
    display: inline-block;
}
#menu-utopie-categories-menu .menu-item a {
    border: 1px solid #dcdcdc;
    padding: 8px 25px;
    display: block;
    border-radius: 2px;
    font-size: 0.9em;
    white-space:nowrap;
}
#menu-utopie-categories-menu .menu-item a:hover {
    border: 1px solid #797979;
}
#menu-utopie-categories-menu.fixed-header {
    position: fixed;
    padding: 15px 10px;
    top: 0;
    left: 0;
}
/*** Fin menu utopie categories ***/

/*** Checkout ***/
#custom_checkout_clickandcollect_field {
    margin-top: 15px;
}
#custom_checkout_clickandcollect_field h2 {
    margin-bottom: 10px;
}
#custom_checkout_clickandcollect_field label {
    display: block;
    margin: 5px 0;
}
#custom_checkout_clickandcollect_field div#pick-up-date-dp {
    margin-bottom: 25px;
}
/*** Fin Checkout ***/

/*** Début footer ***/
.frame-logo-footer {
    text-align: center;
}
.frame-logo-footer img {
    max-width: 80%;
    width: 145px;
    margin-top: 18px;
}
.frame-address-footer {
    color: #fff;
}
.frame-address-footer span.title {
    font-size: 1.2em;
    display: block;
    margin-top: 8px;
    margin-bottom: 10px;
}
.frame-address-footer p {
    margin-bottom: 8px;
}
.cafe-site-footer .dark-bg .elementor-widget.menu-footer-1 .menu-item {
    padding: 8px 0;
}
.menu-footer-1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.menu-footer-2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
}
.cafe-site-footer {
    font-size: 0.85em;
    --footer-link-color: #fff;
}
.menu-footer-1 ul.menu, .menu-footer-2 ul.menu {
    margin-bottom: 0;
}
#footer-slider-discover-book {
    position: relative;
}
#footer-slider-discover-book .discover-book-title {
    display: block;
    position: absolute;
    top: 50%;
    width: 80%;
    left: 50%;
    transform: translate(-50%);
}
/*** Fin footer ***/

.cafe-btn-utopie-color .cafe-button.normal {
    background: #ABC6CA;
}
.cafe-btn-utopie-color .cafe-button.normal:hover {
    background: none;
}

.woocommerce .wrap-product-loop-content {
    position: relative;
}
.woocommerce .wrap-product-loop-detail {
    /*pointer-events: none;*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
    width: 100%;
    /*background: rgba(255,255,255,0.8);*/
    display: flex;
    justify-content: space-between;
    padding: 3% 10% 2% 10%;
    color: #393939;
}
/*.woocommerce li:hover .wrap-product-loop-detail {*/
/*    padding-bottom: calc(5% + 30px);*/
/*    transition: padding 300ms;*/
/*}*/
.woocommerce .hover-effect-style-5 li.product .add_to_cart_button, .woocommerce .hover-effect-style-5 li.product .added_to_cart {
    width: 90%;
    bottom: 2%;
    left: 5%;
    border-radius: 10px;
    z-index: 1;
    background: #fff;
    color: #000;
}
.woocommerce .hover-effect-style-5 li.product:hover .add_to_cart_button, .woocommerce .hover-effect-style-5 li.product:hover .added_to_cart {
    bottom: 2%;
}
.woocommerce .hover-effect-style-5 li.product .add_to_cart_button:hover, .woocommerce .hover-effect-style-5 li.product .added_to_cart:hover {
    background: #686868;
    color: #fff;
}
.woocommerce ul.products li.product h3.product-loop-title {
    width: 100%;
    display: inline-block;
    padding: 0;
    line-height: 1.3;
    font-size: 1rem;
    margin-bottom: 10px;
    text-align: left;
}
.woocommerce ul.products li.product h3.product-loop-title a {
    color: #393939;
}
.woocommerce ul.products li.product .price {
    flex: 0 0 25%;
    text-align: right;
    justify-content: flex-end;
    color: #393939;
}
.woocommerce ul.products li.product .price {
    flex: 0 0 25%;
    text-align: right;
    justify-content: flex-end;
}
.woocommerce .button.btn-quick-view, .woocommerce .button.add-to-wishlist { display: none!important; }


ul.product-categories.cafe-row.sub_cate.top {
    position: relative;
    margin-bottom: 35px;
}
body ul.product-categories .wrap-category-item {
    display: block!important;
}
ul.product-categories.cafe-row.sub_cate.top  button.slick-arrow {
    position: absolute;
    background: transparent;
    font-size: 0;
    border: solid #686868;
    border-width: 0 2px 2px 0;
    padding: 0;
    height: 35PX;
    width: 35px;
    display: inline-block;
    top: 50%;
}
ul.product-categories.cafe-row.sub_cate.top button.slick-prev.slick-arrow {
    left: -35px;
    transform: translateY(-50%) rotate(135deg);
    -webkit-transform: translateY(-50%) rotate(135deg);
}
ul.product-categories.cafe-row.sub_cate.top  button.slick-next.slick-arrow {
    right: -35px;
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transform: translateY(-50%) rotate(-45deg);
}
li.cafe-col.category.wrap-category-item .wrap-content-category-item {
    position: relative;
}
li.cafe-col.category.wrap-category-item .wrap-content-category-item .category-image {
    margin-bottom: 0;
}
li.cafe-col.category.wrap-category-item .wrap-content-category-item .category-image img {
    width: 100%!important;
    max-width: 450px;
    height: auto!important;
    display: block;
}
li.cafe-col.category.wrap-category-item .wrap-content-category-item  .category-content {
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
}
li.cafe-col.category.wrap-category-item .wrap-content-category-item  .category-content .product-category-heading a {
    display: block;
    position: absolute;
}
li.cafe-col.category.wrap-category-item .wrap-content-category-item .category-content .product-category-heading a {
    display: flex;
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: transparent;
    font-size: 1.4em;
    text-transform: none;
}
li.cafe-col.category.wrap-category-item .wrap-content-category-item .category-content .product-category-heading a:hover {
    background: rgba(255,255,255,0.75);
    color: #000;
}
.woocommerce .wrap-toggle-products-layout, .woocommerce .center-top-shop-loop .woocommerce-result-count {
    display: none!important;
}
.woocommerce .wrap-breadcrumb {
    display: none!important;
}
.woocommerce .woocommerce-products-header {
    display: none;
}
.woocommerce .woocommerce-products-header .shop-heading-image {
    display: none;
}
.woocommerce .cwpf_products_top_panel {
    display: none!important;
}

.widget_shopping_cart.woocommerce .woocommerce-mini-cart__buttons.buttons .button.checkout {
    color: #fff!important;
}

/*** Fiche produit ***/
.woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    font-family: 'BELLOTA TEXT', 'futura-pt', sans-serif;
    font-weight: bold;
    font-size: 32px;
}
.woocommerce div.product .summary p.price span.amount {
    color: #89ccca;
    font-weight: bold;
}
.woocommerce .woocommerce-product-details__short-description {
    color: #89ccca;
}
.woocommerce div.product .summary .wrap-custom-meta {
    display: none;
}
.woocommerce div.product .allergens-box img {
    display: inline-block;
    vertical-align: middle;
    max-height: 35px;
    margin: 5px;
    cursor: pointer;
}
/*** Fin fiche produit ***/

.products-page-top {
    margin-top: 25px;
}

/*** Css datepicker ***/
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ll-skin-cangas {
    font-size: 90%;
}

.ll-skin-cangas .ui-widget {
    font-family: "Helvetica Neue","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
    background: #f0f4f7;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.ll-skin-cangas .ui-datepicker {
    padding: 0;
}

.ll-skin-cangas .ui-datepicker-header {
    border: none;
    background-color: #686868;
}

.ll-skin-cangas .ui-datepicker-header .ui-state-hover {
    border-color: transparent;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.ll-skin-cangas .ui-datepicker .ui-datepicker-next span,
.ll-skin-cangas .ui-datepicker .ui-datepicker-prev span {
    background-image: url("/wp-content/themes/utopie/assets/images/ui-icons_ffffff_256x240.png");
    background-position: -32px -16px;
    font-size: 0;
    width: 20px;
    height: 20px;
}

.ll-skin-cangas .ui-datepicker .ui-datepicker-prev span {
    background-position: -96px -16px;
}

.ll-skin-cangas .ui-datepicker table {
    margin: 0;
}

.ll-skin-cangas .ui-datepicker th {
    font-size: 9px;
    color: #6c7173;
    font-size: 9px;
    text-shadow: 0 1px 0 rgba(255,255,255,.55);
    text-transform: uppercase;
    font-weight: normal;
    border: none;
    border-top: 1px solid rgba(186,194,200,.6);
    border-bottom: 1px solid rgba(186,194,200,.6);
    background-color: #e6ebf0;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.38);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.38);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.38);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5YzVjNSIgc3RvcC1vcGFjaXR5PSIwLjMzIi8+CjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNjOWM1YzUiIHN0b3Atb3BhY2l0eT0iMC4zMyIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4zMyIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
    background-image: -moz-linear-gradient(bottom, rgba(201,198,198,.33) 0%, rgba(201,198,198,.33) 0.76%, rgba(255,255,255,.33) 100%);
    background-image: -o-linear-gradient(bottom, rgba(201,198,198,.33) 0%, rgba(201,198,198,.33) 0.76%, rgba(255,255,255,.33) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(201,198,198,.33) 0%, rgba(201,198,198,.33) 0.76%, rgba(255,255,255,.33) 100%);
    background-image: linear-gradient(bottom, rgba(201,198,198,.33) 0%, rgba(201,198,198,.33) 0.76%, rgba(255,255,255,.33) 100%);
}
.ll-skin-cangas .ui-datepicker td {
    border: none;
    border-top: 1px solid #e7e9ea;
    border-right: 1px solid #e7e9ea;
    padding: 0;
    background: #eee;
}
.ll-skin-cangas .ui-datepicker tr:first-child td {
    border-top: none;
}
.ll-skin-cangas .ui-datepicker td:last-child {
    border-right: none;
}
.ll-skin-cangas td .ui-state-default {
    border: 1px solid transparent;
    text-align: center;
    padding: .7em 0;
    margin:0;
    font-size: 12px;
    font-weight: bold;
    background: #f5f8fa;
    color: #6c7173;
    text-shadow: 0 1px 0 rgba(255,255,255,.55);

}
.ll-skin-cangas td.ui-state-disabled .ui-state-default {
    text-shadow: none;
    opacity: .8;
    color: #c1c1c1;
}
.ll-skin-cangas td .ui-state-active,
.ll-skin-cangas td .ui-state-hover {
    background: #686868;
    color: #fff;
    text-shadow: 0 -1px 0 #30332a;
}
/*** Fin css date picker ***/

.woocommerce.archive .zoo-wrap-product-shop-loop {
    margin-bottom: 0;
}

/*** Cacher le module jquery migrate ***/
body #wp-admin-bar-enable-jquery-migrate-helper {
    display: none!important;
}

@media screen and (max-width: 992px) {
    .woocommerce .hover-effect-style-5 li.product .add_to_cart_button, .woocommerce .hover-effect-style-5 li.product .added_to_cart {
        background: #fff;
    }
    /*** Début menu utopie categories ***/
    #menu-utopie-categories-menu .menu-item {
        margin: 0 10px;
    }
    /*** Fin menu utopie categories ***/

}
@media screen and (max-width: 767px) {
    .section-click-and-collection .box-left, .section-click-and-collection .box-right {
        display: none;
    }
    /*** Fiche produit ***/
    .woocommerce .wrap-single-product-content  div.product .summary {
        padding-top: 0;
    }
    /*** Fin fiche produit ***/
    .products-page-top {
        margin-top: 10px;
    }
    ul.product-categories.cafe-row.sub_cate.top button.slick-prev.slick-arrow {
        left: -12px;
    }
    ul.product-categories.cafe-row.sub_cate.top  button.slick-next.slick-arrow {
        right: -12px;
    }
    .elementor-130 .elementor-element.elementor-element-4bf0de2d .cafe-banner-title {
        white-space: nowrap;
    }
}