@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700);/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 3-jan-2015, 13:04:46 Author : thijsvanbeek */ /* Created on : 13-sep-2014; 13:37:59 Author : thijsvanbeek */ /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body { height: 100%; } #wrap { min-height: 100%; } #main { overflow: auto; padding-bottom: 650px; } /* must be same height as the footer */ #footer { position: relative; margin-top: -650px; /* negative value of footer height */ height: 650px; clear: both; } /*Opera Fix*/ body:before { /* thanks to Maleika (Kohoutec)*/ content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; /* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ /*@color-panel-bg: @color-white-core;*/ /* TAGS */ body { font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color: #645A5A; background: url(/images/bg.jpg?119bece0ba21ac4c4c3afa91c0caeda1) no-repeat top left; } p, a, h1, h2, h3, h4, h5, strong, b, ul, ol, table, .slideshow .caption { font-family: 'Source Sans Pro', sans-serif; } h1, h2, h3, h4, h4 { text-transform: uppercase; } a, #link-mixin { transition: color 200ms; -webkit-transition: color 200ms; -moz-transition: color 200ms; -o-transition: color 200ms; color: #9E9494; } a:hover, #link-mixin:hover, a:active, #link-mixin:active, a:focus, #link-mixin:focus { color: #645A5A; } hr { border-color: #E9E0E0; } /* ELEMENTS */ #main h1 { font-weight: lighter; border-bottom: 4px double #cc9933; color: #cc9933; padding-bottom: 7px; margin-bottom: 40px; margin-top: 0; display: table; } ::-moz-selection { background-color: rgba(51, 204, 153, 0.2); color: #645A5A; } ::selection { background-color: rgba(51, 204, 153, 0.2); color: #645A5A; } .color-spot-1 { color: #cc9933; } .btn { border-radius: 2px; transition: background-color 400ms, color 400ms; -webkit-transition: background-color 400ms, color 400ms; -moz-transition: background-color 400ms, color 400ms; -o-transition: background-color 400ms, color 400ms; } .btn.btn-spot-1 { color: #FFFFFF; background: #cc9933; } .btn.btn-spot-1:hover { background: #aa7711; } .btn.btn-spot-2 { color: #FFFFFF; background: #33CC99; } .btn.btn-spot-2:hover { background: #11AA77; } .btn.btn-spot-3 { color: #FFFFFF; background: #645A5A; } .btn.btn-spot-3:hover { background: #3C3232; } .btn.btn-cancel { color: #E71D32; border: 1px solid #E71D32; background: #FFFFFF; } .btn.btn-cancel:hover { background: #E71D32; color: #FFFFFF; } .input-group.input-group-spot-1 input { border-color: #cc9933; } .input-group.input-group-spot-2 input { border-color: #33CC99; } .form-control { border-radius: 0; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 2px rgba(0, 0, 0, 0.3); outline: 0 none; } .product-thumb { margin-bottom: 40px; } .product-thumb .caption { background: #F7F5F5; padding: 15px; min-height: 10em; } .product-thumb .image img { width: 100%; } .product-thumb .price-new { margin-right: 15px; font-weight: bold; } .product-thumb .price-old { text-decoration: line-through; color: #B8AEAE; } ul.pagination { margin: 0; border-radius: 0; font-size: smaller; } ul.pagination li a { border-color: #33CC99; color: #33CC99; -webkit-transition: background-color 400ms; transition: background-color 400ms; } ul.pagination li a:hover, ul.pagination li a:focus { border-color: #33CC99; color: #33CC99; background: rgba(51, 204, 153, 0.2); } ul.pagination li span { border-radius: 0; } ul.pagination li.active span, ul.pagination li.active span:hover, ul.pagination li.active span:focus, ul.pagination li.active a, ul.pagination li.active a:hover, ul.pagination li.active a:focus { background: #33CC99; border-color: #33CC99; } ul.pagination li:first-child > a, ul.pagination li:first-child > span, ul.pagination li:last-child > a, ul.pagination li:last-child > span { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .list-group { border-bottom: 15px #FFFFFF solid; padding: 15px; background: #F7F5F5; margin: 0; } .list-group h2 { margin-left: 15px; } .list-group .list-group-item, .list-group .list-group-item:first-child, .list-group .list-group-item:last-child { -webkit-transition: border-color 400ms; transition: border-color 400ms; border: 1px solid #F7F5F5; margin: 0 0 2px 0; border-radius: 0; background: none; padding-top: 7px; padding-bottom: 7px; } .list-group .list-group-item:hover, .list-group .list-group-item:first-child:hover, .list-group .list-group-item:last-child:hover { border-color: #cc9933; } .list-group .list-group-item.active, .list-group .list-group-item:first-child.active, .list-group .list-group-item:last-child.active { background: #cc9933; border-color: #cc9933; margin-bottom: 7px; margin-top: 7px; cursor: default; } .margin-bottom-s { margin-bottom: 7px; } .margin-bottom-m { margin-bottom: 15px; } .margin-bottom-l { margin-bottom: 40px; } .text-danger { background: #E71D32; padding: 7px; margin-top: 7px; display: block; border-radius: 2px; color: #FFFFFF; } .has-error label, .has-error .control-label { color: #E71D32; } .has-error .form-control { border-color: #E71D32; } .slideshow { position: relative; margin-bottom: 30px; } @media (min-width: 767px) and (max-width: 991px) { .slideshow { margin-bottom: 18px; } } @media (min-width: 991px) and (max-width: 1199px) { .slideshow { margin-bottom: 25px; } } .slideshow.has-dots { margin-bottom: 55px; } .slideshow img { width: 100%; } .slideshow .caption { background: -webkit-gradient(linear, left top, left bottom, from(rgba(204, 153, 51, 0)), to(rgba(204, 153, 51, 0.2))); background: linear-gradient(rgba(204, 153, 51, 0), rgba(204, 153, 51, 0.2)); position: absolute; bottom: 0; left: 0; right: 0; pointer-events: none; text-transform: uppercase; } .slideshow .caption.caption-category, .slideshow .caption.caption-news-journal { padding: 30px; color: #FFFFFF; font-size: 2em; } .slideshow .caption.caption-location { font-weight: lighter; font-size: 2em; text-align: center; color: #cc9933; background: none; padding: 15px; } @media (min-width: 767px) and (max-width: 991px) { .slideshow .caption.caption-location { font-size: 2em; } } @media (min-width: 991px) and (max-width: 1199px) { .slideshow .caption.caption-location { font-size: 2.4em; } } .slideshow .caption.caption-news-journal { text-align: center; } @media (min-width: 767px) and (max-width: 991px) { .slideshow .caption.caption-news-journal { font-size: 1.4em; } } @media (min-width: 991px) and (max-width: 1199px) { .slideshow .caption.caption-news-journal { font-size: 1.6em; } } .slick-slider .slick-dots li button:before { background-image: url(/images/diamond.png?25e218140357bd150c39de6d651e337f); background-size: 8px 8px; background-repeat: no-repeat; background-position: top center; content: ""; } #tumblr .tumblr-item { position: relative; margin-bottom: 30px; } #tumblr .tumblr-item .tumblr-overlay { overflow: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #3C3232; padding: 40px; color: #FFFFFF; -webkit-transition: opacity 400ms; transition: opacity 400ms; opacity: 0; } #tumblr .tumblr-item .tumblr-overlay:hover, #tumblr .tumblr-item .tumblr-overlay.active { opacity: .8; } @media (max-width: 767px) { #tumblr .tumblr-item .tumblr-overlay { padding: 15px; font-size: smaller; } } /* layout */ #main > .container { background: #FFFFFF; background: rgba(255, 255, 255, 0.8); } @media (max-width: 767px) { #main { overflow: hidden; } } @media (min-width: 767px) { #main-content { overflow: hidden; } #main-content #column-left-inner { background: #FDFBFB; padding: 0 0 30000px 0; margin-bottom: -30000px; } } #super-header { /*display: none;*/ background: #F7F5F5; padding: 15px; } #super-header h1 { font-weight: lighter; font-size: 1.8em; margin: 7px 0; } #super-header h2 { font-weight: lighter; font-size: 1.4em; margin: 15px 0; color: #7D7373; } @media (min-width: 767px) { #super-header .row > div:first-child { border-right: 1px solid #D0C7C7; } } @media (min-width: 767px) { #super-header #newsletter-right #newsletter-close { position: absolute; top: 0; right: 15px; } } @media (max-width: 767px) { #super-header #newsletter-right #newsletter-close { margin-bottom: 15px; display: inline-block; } } #super-header #newsletter-right #newsletter-subscribe { /*margin-top: 30px;*/ } #super-header #newsletter-right #newsletter-form { /*margin-top: 30px;*/ display: none; } #logo a { margin: 40px auto; display: block; width: 200px; } #header { margin: 0 0 15px 0; border-bottom: #E9E0E0 1px solid; } @media (min-width: 767px) { #header { /*margin-top: @base-l;*/ } } #header ul#navigation li a { padding: 7px 15px; text-transform: uppercase; display: block; color: #cc9933; } #header ul#navigation li a:hover, #header ul#navigation li a:focus { color: #aa7711; text-decoration: none; } #header ul#navigation li.active a { /*color:@color-warm-gray-50;*/ font-weight: bold; } #header ul#navigation li.active a:hover, #header ul#navigation li.active a:focus { color: #cc9933; cursor: default; } @media (max-width: 991px) { #header ul#navigation li { display: block; padding-right: 0; } #header ul#navigation li a { -webkit-transition: background-color 400ms; transition: background-color 400ms; border: 1px solid #cc9933; margin-bottom: 7px; } #header ul#navigation li a:hover, #header ul#navigation li a:focus { background: #cc9933; color: #FFFFFF; text-decoration: none; } #header ul#navigation li.active a { background: #cc9933; color: #FFFFFF; font-weight: normal; } } #header div#language-wrapper a { padding: 7px 0 7px 7px; margin-top: -2px; text-transform: uppercase; display: inline-block; } #header div#cart { text-transform: uppercase; float: right; } @media (max-width: 991px) { #header div#cart { margin-bottom: 15px; } } #header div#cart a { padding: 7px 0; text-transform: uppercase; display: inline-block; color: #cc9933; } #header div#cart a:hover, #header div#cart a:focus { color: #aa7711; text-decoration: none; } #header div#cart .cart-bag { /*color:@color-spot-1-darker;*/ } #header div#search { margin-right: 15px; width: 100%; } #alert .alert { border: none; border-radius: 0; display: none; padding: 15px; } #alert .alert .message { color: #FFFFFF; } #alert .alert .message a { color: #FFFFFF; text-decoration: underline; } #alert .alert .message a:hover { color: #E0E0E0; } #alert .alert.alert-warning { background: #E71D32; } #alert .alert.alert-danger { background: #E71D32; } #alert .alert.alert-success { background: #33CC99; } #alert .alert.alert-info { background: #cc9933; } ul.breadcrumb { text-align: center; font-weight: lighter; font-size: smaller; background: none; } ul.breadcrumb li:last-child a { color: inherit; cursor: default; text-decoration: none; } #footer { text-align: center; } #footer img { margin: 0 auto; transition: opacity 200ms; -webkit-transition: opacity 200ms; -moz-transition: opacity 200ms; -o-transition: opacity 200ms; border-radius: 7px; opacity: .6; } #footer img:hover { opacity: 1; } #footer h3 { color: #cc9933; font-size: 1.2em; font-weight: 300; margin-bottom: 40px; } @media (max-width: 767px) { #footer h3 { margin-bottom: 15px; margin-top: 40px; } } #footer .social { margin-top: 70px; } #footer .newsletter { margin-top: 60px; } #footer #brands { text-align: justify; text-transform: uppercase; font-size: smaller; line-height: 2em; } /* Pages */ #product-product #product-gallery { margin-bottom: 80px; overflow: hidden; } #product-product #product-gallery #swapview { -webkit-transition: background-color 400ms; transition: background-color 400ms; position: absolute; top: 7px; right: 7px; background: #FFFFFF; background: rgba(255, 255, 255, 0.4); z-index: 1000; display: inline-block; padding: 15px; border-radius: 2px; } #product-product #product-gallery #swapview i { display: table-cell; vertical-align: middle; text-align: center; } #product-product #product-gallery #swapview:hover, #product-product #product-gallery #swapview:focus { background: rgba(255, 255, 255, 0.8); text-decoration: none; } #product-product #product, #product-product #product-price { text-align: right; } #product-product #sizechart.modal .modal-backdrop { background: rgba(51, 204, 153, 0.2); } #product-product #sizechart.modal .modal-backdrop.in { filter: alpha(opacity=20); opacity: .2; } #product-product #sizechart.modal .modal-dialog .modal-content { border-radius: 0; } #product-product #sizechart.modal .modal-dialog .modal-content .modal-header { background: #F7F5F5; } #release-date { border: 2px solid #cc9933; color: #cc9933; } .release-date_values { display: inline-block; color: #cc9933; }