/* 1. - FRAMEWORK 1.1 - Initialize 1.2 - Settings 1.3 - Grid 1.4 - Utilities 1.5 - Typography 1.6 - Icons 1.7 - Navigation 1.8 - Slider 1.9 - Forms & Tables 2. - THEME 2.1 - General 2.2 - Header 2.3 - Footer 3. - PARTIALS 3.1 - Searchbar 3.2 - Product Grid 3.3 - Breadcrumbs 3.4 - Pagination 3.5 - Rich Text Editor Content 4. - TEMPLATES 4.1 - Index 4.2 - Collection List 4.3 - Collection 4.4 - Product 4.5 - Page 4.6 - Search 4.7 - Blog & Article 4.8 - Cart 4.9 - Customer Accounts */ /* 1.1 - Initialize ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { background: #FFFFFF; color: #000; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: .67em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace,serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { font-size: 100%; } body { background: white; color: #222222; padding: 0; margin: 0; font-family: "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; } a:focus { outline: none; } img, object, embed { max-width: 100%; height: auto; } object, embed { height: 100%; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; } // .left { float: left !important; } // .right { float: right !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .hide { display: none; } .antialiased { -webkit-font-smoothing: antialiased; } img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } select { width: 100%; } /* 1.3 - Grid ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Grid HTML Classes */ /* .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 83.33333em; *zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse .column, .row.collapse .columns { position: relative; padding-left: 0; padding-right: 0; float: left; } .row .row { width: auto; margin-left: -1.25em; margin-right: -1.25em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } */ .column, .columns { position: relative; padding-left: 1.25em; padding-right: 1.25em; width: 100%; float: left; } @media only screen { .column, .columns { position: relative; padding-left: 1.25em; padding-right: 1.25em; float: left; } .small-1 { position: relative; width: 8.33333%; } .small-2 { position: relative; width: 16.66667%; } .small-3 { position: relative; width: 25%; } .small-4 { position: relative; width: 33.33333%; } .small-5 { position: relative; width: 41.66667%; } .small-6 { position: relative; width: 50%; } .small-7 { position: relative; width: 58.33333%; } .small-8 { position: relative; width: 66.66667%; } .small-9 { position: relative; width: 75%; } .small-10 { position: relative; width: 83.33333%; } .small-11 { position: relative; width: 91.66667%; } .small-12 { position: relative; width: 100%; } .small-offset-1 { position: relative; margin-left: 8.33333%; } .small-offset-2 { position: relative; margin-left: 16.66667%; } .small-offset-3 { position: relative; margin-left: 25%; } .small-offset-4 { position: relative; margin-left: 33.33333%; } .small-offset-5 { position: relative; margin-left: 41.66667%; } .small-offset-6 { position: relative; margin-left: 50%; } .small-offset-7 { position: relative; margin-left: 58.33333%; } .small-offset-8 { position: relative; margin-left: 66.66667%; } .small-offset-9 { position: relative; margin-left: 75%; } .small-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } } /* Styles for screens that are atleast 768px; */ @media only screen and (min-width: 768px) { .large-1 { position: relative; width: 8.33333%; } .large-2 { position: relative; width: 16.66667%; } .large-3 { position: relative; width: 25%; } .large-4 { position: relative; width: 33.33333%; } .large-5 { position: relative; width: 41.66667%; } .large-6 { position: relative; width: 50%; } .large-7 { position: relative; width: 58.33333%; } .large-8 { position: relative; width: 66.66667%; } .large-9 { position: relative; width: 75%; } .large-10 { position: relative; width: 83.33333%; } .large-11 { position: relative; width: 91.66667%; } .large-12 { position: relative; width: 100%; } .row .large-offset-1 { position: relative; margin-left: 8.33333%; } .row .large-offset-2 { position: relative; margin-left: 16.66667%; } .row .large-offset-3 { position: relative; margin-left: 25%; } .row .large-offset-4 { position: relative; margin-left: 33.33333%; } .row .large-offset-5 { position: relative; margin-left: 41.66667%; } .row .large-offset-6 { position: relative; margin-left: 50%; } .row .large-offset-7 { position: relative; margin-left: 58.33333%; } .row .large-offset-8 { position: relative; margin-left: 66.66667%; } .row .large-offset-9 { position: relative; margin-left: 75%; } .row .large-offset-10 { position: relative; margin-left: 83.33333%; } .row .large-offset-11 { position: relative; margin-left: 91.66667%; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.66667%; right: auto; } .pull-2 { position: relative; right: 16.66667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.33333%; right: auto; } .pull-4 { position: relative; right: 33.33333%; left: auto; } .push-5 { position: relative; left: 41.66667%; right: auto; } .pull-5 { position: relative; right: 41.66667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.33333%; right: auto; } .pull-7 { position: relative; right: 58.33333%; left: auto; } .push-8 { position: relative; left: 66.66667%; right: auto; } .pull-8 { position: relative; right: 66.66667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.33333%; right: auto; } .pull-10 { position: relative; right: 83.33333%; left: auto; } .push-11 { position: relative; left: 91.66667%; right: auto; } .pull-11 { position: relative; right: 91.66667%; left: auto; } .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: none; } } /* Foundation Block Grids for below small breakpoint */ @media only screen { [class*="block-grid-"] { display: block; padding: 0; margin: 0 -10px; *zoom: 1; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li { display: inline; height: auto; float: left; padding: 0 10px 10px; } .small-block-grid-1 > li { width: 100%; padding: 0 10px 10px; } .small-block-grid-1 > li:nth-of-type(n) { clear: none; } .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .small-block-grid-2 > li { width: 50%; padding: 0 10px 10px; } .small-block-grid-2 > li:nth-of-type(n) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .small-block-grid-3 > li { width: 33.33333%; padding: 0 10px 10px; } .small-block-grid-3 > li:nth-of-type(n) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .small-block-grid-4 > li { width: 25%; padding: 0 10px 10px; } .small-block-grid-4 > li:nth-of-type(n) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .small-block-grid-5 > li { width: 20%; padding: 0 10px 10px; } .small-block-grid-5 > li:nth-of-type(n) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .small-block-grid-6 > li { width: 16.66667%; padding: 0 10px 10px; } .small-block-grid-6 > li:nth-of-type(n) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .small-block-grid-7 > li { width: 14.28571%; padding: 0 10px 10px; } .small-block-grid-7 > li:nth-of-type(n) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .small-block-grid-8 > li { width: 12.5%; padding: 0 10px 10px; } .small-block-grid-8 > li:nth-of-type(n) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .small-block-grid-9 > li { width: 11.11111%; padding: 0 10px 10px; } .small-block-grid-9 > li:nth-of-type(n) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .small-block-grid-10 > li { width: 10%; padding: 0 10px 10px; } .small-block-grid-10 > li:nth-of-type(n) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .small-block-grid-11 > li { width: 9.09091%; padding: 0 10px 10px; } .small-block-grid-11 > li:nth-of-type(n) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .small-block-grid-12 > li { width: 8.33333%; padding: 0 10px 10px; } .small-block-grid-12 > li:nth-of-type(n) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Foundation Block Grids for above small breakpoint */ @media only screen and (min-width: 768px) { /* Remove small grid clearing */ .small-block-grid-1 > li:nth-of-type(1n+1) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: none; } .large-block-grid-1 > li { width: 100%; padding: 0 10px 10px; } .large-block-grid-1 > li:nth-of-type(n) { clear: none; } .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .large-block-grid-2 > li { width: 50%; padding: 0 10px 10px; } .large-block-grid-2 > li:nth-of-type(n) { clear: none; } .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { width: 33.33333%; padding: 0 10px 10px; } .large-block-grid-3 > li:nth-of-type(n) { clear: none; } .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .large-block-grid-4 > li { width: 25%; padding: 0 10px 10px; } .large-block-grid-4 > li:nth-of-type(n) { clear: none; } .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .large-block-grid-5 > li { width: 20%; padding: 0 10px 10px; } .large-block-grid-5 > li:nth-of-type(n) { clear: none; } .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .large-block-grid-6 > li { width: 16.66667%; padding: 0 10px 10px; } .large-block-grid-6 > li:nth-of-type(n) { clear: none; } .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .large-block-grid-7 > li { width: 14.28571%; padding: 0 10px 10px; } .large-block-grid-7 > li:nth-of-type(n) { clear: none; } .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .large-block-grid-8 > li { width: 12.5%; padding: 0 10px 10px; } .large-block-grid-8 > li:nth-of-type(n) { clear: none; } .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .large-block-grid-9 > li { width: 11.11111%; padding: 0 10px 10px; } .large-block-grid-9 > li:nth-of-type(n) { clear: none; } .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .large-block-grid-10 > li { width: 10%; padding: 0 10px 10px; } .large-block-grid-10 > li:nth-of-type(n) { clear: none; } .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .large-block-grid-11 > li { width: 9.09091%; padding: 0 10px 10px; } .large-block-grid-11 > li:nth-of-type(n) { clear: none; } .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .large-block-grid-12 > li { width: 8.33333%; padding: 0 10px 10px; } .large-block-grid-12 > li:nth-of-type(n) { clear: none; } .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } [class*="column"] + [class*="column"]:last-child { float: left; } // /* The Grid ---------------------- */ // .lt-ie9 .row { width: 100%; max-width: 100%; min-width: 768px; margin: 0 auto; } // .lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } // .lt-ie9 .row.large-collapse .column, .lt-ie9 .row.large-collapse .columns { padding: 0; } // .lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } // .lt-ie9 .row .row.large-collapse { margin: 0; } // .lt-ie9 .column, .lt-ie9 .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; } // .lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; } // .lt-ie9 [class*="column"] + [class*="column"]:last-child { float: right; } // .lt-ie9 [class*="column"] + [class*="column"].end { float: left; } // .lt-ie9 .large-1, .lt-ie9 .row .large-1 { width: 8.33333%; } // .lt-ie9 .large-2, .lt-ie9 .row .large-2 { width: 16.66667%; } // .lt-ie9 .large-3, .lt-ie9 .row .large-3 { width: 25%; } // .lt-ie9 .large-4, .lt-ie9 .row .large-4 { width: 33.33333%; } // .lt-ie9 .large-5, .lt-ie9 .row .large-5 { width: 41.66667%; } // .lt-ie9 .large-6, .lt-ie9 .row .large-6 { width: 50%; } // .lt-ie9 .large-7, .lt-ie9 .row .large-7 { width: 58.33333%; } // .lt-ie9 .large-8, .lt-ie9 .row .large-8 { width: 66.66667%; } // .lt-ie9 .large-9, .lt-ie9 .row .large-9 { width: 75%; } // .lt-ie9 .large-10, .lt-ie9 .row .large-10 { width: 83.33333%; } // .lt-ie9 .large-11, .lt-ie9 .row .large-11 { width: 91.66667%; } // .lt-ie9 .large-12, .lt-ie9 .row .large-12 { width: 100%; } // .lt-ie9 .row .large-offset-1 { margin-left: 8.33333%; } // .lt-ie9 .row .large-offset-2 { margin-left: 16.66667%; } // .lt-ie9 .row .large-offset-3 { margin-left: 25%; } // .lt-ie9 .row .large-offset-4 { margin-left: 33.33333%; } // .lt-ie9 .row .large-offset-5 { margin-left: 41.66667%; } // .lt-ie9 .row .large-offset-6 { margin-left: 50%; } // .lt-ie9 .row .large-offset-7 { margin-left: 58.33333%; } // .lt-ie9 .row .large-offset-8 { margin-left: 66.66667%; } // .lt-ie9 .row .large-offset-9 { margin-left: 75%; } // .lt-ie9 .row .large-offset-10 { margin-left: 83.33333%; } // .lt-ie9 .pull-2 { right: 16.66667%; } // .lt-ie9 .pull-3 { right: 25%; } // .lt-ie9 .pull-4 { right: 33.33333%; } // .lt-ie9 .pull-5 { right: 41.66667%; } // .lt-ie9 .pull-6 { right: 50%; } // .lt-ie9 .pull-7 { right: 58.33333%; } // .lt-ie9 .pull-8 { right: 66.66667%; } // .lt-ie9 .pull-9 { right: 75%; } // .lt-ie9 .pull-10 { right: 83.33333%; } // .lt-ie9 .push-2 { left: 16.66667%; } // .lt-ie9 .push-3 { left: 25%; } // .lt-ie9 .push-4 { left: 33.33333%; } // .lt-ie9 .push-5 { left: 41.66667%; } // .lt-ie9 .push-6 { left: 50%; } // .lt-ie9 .push-7 { left: 58.33333%; } // .lt-ie9 .push-8 { left: 66.66667%; } // .lt-ie9 .push-9 { left: 75%; } // .lt-ie9 .push-10 { left: 83.33333%; } // /* Nicolas Gallagher's micro clearfix */ // .lt-ie9 .row { *zoom: 1; } // .lt-ie9 .row:before, .row:after { content: " "; display: table; } // .lt-ie9 .row:after { clear: both; } // .lt-ie9 .row .row { margin: 0; padding: 0; } /* 1.4 - Utilities ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Foundation Visibility HTML Classes */ .show-for-small, .show-for-medium-down, .show-for-large-down { display: inherit !important; } .show-for-medium, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } .hide-for-medium, .hide-for-medium-up, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; } .hide-for-small, .hide-for-medium-down, .hide-for-large-down { display: none !important; } /* Specific visilbity for tables */ table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge { display: table; } thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge { display: table-header-group !important; } tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge { display: table-row-group !important; } tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge { display: table-row !important; } td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge, th.show-for-small, th.show-for-medium-down, th.show-for-large-down, th.hide-for-medium, th.hide-for-medium-up, th.hide-for-large, th.hide-for-large-up, th.hide-for-xlarge { display: table-cell !important; } /* Medium Displays: 768px - 1279px */ @media only screen and (min-width: 768px) { .show-for-medium, .show-for-medium-up { display: inherit !important; } .show-for-small { display: none !important; } .hide-for-small { display: inherit !important; } .hide-for-medium, .hide-for-medium-up { display: none !important; } /* Specific visilbity for tables */ table.show-for-medium, table.show-for-medium-up, table.hide-for-small { display: table; } thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small { display: table-header-group !important; } tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small { display: table-row-group !important; } tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small { display: table-row !important; } td.show-for-medium, td.show-for-medium-up, td.hide-for-small, th.show-for-medium, th.show-for-medium-up, th.hide-for-small { display: table-cell !important; } } /* Large Displays: 1280px - 1440px */ @media only screen and (min-width: 1280px) { .show-for-large, .show-for-large-up { display: inherit !important; } .show-for-medium, .show-for-medium-down { display: none !important; } .hide-for-medium, .hide-for-medium-down { display: inherit !important; } .hide-for-large, .hide-for-large-up { display: none !important; } /* Specific visilbity for tables */ table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down { display: table; } thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down { display: table-header-group !important; } tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down { display: table-row-group !important; } tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down { display: table-row !important; } td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down, th.show-for-large, th.show-for-large-up, th.hide-for-medium, th.hide-for-medium-down { display: table-cell !important; } } /* X-Large Displays: 1400px and up */ @media only screen and (min-width: 1440px) { .show-for-xlarge { display: inherit !important; } .show-for-large, .show-for-large-down { display: none !important; } .hide-for-large, .hide-for-large-down { display: inherit !important; } .hide-for-xlarge { display: none !important; } /* Specific visilbity for tables */ table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down { display: table; } thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down { display: table-header-group !important; } tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down { display: table-row-group !important; } tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down { display: table-row !important; } td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down, th.show-for-xlarge, th.hide-for-large, th.hide-for-large-down { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visilbity for tables */ table.hide-for-landscape, table.show-for-portrait { display: table; } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visilbity for tables */ table.show-for-landscape, table.hide-for-portrait { display: table; } thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } /* Specific visilbity for tables */ table.show-for-portrait, table.hide-for-landscape { display: table; } thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; } /* Specific visilbity for tables */ table.hide-for-touch { display: table; } .touch table.show-for-touch { display: table; } thead.hide-for-touch { display: table-header-group !important; } .touch thead.show-for-touch { display: table-header-group !important; } tbody.hide-for-touch { display: table-row-group !important; } .touch tbody.show-for-touch { display: table-row-group !important; } tr.hide-for-touch { display: table-row !important; } td.hide-for-touch { display: table-cell !important; } .touch td.show-for-touch { display: table-cell !important; } th.hide-for-touch { display: table-cell !important; } .touch th.show-for-touch { display: table-cell !important; } /* Flex Video */ .flex-video { position: relative; padding-top: 2.08333em; padding-bottom: 67.5%; height: 0; margin-bottom: 1.33333em; overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .show-for-medium-only { display: none; } @media only screen and (min-width: 768px) and (max-width: 1279px) { .show-for-medium-only { display: inherit !important; } } .lt-ie9 .hide-for-ie9-down, .lt-ie9 .hide-for-medium, .lt-ie9 .hide-for-medium-up { display: none !important; } .lt-ie9 .show-for-ie9-down, .lt-ie9 .show-for-medium, .lt-ie9 .show-for-medium-only, .lt-ie9 .show-for-medium-up { display: inherit !important; } .image-scale-hack { transform: rotate(0.0001deg); } .clearfix { *zoom: 1; } .clearfix:after { content: ""; display: table; clear: both; } .all-caps { text-transform: uppercase; } .plain-list { list-style: none; margin: 0; padding: 0; } .plain-list li { margin-bottom: 5px; } .hide { display: none; } .hide-until-js { display: none; } .no-js .hide-until-js { display: inherit; } .hide-for-js { display: none; } .no-js .hide-for-js { display: inherit; } .border-decoration { position: absolute; bottom: 0; width: 100%; padding-right: 2.5em; } .border-decoration:after { content: ""; display: block; border-bottom: 1px solid #e5e5e5; } /* 1.5 - Typography ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ // .font-logo { font-family: "Raleway" ; } // .font-nav { font-family: "Raleway" ; } // .font-accent { font-family: "Raleway" ; font-weight: 500 !important; } // .font-title { font-family: "Raleway" ; font-size: 1.5em; text-transform: uppercase; } // .font-headings, .template-index .widgets .title { text-transform: uppercase; font-family: "Raleway" ; font-size: 1em; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } // h1, h2, h3, h4, h5, h6 { margin-top: 0; font-family: "Raleway" ; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } // h1 a, h1 a:link, h1 a:visited, h1 a:hover, h2 a, h2 a:link, h2 a:visited, h2 a:hover, h3 a, h3 a:link, h3 a:visited, h3 a:hover, h4 a, h4 a:link, h4 a:visited, h4 a:hover, h5 a, h5 a:link, h5 a:visited, h5 a:hover, h6 a, h6 a:link, h6 a:visited, h6 a:hover { color: #a1a1a1; } p, ul, li, a { margin-top: 0; } blockquote { font-style: italic; color: #6d6d6d; padding-left: 20px; margin-left: 0; border-left: 2px solid #6d6d6d; } a, a:link, a:visited, a:hover { color: #a1a1a1; text-decoration: none; } a:hover { color: #a1a1a1; } .colored-links a, .colored-links a:link, .colored-links a:visited, .colored-links a:hover { color: #c5c5c5; } .colored-links a:hover { color: #999999; } .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6, .wf-loading p, .wf-loading ul, .wf-loading li, .wf-loading a, .wf-loading blockquote { visibility: hidden; } /* 1.6 - Icons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ @font-face { font-family: 'blockshop-icons'; src: url('//www.thegallery.nu/cdn/shop/t/18/assets/blockshop-icons.eot?v=22247344373219688901605078620'); src: url('//www.thegallery.nu/cdn/shop/t/18/assets/blockshop-icons.eot?v=22247344373219688901605078620?#iefix') format("embedded-opentype"), url('//www.thegallery.nu/cdn/shop/t/18/assets/blockshop-icons.woff?v=48185983730085675401605078621') format("woff"), url('//www.thegallery.nu/cdn/shop/t/18/assets/blockshop-icons.ttf?v=86972650899271327971605078621') format("truetype"), url('//www.thegallery.nu/cdn/shop/t/18/assets/blockshop-icons.svg?v=34543212563923109291605078620') format("svg"); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'blockshop-icons'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ .glyph { font-family: 'blockshop-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .glyph.arrow-right:before { content: "\e600"; } .glyph.arrow-left:before { content: "\e601"; } .glyph.zoom-in:before { content: "\e602"; } .glyph.zoom-out:before { content: "\e603"; } .glyph.radio-checked:before { content: "\e605"; } .glyph.radio-unchecked:before { content: "\e606"; } .glyph.feed:before { content: "\e60a"; } .glyph.youtube:before { content: "\e60d"; } .glyph.soundcloud:before { content: "\e607"; } .glyph.menu:before { content: "\e626"; } .glyph.minus:before { content: "\e616"; } .glyph.plus:before { content: "\e617"; } .glyph.cross:before { content: "\e618"; } .glyph.arrow-down:before { content: "\e619"; } .glyph.slider-left:before { content: "\e61a"; } .glyph.slider-right:before { content: "\e61b"; } .glyph.arrow-dropdown:before { content: "\e61c"; } .glyph.list:before { content: "\e61d"; } .glyph.tumblr:before { content: "\e61e"; } .glyph.pinterest:before { content: "\e61f"; } .glyph.facebook:before { content: "\e620"; } .glyph.twitter:before { content: "\e621"; } .glyph.vimeo:before { content: "\e622"; } .glyph.googleplus:before { content: "\e623"; } .glyph.linkedin:before { content: "\e624"; } .glyph.instagram:before { content: "\e625"; } .glyph.visa:before { content: "\e604"; } .glyph.googlewallet:before { content: "\e608"; } .glyph.discover:before { content: "\e609"; } .glyph.paypal:before { content: "\e60b"; } .glyph.diners:before { content: "\e60e"; } .glyph.switch:before { content: "\e610"; } .glyph.stripe:before { content: "\e611"; } .glyph.moneybookers:before { content: "\e615"; } .glyph.amex:before { content: "\e627"; } .glyph.mastercard:before { content: "\e60c"; } .glyph.account:before { content: "\e60f"; } .glyph.search:before { content: "\e628"; } .glyph.cart:before { content: "\e629"; } /* 1.7 - Navigation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Breadcrumbs */ .breadcrumbs { display: block; padding: 0.75em 1.16667em 0.75em; overflow: hidden; margin-left: 0; list-style: none; border-style: solid; border-width: 1px; background-color: #f6f6f6; border-color: gainsboro; -webkit-border-radius: 3px; border-radius: 3px; } .breadcrumbs > * { margin: 0; float: left; font-size: 0.91667em; text-transform: uppercase; color: magenta; } .breadcrumbs > *:hover a, .breadcrumbs > *:focus a { text-decoration: underline; } .breadcrumbs > * a, .breadcrumbs > * span { text-transform: uppercase; color: magenta; } .breadcrumbs > *.current { cursor: default; color: #333333; } .breadcrumbs > *.current a { cursor: default; color: #333333; } .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a { text-decoration: none; } .breadcrumbs > *.unavailable { color: #999999; } .breadcrumbs > *.unavailable a { color: #999999; } .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus { text-decoration: none; color: #999999; cursor: default; } .breadcrumbs > *:before { content: "/"; color: #aaaaaa; margin: 0 1em; position: relative; top: 1px; } .breadcrumbs > *:first-child:before { content: " "; margin: 0; } /* Inline Lists */ .inline-list { margin: 0 auto 1.41667em auto; margin-left: -1.83333em; margin-right: 0; padding: 0; list-style: none; overflow: hidden; } .inline-list > li { list-style: none; float: left; margin-left: 1.83333em; display: block; } .inline-list > li > * { display: block; } /* Pagination */ .pagination { display: block; height: auto; float: none !important; margin-left: -0.41667em; } .pagination li { display: inline-block; float: none !important; height: 2em; color: #222222; font-size: 1.16667em; margin-left: 0.41667em; } .pagination li a { display: block; padding: 0.08333em 0.58333em 0.08333em; color: #999999; } .pagination li:hover a, .pagination li a:focus { background: #e6e6e6; } .pagination li.unavailable a { cursor: default; color: #999999; } .pagination li.unavailable:hover a, .pagination li.unavailable a:focus { background: transparent; } .pagination li.current a { background: magenta; color: white; font-weight: bold; cursor: default; } .pagination li.current a:hover, .pagination li.current a:focus { background: magenta; } .pagination-centered { text-align: center; } .pagination-centered ul > li { float: none; display: inline-block; } /* Side Nav */ .side-nav { display: block; margin: 0; padding: 1.16667em 0; list-style-type: none; list-style-position: inside; } .side-nav li { margin: 0 0 0.58333em 0; font-size: 1.16667em; } .side-nav li a { display: block; color: magenta; } .side-nav li.active > a:first-child { color: #4d4d4d; font-weight: bold; } .side-nav li.divider { border-top: 1px solid; height: 0; padding: 0; list-style: none; border-top-color: #e6e6e6; } /* Side Nav */ .sub-nav { display: block; width: auto; overflow: hidden; margin: -0.33333em 0 1.5em; padding-top: 0.33333em; margin-right: 0; margin-left: -0.75em; } .sub-nav dt, .sub-nav dd { float: left; display: inline; margin-left: 0.75em; margin-bottom: 0.83333em; font-weight: normal; font-size: 1.16667em; } .sub-nav dt a, .sub-nav dd a { color: #999999; text-decoration: none; } .sub-nav dt.active a, .sub-nav dd.active a { -webkit-border-radius: 1000px; border-radius: 1000px; font-weight: bold; background: magenta; padding: 0.25em 0.75em; cursor: default; color: white; } /* Tooltips */ .has-tip { border-bottom: dotted 1px #cccccc; cursor: help; font-weight: bold; color: #333333; } .has-tip:hover, .has-tip:focus { border-bottom: dotted 1px #990099; color: magenta; } .has-tip.tip-left, .has-tip.tip-right { float: none !important; } .tooltip { display: none; position: absolute; z-index: 999; font-weight: bold; font-size: 1.25em; line-height: 1.3; padding: 0.66667em; max-width: 85%; left: 50%; width: 100%; color: white; background: black; -webkit-border-radius: 3px; border-radius: 3px; } .tooltip > .nub { display: block; left: 5px; position: absolute; width: 0; height: 0; border: solid 5px; border-color: transparent transparent black transparent; top: -10px; } .tooltip.opened { color: magenta !important; border-bottom: dotted 1px #990099 !important; } .tap-to-close { display: block; font-size: 0.83333em; color: #888888; font-weight: normal; } @media only screen and (min-width: 768px) { .tooltip > .nub { border-color: transparent transparent black transparent; top: -10px; } .tooltip.tip-top > .nub { border-color: black transparent transparent transparent; top: auto; bottom: -10px; } .tooltip.tip-left, .tooltip.tip-right { float: none !important; } .tooltip.tip-left > .nub { border-color: transparent transparent transparent black; right: -10px; left: auto; top: 50%; margin-top: -5px; } .tooltip.tip-right > .nub { border-color: transparent black transparent transparent; right: auto; left: -10px; top: 50%; margin-top: -5px; } } .tabs-wrapper.vertical { *zoom: 1; margin-bottom: 10px; } .tabs-wrapper.vertical:after { content: ""; display: table; clear: both; } .tabs-wrapper.vertical .headings { margin: 0; padding: 0; float: left; list-style: none; width: 100%; float: left; } @media only screen and (min-width: 768px) { .tabs-wrapper.vertical .headings { width: 30%; } } .lt-ie9 .tabs-wrapper.vertical .headings { width: 30%; } .tabs-wrapper.vertical .headings > li { margin: 0; } .tabs-wrapper.vertical .headings .trigger { margin: 0; cursor: pointer; padding: 20px 30px; position: relative; z-index: 0; float: left; width: 100%; } .tabs-wrapper.vertical .headings .trigger a, .tabs-wrapper.vertical .headings .trigger a:link, .tabs-wrapper.vertical .headings .trigger a:visited, .tabs-wrapper.vertical .headings .trigger a:hover { color: #a1a1a1; } .tabs-wrapper.vertical .headings .trigger .bg { z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background: #000000 ; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .tabs-wrapper.vertical .headings .trigger .bg:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .tabs-wrapper.vertical .headings li.active .trigger .bg { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .tabs-wrapper.vertical .tabs.content { float: left; width: 100%; overflow: auto; padding: 20px; margin: 0; list-style: none; } @media only screen and (min-width: 768px) { .tabs-wrapper.vertical .tabs.content { width: 70%; padding: 0 20px; } } .lt-ie9 .tabs-wrapper.vertical .tabs.content { width: 70%; padding: 0 20px; } .tabs-wrapper.vertical .tabs.content > li { display: none; } .tabs-wrapper.vertical .tabs.content > li.active { display: block; } .tabs-wrapper.horizontal { overflow: hidden; } .tabs-wrapper.horizontal .headings { margin: 0; padding: 0; float: left; list-style: none; width: 100%; } .tabs-wrapper.horizontal .headings > li { margin: 0; } .tabs-wrapper.horizontal .headings .trigger { margin: 0; cursor: pointer; padding: 20px 30px; position: relative; z-index: 0; float: left; } .tabs-wrapper.horizontal .headings .trigger a, .tabs-wrapper.horizontal .headings .trigger a:link, .tabs-wrapper.horizontal .headings .trigger a:visited, .tabs-wrapper.horizontal .headings .trigger a:hover { color: #a1a1a1; } .tabs-wrapper.horizontal .headings .trigger .bg { z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background: #000000 ; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .tabs-wrapper.horizontal .headings .trigger .bg:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .tabs-wrapper.horizontal .headings li.active .trigger .bg { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .tabs-wrapper.horizontal .tabs.content { *zoom: 1; clear: both; float: left; width: 100%; overflow: auto; padding: 20px 10px; margin: 0; list-style: none; } .tabs-wrapper.horizontal .tabs.content:after { content: ""; display: table; clear: both; } .tabs-wrapper.horizontal .tabs.content > li { display: none; } .tabs-wrapper.horizontal .tabs.content > li.active { display: block; } .accordion-wrapper { *zoom: 1; margin-bottom: 10px; } .accordion-wrapper:after { content: ""; display: table; clear: both; } .accordion-wrapper ul.accordion { margin: 0; padding: 0; float: left; list-style: none; width: 100%; float: left; } .accordion-wrapper ul.accordion > li { margin: 0; } .accordion-wrapper ul.accordion .trigger { margin: 0; cursor: pointer; padding: 20px 30px; position: relative; z-index: 0; } .accordion-wrapper ul.accordion .trigger a, .accordion-wrapper ul.accordion .trigger a:link, .accordion-wrapper ul.accordion .trigger a:visited, .accordion-wrapper ul.accordion .trigger a:hover { color: #a1a1a1; } .accordion-wrapper ul.accordion .trigger .bg { z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background: #000000 ; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .accordion-wrapper ul.accordion .trigger .bg:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .accordion-wrapper ul.accordion li.active .trigger .bg { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .accordion-wrapper ul.accordion .content { display: none; padding: 20px 20px 0; margin: 0; } /* 1.8 - Slider ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Core Owl Carousel CSS File v1.24 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor: url(//www.thegallery.nu/cdn/shop/t/18/assets/grabbing.png?v=162995541551579154171605078645) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% { opacity: 1; } } @-moz-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* * Owl Carousel Owl Demo Theme * v1.24 */ .owl-theme .owl-controls { margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading { min-height: 150px; background: url(//www.thegallery.nu/cdn/shop/t/18/assets/AjaxLoader.gif?v=66431031005733996371605078605) no-repeat center center; } /* 1.9 - Forms & Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ button, .button { border-style: solid; border-width: 1px; cursor: pointer; line-height: 1; margin: 0 0 1.66667em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 1em; padding-right: 2em; padding-bottom: 1.08333em; padding-left: 2em; font-size: 1em; background-color: magenta; border-color: #cc00cc; color: white; } button:hover, button:focus, .button:hover, .button:focus { background-color: #cc00cc; } button:hover, button:focus, .button:hover, .button:focus { color: white; } button.secondary, .button.secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } button.success, .button.success { background-color: #5da423; border-color: #457a1a; color: white; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #457a1a; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; } button.alert, .button.alert { background-color: #c60f13; border-color: #970b0e; color: white; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #970b0e; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; } button.large, .button.large { padding-top: 1.33333em; padding-right: 2.66667em; padding-bottom: 1.41667em; padding-left: 2.66667em; font-size: 1.66667em; } button.small, .button.small { padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.83333em; padding-left: 1.5em; font-size: 1.08333em; } button.tiny, .button.tiny { padding-top: 0.58333em; padding-right: 1.16667em; padding-bottom: 0.66667em; padding-left: 1.16667em; font-size: 0.91667em; } button.expand, .button.expand { padding-right: 0px; padding-left: 0px; width: 100%; } button.left-align, .button.left-align { text-align: left; text-indent: 1em; } button.right-align, .button.right-align { text-align: right; padding-right: 1em; } button.disabled, button[disabled], .button.disabled, .button[disabled] { cursor: default; opacity: 0.2; -webkit-box-shadow: none; box-shadow: none; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #cc00cc; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: white; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: magenta; } button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #d0d0d0; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; } button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #5da423; border-color: #457a1a; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #457a1a; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: white; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; } button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; border-color: #970b0e; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #970b0e; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: white; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; } button, .button { padding-top: 1.08333em; padding-bottom: 1em; } button.tiny, .button.tiny { padding-top: 0.66667em; padding-bottom: 0.58333em; } button.small, .button.small { padding-top: 0.83333em; padding-bottom: 0.75em; } button.large, .button.large { padding-top: 1.375em; padding-bottom: 1.375em; } select{ transition: all .3s ease; } select[disabled]{ opacity: .2; } @media only screen { button, .button { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } button:active, .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } button.radius, .button.radius { -webkit-border-radius: 3px; border-radius: 3px; } button.round, .button.round { -webkit-border-radius: 1000px; border-radius: 1000px; } } @media only screen and (min-width: 768px) { button, .button { display: inline-block; } } /* Standard Forms */ form { margin: 0 0 0.83333em; } /* Using forms within rows, we need to set some defaults */ // form .row .row { margin: 0 -0.41667em; } // form .row .row .column, form .row .row .columns { padding: 0 0.41667em; } // form .row .row.collapse { margin: 0; } // form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; } // form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: 0.41667em; } /* Label Styles */ label { font-size: 1.16667em; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 0.25em; } label.right { float: none; text-align: right; } label.inline { margin: 0 0 0.83333em 0; padding: 0.58333em 0; } /* Attach elements to the beginning or end of an input */ .prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: 1.16667em; height: 2.33333em; line-height: 2.33333em; } /* Adjust padding, alignment and radius if pre/post element is a button */ .postfix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.83333em; } .prefix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.83333em; } .prefix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .postfix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .prefix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .postfix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } /* Separate prefix and postfix styles when on span so buttons keep their own */ span.prefix { background: #f2f2f2; border-color: #d9d9d9; border-right: none; color: #333333; } span.prefix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } span.postfix { background: #f2f2f2; border-color: #cccccc; border-left: none; color: #333333; } span.postfix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* Input groups will automatically style first and last elements of the group */ .input-group.radius > *:first-child, .input-group.radius > *:first-child * { -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .input-group.radius > *:last-child, .input-group.radius > *:last-child * { -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .input-group.round > *:first-child, .input-group.round > *:first-child * { -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .input-group.round > *:last-child, .input-group.round > *:last-child * { -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } /* We use this to get basic styling on all basic form elements */ // input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: #a1a1a1; display: block; font-size: 16px; margin: 0 0 0.83333em 0; padding: 0.41667em; height: 2.33333em; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out; -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; } // input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { -webkit-box-shadow: 0 0 5px #999999; -moz-box-shadow: 0 0 5px #999999; box-shadow: 0 0 5px #999999; border-color: #999999; } // input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #999999; outline: none; } // input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #dddddd; } /* Adjust margin for form elements below */ input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 0.83333em 0; } /* Normalize file input width */ input[type="file"] { width: 100%; } /* We add basic fieldset styling */ fieldset { border: solid 1px #dddddd; padding: 1.66667em; margin: 1.5em 0; } fieldset legend { font-weight: bold; background: white; padding: 0 0.25em; margin: 0; margin-left: -0.25em; } /* Error Handling */ .error input, input.error, .error textarea, textarea.error { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); } .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { background: #fafafa; border-color: #999999; } .error label, label.error { color: #c60f13; } .error small, small.error { display: block; padding: 0.5em 0.33333em; margin-top: -1.25em; margin-bottom: 0.83333em; font-size: 1em; font-weight: bold; background: #c60f13; color: white; } /* Custom Checkbox and Radio Inputs */ form.custom .hidden-field { margin-left: -99999px; position: absolute; visibility: hidden; } form.custom .custom { display: inline-block; width: 16px; height: 16px; position: relative; vertical-align: middle; background: white; } form.custom .custom.checkbox { -webkit-border-radius: 0px; border-radius: 0px; padding: -1px; } form.custom .custom.radio { -webkit-border-radius: 1000px; border-radius: 1000px; padding: 3px; } form.custom .custom.checkbox:before { content: ""; display: block; font-size: 16px; color: white; } form.custom .custom.radio.checked:before { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 1000px; border-radius: 1000px; background: #222222; position: relative; } form.custom .custom.checkbox.checked:before { content: "\00d7"; color: #222222; position: absolute; top: -50%; left: 50%; margin-top: 4px; margin-left: -5px; } /* Custom Select Options and Dropdowns */ form.custom { /* Custom input, disabled */ } form.custom .custom.dropdown { display: block; position: relative; top: 0; height: 3.33333em; margin-bottom: 1.66667em; margin-top: 0px; padding: 0px; width: 100%; -webkit-box-shadow: none; box-shadow: none; font-size: 1.16667em; vertical-align: top; } form.custom .custom.dropdown ul { overflow-y: auto; max-height: 200px; } form.custom .custom.dropdown .current { font-size: 16px; cursor: default; white-space: nowrap; line-height: 2.25em; color: black; text-decoration: none; overflow: hidden; display: block; margin-left: 0.41667em; margin-right: 2.33333em; } form.custom .custom.dropdown .selector { cursor: default; position: absolute; width: 2.08333em; height: 2.33333em; display: block; right: 0; top: 7px; } form.custom .custom.dropdown .selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: #a1a1a1 transparent transparent transparent; border-top-style: solid; position: absolute; left: 0.625em; top: 50%; margin-top: -3px; } form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: #a1a1a1 transparent transparent transparent; border-top-style: solid; } form.custom .custom.dropdown .disabled { color: #888888; } form.custom .custom.dropdown .disabled:hover { background: transparent; color: #888888; } form.custom .custom.dropdown .disabled:hover:after { display: none; } form.custom .custom.dropdown.open ul { display: block; z-index: 10; min-width: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } form.custom .custom.dropdown.small { max-width: 134px; } form.custom .custom.dropdown.medium { max-width: 254px; } form.custom .custom.dropdown.large { max-width: 434px; } form.custom .custom.dropdown.expand { width: 100% !important; } form.custom .custom.dropdown.open.small ul { min-width: 134px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form.custom .custom.dropdown.open.medium ul { min-width: 254px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form.custom .custom.dropdown.open.large ul { min-width: 434px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form.custom .custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: -1px; top: auto; -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); margin: 0; padding: 0; background: #4c4c4c; border: solid 1px #e5e5e5; font-size: 12px; } form.custom .custom.dropdown ul li { color: #a1a1a1; font-size: 1.16667em; cursor: default; padding-top: 0.33333em; padding-bottom: 0.33333em; padding-left: 0.5em; padding-right: 3.16667em; min-height: 2em; line-height: 2em; margin: 0; white-space: nowrap; list-style: none; } form.custom .custom.dropdown ul li.selected { background: #f5f5f5; color: #a1a1a1; } form.custom .custom.dropdown ul li:hover { background-color: #f5f5f5; color: #a1a1a1; } form.custom .custom.dropdown ul li.selected:hover { background: #f5f5f5; cursor: default; color: #a1a1a1; } form.custom .custom.dropdown ul.show { display: block; } form.custom .custom.disabled { background: #dddddd; } /* Tables */ table { background: white; margin-bottom: 1.66667em; border: solid 1px #dddddd; } table thead, table tfoot { background: whitesmoke; font-weight: bold; } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 0.66667em 0.83333em 0.83333em; font-size: 1.16667em; color: #222222; text-align: left; } table tr th, table tr td { padding: 0.75em 0.83333em; font-size: 1.16667em; color: #222222; } table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.5em; } html.touch form.custom .dropdown { display: none; } form.custom .custom.dropdown { font-size: 1em; } form.custom .custom.dropdown ul li { font-size: 1em; } form.custom .custom.dropdown ul li.disabled { text-decoration: line-through; } // input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { font-size: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: #4c4c4c; color: #a1a1a1; border: 1px solid #e5e5e5; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-appearance: none !important; } // input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #4c4c4c; color: #a1a1a1; border: 1px solid #e6e7e8; } button, .button, a.button { background: #2E2E2E; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #e5e5e5; font-size: 1em; text-transform: uppercase; border: 0; letter-spacing: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } button:focus, .button:focus, a.button:focus { background: #151515; } button:hover, .button:hover, a.button:hover { color: #000; background: #e6e7e8; } button.disabled, .button.disabled, a.button.disabled { background: #7d7d7d; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } button.disabled:hover, button.disabled:focus, .button.disabled:hover, .button.disabled:focus, a.button.disabled:hover, a.button.disabled:focus { background: #7d7d7d; } button.prefix, .button.prefix, a.button.prefix { line-height: 1; } table { background: transparent; border: solid 1px #e5e5e5; } table tr td { color: #a1a1a1; } table thead, table tfoot { border-bottom: 1px solid #e6e7e8; background: transparent } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { color: #a1a1a1; } table tr:nth-of-type(even) { background: transparent; } @media only screen and (max-width: 768px) { table.responsive { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; clear: left; border: 0; /* Hide table headers (but not display: none;, for accessibility) */ } table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; clear: left; } table.responsive thead tr { position: absolute; top: -9999px; left: -9999px; } table.responsive tr { border: 1px solid #e5e5e5; padding: 15px; } table.responsive td { padding: 0; line-height: 1.6; border: none; border-bottom: 0; position: relative; padding: 5px 0; } table.responsive td:empty { padding: 0; } table.responsive td:before { display: block; font-weight: bold; word-wrap: break-word; max-width: 100%; } table.responsive td:before { content: attr(data-label); } } /* 2.1 - General ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ html { margin: 0; padding: 0; } .error { color: #e8e8e8; } label { color: #e6e7e8; } .main-content { padding-top: 20px; } /* 2.2 - Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .main-header { position: relative; z-index: 1; width: 100%; padding-bottom: 30px; } .main-header .bg { position: absolute; width: 100%; height: 100%; } .main-header .bottom-row { background: transparent; padding: 33px 0 0 0; position: relative; } .main-header .bottom-row.hover { background: #ffbc3a ; background: transparent; } .main-header .bottom-row .menu-container { display: none; padding: 0 15px 0 15px; text-align: center; } @media only screen and (min-width: 768px) { .main-header .bottom-row .menu-container { width: 100%; display: block; } } .lt-ie9 .main-header .bottom-row .menu-container { width: 100%; display: block; } .main-header .bottom-row .menu-container.text-center { padding: 0 120px; } .main-header .bottom-row .menu-container .main-menu { display: inline-block; } .main-header .bottom-row .menu-container .main-menu ul { list-style: none; margin: 0; padding: 0; } .main-header .bottom-row .menu-container .main-menu li { display: inline-block; position: relative; } .main-header .bottom-row .menu-container .main-menu li:after{ content: ""; display: block; width: 3px; height: 3px; border-radius: 50%; background: #dfdfdf; position: absolute; right: -2px; top: 13px; } .main-header .bottom-row .menu-container .main-menu li:last-child:after{ display:none; } .main-header .bottom-row .cart-container { width: auto; position: absolute; right: 55px; padding: 0; } .main-header .main-menu-dropdown-panel { background: #ffbc3a ; background: transparent; width: 100%; display: none; } @media only screen and (min-width: 768px) { .main-header .main-menu-dropdown-panel { display: block; } } .lt-ie9 .main-header .main-menu-dropdown-panel { display: block; } .main-header .main-menu-dropdown-panel .columns { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; display: inline-block; float: none; vertical-align: top; } .lt-ie9 .main-header .main-menu-dropdown-panel .columns { background-color: #ffffff ; } .main-header .main-menu-dropdown-panel .row { display: none; /*padding-top: 15px; padding-bottom: 40px;*/ } .main-header .main-menu-dropdown-panel .title { margin: 0 0 25px 0; letter-spacing: 1px; font-family: "Raleway" ; font-size: 1em; text-transform: uppercase; font-weight: bold; color: #606060 ; } .main-header .main-menu-dropdown-panel ul { list-style: none; margin: 0; padding: 0; } .main-header .main-menu-dropdown-panel ul li { padding-bottom: 10px; } .main-header .main-menu-dropdown-panel ul li a:hover { color: #e6e7e8; } .main-header .currency-picker { display: none; } @media only screen and (min-width: 768px) { .main-header .logo-center h1.title { text-align: center; } } .lt-ie9 .main-header .logo-center h1.title { text-align: center; } .main-header h1.title { text-align: center; font-family: "Raleway" ; font-size: 2.33333em; margin: 0; display: block; color: #a1a1a1 ; } @media only screen and (min-width: 768px) { .main-header h1.title { text-align: left; } } .lt-ie9 .main-header h1.title { text-align: left; } /*.main-header h1.title a { color: #a1a1a1 ; display: inline-block; bottom: 5px; left: 0; }*/ .main-header .search-account { display: none; color: #606060 ; position: absolute; right: 40px; width: auto; } @media only screen and (min-width: 768px) { .main-header .search-account { display: block; } } .lt-ie9 .main-header .search-account { display: block; } .main-header .search-account .font-normal { font-weight: normal; } .main-header .search-account a, .main-header .search-account a:link { font-weight: bold; color: #606060 ; } .main-header .search-account a.glyph, .main-header .search-account a:link.glyph { font-weight: normal; } .main-header .search-account .menu { margin-top: 7px; } .main-header .search-account .menu .searchbar-open { display: inline-block; position: relative; } .main-header .search-account .menu .searchbar-open .glyph { font-size: 1.16667em; margin: 0 0 0 10px; } .main-header .search-account .menu .seperator { position: relative; display: inline-block; height: 16px; width: 1px; margin: 0 10px; background: #606060 ; top: 4px; visibility: hidden; display: none; } .main-header .search-account .menu .account-open { display: inline-block; position: relative; margin-left: 5px; } .main-header .search-account .menu .account-open .glyph { font-size: 1.16667em; margin: 0 0 0 10px; } .main-header .search-account .searchbar-container { display: none; right: -3px; width: 100%; top: 0; } .main-header .search-account .searchbar-container button { font-size: 14px; top: 7px; background: none; border: 0; padding: 0; margin: 0; position: absolute; color: #a1a1a1; } .main-header .search-account .searchbar-container .glyph.cross { font-size: 18px; position: absolute; right: 0; top: 6px; } .main-header .search-account .account-container { display: none; top: 3px; right: -3px; padding: 0; width: 100%; position: relative; } .main-header .search-account .account-container .glyph.cross { font-size: 18px; position: relative; top: 4px; } .main-header .cart { width: 100%; text-align: right; padding: 0; } .main-header .cart .cart-link { display: inline-block; width: 25px; height: 21px; background: url(//www.thegallery.nu/cdn/shop/t/18/assets/cart-icon.png?v=138819794735035655621605078623) center center no-repeat; background-size: cover; color: #606060 ; font-weight: bold; position: relative; } .main-header .cart .cart-link .number{ display: inline-block; position: absolute; top: -5px; right: -7px; border-radius: 50%; background: #020202; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 10px; color: #fff; } .main-header .cart .glyph.cart { margin-left: 5px; } .main-header .cart a, .main-header .cart a:link { margin-left: 8px; } .main-header .cart .button, .main-header .cart a.button { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-family: "Raleway" ; font-size: 1em; font-weight: bold; text-transform: uppercase; border: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; margin-top: -15px; } .main-header .cart .heading { font-size: 30px; } .main-header .cart .recently-added { display: none; border: 1px solid #e5e5e5; background: #4c4c4c; text-align: left; position: absolute; width: 350px; top: 50px; right: 15px; padding: 10px 10px 20px 10px; z-index: 10; } .main-header .cart .recently-added:after { content: ''; display: block; position: absolute; right: 20px; bottom: 100%; width: 0; height: 0; border-color: transparent transparent #4c4c4c transparent; border-style: solid; border-width: 10px; } .main-header .cart .recently-added:before { content: ''; display: block; position: absolute; right: 19px; bottom: 100%; width: 0; height: 0; border-color: transparent transparent #e5e5e5 transparent; border-style: solid; border-width: 11px; } .main-header .cart .recently-added.mobile { width: 280px; left: 50%; right: auto; margin-left: -140px; position: fixed; top: 50%; margin-top: -131px; } .main-header .cart .recently-added.mobile .close { position: absolute; font-size: 30px; color: #000; background: #fff; padding: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; top: 0; right: 0; display: block; z-index: 1; } .main-header .cart .recently-added.mobile .close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .main-header .cart .recently-added.mobile:before { display: none; } .main-header .cart .recently-added.mobile:after { display: none; } .main-header .cart .recently-added a { margin-left: 0; } .main-header .cart .recently-added .empty-cart { padding: 10px; } .main-header .cart .recently-added form { margin: 0; } .main-header .cart .recently-added table { font-size: 0.83333em; margin: 0 0 10px 0; border: 0; } .main-header .cart .recently-added table tr td { padding: 10px 5px; } .main-header .cart .recently-added table .cart-item { padding-left: 0; } .main-header .cart .recently-added table .cart-price { width: 25%; padding-right: 0; text-align: right; } .main-header .cart .recently-added table tr:nth-of-type(even) { background: none; } .main-header .cart .recently-added table thead { background: none; } .main-header .cart .recently-added table tfoot { border-top: 1px solid #e5e5e5; background: none; } .main-header .cart .recently-added table tfoot .items-count { font-weight: normal; } .main-header .cart .recently-added table tfoot tr, .main-header .cart .recently-added table tfoot td { padding: 20px 0; } .main-header .cart .recently-added h1, .main-header .cart .recently-added h2, .main-header .cart .recently-added h3 { font-size: 1em; font-weight: normal; margin-bottom: 0; } .main-header .cart .recently-added .button { margin-top: 10px; width: 100%; margin: 0; } .main-header .cart .recently-added .error { display: none; padding: 10px; } .main-header .cart .recently-added-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .main-header .main-menu .glyph.arrow-down { top: 2px; position: relative; font-size: 14px; } .main-header .main-menu .widescreen { display: none; margin: 0; font-size: 1em; font-family: "Raleway" ; text-transform: uppercase; font-weight: bold; } @media only screen and (min-width: 768px) { .main-header .main-menu .widescreen { display: block; } } .lt-ie9 .main-header .main-menu .widescreen { display: block; } .main-header .main-menu .widescreen > ul { margin: 0; } .main-header .main-menu .widescreen > ul > li { margin: 0; } .main-header .main-menu .widescreen > ul > li > a { color: #606060 ; padding: 0 16px; line-height: 30px; } .main-header .main-menu .widescreen > ul > li > a:hover { color: #606060 ; } .main-header .main-menu .widescreen .sub-nav { display: none; left: 0; width: 100%; list-style: none; position: absolute; top: 45px; margin: 0; padding: 15px 20px 0 20px; background: #ffbc3a ; background: transparent; } .main-header .main-menu .widescreen .sub-nav.catalog li { float: none; } .main-header .mobile-tools { position: relative; padding: 10px 0; text-align: center; border-bottom: 1px solid #272727; border-top: 1px solid #272727; color: #a1a1a1 ; } @media only screen and (min-width: 768px) { .main-header .mobile-tools { display: none; } } .lt-ie9 .main-header .mobile-tools { display: none; } .main-header .mobile-tools a { color: #a1a1a1 ; font-size: 20px; padding: 0; margin: 0 12px; } .main-header .mobile-tools a:hover { color: #a1a1a1 ; } .main-header .mobile-menu { display: none; } @media only screen and (min-width: 768px) { .main-header .mobile-menu { display: none !important; } } .lt-ie9 .main-header .mobile-menu { display: none !important; } .main-header .mobile-menu ul { list-style: none; margin: 0; padding: 0; } .main-header .mobile-menu .sub-nav { position: relative; display: none; padding-left: 15px; padding-bottom: 15px;} .main-header .mobile-menu .sub-nav .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .main-header .mobile-menu .sub-nav .sub-nav { margin-left: -50px; padding-left: 100px; } .main-header .mobile-menu .glyph.plus, .main-header .mobile-menu .glyph.minus { font-size: 14px; top: 2px; position: relative; margin-left: 5px; } .main-header .mobile-menu .glyph.minus { display: none; } .main-header .mobile-menu .nav-item { width: 100%; border-bottom: 1px solid #272727; background: #000; color: #e6e7e8; } .main-header .mobile-menu .nav-item a { display: block; position: relative; margin: 0 auto; padding: 19px 15px; width: 84%; min-width: 290px; color: #e6e7e8; } .main-header .mobile-menu .nav-item a:hover { color: #a1a1a1 ; } .main-header .mobile-menu .nav-item .sub-nav-item a{ font-weight: 600; padding-top: 7px; padding-bottom: 7px; } /* 2.3 - Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .main-footer { padding: 0 25px; color: #acacac ; margin-top: 50px; } .main-footer .footer-inner{ background: #151515; padding-bottom: 20px; } .main-footer .footer-divider { padding: 0 0 10px 0; } .main-footer a, .main-footer a:link { color: #acacac ; } .main-footer p { margin-top: 0; } .main-footer .title { font-size: 1.16667em; margin: 30px 0 -10px 0; text-transform: uppercase; font-weight: bold; height: 16.328125px; min-width: 1px; } .main-footer .content { margin: 30px 0 0 0; } .main-footer .widget-heading { padding-bottom: 5px; margin-bottom: 25px; } .main-footer .column-1 { text-align: center; } @media only screen and (min-width: 768px) { .main-footer .column-1 { text-align: left; } } .lt-ie9 .main-footer .column-1 { text-align: left; } .main-footer .column-1 .text { margin-top: 0; } .main-footer .column-2 { text-align: center; } @media only screen and (min-width: 768px) { .main-footer .column-2 { text-align: left; } } .lt-ie9 .main-footer .column-2 { text-align: left; } .main-footer .column-2 .footer-nav { margin: 0; padding: 0; } .main-footer .column-2 .footer-nav li { margin: 0; padding: 0 0 5px; } .main-footer .column-2 .footer-nav li a { padding: 0; margin: 0; } @media only screen and (min-width: 768px) { .main-footer .column-2 .footer-nav li { padding: 0; } } .lt-ie9 .main-footer .column-2 .footer-nav li { padding: 0; } .main-footer .column-3 { text-align: center; } @media only screen and (min-width: 768px) { .main-footer .column-3 { text-align: left; } } .lt-ie9 .main-footer .column-3 { text-align: left; } .main-footer .column-3 .contact-form, .main-footer .column-3 .mailchimp-form { display: inline-block; } .main-footer .column-3 .contact-form input[type="email"], .main-footer .column-3 .mailchimp-form input[type="email"] { display: inline-block; width: auto; margin-right: 5px; } .main-footer .column-3 .contact-form input[type="submit"], .main-footer .column-3 .mailchimp-form input[type="submit"] { display: inline-block; width: auto; padding: 0 15px; } .main-footer .column-3 .contact-form .success, .main-footer .column-3 .mailchimp-form .success { font-style: italic; } .main-footer .payment-options { margin: 30px 0 0 0; padding: 0; text-align: center; } @media only screen and (min-width: 768px) { .main-footer .payment-options { text-align: center; } } .lt-ie9 .main-footer .payment-options { text-align: center; } .main-footer .payment-options li { display: inline-block; font-size: 1.5em; margin: 20px 10px 10px 0; } .main-footer .payment-options .glyph.mastercard { font-size: 2em; } .main-footer .social-follow a { display: inline-block; margin: 0 10px 10px 0; } .main-footer .social-follow a:last-child { margin-right: 0; } .main-footer .social-follow .glyph { font-size: 20px; } /* 3.1 - Searchbar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .searchbar-container { position: relative; width: 100%; max-width: 375px; margin: 0 auto; } .searchbar-container form { margin: 0; padding: 0; border: 1px solid #000000; color: #000000; text-align: left; } .searchbar-container input.text{ width: calc(100% - 120px); background: transparent !important; -webkit-appearance: none; } .searchbar-container button { width: 120px; margin: 0; height: 100%; background: transparent; color: #000000; font-weight: 700; right: 0; top: 0; text-transform: uppercase; padding: 9px; position: absolute; transition: all .3s ease; font-size: 13px; letter-spacing: 0; -webkit-appearance: none; } .searchbar-container button:hover{ background: #000; color: #fff; } .template-search .result-count{ margin-bottom: 20px; margin-top: 5px; } .searchbar-container .text { display: inline-block; font-size: 1em; } /* 3.2 - Product Grid ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ // .product-grid { margin: 0 auto; width: 60%; min-width: 290px; padding: 0; list-style: none; } // @media only screen and (min-width: 768px) { .product-grid { width: 100%; } } // .lt-ie9 .product-grid { width: 100%; } // .product-grid.owl-carousel { margin: 0; width: 100%; min-width: 0; } // .product-grid .product-item { text-align: center; float: none; margin-bottom: 30px; } // @media only screen and (min-width: 768px) { .product-grid .product-item { float: left; } } // .lt-ie9 .product-grid .product-item { float: left; } // .product-grid .image-wrapper { position: relative; display: inline-block; max-width: 100%; width: 100%; } // .product-grid .image-wrapper img { max-width: 100%; } // .product-grid .image-wrapper .hover { display: none; position: absolute; height: 100%; width: 100%; } // .product-grid .caption { // text-transform: uppercase; // margin-top: 15px; // } // .product-grid .caption .title-wrapper{ // float: left; // width: 62%; // text-align: left; // padding-right: 15px; // } // .product-grid .caption .price-wrapper{ // float: left; // width: 38%; // text-align: right; // } // .product-grid .circle { text-align: center; text-transform: uppercase; display: block; position: absolute; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #ffffff ; background: #7d7d7d ; font-family: "Raleway" ; font-size: 1em; font-weight: 300; padding: 0; top: 5px; right: 5px; height: 65px; width: 65px; } // .product-grid .circle:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -1px; /* Adjusts for spacing */ } // .product-grid .circle span { max-width: 57px; margin-left: 4px; word-wrap: break-word; display: inline-block; vertical-align: middle; } // @media only screen and (min-width: 1280px) { .product-grid .circle { font-size: 1.16667em; top: 15px; right: 15px; height: 90px; width: 90px; } // .product-grid .circle span { max-width: 82px; } } // .product-grid .sold-out { color: #a1a1a1 ; background: #f5f5f5 ; } // .product-grid .title { // font-family: "Raleway" ; // font-size: 1.16667em; // margin-bottom: 3px; // font-weight: 600; // } // .product-grid .title a { // color: #e6e7e8; // } // .product-grid .vendor a { // color: #e6e7e8; // } // .product-grid .price { // font-family: "Raleway" ; // font-size: 1em; // color: #e6e7e8; // text-transform: lowercase; // } // .product-grid .price > span{ // font-size: 1.16667em; // font-weight: 600; // } // .product-grid em.marked-down-from { text-decoration: line-through; font-size: 1em; text-transform: lowercase; color: #6d6d6d ; } /* 3.3 - Breadcrumbs ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .breadcrumbs { color: #6d6d6d; background: none; border: 0; padding-bottom: 35px; margin: 0 0 0 -13px; } .breadcrumbs > * { font-size: 1em; color: #a1a1a1; text-transform: capitalize; } .breadcrumbs > * a { font-size: 1em; color: #a1a1a1; text-transform: capitalize; } /* 3.4 - Pagination ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .pagination { margin-top: 0px; padding: 0; text-align: center; } .pagination li a, .pagination li.unavailable a, .pagination li.current a { color: #fff; background: #949494; font-size: 1rem; font-weight: bold; } .pagination li a:hover, .pagination li.unavailable a:hover, .pagination li.current a:hover { color: #fff; background: #949494; } .pagination li:hover a { color: #fff; background: #949494; } .pagination li.current a:hover { color: #fff; } .pagination li.unavailable.arrow a { display: none; } .pagination .arrow.left { background: none; } .pagination .glyph { padding: 0 10px; } .pagination .arrow.right a, .pagination .arrow.right .glyph { padding-right: 0; } .hidden-element.sorting{ left: 0; right: auto; top: 50px; } .hidden-element.sorting:before{ right: 0; left: 10px; } .sorting-icon{ width: 24px; margin-right: 5px; } /* 3.4 - Rich Text Editor Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .rte-content table { width: 100%; } .rte-content h1 { font-size: 24px; } .rte-content h2 { font-size: 20px; } .rte-content h3 { font-size: 18px; margin: 0 0 18px; } .rte-content h4 { font-size: 16px; margin: 0 0 16px; } .rte-content h5 { font-size: 14px; margin: 0 0 14px; } .rte-content h6 { font-size: 12px; margin: 0 0 12px; } .rte-content blockquote { font-weight: 300; } .rte-content ul, .rte-content ol, .rte-content table, .rte-content blockquote, .rte-content p { margin-bottom: 20px; } .rte-content ul { padding-left: 20px; } .rte-content li { margin-top: 0; margin-bottom: 10px; } .rte-content img { margin: 10px 0; } .rte-content ol { counter-reset: item; padding: 0; } .rte-content ol li { display: block; } .rte-content ol li:before { content: counters(item,".") " "; counter-increment: item; } .rte-content ol ol { padding-left: 20px; margin-top: 10px; } .rte-content a, .rte-content a:link, .rte-content a:visited, .rte-content a:hover { color: #c5c5c5; } .rte-content a:hover { color: #999999; } /* 3.5 - Modal ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .modal { display: none; position: fixed; top: 50%; left: 50%; margin-left: -480px; z-index: 9999; background: #4c4c4c; } .modal img { overflow: auto; display: block; max-width: 100%; } .modal .loading { position: fixed; top: 50%; left: 50%; margin: -12.5px 0 0 -12.5px; height: 25px; width: 25px; } .modal .slides { display: none; } .modal .slides .photo { display: none; } .modal .slides .active { display: block; } .modal .close, .modal .prev, .modal .next { display: none; position: absolute; cursor: pointer; font-size: 30px; color: #000; background: #fff; padding: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } .modal .close:hover, .modal .prev:hover, .modal .next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .modal .close { top: 0; right: 0; } .modal .prev { margin-top: -25px; left: 0; top: 50%; } .modal .next { margin-top: -25px; right: 0; top: 50%; } .modal.video { background: none; width: 600px; max-width: 90%; margin: -200px 0 0 -450px; } .modal.video.wide { width: 900px; } .modal.video > .bg { background: #4c4c4c ; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal.video .cross { z-index: 1; } .modal.video .player { padding: 0; } .modal.video .player .flex-video { margin-bottom: 0; } .modal.video .caption { padding: 20px; } .modal.video .caption .title { font-size: 1em; } .modal.video .caption .sub-title { font-size: 0.83333em; } .modal.video .caption a.button { font-size: 0.83333em; margin-bottom: 0; } @media only screen and (min-width: 768px) { .modal.video .caption { padding: 90px 30px 30px; } .modal.video .caption .title { font-size: 1.16667em; } .modal.video .caption .sub-title { font-size: 1em; } .modal.video .caption a.button { font-size: 0.83333em; } } .lt-ie9 .modal.video .caption { padding: 90px 30px 30px; } .lt-ie9 .modal.video .caption .title { font-size: 1.16667em; } .lt-ie9 .modal.video .caption .sub-title { font-size: 1em; } .lt-ie9 .modal.video .caption a.button { font-size: 0.83333em; } @media only screen and (min-width: 1280px) { .modal.video .caption .title { font-size: 1.5em; } .modal.video .caption .sub-title { font-size: 1.16667em; } .modal.video .caption a.button { font-size: 1em; } } .modal-mask { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9000; background-color: #000; } /* 3.6 - Social Share ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .social-share .glyph { display: inline-block; font-size: 18px; margin: 10px; border-radius: 3px; padding: 10px; background: #4c4c4c; border: 1px solid #e5e5e5; -webkit-transition: background-color 300ms ease-out, color 300ms ease-out, border-color 300ms ease-out; -moz-transition: background-color 300ms ease-out, color 300ms ease-out, border-color 300ms ease-out; transition: background-color 300ms ease-out, color 300ms ease-out, border-color 300ms ease-out; } .social-share .glyph span { font-size: 12px; font-family: Arial, Helvetica, sans-serif; vertical-align: top; line-height: 20px; padding: 0 5px; letter-spacing: 0px; } .social-share .glyph:hover { color: #4c4c4c; } .social-share .twitter:hover { background-color: #09AEEC; border-color: #09AEEC; } .social-share .facebook:hover { background-color: #49659D; border-color: #49659D; } .social-share .pinterest:hover { background-color: #CB1F2B; border-color: #CB1F2B; } .social-share .tumblr:hover { background-color: #2c4762; border-color: #2c4762; } .social-share .googleplus:hover { background-color: #CC3A2B; border-color: #CC3A2B; } /* 4.1 - Index ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .template-index .main-content { padding: 0; margin-top:0px; } .main-content { padding: 0;} .template-index .main-footer { margin-top: 0; } @media only screen and (min-width: 768px) { .template-index.transparent-menu .main-header { position: absolute; } .template-index.transparent-menu .main-header .bg { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; } } .lt-ie9 .template-index.transparent-menu .main-header { position: absolute; } .lt-ie9 .template-index.transparent-menu .main-header .bg { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; } .template-index.transparent-menu .header-divider { display: none; } .template-index .slider { border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; } @media only screen and (min-width: 768px) { .template-index .slider { border-bottom: none; padding: 0 25px; } } .lt-ie9 .template-index .slider { border-bottom: none; } .template-index .slider .flex-video { padding-bottom: 45%; } .template-index .slider .video .caption, .template-index .slider .video .video-src { display: none; } .template-index .slider .video .play-button { display: block; visibility: hidden; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; position: absolute; top: 50%; left: 50%; background-position: center center; background-repeat: no-repeat; height: 80px; width: 80px; margin-left: -40px; margin-top: -40px; cursor: pointer; border: 4px solid #fff; background: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .template-index .slider .video .play-button:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } .template-index .slider .video .play-button .triangle { -moz-transform: scale(0.9999); position: relative; top: 21px; left: 30px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 20px solid #fff; } .template-index .slider .owl-controlls { margin-top: 0; } .template-index .slider .row { position: relative; padding: 0; } .template-index .slider .slide { position: relative; } .template-index .slider .slide img { display: inline-block; width: 100%; } .template-index .slider .slide .caption { visibility: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin: 20px 20px 10px; position: static; padding: 20px; } @media only screen and (min-width: 768px) { .template-index .slider .slide .caption { padding: 20px; } } .lt-ie9 .template-index .slider .slide .caption { padding: 20px; } .template-index .slider .slide .caption.right { float: none !important; } .template-index .slider .slide .caption .bg { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #4c4c4c ; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } @media only screen and (min-width: 768px) { .template-index .slider .slide .caption .bg { display: block; } } .lt-ie9 .template-index .slider .slide .caption .bg { display: block; } .template-index .slider .slide .caption .title { color: #a1a1a1 ; position: relative; margin-top: 0; font-size: 1em; padding-bottom: 0; line-height: 1.2; } .template-index .slider .slide .caption .sub-title { color: #a1a1a1 ; position: relative; font-size: 0.83333em; font-weight: 300; } .template-index .slider .slide .caption a.button { color: #ffffff ; background: #7d7d7d ; position: relative; font-family: "Raleway" ; font-size: 0.83333em; text-transform: none; margin-bottom: 0; } .template-index .slider .slide .caption a.button:hover { color: #ffffff ; background: #000000 ; } @media only screen and (min-width: 768px) { .template-index .slider .slide .caption { position: absolute; max-width: 350px; margin: 20px 55px 30px; padding: 15px; } .template-index .slider .slide .caption .title { font-size: 1.16667em; } .template-index .slider .slide .caption .sub-title { font-size: 1em; } .template-index .slider .slide .caption a.button { font-size: 0.83333em; } .template-index .slider .slide .caption.top { top: 125px; margin-top: 0; } .template-index .slider .slide .caption.middle { top: 50%; margin-top: 0; } .template-index .slider .slide .caption.bottom { bottom: 0; } .template-index .slider .slide .caption.left { left: 0; } .template-index .slider .slide .caption.center { left: 50%; margin-left: 0; } .template-index .slider .slide .caption.right { right: 0; } .template-index .slider .slide .caption.bottom.right { bottom: 45px; } } .lt-ie9 .template-index .slider .slide .caption { position: absolute; max-width: 350px; margin: 20px 55px 30px; padding: 15px; } .lt-ie9 .template-index .slider .slide .caption .title { font-size: 1.16667em; } .lt-ie9 .template-index .slider .slide .caption .sub-title { font-size: 1em; } .lt-ie9 .template-index .slider .slide .caption a.button { font-size: 0.83333em; } .lt-ie9 .template-index .slider .slide .caption.top { top: 125px; margin-top: 0; } .lt-ie9 .template-index .slider .slide .caption.middle { top: 50%; margin-top: 0; } .lt-ie9 .template-index .slider .slide .caption.bottom { bottom: 0; } .lt-ie9 .template-index .slider .slide .caption.left { left: 0; } .lt-ie9 .template-index .slider .slide .caption.center { left: 50%; margin-left: 0; } .lt-ie9 .template-index .slider .slide .caption.right { right: 0; } .lt-ie9 .template-index .slider .slide .caption.bottom.right { bottom: 45px; } @media only screen and (min-width: 1280px) { .template-index .slider .slide .caption { max-width: 400px; padding: 20px; } .template-index .slider .slide .caption .title { font-size: 1.5em; } .template-index .slider .slide .caption .sub-title { font-size: 1.16667em; } .template-index .slider .slide .caption a.button { font-size: 1em; } } .template-index .slider .owl-controls { margin-top: 0; } .template-index .slider .owl-pagination { position: absolute; right: 20px; bottom: 18px; top: auto; margin: 0; padding: 5px; } @media only screen and (min-width: 768px) { .template-index .slider .owl-pagination { right: 50px; bottom: 20px; } } .lt-ie9 .template-index .slider .owl-pagination { right: 50px; bottom: 20px; } .template-index .slider .owl-pagination .owl-page { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 0; margin: 0 7px 0 0; cursor: pointer; display: inline-block; height: 15px; width: 15px; background-color: #bcbcbc ; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } .template-index .slider .owl-pagination .owl-page:last-child { margin-right: 0; } .template-index .slider .owl-pagination .owl-page.active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .template-index .product-slider { position: relative; padding-top: 30px; padding-bottom: 30px; } @media only screen and (min-width: 768px) { .template-index .product-slider { padding-top: 0px; padding-bottom: 5px; } } .lt-ie9 .template-index .product-slider { padding-top: 100px; padding-bottom: 100px; } .template-index .product-slider .content.row { padding: 0 25px; } .template-index .product-slider .product-item { max-width: 100%; width: 100%; display: none; padding: 0 15px; margin-bottom: 0; } .template-index .product-slider .owl-prev, .template-index .product-slider .owl-next { color: #000000 ; font-family: 'blockshop-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 35px; position: absolute; top: 50%; background: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.4; width: 40px; height:40px; } .template-index .product-slider .owl-prev { left: 0; margin: -80px 0 0 -40px; background: url(https://cdn.shopify.com/s/files/1/0475/3817/files/arrow-right2.png?6363521206861835028) center center no-repeat; background-size: cover; } .template-index .product-slider .owl-prev:before { content: ""; } .template-index .product-slider .owl-next { right: 0; margin: -80px -40px 0 0; background: url(https://cdn.shopify.com/s/files/1/0475/3817/files/arrow-left2.png?6363521206861835028) center center no-repeat; background-size: cover; } .template-index .product-slider .owl-next:before { content: ""; } .template-index .product-slider h2 { text-align: center; text-transform: uppercase; font-size: 1.5em; margin-bottom: 30px; font-weight: bold; } @media only screen and (min-width: 768px) { .template-index .product-slider h2 { margin-bottom: 50px; } } .lt-ie9 .template-index .product-slider h2 { margin-bottom: 50px; } .template-index .product-slider ul { list-style: none; margin-top: 50px; } .template-index .product-slider ul li .columns { float: left !important; } .template-index .widgets .row { padding: 30px 10px 0; } @media only screen and (min-width: 768px) { .template-index .widgets .row { padding: 100px 30px 0; } } .lt-ie9 .template-index .widgets .row { padding: 100px 30px 0; } .template-index .widgets .columns { padding-bottom: 30px; } @media only screen and (min-width: 768px) { .template-index .widgets .columns { padding-bottom: 100px; } } .lt-ie9 .template-index .widgets .columns { padding-bottom: 100px; } .template-index .widgets .featured-promo { background: #f7f7f7 ; } .template-index .widgets .featured-promo img { display: block; margin: 0 auto; } @media only screen and (min-width: 768px) { .template-index .widgets .featured-promo img { margin: 0 auto; } } .lt-ie9 .template-index .widgets .featured-promo img { margin: 0 auto; } @media only screen and (min-width: 1280px) { .template-index .widgets .featured-promo .vimeo-wrapper { padding: 0 40px; } } .template-index .widgets .featured-promo .description { font-size: 1.16667em; line-height: 1.8; max-width: 800px; display: inline-block; } .template-index .widgets .featured-promo .description .call-to-action a { margin-top: 30px; margin-bottom: 0; text-transform: none; } .template-index .widgets .featured-promo .description .call-to-action a .button { margin-bottom: 0; } .template-index .widgets .small-promos { padding: 0 10px 10px; } .template-index .widgets .small-promos .row { padding: 0; } .front-boxes{ padding: 8px 10px 30px; } .heading-graphic-wrapper{ padding: 0 25px; } .heading-graphic{ text-align: center; display: block; background-image: url("https://cdn.shopify.com/s/files/1/0475/3817/files/triangle.png?2591666431275235020"); background-repeat: repeat-x; background-position: 0px 26px; min-height: 50px; background-size: 21px; } .heading-graphic > h2{ display: inline-block; background: #000000; padding: 0 19px; font-family: 'nouvelle_vagunouvellevagueBlk'; font-size: 3.5em !important; letter-spacing: 8px; color: #dadada; } .heading-graphic > h2 a{ color: #dadada; margin-right: -6px; } body{ background: #fff; background-size: contain; } #wrapper{ width: 100%; max-width: 1620px; margin: 0 auto; padding: 0 50px; } .main-header .header-right{ float:right; margin-top: 0px; } #menu-trigger{ display: block; position: absolute; top: 45px; left: 50%; width: 30px; margin-left: -15px; cursor: pointer; } #menu-trigger > span{ display: block; height: 3px; background: #000; margin-bottom: 5px; } #mobile-menu-trigger{ display: none; position: absolute; top: 45px; right: 0px; width: 30px; cursor: pointer; } #mobile-menu-trigger > span{ display: block; height: 3px; background: #000; margin-bottom: 5px; } .mobile-menu > nav{ padding: 0px 25px 15px; } .stroke-h2{ padding: 0 25px; text-align: center; text-transform: uppercase; position: relative; line-height: 37px; } .stroke-h2:after{ content: ""; display: block; position: absolute; right: 25px; left: 25px; height: 1px; background: #272727; z-index: 1; top: 27px; } .stroke-h2 h2{ display: inline-block; padding: 5px 20px; font-size: 30px; position: relative; z-index: 2; background: #000; letter-spacing: 5px; } .shop-btn{ width: 292px; } .stroke-btn-wrapper{ padding: 0 25px; text-align: center; text-transform: uppercase; position: relative; } .stroke-btn-wrapper:after{ content: ""; display: block; position: absolute; right: 25px; left: 25px; height: 1px; background: #272727; z-index: 1; top: 27px; } .stroke-btn-wrapper span{ background: #000; padding: 0 20px; display: inline-block; position: relative; z-index: 2; } .stroke-btn-wrapper a{ display: inline-block; padding: 3px 0px; font-size: 20px; color: #fff; position: relative; z-index: 2; background: #000; } .account-currency{ width: 190px; display: inline-block; vertical-align: text-bottom; margin-right: 5px; } *[data-trigger]{ cursor: pointer; } .currency-select { position: absolute; width: auto; right: 60px; bottom: -2px; padding: 10px; white-space: nowrap; opacity: 0; visibility: hidden; z-index: 200; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } @media screen and (max-width: 1295px){ .currency-select{ right: 60px; bottom: -70px; } } @media screen and (max-width: 767px){ .currency-select{ right: -25px; bottom: -130px; } } .main-header .hidden-element.search{ right: -14px; } .hidden-element .button{ margin-bottom: 0; width: 200px; } .main-header .social{ display: inline-block; width: 20px; margin-left: 10px; vertical-align: top; } .main-header .social img{ width: 20px; margin: 3px 0; } .currency .hidden-element { background: #000; } .currency .hidden-element:before { border-color: transparent transparent #000 transparent; } .header-right .cart-container{ display: inline-block; } .header-right .search-container{ display: inline-block; position: relative; margin-left: 12px; margin-right: 3px; } .header-right .search-container .search-icon{ display: block; width: 25px; height: 25px; background: url(//www.thegallery.nu/cdn/shop/t/18/assets/search-bg2.png?v=87172626527180504641605078695) center center no-repeat; background-size: cover; } .header-right .search-container .search input, .header-right .search-container .search button{ width: 200px; } .header-right .search-container .search input[type="text"]{ border: 2px solid #000; text-align: center; text-transform: uppercase; padding: 10px 10px; height: auto; border-radius: 0; font-size: 10px; font-weight: bold; color: #000; background: #fff; } .header-right .search-container .search input[type="text"]{ } .hidden-element.active{ opacity: 1; visibility: visible; } .currency .currencies{ float: none; margin-top: 0; } .site-logo{ float: left; width: 240px; } .icon-wrapper{ position: relative; } // .currencies { // zoom: 1; // color: #fff; // line-height: 1.5; // cursor: pointer; // display: block; // background: black; // padding: 10px; // float: right; // text-align: right; // position: relative; // padding: 8px 19px; // } // .currencies span { // display: -moz-inline-stack; // display: inline-block; // zoom: 1; // *display: inline; // font-size: 12px; // } // .currencies .selected { // color: #fff; // border-bottom: 1px solid white; // } // #instafeed > .item{ // width: 16.666666%; // float: left; // display: block; // } // #instafeed > .item .insta-inner{ // height: 0; // padding-bottom: 100%; // overflow: hidden; // position: relative; // } // #instafeed > .item .insta-inner img{ // position: absolute; // top: 0; // left: 0; // width: 100%; // display: block; // } // #instafeed-wrapper{ // padding: 0 15px; // } // .insta-text{ // padding: 0 10px 15px; // text-align: center; // } // .insta-text > h2{ // text-transform: uppercase; // color: #e6e7e8; // font-size: 24px; // margin-bottom: 0; // line-height: 1.2; // } // .insta-text > p a{ // text-transform: uppercase; // color: #e6e7e8; // font-size: 14px; // font-weight: 600; // } #newsletter{ padding: 0 25px; margin-bottom: 45px; margin-top: 25px; } #newsletter > .inner{ background: url(https://cdn.shopify.com/s/files/1/0475/3817/files/back-_1.jpg?5780466229708954500) center no-repeat; background-size: cover; color: #fff; padding: 10px 40px 0 20px; } #newsletter .text{ font-size: 30px; text-transform: uppercase; font-weight: 600; padding-top: 33px; } #newsletter .content{ padding-top: 20px; } #newsletter input[type="email"]{ } #newsletter input[type="submit"]{ float: left; width: 30%; background: #cdcdcd; border: none; border-radius: 0; height: 70px; line-height: 70px; color: #020202; font-size:18px; font-weight: 600; } .main-header .main-menu .widescreen, .main-header .bottom-row .menu-container{ display: block; } .product-grid .image-wrapper{ border: 1px solid #272727; } .about-box{ padding: 0 25px; } .about-box > .inner{ background: #000; position: relative; height: 750px; } .about-box .text{ position: absolute; top: 0; left: 0; bottom: 0; width: 38%; background: #151515; color: #e6e7e8; } .about-box .text h2{ font-size: 30px; line-height: 1.2; } .about-box .text .signature{ margin-bottom: 10px; } .about-box .table{ display:table; height: 100%; width: 100%; table-layout: fixed; margin: 0 auto; width: 100%; max-width: 315px; } .about-box .table-cell{ display: table-cell; vertical-align: middle; padding: 15px; } .about-box .image{ position: absolute; top: 0; right: 0; bottom: 0; width: 62%; background: url(https://cdn.shopify.com/s/files/1/0475/3817/files/ralle.png?10396335535613546480) center center no-repeat; background-size: cover; text-align: center; } .about-box .image > a{ display: block; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,.5); } .about-box .image .play{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #e6e7e8; text-transform: uppercase; font-size: 20px; pointer-events: none; width: 100%; } .about-box .image .play img{ width: 250px; margin-bottom: 20px; } .lity{ background: rgba(255,255,255,.9) !important; } .lity-close{ color: #333 !important; top: -40px !important; text-shadow: none !important; } #map{ height: 600px; } .footer-box .image{ width: 25%; float: left; padding-right: 15px; } .footer-box .text{ width: 75%; float: left; text-transform: uppercase; } .footer-box .text h5{ font-size: 16px; margin-bottom: 2px; margin-top: 0px; } .main-footer .column-3{ float: right; } .main-footer .column-2 img{ width: 320px; } .main-footer .column-1 img{ width: 80px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { #wrapper{ padding: 0 10px; } .main-header .main-menu .widescreen > ul > li > a{ padding: 0 12px; } #newsletter .text{ font-size: 24px; } #newsletter input[type="email"]{ padding: 0 20px; font-size: 15px; } #newsletter input[type="submit"]{ font-size: 15px; } } @media only screen and (max-width: 991px) { #menu-wrapper{ height: auto; } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .main-header #menu-wrapper .main-menu .widescreen > ul > li > a{ padding: 0 0 7px; } .main-footer .column-1, .main-footer .column-3{ width: 50%; } .footer-box .image{ max-width: 70px; } .main-footer .column-2{ width: 100%; } .footer-box{ text-align: center; } .footer-box > .image, .footer-box > .text{ display: inline-block; text-align: left; vertical-align:top; float:none; width: auto; } .template-index .product-slider .content.row { padding: 0 50px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { } @media only screen and (min-width: 768px) and (max-width: 991px) { #wrapper{ padding: 0 10px; } .about-box > .inner{ height: 540px; } #newsletter .text{ font-size: 22px; padding-top: 20px; width: 40%; } #newsletter .content{ width: 60%; } #newsletter input[type="email"]{ padding: 0 20px; font-size: 15px; } #newsletter input[type="submit"]{ font-size: 15px; } } @media only screen and (max-width: 767px) { .main-header .bottom-row{ padding-top: 15px; padding-left: 25px; padding-right: 25px; } #menu-wrapper.hidden{ height: auto; } .template-index .slider{ padding: 0 25px; border-bottom: 0; } #instafeed > .item{ width: 50%; margin-bottom: 25px; } #wrapper{ padding: 0 15px; -webkit-transition: padding .3s ease; -moz-transition: padding .3s ease; transition: padding .3s ease; } .currency-active #wrapper{ padding-top: 37px; } .main-header{ z-index: 3; } .currencies span{ font-size: 10px; } #newsletter .text{ font-size: 18px; padding-top: 20px; width: 100%; text-align: center; } #newsletter .content{ width: 100%; } #newsletter input[type="email"]{ padding: 0 20px; font-size: 14px; width: 100%; } #newsletter input[type="submit"]{ font-size: 14px; width: 100%; } #newsletter > .inner{ padding: 10px; } .stroke-h2 h2{ margin-bottom: 0; line-height: 1; } .stroke-btn-wrapper a{ font-size: 14px; letter-spacing: 2px; } .template-index .product-slider{ padding-top: 15px; padding-bottom: 0; } .about-box .table-cell{ padding: 40px 15px 30px; } .stroke-h2:after{ top: 20px; } .front-boxes .item.first{ margin-bottom: 30px; } .about-box .image{ width: 100%; position: relative; padding-bottom: 70%; } .about-box .image .play img{ width: 80px; } .about-box .image .play{ font-size: 16px; } .template-index .product-slider .owl-prev{ margin-left: -32px; } .template-index .product-slider .owl-next{ margin-right: -32px; } .about-box .text{ width: 100%; position: static; } .about-box > .inner{ height: auto; } .about-box .text h2{ font-size: 20px; } .footer-box .text{ text-align: left; } .main-header .header-right .currency:before{ content: ""; width: 2px; background: #000; height: 10px; position: absolute; left: 0; bottom: 0; } .currencies{ text-align: center; } #menu-trigger{ display:none; } #mobile-menu-trigger{ display: block; } .header-right .search-container{ position: static; } .header-right .cart-container, .header-right .search-container, .header-right .social{ display: none; } .main-header .main-menu .widescreen, .main-header .bottom-row .menu-container{ display: none; } .account-currency > div.account{ display: none; } .account-currency{ width: 70px; } .account-currency > div.currency{ width: 100%; } .main-header .hidden-element.currency-select{ position: fixed; left: 0; right: 0; top: 0; } .main-footer .column-1, .main-footer .column-3{ width: 100%; } .footer-box .image{ width: 100%; padding:0; } .footer-box .image img{ width: 50px; margin-bottom: 10px; } .main-footer .column-2{ width: 100%; } .footer-box{ text-align: center; } .footer-box > .text{ display: inline-block; text-align: center; vertical-align:top; float:none; width: auto; } } @media only screen and (max-width: 440px) { .site-logo{ overflow: hidden; } .site-logo img{ max-width: 100%; } } .template-index .widgets .small-promos .columns { margin: 0; padding: 15px; } .template-index .widgets .small-promos .columns:last-child { margin: 0; } .template-index .widgets .small-promos .image-text-widget, .front-boxes .item { position: relative; overflow: hidden; border: 1px solid #272727; } .template-index .widgets .small-promos .image-text-widget:hover img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15); } .front-boxes .item:hover img{ -webkit-transform: scale(1.07); -moz-transform: scale(1.07); transform: scale(1.07); } .template-index .widgets .small-promos img, .front-boxes .item img { width: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .template-index .widgets .small-promos .block { min-height: 140px; } .template-index .widgets .small-promos .caption { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 0; } .template-index .widgets .small-promos .caption .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #4c4c4c; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; z-index: 0; } .template-index .widgets .small-promos .caption .inner { position: absolute; z-index: 1; top: 50%; margin-top: -20px; width: 100%; text-align: center; } .template-index .widgets .small-promos .caption h1 { position: relative; z-index: 1; margin: 0 0 10px 0; color: #a1a1a1; font-size: 1.5em; } .template-index .widgets .small-promos .caption h2 { color: #c5c5c5; margin: 0; font-family: "Raleway" ; font-size: 1.16667em; font-weight: normal; text-transform: uppercase; } .template-index .widgets .social-feeds { background: #ffffff; ; } .template-index .widgets .social-feeds .title { text-align: center; } .template-index .widgets .title { text-transform: uppercase; font-size: 1.5em; margin-bottom: 15px; font-weight: bold; } @media only screen and (min-width: 768px) { .template-index .widgets .title { margin-bottom: 50px; } } .lt-ie9 .template-index .widgets .title { margin-bottom: 50px; } .template-index .image-widget { padding: 15px; } @media only screen and (min-width: 768px) { .template-index .image-widget { padding: 0; } } .lt-ie9 .template-index .image-widget { padding: 0; } .template-index .image-widget img { width: 100%; } .template-index .twitter-widget iframe { display: block; margin: 0 auto; } .template-index .instagram-widget { text-align: center; } .template-index .instagram-widget .items { margin-top: -7px; display: inline-block; overflow: hidden; max-height: 330px; max-width: 501px; } .template-index .instagram-widget .items.wide { max-width: 1002px; } .template-index .instagram-widget .items .item { max-width: 153px; display: inline-block; margin: 7px; } .template-index .blog-widget { max-width: 300px; margin: 0 auto; } .template-index .blog-widget ul { list-style: none; margin: 0; padding: 0; } .template-index .blog-widget li { margin-bottom: 30px; } .template-index .blog-widget li:last-child { margin: 0; } .template-index .blog-widget .item-title { font-weight: bold; text-transform: capitalize; } .template-index .blog-widget .date { font-size: 0.83333em; text-transform: uppercase; margin-bottom: 10px; } .template-index .blog-widget .content { margin-bottom: 10px; } /* 4.2 - Collections List ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .template-list-collections .page-title { margin-bottom: 20px; } .template-list-collections .collection-item { max-width: 100%; margin: 1.25em 0; text-align: center; } .template-list-collections .collection-item .image-wrapper { max-width: 100%; } .template-list-collections .collection-item .image-wrapper img { max-width: 100%; } .template-list-collections .pagination { float: right; } .template-list-collections .image-wrapper { display: inline-block; } .template-list-collections .caption { display: none; width: 100%; height: 101%; position: absolute; top: 0; left: 0; padding: 0; } .template-list-collections .caption .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #4c4c4c; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; z-index: 0; } .template-list-collections .caption .inner { position: absolute; z-index: 1; top: 50%; margin-top: -20px; width: 100%; text-align: center; } .template-list-collections .caption .title { position: relative; z-index: 1; margin: 0 0 10px 0; color: #a1a1a1; font-size: 1.5em; } .template-list-collections .caption .product-count { color: #c5c5c5; margin: 0; font-family: "Raleway" ; font-size: 1.16667em; font-weight: normal; text-transform: uppercase; } /* 4.3 - Collection ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* 4.4 - Product ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .template-product .main-footer { margin-top: 0; } .template-product header .breadcrumbs { padding-bottom: 10px; } .template-product header .previous-next a { text-transform: capitalize; font-family: "Raleway" ; font-size: 1em; } .template-product header .previous-next .columns { height: 80px; padding-top: 30px; padding-bottom: 30px; } @media only screen and (min-width: 768px) { .template-product article .left-column { width: 50%; display: block; } } .lt-ie9 .template-product article .left-column { width: 50%; display: block; } @media only screen and (min-width: 1280px) { .template-product article .left-column { width: 25%; display: block; } } .template-product article .right-column { display: none; } @media only screen and (min-width: 1280px) { .template-product article .right-column { display: block; } } .template-product article .page-title { text-transform: uppercase; } .template-product article .vendor { text-transform: uppercase; font-weight: 300; color: #a1a1a1 ; } .template-product article .vendor a { color: #a1a1a1 ; } .template-product article .variants.hidden { display: none; } .template-product article .variants { max-width: 250px; } .template-product article .prices .actual-price { font-family: "Raleway" ; font-weight: lighter; font-size: 28px; } .template-product article .prices .compare-price { text-decoration: line-through; font-size: 1.16667em; text-transform: lowercase; color: #000000 ; font-style: italic; } .template-product article .quantity { float: left; margin-right: 22px; } .template-product article .quantity input { font-size: 16px; width: 70px; } .template-product article .add-to-cart .sold-out { display: none; padding: 24px 0 0 0; float: left; font-size: 1em; color: #e8e8e8; max-width: 180px; } .template-product article .add-to-cart .sold-out.long { padding-top: 21px; font-size: 1em; font-style: italic; } .template-product article .add-to-cart.disabled .purchase { display: none; } .template-product article .add-to-cart.disabled .sold-out { display: block; } .template-product article .add-to-cart .button { float: left; margin: 23px 0 0 0; font-family: "Raleway" ; font-size: 1.16667em; text-transform: uppercase; letter-spacing: 1px; } .template-product article .add-to-cart .button:hover { background: #4d4d4d ; } .template-product article .add-to-cart .button.disabled:hover { background: #000000 ; } .template-product article .product-unavailable { max-width: 250px; display: none; } .template-product article .product-unavailable input[type="email"] { float: left; width: 180px; } .template-product article .product-unavailable .button { float: left; margin-left: 5px; width: auto; padding: 0 10px; } .template-product article .description.show-for-medium-down { margin-top: 30px; } .template-product .thumbs { display: inline-block; } .template-product .thumbs ul { list-style: none; margin: 0; padding: 0; margin-bottom: 20px; } .template-product .thumbs .thumb { padding: 3px; display: inline-block; cursor: pointer; margin-bottom: 3px; text-align: left; max-width: 32%; width: 100px; } .template-product .thumbs .thumb.active img { outline: 1px solid #e5e5e5; } @media only screen and (min-width: 768px) { .template-product .thumbs .thumb { max-width: none; } } .lt-ie9 .template-product .thumbs .thumb { max-width: none; } .template-product .thumbs img { width: 90px; } @media only screen and (min-width: 768px) { .template-product .thumbs img { width: auto; } } .lt-ie9 .template-product .thumbs img { width: auto; } .template-product .thumbs .previous-next { margin: 20px 10px 20px 0; text-align: right; text-transform: uppercase; } .template-product .photos { text-align: center; padding-left: 0; min-height: 1px; margin-bottom: 20px; } @media only screen and (min-width: 768px) { .template-product .photos .container { cursor: pointer; } } .lt-ie9 .template-product .photos .container { cursor: pointer; } .template-product .photos .container { display: inline-block; position: relative; overflow: hidden; outline: 0px solid #e5e5e5; max-width: 100%; outline: none !important; border: 1px solid #272727; } .template-product .photos .container .photo { display: none; top: 0; left: 0; position: relative; } .template-product .photos .container .zoomImg { background: #4c4c4c; } .template-product .social-share { text-align: center; background: #151515; padding: 20px 0; } .lt-ie9 .template-product .social-share { margin-top: 50px; } .template-product .social-share .title { text-transform: uppercase; margin-bottom: 10px; } .template-product .similar-products { text-align: center; margin: 0; padding-top: 50px; padding-bottom: 100px; } .template-product .similar-products h2.title { font-family: "Raleway" ; font-size: 1.5em; text-transform: uppercase; margin-bottom: 30px; } .template-product .similar-products .product-item { margin-bottom: 0; } .template-product .similar-products .caption .title { font-family: "Raleway" ; font-size: 1.16667em; text-transform: uppercase; } .template-product .similar-products .caption .title .price { font-size: 1em; } /* 4.5 - Page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .template-page .main-content .row { /*max-width: 1200px;*/ margin: 0; } .template-page .main-content .full-width.row { max-width: none; } .template-page .main-content .single-column.row { max-width: 700px; margin: 0 auto; text-align: center;} .template-page .main-content .left-side-column, .template-page .main-content .right-side-column { position: relative; float: left; } @media only screen and (min-width: 768px) { .template-page .main-content .left-side-column, .template-page .main-content .right-side-column { width: 30%; } } .lt-ie9 .template-page .main-content .left-side-column, .lt-ie9 .template-page .main-content .right-side-column { width: 30%; } @media only screen and (min-width: 768px) { .template-page .main-content .left-side-column.with-2-sidebars, .template-page .main-content .right-side-column.with-2-sidebars { width: 25%; } } .lt-ie9 .template-page .main-content .left-side-column.with-2-sidebars, .lt-ie9 .template-page .main-content .right-side-column.with-2-sidebars { width: 25%; } .template-page .main-content .left-side-column { padding-right: 30px; } .template-page .main-content .right-side-column { padding-left: 30px; } .template-page .main-content .main-column { position: relative; float: left; } @media only screen and (min-width: 768px) { .template-page .main-content .main-column { width: 70%; } } .lt-ie9 .template-page .main-content .main-column { width: 70%; } @media only screen and (min-width: 768px) { .template-page .main-content .main-column.with-2-sidebars { width: 50%; } } .lt-ie9 .template-page .main-content .main-column.with-2-sidebars { width: 50%; } // .template-page .main-content .contact-form input[type="text"], .template-page .main-content .contact-form input[type="email"], .template-page .main-content .contact-form input[type="tel"] { // max-width: 300px; // background: #151515; // color: #fff; // } // .template-page .main-content .contact-form textarea { // max-width: 300px; // height: 100px; // background: #151515; // color: #fff; // } /* 4.6 - Search ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .template-search .main-content .narrow.row { max-width: 960px; margin: 0; } .template-search .main-content .page-title { padding-top: 30px; padding-bottom: 0px; } @media only screen and (max-width: 900px) { .template-search .main-content .page-title{ padding-top: 0; } } .template-search .main-content .divider { border-top: 1px solid #e5e5e5; } .template-search .main-content .row.summary { padding: 10px 20px; } @media only screen and (min-width: 768px) { .template-search .main-content .row.summary { padding: 25px 40px; } } .lt-ie9 .template-search .main-content .row.summary { padding: 25px 40px; } .template-search .main-content .row.summary p { margin: 5px 0 0 0; } .template-search .main-content .row.summary input { margin: 0 !important; } @media only screen and (min-width: 768px) { .template-search .main-content .row.summary .columns { padding: 0 15px; } } .lt-ie9 .template-search .main-content .row.summary .columns { padding: 0 15px; } .template-search .main-content .row.results { margin: 30px 0; } .template-search .main-content .searchbar-container form { position: relative; padding-left: 0; } .template-search .main-content .searchbar-container .text { padding-right: 27px; } .template-search .main-content .thumbnail { min-height: 1px; } .template-search .main-content .pagination { margin-top: 30px; } /* 4.7 - Blog & Article ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .template-blog .blog-title .text, .template-article .blog-title .text { font-family: "Raleway" ; font-size: 2em; color: #a1a1a1; padding-bottom: 0; margin: 0; } .template-blog .left-two-columns-wrapper, .template-article .left-two-columns-wrapper { margin: 0; padding-top: 30px; } @media only screen and (min-width: 768px) { .template-blog .articles, .template-article .articles { width: 66.66667%; } } .lt-ie9 .template-blog .articles, .lt-ie9 .template-article .articles { width: 66.66667%; } @media only screen and (min-width: 1280px) { .template-blog .articles, .template-article .articles { width: 75%; } } .template-blog .previous-next a, .template-article .previous-next a { text-transform: capitalize; font-family: "Raleway" ; font-size: 1em; } .template-blog .previous-next .columns, .template-article .previous-next .columns { min-height: 59px; padding-top: 10px; padding-bottom: 30px; } .template-blog .article .left-sidebar, .template-article .article .left-sidebar { padding-left: 0; } .template-blog .article .left-sidebar .title, .template-article .article .left-sidebar .title { font-size: 1em; color: #a1a1a1; margin-bottom: 0; text-transform: uppercase; } @media only screen and (min-width: 768px) { .template-blog .article .middle-column, .template-article .article .middle-column { width: 100%; } } .lt-ie9 .template-blog .article .middle-column, .lt-ie9 .template-article .article .middle-column { width: 100%; } @media only screen and (min-width: 1280px) { .template-blog .article .middle-column, .template-article .article .middle-column { width: 75%; } } .template-blog .article .middle-column .title, .template-article .article .middle-column .title { font-family: "Raleway" ; font-size: 2em; color: #6d6d6d; margin: 0; } .template-blog .article .middle-column .content, .template-article .article .middle-column .content { font-family: "Raleway" ; padding: 10px 0 30px 0; } .template-blog .article .middle-column .content .read-more, .template-article .article .middle-column .content .read-more { text-align: right; margin-top: 10px; } .template-blog .article .middle-column img, .template-article .article .middle-column img { margin: 15px 0; } .template-blog .article .middle-column .social-share, .template-article .article .middle-column .social-share { margin-left: -10px; padding: 15px 0; } .template-blog .article .middle-column .comments, .template-article .article .middle-column .comments { border-top: 1px solid #e5e5e5; } .template-blog .article .middle-column .comments .comment, .template-article .article .middle-column .comments .comment { border-bottom: 1px solid #e5e5e5; padding: 15px 0; } .template-blog .article .middle-column .comments .title, .template-article .article .middle-column .comments .title { font-size: 1.5em; color: #a1a1a1; padding: 15px 0; } .template-blog .article .middle-column .comments label, .template-article .article .middle-column .comments label { font-family: "Raleway" ; font-size: 1em; } .template-blog .article .middle-column .comments .date, .template-article .article .middle-column .comments .date { font-family: "Raleway" ; font-size: 0.83333em; font-weight: normal; text-transform: uppercase; font-style: italic; } .template-blog .article .middle-column .comments .comment-form, .template-article .article .middle-column .comments .comment-form { max-width: 400px; } .template-blog .article .middle-column .comments .comment-form #comment_body, .template-article .article .middle-column .comments .comment-form #comment_body { height: 100px; } .template-blog .side-bar, .template-article .side-bar { text-align: center; } @media only screen and (min-width: 768px) { .template-blog .side-bar, .template-article .side-bar { width: 33.33333%; } } .lt-ie9 .template-blog .side-bar, .lt-ie9 .template-article .side-bar { width: 33.33333%; } @media only screen and (min-width: 1280px) { .template-blog .side-bar, .template-article .side-bar { width: 25%; } } .template-blog .side-bar .title, .template-article .side-bar .title { text-transform: uppercase; font-size: 1em; color: #a1a1a1; } .template-blog .side-bar ul, .template-article .side-bar ul { padding: 0; } .template-blog .side-bar ul li.item, .template-article .side-bar ul li.item { list-style-type: none; display: inline-block; padding: 0 10px 20px 10px; font-size: 1em; text-transform: capitalize; } .template-blog .side-bar ul li.item.active a, .template-blog .side-bar ul li.item.active a:link, .template-blog .side-bar ul li.item.active a:visited, .template-blog .side-bar ul li.item.active a:hover, .template-article .side-bar ul li.item.active a, .template-article .side-bar ul li.item.active a:link, .template-article .side-bar ul li.item.active a:visited, .template-article .side-bar ul li.item.active a:hover { color: #a1a1a1; border-bottom: 1px solid #e5e5e5; } .template-blog .side-bar ul em, .template-article .side-bar ul em { font-size: 0.83333em; text-transform: uppercase; font-weight: normal; font-style: normal; } .template-blog .side-bar .recent-articles li.item, .template-article .side-bar .recent-articles li.item { width: 100%; } .template-blog .pagination, .template-article .pagination { float: right; } .template-blog .article { border-top: 1px solid #e5e5e5; padding-top: 30px; } .template-blog .side-bar .divider { margin-bottom: 30px; } .template-article .side-bar .divider { display: none; } @media only screen and (min-width: 768px) { .template-article .article { width: 66.66667%; } } .lt-ie9 .template-article .article { width: 66.66667%; } @media only screen and (min-width: 1280px) { .template-article .article { width: 75%; } } /* 4.8 - Cart ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .template-cart { /* Shipping Calculator Styles */ } // .template-cart .main-content .row { margin: 0; } .template-cart h3 { font-weight: normal; } .template-cart .cart-table { margin-bottom: 30px; } .template-cart .cart-table tr th, .template-cart .cart-table tr td { padding: 6px 3px; } @media only screen and (min-width: 768px) { .template-cart .cart-table tr th, .template-cart .cart-table tr td { padding: 0.75em 0.83333em; } } .lt-ie9 .template-cart .cart-table tr th, .lt-ie9 .template-cart .cart-table tr td { padding: 0.75em 0.83333em; } .template-cart .cart-table .item { max-width: 400px; } .template-cart .cart-table .quantity input[type="text"] { width: 30px; } .template-cart .cart-table .quantity input[type="submit"] { padding: 0; border: none; outline: 0; background: none; color: #a1a1a1; text-transform: uppercase; font-size: 11px; font-weight: 600; } .template-cart .cart-table .title { display: none; } @media only screen and (min-width: 768px) { .template-cart .cart-table .title { display: table-cell; } } .lt-ie9 .template-cart .cart-table .title { display: table-cell; } .template-cart .cart-table .mobile-title { margin: 15px 0 0; padding: 0 5px; display: block; font-size: 0.83333em; } @media only screen and (min-width: 768px) { .template-cart .cart-table .mobile-title { display: none; } } .lt-ie9 .template-cart .cart-table .mobile-title { display: none; } .template-cart .cart-table th.image { width: 40%; } @media only screen and (min-width: 768px) { .template-cart .cart-table th.image { width: auto; } } .lt-ie9 .template-cart .cart-table th.image { width: auto; } .template-cart .cart-table .image img { max-width: none; border: 1px solid #272727; } .template-cart .cart-table .glyph.cross { font-size: 18px; } .template-cart .order-notes { padding: 0; text-align: right; } @media only screen and (min-width: 1280px) { .template-cart .order-notes { right: 58.33333%; left: auto; width: 41.66667%; } } .template-cart .order-notes .container { display: inline-block; width: 100%; } .template-cart .order-notes h3 { text-align: left; } .template-cart .totals { text-align: right; padding: 0; } @media only screen and (min-width: 1280px) { .template-cart .totals { left: 41.66667%; right: auto; width: 58.33333%; } } .template-cart .totals .or { padding: 0 10px; } .template-cart .totals .button { font-family: "Helvetica", Helvetica, Arial, sans-serif; color: #ffffff; font-size: 1.16667em; background: #2e2e2e; width: 228px; max-width: 100%; padding: 22px 15px; border-radius: 5px; margin-bottom: 8px; font-weight: 600; } @media only screen and (max-width: 500px){ .template-cart .totals .button { width: 100%; } } .lt-ie9 .template-cart .totals .button { padding: 12px 24px; } .template-cart .continue-shopping { padding-top: 20px; } @media only screen and (min-width: 768px) { .template-cart .continue-shopping { border-top: 1px solid #e5e5e5; } } .lt-ie9 .template-cart .continue-shopping { border-top: 1px solid #e5e5e5; } .template-cart .shipping-calculator { display: none; width: 100%; max-width: 300px; } .template-cart .shipping-calculator .button { padding: 12px 18px; } @media only screen and (min-width: 768px) { .template-cart .shipping-calculator .button { padding: 12px 24px; } } .lt-ie9 .template-cart .shipping-calculator .button { padding: 12px 24px; } .template-cart .shipping-calculator #address_zip { margin-bottom: 30px; } /* 4.9 - Customer Accounts ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ // .account-content #create_customer, .account-content #customer_login { max-width: 330px; } .account-content h2 { margin-top: 30px; text-transform: uppercase; font-weight: normal; font-size: 1.16667em; } @media only screen and (min-width: 768px) { .account-content h2 { margin-top: 0; } } .lt-ie9 .account-content h2 { margin-top: 0; } .account-content #customer_sidebar { text-align: left; } .account-content #customer_orders { overflow-x: auto; } .account-content .address_table { margin: 0 0 40px 0; } .account-content #order_details { width: 100%; margin: 40px 0 0 0; } .account-content .table-wrapper { margin: 40px 0 0 0; } .account-content .table-wrapper #order_details { margin: 0; } .account-content table th { word-wrap: break-word; max-width: 130px; } /* 5 - Designmatch ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .bg-white{ background: white; } .divider{ background: url(https://cdn.shopify.com/s/files/1/0475/3817/files/triangle.png?2591666431275235020); height: 11px; border: none; background-size: 21px; } .divider.reversed{ background: url(https://cdn.shopify.com/s/files/1/0475/3817/files/triangle_reversed.png?13444369419028277741); background-size: 21px; } .divider-stroke { border-top: 1px solid #e5e5e5; } .template-index .divider-stroke{ margin-left: 25px; margin-right: 25px; } .divider.index{ margin-left: 40px; margin-right: 40px; } .no-index-divider{ margin-top: 15px; } /* 6 - About ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ @media all and (min-width: 320px) and (max-width: 767px){ #fsb_background{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .grey-top-border{ display: none; } body.currency-active #fsb_background{ top: 38px !important; } .main-footer{ padding: 0 15px; } } button.lity-next,button.lity-prev { position: absolute; top: 50%; z-index: 9; border: none; background: rgba(0, 0, 0, 0.50); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); width: 44px; height: 44px; border-radius: 0; outline: none !important; } button.lity-next:before,button.lity-prev:before{ content: ""; position: absolute; top: 13px; left: 10px; width: 18px; height: 18px; border-top: 2px solid #fff; border-right: 2px solid #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } button.lity-prev:before{ -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); left: 15px; } button.lity-next.btn { right: 0; } /*.lity-wrap{ top: 40px !important; bottom: 40px !important; }*/ .lity-image img{ padding: 40px 0; } .lity-image .lity-close{ top: 0px !important; } .lity-image .lity-content:after{ display:none; } .gr-active:before { background-color: #000 !important; } .widget-list li a { color:#000; } @media screen and (max-width: 414px) and (min-width: 375px) { .menu-widget.newest-art.large-3 h4 { font-size: 1.3em !important; font-size: 3vw !important; } .menu-widget.newest-art.large-3 { top: 10.7%; right: 0%; position: absolute !important; } .menu-widget.newest-art.large-3 h4:not(.no-preline):before { width: 100%; height: 1px; position: absolute; left: 0; bottom: 11px; z-index: -1; } .menu-widget.newest-art.large-3 img { height: 140px; width: auto; } .header-container nav#menu .menu-widgets .menu-widget .newest-art .image .text { width: 140px; } .header-container nav#menu .menu-widgets .menu-widget .newest-art .image .text .widget-heading { float:Right; background-color: #fff; font-size: 16px !important; } .header-container nav#menu .menu-widgets .menu-widget .newest-art .image .text .widget-heading { padding-bottom: 10px !important; } } @media screen and (max-width: 768px) { .large-3.nav-men ul li { line-height: 17px; } .large-3.nav-men { margin-bottom: 30px; } #igfeed { height: 100%; } .gallery-item.instagram #igfeed img { max-width: 435px; } .added-to-cart { margin-bottom: 0px; display: block; margin: 0 auto; } } #productImages .product-image > img { border: 1px solid rgba(0, 0, 0, 0.08); } .lg-icon { font-family: 'lg'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: transparent; border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; border: none; outline: none; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: url(slider-next.png); } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: url(slider-prev.png); } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; padding: 10px; width: 100%; background-color: transparent; } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #FFF; } .lg-toolbar .lg-close:after { content: url(close-button-_1.png); } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; display: none; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toogle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-iframe .lg-video { -webkit-overflow-scrolling: touch; overflow: auto; } .lg-outer .lg-has-vimeo .lg-video-play { background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent; } .lg-outer .lg-has-html5 .lg-video-play { background: transparent url("../img/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; } .lg-outer.lg-dropdown-active #lg-share { color: #FFF; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; } .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: ""; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url("../img/loading.gif") no-repeat scroll center center transparent; display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 30px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: rgba(204, 204, 204, 0.89); opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } /*# sourceMappingURL=lightgallery.css.map */ .prd-pricetag{ margin: -5px 0 15px 0; }