/*
Theme Name: La Cabane du Bout
Description: A Child Theme for the Sushi Wordpress Theme.
Version: 2.8.0
Author: Florian Perrier <contact@florianperrier.com>
Author URI:
Template: sushi
*/

/**
bleu clair : #abe1f9
bleu très foncé : #010C38
**/

a.button-link {
    font-family: Open Sans;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    background: #abe1f9;
    padding: 8px 15px 12px;
    text-align: center;
    -moz-box-shadow: inset 0 -5px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 -5px 0 rgba(0,0,0,0.1);
    box-shadow: inset 0 -5px 0 rgba(0,0,0,0.1);
    border: none;
    -webkit-appearance: textfield;
    font-size: 13px;
    line-height: 20px;
}


/* POPUP MAKER */
.pum-theme-2952 .pum-container,
.pum-theme-lightbox .pum-container {
        border: 5px solid #010C38;
        padding: 50px;
}

.pum-theme-2952 .pum-title,
.pum-theme-lightbox .pum-title {
    color: #010C38;
    margin-bottom: 50px;
    text-align: center;
}


/* HEADER */
.site-tools {
    background: #010C38;
    padding: 7px 0px;
}

.site-logo {
    background: none;
    padding: 5px 0;
    width: 120px;
}

    /* MENU */
    .nav-menu-main > ul > li.current_page_item > a:hover,
    body.single-post .nav-menu-main > ul > li.current_page_parent > a:hover,
    .nav-menu-main > ul > li.current_page_ancestor > a:hover,
    .nav-menu-main > ul > li.current-menu-item > a:hover,
    .nav-menu-main > ul > li.current-menu-parent > a:hover,
    .nav-menu-main > ul > li.current-menu-ancestor > a:hover {
        background: #ffffff;
    }

    .nav-menu-main > ul > li {
        padding: 25px 0;
    }

    /* STICKY MENU */
    .sticky-menu .site-logo {
        position: relative;
        right: 0;
        padding: 7px 0 !important;
    }

    .sticky-menu .site-logo img {
        max-height: 50px;
        vertical-align: top;
    }

    .sticky-menu .nav-menu-container {
        float: right;
        margin-right: 0;
    }

    .sticky-menu .nav-menu-main > ul > li {
        padding: 10px 0;
    }


/* SIDEBAR */
body.left-sidebar .sidebar-left-area {
    margin: 0;
}

.right-sidebar.left-sidebar .elements-area {
    width: 77.6%;
}

.term-sushis.right-sidebar.left-sidebar .elements-area,
.term-boissons.right-sidebar.left-sidebar .elements-area {
    width: 62%;
}



/* FOOTER */
.site-footer {
    color: #ffffff;
}

.site-footer-wrap {
    padding-top: 5px;
    padding-bottom: 5px;
}

.site-footer .footer-text {
    width: 100%;
    font-size: 12px;
}

/* PAGE TITLE */
.page-title .page-title-wrap {
    text-align: center;
    /*background: url(); /* default background */
    background-position: center center;
}

.page-title h1 {
    color: #010C38;
    border-bottom: 2px solid #010C38;
}


/* WOOCOMMERCE */
.woocommerce-info a {
    color: #010C38;
}

.lang-fr_FR .woocommerce input[type="submit"] {
    background: #abe1f9;
    padding: 8px 15px 12px;
    text-align: center;
    -moz-box-shadow: inset 0 -5px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 -5px 0 rgba(0,0,0,0.1);
    box-shadow: inset 0 -5px 0 rgba(0,0,0,0.1);
}

/* WOOCOMMERCE PRODUCT LOOP */
body.woocommerce ul.products .picto {
    width: 32px;
    height: 32px;
    display: block;
    z-index: 99;
    position: absolute;
    bottom: 0;
    left: 0;
}

body.woocommerce ul.products .picto-vegan {
    background-image: url('img/picto-vegan.png');
}

body.woocommerce ul.products li a h2,
body.woocommerce-page ul.products li a h2,
.woocommerce ul.products li a h2 {
    min-height: 44px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.woocommerce ul.products li a.add_to_cart_button,
body.woocommerce-page ul.products li a.add_to_cart_button,
body.woocommerce-page ul.products li:hover a.add_to_cart_button,
.woocommerce ul.products li a.add_to_cart_button,
body.woocommerce ul.products li a.added_to_cart,
body.woocommerce-page ul.products li a.added_to_cart,
.woocommerce ul.products li a.added_to_cart {
    background-color: #444444;
    left: 0px;
    top: 1px;
    width: 100%;
}

body.woocommerce ul.products li a.add_to_cart_button,
body.woocommerce-page ul.products li a.add_to_cart_button,
body.woocommerce-page ul.products li:hover a.add_to_cart_button,
.woocommerce ul.products li a.add_to_cart_button {
    top: -4px;
}

body.woocommerce ul.products li a.add_to_cart_button:before,
body.woocommerce-page ul.products li a.add_to_cart_button:before,
.woocommerce ul.products li a.add_to_cart_button:before {
    width: 100%;
}


/* PRODUCT SINGLE */
.yith_wapo_groups_container {
    background-color: #eeeeee;
    padding: 5px 10px 10px;
    margin-bottom: 15px;
}

.yith_wapo_group_total {
    display: none !important;
}

.woocommerce form .form-row .ywapo_input_container input[type="checkbox"],
.woocommerce form .form-row .ywapo_input_container input[type="radio"] {
    display: inline;
    width: auto;
}


/* CART PAGE */
.woocommerce-cart .coupon {
    display: none !important;
}

    /* SHIPPING METHOD */
    .woocommerce-shipping-methods input.shipping_method {
        display: inline;
        width: auto;
    }

    .woocommerce-shipping-methods li {
        padding: 5px 0;
        border-bottom: 1px solid #eee;
    }

    .woocommerce-shipping-methods li:last-child {
        border: none;
    }


/* CHECKOUT PAGE */
#order_comments {
    height: 180px;
}


/* SUSHI PAGE */
.menu-category {
    float: left;
    margin: 0 0 75px;
}

h2.menu-category-title {
    font-size: 32px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 50px;
}


    /* MENU CATEGORY IN SIDEBAR */
    .sidebar-left-area {
        position: relative;
    }

    .menu-category-list {
        position: static;

    }

    .menu-category-list li {
        display: block;
        line-height: normal;
        clear: both;
        -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
        transition: all .3s cubic-bezier(.645,.045,.355,1);
    }

    .menu-category-list li a {
        color: #010C38;
        font-size: .6875rem;
        line-height: 1.625rem;
        text-transform: uppercase;
        font-family: Gotham,sans-serif;
        font-weight: 700;
        position: relative;
        text-decoration: none;
        display: inline-block;
    }

    .menu-category-list li a:after {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        margin-top: -4px;
        left: 0;
        height: 2px;
        width: 100%;
        transform: scaleX(0);
        -webkit-transform-origin: 0 0;
        -webkit-transform: scaleX(0);
        transform-origin: 0 0;
        background: #010C38;
        transition: all .3s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    }

    .menu-category-list li a:hover {
        color: #abe1f9;
    }

    .menu-category-list li a:hover:after {
        background: #abe1f9;
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
    }


    /* PRICE */
    ul.products .product .price span {
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
    }

    ul.products .product .price .woocommerce-Price-currencySymbol {
        vertical-align: initial;
    }

    ul.products .product .price .sep {
        height: 20px;
        width: 1px;
        background: #eee;
        margin: 0 10px;
    }

    ul.products .product .price .nb {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 11px;
        color: #010C38;
        vertical-align: baseline;
    }


/**
 * @TODO: this should be changed to stick to mobile first like bootstrap
 */
@media (max-width: 769px) {
    /* TOP BAR */
    .site-tools {
        padding: 0;
    }

    .site-header .site-tools {
        position: fixed;
        width: 100%;
        z-index: 99;
    }

    .site-header .social-icons {
        float: left;
    }

    .header-container {
        padding-top: 80px;
    }

    /* MENU */
    .header-one .site-header .menu-container {
        padding: 0;
        margin: 0;
    }

    .main-nav-wrap {
        padding: 0 0 20px;
    }


    /* WOOCOMMERCE PRODUCT LOOP */
    body.woocommerce ul.products li,
    body.woocommerce-page ul.products li,
    .columns-2 ul.products li,
    .columns-4 ul.products li,
    .columns-5 ul.products li,
    .columns-6 ul.products li {
        margin-bottom: 20%;
    }

    /* PRODUCT SINGLE */
    body.woocommerce div.product .summary .cart .single_add_to_cart_button,
    body.woocommerce-page div.product .summary .cart .single_add_to_cart_button,
    .woocommerce div.product .summary .cart .single_add_to_cart_button {
        padding: 25px 0;
        width: 100%
    }

    /* CART */
    .ait-woocommerce-cart-widget .cart-wrapper .cart-content {
        right: 42% !important;
    }

    /* MENU CATEGORY IN SIDEBAR */
    .main-sections .elements-with-sidebar:first-child {
        padding-top: 20px;
    }

    .sidebar-left-area {
        height: auto !important;
    }

    .menu-category-list {
        text-align: center;
        border-bottom: solid 1px #eee;
        padding: 0 0 20px;
        position: static !important;
    }
}
