//page background
@back-color: #faf1eb;

//navigation
@nav-background: #ff9955;
@nav-text-color: #000;
@highlight-color: #ff6600;

@header-link-color: #fff;

//button & accent colours
@light-color: #ff9955;
@dark-color: #FF6600;

@link__color: #808080;
@link__hover__color: @dark-color;
@primary-color: @light-color;

@button-text: #fff;

.navigation {
    background: @nav-background;
	text-transform: uppercase;
	height: 56px;
}

.nav-sections {
    background: @nav-background !important;
}

@media only screen and (max-width: 767px) {
.navigation .level0 {
    background-color: @nav-background;
}

.navigation ul {
	background: @nav-background !important;
}

.navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) {
    border-color: @highlight-color;
}
}

.navigation li.level0 > .level-top {
	color: @nav-text-color;
}

.navigation .level0 > .level-top,
.navigation .level0.has-active > .level-top {
    color: @highlight-color;
}

.navigation .level0.has-active > .level-top,
.navigation .level0 .submenu .active > a {
	border-color: @highlight-color;
}

.navigation .level0.active > .level-top {
    border-color: @highlight-color;
    color: @nav-text-color;
	margin-bottom: -3px;
}

.navigation .level0 .submenu {
    border-bottom: 3px solid @highlight-color;
}
.navigation .level0 > .level-top:hover {
	color: #000;
}
.navigation li.level0:hover {
	border-bottom: 3px solid @highlight-color;
}
.navigation li.level0 a:hover {
	color: @highlight-color;
}

.navigation .level0 .submenu a:hover {
border-left: 3px solid @highlight-color;
}

.header.panel {
text-align: center;
}
.header.panel > .header.links {
float: none;
line-height: 18px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font: 12px;
color: @header-link-color;
}

.header.panel > .header.links li a {
line-height: 18px;
font-size: 10px;
color: @back-color;
}

.header.content {
    padding: 0px 20px 0;
	height: 100px;
}

.minicart-wrapper .action.showcart .counter.qty {
    background: @highlight-color;
}

.minicart-wrapper .action.showcart::before {
    color: @back-color;
}

.product-item .price-box .price {
    font-size: 1.9rem;
    font-weight: bold;
}

.block-search .nested {display: none;}

.block-search .control {
    padding: 0 0 10px;
}

.page-header {
    margin-bottom: -14px
}

.page-header .header.panel {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: -29px;
}

.logo {
    text-decoration: none !important;
    margin: 18px 0 -40px 0;
}

.panel.wrapper {
    background: #ff9955;
    margin-left: 0px;
    margin-right: 0px;
    border-bottom: 0px solid #fff;
    float: right;
    margin-top: -8px;
}
.copyright {
    background: #F7F7F7;
	padding: 16px;
	height: 15px;
	color: @dark-color;
	font-size: 11px;
}
.nav-sections {
    padding-left: 230px
}

@media screen and (max-width: 767px) {
    .nav-sections {
        padding-left: 0;
        background: @back-color !important;
    }
    .header.content {
    padding: 0px 20px 0;
    height: 124px;
    }
    .page-header {
    margin-bottom: 0px;
    }
    .block.filter {
    margin-bottom: 40px;
    display: none;
    }
    .page-products .product-item-info {
    width: 340px;
    }
    .column.main .product-item {
    padding-left: 20px;
    text-align: center;
    }
}

.page-wrapper {
max-width: 90%;
background-color: #ffffff;
margin: 0 auto;
padding: 0;
}

.footer {
font-size: 11px;
}

.footer.content {
    padding-left: 0;
    padding-right: 0;
}

.footer.content .links {
margin-left: 30px;
}

body {
    background-color: @back-color !important;
}

.minicart-wrapper {
    margin-top: 12px;
}
.block-search {
	margin-top: 12px;
}

.block-newsletter {
    margin-right: 20px;
}

//  Primary button
@button-primary__background: @light-color;
@button-primary__hover__color: @color-white;
@button-primary__active__background: @link__hover__color;
@button-primary__active__border: 1px solid @link__hover__color;
@button-primary__active__color: @color-white;
@button-primary__hover__background: darken(@button__background, 5%);
@button-primary__hover__border: @link__hover__color;
@button-primary__border: 1px solid @dark-color;

// Secondary button
@button__background: @light-color;
@button__border: 1px solid @dark-color;
@button__hover__color: @button__color;
@button__hover__background: darken(@button__background, 5%);
@button__active__background: @color-gray-darken1;
@button__color: @color-white;

//catalog layout
.button-form {
display: inline-block;
vertical-align: middle;
}
.product-item .price-box {
    display: inline-block;
	margin: 25px 10px 25px;
}

.product-item-actions .actions-primary + .actions-secondary {
    display: inline-block;
    width: 50%;
    padding-left: 5px;
    white-space: nowrap;
}
.product-item-actions .actions-primary {
    display: block;
}

.product-item-name > a, .product.name a > a {
    color: #131925;
    line-height: 18px;
    height: 36px;
    display: block;
    overflow: hidden;
    font-size: 12px;
    text-transform: uppercase;
}

.product.name a {
    font-weight: 700;
}

/*
.product-image-container {
    display: inline-block;
    max-width: 100%;
    border: 10px solid #EEEEEE;
}

.page-products .products-grid .product-item {
    width: 30.233%;
    margin-left: calc((100% - 3 * 30.233%) / 2);
    padding: 0;
}
.page-products .product-item-info {
    width: 100%;
    margin-left: 10px;
}
*/

.action.primary {
float: left;
height: 28px;
background: @dark-color;
padding: 0 12px 0 12px;
font-size: 11px;
line-height: 28px;
text-align: center;
white-space: nowrap;
color: @button-text;
font-weight: 700;
text-transform: uppercase;
}

.product-item .price-box .price {
    font-size: 1.9rem;
    font-weight: bold;
	font-size: 22px;
	font-weight: 700;
	line-height: 26px;
	color: @button-primary__background;
	vertical-align: center;
}

.block-minicart .block-content > .actions > .primary .action.primary,
.checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary, 
.methods-shipping .actions-toolbar .action.primary,
.product-info-main .box-tocart .action.tocart {
	padding: 24px 17px 24px 17px;
	line-height: 0rem;
}

.product-item-actions .product-reviews-summary {
    display: inline-block;
    margin: 0px 50px 0px;
    vertical-align: middle;
}
.product-item .product-reviews-summary .rating-summary {
	display: none;
}

.page-layout-2columns-left .sidebar-main {
    width: 23.66666667%;
    float: left;
    order: 1;
}
.page-layout-2columns-left .column.main {
    width: 76.33333333%;
    float: right;
    order: 2;
}

.product-image-container {
    width: 100% !important;
}

//Home Page
.block-promo {
	margin-bottom: 16px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	color: #333 !important;
}

.block-promo .content {
    display: block;
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    padding: 25px 35px 35px;
}

.block-promo .info {
    display: block;
    font-weight: 300;
    font-size: 2.2rem;
    margin-bottom: 20px;
}

.block-promo .title + .button {
    margin-top: 10px;
}

.block-promo .button.more {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 3px;
    text-decoration: none;
    padding: 10px 15px;
}

.block-promo-hp {
    margin: 0 -8px;
}

.block-promo-hp .block-promo {
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
}

.block-promo-wrapper .block-promo {
    float: left;
}

.home-img {
	width: 33.1%;
	max-height: 323px;
    display: inline-block;
}

.home-img .content {
    top: 0;
    right: 0;
    width: 60%;
}

.block-promo-hp .bg-white,
.block-promo-hp .home-img .content {
    padding: 20px;
}

.block-promo .info {
    display: block;
    font-weight: 300;
    font-size: 2.2rem;
    margin-bottom: 20px;
}

.block-promo .title {
    display: block;
    font-weight: 300;
    font-size: 2.8rem;
    line-height: 1.2;
    margin-bottom: 15px;
}

.button.more {
background: @light-color !important;
border: 1px solid @dark-color !important;
}

.copyright {
    background: @nav-background;
    padding: 16px;
    height: 15px;
    color: #fff;
    font-size: 11px;
}

//Home page mobile

@media screen and (max-width: 767px) {
    .block-promo .title {
        display: none;
    }
    .home-img .content {
        width: 70%;
    }
    .home-img .content .info {
        font-size: 0.9em;
    }
}

@media screen and (max-width: 690px) {
    .home-img,
    {
        width: 100%;
        display: block;
    }
    .block-promo .title {
        display: none;
    }
    .home-img .content .info {
        font-size: 1.6em;
    }
}

@media screen and (max-width: 550px) {
    .products-grid .product-item {
    display: inline-block;
    width: 100%;
    }
}

.footer.content .links > li {
    margin: 0 0 8px;
    display: inline-block;
    padding-right: 15px;
}