/*
 * CUSTOM FONTS
 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body, input, textarea, h1, h2, h3, h4, h5, h6, .button {
    font-family: 'Open Sans', sans-serif;
}

/*
 * COMPONENTS
 */


/* Global Titles */
h1, h2, h3, h4, h5, h6, .h2, .h3, .h6 {
    font-weight: normal;
    text-shadow: none;
}

/* Images */
figure img {
    border-radius: 0;
}

/* Buttons */
.button {
    box-shadow:       none;
    border:           0 none;
    background-image: none;
    text-shadow:      none;
    background: #3e3e3e; border-radius: 0; color: #fff; margin-bottom: 15px; position: relative;
}
.page .button:after { content: ""; height: 2px; background: #3e3e3e; position: absolute; width: auto; left: 0; right: 0; bottom: -4px; @include transition(all .3s ease-out); pointer-events: none; }

    /* Icon button */
    .button .icon {
        background-position: center center
    }

    /* Accent button */
    .button.accent {
        background: #b6870d;
        text-shadow: none;
    }
    .page .button.accent:after { background: #b6870d; }

    /* Disabled button */
    .button.disabled {
        background:  none;
        text-shadow: none;
    }
    .page .button.disabled:after { display: none; }

/* Selects */
select, select:active, select.pressed {
    -webkit-appearance: none;
    -moz-appearance:    none;
    border:             1px solid #d6d3ce; border-radius: 2px; font-size: 12px !important;
    text-shadow:        none;
    box-shadow:         none;
    background:         #fff right center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAICAQAAABJqPfoAAAAYklEQVQoU2MIDQlNw4AJoQyhDP+xQoZQj9A/of/RYBo+DQyhdWjK54OU49PAHLodSfn5UE5CGhhChULvQZV/CFWEKMevgSHUIPQbWIM3TDkhDQyhyUDljQjlhDWAtDAT1gAAnmChdie8EjgAAAAASUVORK5CYII=);
}

/* Input */
form input[type="text"], form input[type="password"], form input[type="email"], form input[type="tel"], form input[type="number"], form textarea {
    background-color: #F7F4F4;
    box-shadow: none;
}
/* #FIX FOR IPHONE ZOOMING */
input[type='text']:focus,
input[type='number']:focus,
textarea:focus {
	font-size: 16px;
}

/* disable auto-zoom on iphone input field focus */
@media screen and (-webkit-min-device-pixel-ratio:0) {

	select:focus,
	textarea:focus,
	input:focus {
		font-size: 16px;
	}
}
/* /#FIX FOR IPHONE ZOOMING */

/* Loader */
#loading {
    background-color: #999;
    margin-left:      -65px;
    border-radius:    0;
}

/* Filters */
.page .head .filters{
  display: none;
}


@font-face {
    font-family: 'Nick';
    src: url('../../../../../../themes/theme_nq/fonts/nickainley-webfont.woff2') format('woff2'),
    url('../../../../../../themes/theme_nq/fonts/nickainley-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Count */
.count {
    padding:          0;
    width:            18px;
    height:           18px;
    line-height:      18px;
    box-shadow:       none;
    text-shadow:      none;
    text-align:       center;

    background-color: #3e3e3e; /* @TODO */
    color:            #fff; /* @TODO */
}

/* Main Page */
.page{
    background-color: #fff; /* @TODO */
}

/* Header */
header {
    box-shadow: none;
    background: url('../../img/bg.jpg'); /* @TODO */
}

header .button {
    background: none transparent;
    border:     none;
    box-shadow: none;
}

/* Panel */

    #viewport #settings, #menu-page { padding: 10px; }
    #settings ul.highlight { border-bottom: 1px solid #45403a; }
    #settings-page { position: relative; top: auto !important; border-top: 2px solid rgba(0, 0, 0, 1); }

    /* Search block */
    #viewport #menu.menuV2 #search input,
    #viewport #menu.menuV2 #search_product input,
    #viewport #menu.menuV2 #map_search input {
        margin-top: 2Px;
        border-radius: 4px;
        padding-left:  30px;
        color:         #AAA;
        font-style:    normal;
        text-shadow:   none;
        box-shadow: none;
        background:    #FFF; /* @TODO */
    }

    /* Menu */
    #viewport #menu,
    #viewport #menu.menuV2,
    #viewport #settings {
        background-image: url('../../img/bg.jpg'); /* @TODO */
        box-shadow:       none;
    }

    #viewport #menu ul li a,
    #viewport #menu.menuV2 ul li a,
    #viewport #menu.menuV2 ul li a.accent,
    #viewport #settings ul li a,
    #viewport #settings ul li a.accent {
        box-shadow: none;
        border-top: 2px solid rgba(0, 0, 0, 1);
        border-bottom: 1px solid #45403a;
        text-shadow: 0 0 0;

        color: #9b9b9b;  /* @TODO */
        padding: 0;
    }

    #viewport #menu ul li:first-child a,
    #viewport #menu.menuV2 ul li:first-child a,
    #viewport #menu.menuV2 ul li:first-child a.accent,
    #viewport #settings ul li:first-child a,
    #viewport #settings ul li:first-child a.accent {
        border-top: 0;
    }

    #viewport #menu ul li:last-child a,
    #viewport #menu.menuV2 ul li:last-child a,
    #viewport #menu.menuV2 ul li:last-child a.accent,
    #viewport #settings ul li:last-child a,
    #viewport #settings ul li:last-child a.accent {
        border-bottom: 0;
    }


    #viewport #menu ul li a, #viewport #menu.menuV2 ul li a { color: #d0c1ae; }
    #viewport #settings ul li .arrow { display: none; }

    /* Level 1 Menu */
    #viewport #menu ul li a,
    #viewport #menu.menuV2 ul li a,
    #viewport #settings ul li a {
        box-shadow: 0 0 0;
        font-weight: normal;
    }

    /* Level 2 Menu (submenu) */
    #viewport #menu ul.menu_display_1 ul.listsubcategory li a,
    #viewport #menu.menuV2 ul.menu_display_1 ul.listsubcategory li a{
        padding-left: 20px;
        font-weight: normal;

        background-color: #272727; /* @TODO */
    }

    /* Level 3 Menu (subsubmenu) */
    #viewport #menu ul.menu_display_1 ul.listsubsubcategory li a,
    #viewport #menu.menuV2 ul.menu_display_1 ul.listsubsubcategory li a{
        padding-left:     40px;
        border-bottom:    1px solid rgba(0,0,0, 0.1);

        background-color: #373737; /* @TODO */
    }

    /* Accent color */
    #viewport #menu, ul li a.accent,
    #viewport #menu.menuV2 ul li a.accent,
    #viewport #settings ul li a.accent {
        background: none;
        color: #9b9b9b;  /* @TODO */
    }


/* Cart */
#cart-page{
    background-color: #FFFFFF;  /* @TODO */
}

/* Cart Header */
#cart #cart-header {
    border-top: 0 none;
    box-shadow: none;
    background-image: url('../../img/bg.jpg');  /* @TODO */
}

#cart #cart-header .count { width: auto; background: none; top: auto !important; height: 34px; line-height: 34px; font-size: 16px; right: auto !important; position: relative; font-family: 'Nick', Arial, sans-serif; margin-top: 6px; }


/* Cart Content */
#cart form input[type="text"].button_square_right{
    height: 31px;
    border: 0 none;
}

/* Cart Products */
#cart #cart-page .list li{
    box-shadow: none;
}

/* Cart voucher / discount form */
#cart #cart-page .discounts{
    background-color: #fff;
}

/* Cart Bottom Summary */
#cart #cart-page .summary {
    box-shadow: none;
}

#cart #cart-page .summary h2 {
    float: right;
}

#cart #cart-page .summary h3 {
    float: left;
    clear: both;
}

/* Cart Bottom Buttons */
#cart #cart-page .actions {
    box-shadow: none;
    background-color: #EEE
}

#cart #cart-page .actions .button{
    margin: 2% 1%;
}

#cart #cart-page .message{
  color: #AAA;
}
#cart #cart-page .actions .continu_buy{
    background-color: grey; /* @TODO */
}
#cart #cart-page .actions .continu_buy:after { display: none; }

#cart #cart-page .actions .checkout {
    background-color: #171717; /* @TODO */
}
#cart #cart-page .actions .checkout:after { display: none; }

/* Override icons */
.icon.menu { background-image: url("../../img/nq_icon-menu.png"); }
.icon.settings { background-image: url("../../img/nq_icon-settings.png"); }
.icon.list { background-image: url("../../img/nq_icon-list.png"); }
.icon.grid { background-image: url("../../img/nq_icon-grid.png"); }
.icon.search { background-image: url("../../img/nq_icon-search.png"); }
.icon.clock { background-image: url("../../img/nq_icon-clock.png"); }
.icon.gift { background-image: url("../../img/nq_icon-gift.png"); }
.icon.favorites { background-image: url("../../img/nq_icon-favorites.png"); }
.icon.account { background-image: url("../../img/nq_icon-account.png"); }
.icon.orders { background-image: url("../../img/nq_icon-orders.png"); }
.icon.facebook { background-image: url("../../img/nq_icon-facebook.png"); }
.icon.twitter { background-image: url("../../img/nq_icon-twitter.png"); }
.icon.youtube { background-image: url("../../img/nq_icon-youtube.png"); }
.icon.pinterest { background-image: url("../../img/nq_icon-pin.png"); }
.icon.instagram { background-image: url("../../img/nq_icon-insta.png"); }
.icon.fancy { background-image: url("../../img/nq_icon-fancy.png"); }
.icon.add { background-image: url("../../img/nq_icon-add.png"); }
.icon.remove { background-image: url("../../img/nq_icon-remove.png"); }
#cart #cart-header .cart { background: url("../../img/nq_icon-cart.png") no-repeat 0 0; }

@media (-webkit-min-device-pixel-ratio: 1.5) {
    .icon {
        -webkit-background-size: 100%;
        background-size: 100%;
    }
    .icon.menu { background-image: url("../../img/nq_icon-menu@2x.png"); }
    .icon.settings { background-image: url("../../img/nq_icon-settings@2x.png"); }
    .icon.grid { background-image: url("../../img/nq_icon-grid@2x.png"); }
    .icon.list { background-image: url("../../img/nq_icon-list@2x.png"); }
    .icon.add { background-image: url("../../img/nq_icon-add@2x.png"); }
    .icon.remove { background-image: url("../../img/nq_icon-remove@2x.png"); }
    .icon.search { background-image: url("../../img/nq_icon-search@2x.png"); }
    .icon.clock { background-image: url("../../img/nq_icon-clock@2x.png"); }
    .icon.gift { background-image: url("../../img/nq_icon-gift@2x.png"); }
    .icon.account { background-image: url("../../img/nq_icon-account@2x.png"); }
    .icon.orders { background-image: url("../../img/nq_icon-orders@2x.png"); }
    .icon.favorites { background-image: url("../../img/nq_icon-favorites@2x.png"); }
    .icon.stores { background-image: url("../../img/nq_icon-stores@2x.png"); }
    .icon.youtube { background-image: url("../../img/nq_icon-youtube@2x.png"); }
    .icon.facebook { background-image: url("../../img/nq_icon-facebook@2x.png"); }
    .icon.twitter { background-image: url("../../img/nq_icon-twitter@2x.png"); }
    .icon.pinterest { background-image: url("../../img/nq_icon-pin@2x.png"); }
    .icon.fancy { background-image: url("../../img/nq_icon-fancy@2x.png"); }
    .icon.instagram { background-image: url("../../img/nq_icon-insta@2x.png"); }

    #cart #cart-header .cart {
        -webkit-background-size: 100%;
        background-size: 100%;
        background-image: url("../../img/nq_icon-cart@2x.png");
    }
}

.update .button.add:after, .update .button.remove:after { display: none; }

#main-page-product #slider { margin-bottom: 15px; }



header .logo { background-image: url("../../img/logo.png"); overflow: visible; height: 60px; }
@media (-webkit-min-device-pixel-ratio: 1.5) {
    header .logo { -webkit-background-size: contain; background-size: contain; background-image: url("../../img/logo@2x.png"); }
}

#main { background: #fff; }
#main-page { top: 65px; }