/*  ==================================================================  */
/*  #1 - Header layout
/*  #2 - Logo specific
/*  #3 - Triggers & buttons
/*  #4 - Default elements to change
/*  #5 - Menu, basic drawer look
/*  #6 - Nav, basic drawer look
/*  #7 - Search, basic look
/*  #8 - Cart, basic look
/*  ==================================================================  */




/*  ------------------------------------------------------------------  */
/*  #1 - Header layout
/*  ------------------------------------------------------------------  */

    @media (max-width: 767px) {
    body {
        padding-top: 44px; }}
        @media (min-width: 768px) and (max-width: 991px) {
        body {
            padding-top: 64px; }}
    .pwmh {
        background-color: #fff;
        display: table;

        position: fixed;
        top: 0;
        right: 0;
        left: 0;

        z-index: 10000; }
        .pwmh--shadow {
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
        .pwmh__block {
            display: table-cell;
            height: 100%;
            vertical-align: middle;
            width: 1%; }
            .pwmh__block--wide {
                width: 100%; }
        @media (min-width: 992px) {
        .pwmh__block {
            display: none; }}





/*  ------------------------------------------------------------------  */
/*  #2 - Logo specific
/*  ------------------------------------------------------------------  */

    .pwmh-logo {
        max-height: 44px;
        max-width: 100%;
        padding: 5px; }
        @media (min-width: 768px) {
        .pwmh-logo {
            max-height: 64px;
            padding: 10px; }}
        .pwmh-logo--centered {
            margin-right: auto;
            margin-left: auto; }





/*  ------------------------------------------------------------------  */
/*  #3 - Triggers & buttons
/*  ------------------------------------------------------------------  */

    .pwmh-trigger {
        background-color: transparent;
        border-width: 0;
        display: block;
        font-size: 14px; /* 12px - Material Design icons */
        height: 44px;
        line-height: 44px;
        padding: 0;
        text-align: center;
        transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
        width: 44px; }
        .pwmh-trigger__icon {
            height: 24px;
            display: inline-block;
            vertical-align: middle;
            width: 24px; }
            .pwmh-trigger__icon path {
                fill: #333; }
            .pwmh-trigger__icon path {
                transition: fill 150ms ease-in-out; }
        .pwmh-trigger:focus {
            outline: 0; }
        @media (min-width: 768px) {
        .pwmh-trigger {
            height: 64px;
            font-size: 21px; /* 24px - Material Design icons */
            line-height: 64px;
            width: 64px; }}
        /* Menu ------------------------------------------------------  */
        .pwmh-trigger--menu {}
            .pwmh-trigger--menu i {}
            .pwmh-trigger--menu.is-active {}
                .pwmh-trigger--menu.is-active i {}
        /* Locale ----------------------------------------------------  */
        .pwmh-trigger--locale {}
            .pwmh-trigger--locale i {}
            .pwmh-trigger--locale.is-active {}
                .pwmh-trigger--locale.is-active i {}
        /* Search ----------------------------------------------------  */
        .pwmh-trigger--search {}
            .pwmh-trigger--search i {}
            .pwmh-trigger--search.is-active {}
                .pwmh-trigger--search.is-active i {}
        /* Cart ------------------------------------------------------  */
        .pwmh-trigger--cart {}
            .pwmh-trigger--cart i {}
            .pwmh-trigger--cart.has-products {}
                .pwmh-trigger--cart.has-products i {}





/*  ------------------------------------------------------------------  */
/*  #4 - Default elements to change
/*  ------------------------------------------------------------------  */

    @media (max-width: 991px) {
    header {
        padding-bottom: 0;
    }
    header .banner,
    header .nav,
    header .frow #header_logo,
    header .frow #header_logo ~ div {
        display: none; }}





/*  ------------------------------------------------------------------  */
/*  #5 - Menu, basic drawer look
/*  ------------------------------------------------------------------  */

    @media (max-width: 991px) {
    .cat-title {
        display: none; }
    #block_top_menu {
        background-color: #fff;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.0);
        display: block !important;
        overflow-x: hidden;
        overflow-y: scroll;
        padding: 0;
        transition: left 150ms ease-in-out, box-shadow 150ms ease-in-out;
        width: 280px;

        position: fixed;
        top: 0;
        left: -280px;
        bottom: 0;

        z-index: 10002; }
        #block_top_menu.is-open {
            box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
            left: 0; }
    .sf-menu {
        display: block !important; } }
    .pwmh-overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10001; }





/*  ------------------------------------------------------------------  */
/*  #6 - Nav, basic drawer look
/*  ------------------------------------------------------------------  */

    @media (max-width: 991px) {
    header .nav {
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.0);
        display: block !important;
        overflow-x: hidden;
        overflow-y: scroll;
        transition: right 150ms ease-in-out, box-shadow 150ms ease-in-out;
        width: 280px;

        position: fixed;
        top: 0;
        right: -280px;
        bottom: 0;

        z-index: 10002; }
        header .nav.is-open {
            box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
            right: 0; }}





/*  ------------------------------------------------------------------  */
/*  #7 - Search, basic look
/*  ------------------------------------------------------------------  */

    @media (max-width: 991px) {
    #search_block_top {
        display: block !important;
        float: none;
        height: 64px;
        padding: 0;
        transition: top 150ms ease-in-out;
        width: auto;

        position: fixed;
        top: -65px;
        right: 0;
        left: 0;

        z-index: 10002; }
        #search_block_top.is-open {
            top: 0; }
        #search_block_top #search_query_top {
            font-size: 16px; }}
    @media (max-width: 767px) {
    #search_block_top {
        height: 44px;
        top: -45px; }
        #search_block_top.is-open {
            top: 0; }}





/*  ------------------------------------------------------------------  */
/*  #8 - Cart, basic look
/*  ------------------------------------------------------------------  */

    .pwmh-trigger--cart {
        position: relative; }
        .pwmh-trigger--cart__quantity:empty {
            display: none; }
        .pwmh-trigger--cart__quantity {
            border-radius: 3em;
            font-size: 10px;
            font-weight: bold;
            line-height: 1;
            padding: 3px 5px;

            position: absolute;
            top: 4px;
            right: 4px; }
            @media (min-width: 768px) {
            .pwmh-trigger--cart__quantity {
                font-size: 12px;
                padding: 3px 6px;
                top: 8px;
                right: 8px; }}
    .shopping-cart-container {
        background-color: #fff;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.0);
        display: block !important;
        overflow-x: hidden;
        overflow-y: scroll;
        padding: 0;
        transition: right 150ms ease-in-out, box-shadow 150ms ease-in-out;
        width: 280px;

        position: fixed;
        top: 0;
        right: -280px;
        bottom: 0;

        z-index: 10002; }
        .shopping-cart-container.is-open {
            box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
            right: 0; }
        #header .shopping_cart {
            padding-top: 0; }
        #header .cart_block {
            display: block !important;
            height: auto !important;
            margin: 0 !important;
            position: static !important; } }