$base-font-size: .9rem; $base-font-family: "Merriweather", "Helvetica Neue", Helvetica, Arial, sans-serif; $base-font-weight: 300; $base-font-color: #4c4b42; $site-max-width: 81rem; $step-size-heading: 0.25; $side: 1px; $logo-max-width: 342px; $page-header-height: 90px; $head-image-height: 120px; $loading-field: rgba(255,255,255,.7); $main-design-color: #74a12d; $main-design-text-color: #fff; $main-design-sec-color : #3d3733; $main-design-border-weight: 1px; $main-design-radius: 0; $main-design-small-radius: 0; $base-text-color: #000; $base-active-color: #d20e00; $top-bar-bg-color: #f1f1f1; $top-bar-text-color: #a1a1a1; $red: #d20e00; $error-color: #f14125; $error-text-color: #fff; $header-bg-color: #fff; $header-text-color: #fff; $nav-bg-color: #f5f5f5; $nav-text-color: #3d3732; $nav-active-color: #74a12d; $nav-active-bg-color: #fff; $price-color: #4a4a4a; $old-price-color: #7b7b7b; $promo-price-color: #ed5c01; $news-page-bg: #f1f1f1; $gallery-bg: #373538; $footer-bg-color: #989898; $footer-text-color: #ffffff; $sfooter-bg-color: #e8e8e8; $sfooter-text-color: #949494; $light-gray: #efefef; $dark-gray: #595959; $owl-controls-color: #595959; $gallery-bg-color: #efefeff0; .gallery-head-image{ background: url( ../img/gallery_header.jpg ) center center; } .contacts-head-image{ background: url( ../img/contacts_header.jpg ) center center; } .news-head-image{ background: url( ../img/news_header.jpg ) center center; } .pages-head-image{ background: url( ../img/pages_header.jpg ) center center; } .basket-head-image{ background: url( ../img/basket_header.jpg ) center center; } .account-head-image{ background: url( ../img/account_header.jpg ) center center; } .categories-head-image{ background: url( ../img/categories_header.jpg ) center center; } .not-found-page{ background: url( ../img/404_header.jpg ) center center; } body { h1 { font-size: 2rem; } p { line-height: 1.6; } .title-fix { margin: -4px 0 0 34px; } .header { .head { border-bottom: 3px solid #74a12d; } .cart-wrap .cart .badge { border: 2px solid #fff; background: #595959; } #slider .item .textBox { background: rgba(34, 103, 17, 0.91) !important; p { color: #ffffff; strong { color: #ccd019; } } } div.head > div > div > div.message-wrap > p:nth-child(1){ margin-bottom: 5px; font-size: 22px; font-weight: 600; text-align: center; } div.head > div > div > div.message-wrap > p:nth-child(2){ font-size: 12px; } .logo-wrap { padding-left: 15px; } .logo { border-bottom: none; @media only screen and (min-width: 64.063em) and (max-width: 90em) { max-height: 65px; } } .mobile-search-button, .user-wrap, .message-wrap, .cart-wrap { border-left: none; } .user-wrap i, .cart-wrap i { color: #74a12d; } #menumain{ ul { margin-left:0; &.submenu{ } } ul li.main-list{ a { font-size: 0.9rem; } } ul li.main-list > a.active{ border-bottom: 3px solid #ccd018; } ul li.main-list > a:hover { border-bottom: 3px solid #ccd018; } background: $nav-bg-color; } .search button{ background: #74a12d; } .slider-container{ background: #333333 url(../img/shoes-bg.com/pattern-wood.jpg) center center repeat-x; border-bottom: none; } } article { .additional_pictograms{ bottom: 8rem; } &.product-head{ .additional_pictograms div img { width: 30px; } } } section.product-info { border-top: 1px solid #efefef; @media screen and (max-width: 29.938em) and (min-width: 15em) { p.promo b { font-size: 1.5rem; } .price-wrap .price nobr b { font-size: 1.5rem; } } } .product-wrapper { a { h3 { min-height: 2.5em; } } } section { &.home-page-text { background: whitesmoke url(../img/customerBG.jpg) no-repeat center center/100% 130%; margin: 0 0 0 0; } &.news { background: #f3f3f3; } &.news.latest_news_bg{ background: #f5f5f5; .news_info{ background: #f5f5f5; } } .left .search-box #slider-range .ui-widget-header { background: #595959; } &.news .newsThumb .imgNews a { background-size: auto 150%; } article{ .price-label{ width: 60px; height: 60px; span{ display: block; font-size: 13px; line-height: 60px; letter-spacing: -.8px; @media screen and (max-width: 29.938em) and (min-width: 15em) { line-height: 48px; } } &.new { background: url(../img/shoes-bg.com/new_icon.png) no-repeat center center/100% auto; span{ display: none; } } } } .panel-default { background: #fff; .panel-header { h3{ min-height: 4rem; } } } &.categories { background: #f3f3f3; } .basket { .empty-cart h3 i { color: #ccd018; } } } .its-a-free{ display: none; } .top-banners a{ background-color: initial !important; height: 130px; background-size: 100% !important; } .accents { .single_accent { width: 14%; } p{ font-weight: 300; } } .short-description { line-height: 1.6rem; } .feature-text-data .imgThumb img { height: 300px; margin: 0 auto 30px auto; display: block; } .cookies_message { background: #226711; div.cnt { p>a { color:#ccd018; } } } .cookies_message > div.cnt div.b_cnt { background: #ccd018; a.btn { color: #486915; } } .footer{ background:#74a12d; .f-footer { h5 { color:#fff; span.line { background: #9ebb6c; } } ul li a{ color: $footer-text-color; &:hover{ color:#ccd018; } } p { color:#fff; } } .h-footer{ background:#7faf33; h5{ color:#fff; } i{ color:#fff; } } .s-footer{ background:#333333; a{ color:#fff; } .text-copy{ color:#ccd018; } } } @media screen and (max-width: 29.938em) and (min-width: 15em) { .product-wrapper div.product-hover-wrapper div.options, .product-wrapper:hover div.product-hover-wrapper div.options { display: none; } } }