/* 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 5. - CUSTOM STYLES 5.1 - Full screen homepage slider [Plus] */ /* 1.1 - Initialize ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ @font-face { font-family: 'century-gothic'; src: url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/century-gothic.ttf?211115137390821153'); src: url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/century-gothic.ttf?211115137390821153') format("truetype"), url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/gothic.eot?211115137390821153?#iefix') format("embedded-opentype"), url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/gothic.woff?211115137390821153') format("woff"); font-weight: normal; font-style: normal; } 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: #fff; color: #000; font-family: century-gothic; /*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; font-weight: normal; } 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: century-gothic; /*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: century-gothic; /*font-family: "Helvetica Neue", "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; } .row .row { padding: 0; margin: 0; } /* 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; } .touch tr.show-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.widescreen_white { 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; } .divider { border-top: 1px solid #ebebeb; } .border-decoration { position: absolute; bottom: 0; width: 100%; padding-right: 2.5em; } .border-decoration:after { content: ""; display: block; border-bottom: 1px solid #ebebeb; } /* 1.5 - Typography ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .font-logo { font-family: 'Open Sans', sans-serif ; } .font-nav { font-family: century-gothic; } .font-accent { font-family: 'Open Sans', sans-serif ; font-weight: 500 !important; } .font-title { font-family: 'Open Sans', sans-serif ; font-size: 1.5em; text-transform: uppercase; } .font-headings, .template-index .widgets .title { text-transform: uppercase; font-family: 'Open Sans', sans-serif ; 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: century-gothic; } -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: #626262; } p, ul, li, a { margin-top: 0; } blockquote { font-style: italic; color: #8e8e8e; padding-left: 20px; margin-left: 0; border-left: 2px solid #8e8e8e; } a, a:link, a:visited, a:hover { color: #626262; text-decoration: none; } a:hover { color: #626262; } .colored-links a, .colored-links a:link, .colored-links a:visited, .colored-links a:hover { color: #a6a9a9; } .colored-links a:hover { color: #909090; } .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('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/blockshop-icons.eot?211115137390821153'); src: url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/blockshop-icons.eot?211115137390821153?#iefix') format("embedded-opentype"), url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/blockshop-icons.woff?211115137390821153') format("woff"), url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/blockshop-icons.ttf?211115137390821153') format("truetype"), url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/blockshop-icons.svg?211115137390821153') 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"; padding-right: 8px;} .glyph.points-rewards:after { content: "\e602"; padding-left: 8px;} .glyph.search:before { content: "\e628"; } .glyph.cart:before { content: "\e629"; } @font-face { font-family: 'payment-icons'; src: url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/payment-icons.eot?211115137390821153'); src: url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/payment-icons.eot?211115137390821153?#iefix') format("embedded-opentype"), url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/payment-icons.woff?211115137390821153') format("woff"), url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/payment-icons.ttf?211115137390821153') format("truetype"), url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/payment-icons.svg?211115137390821153') format("svg"); font-weight: normal; font-style: normal; } .payment-options .icon { font-family: 'payment-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .payment-options .icon-american_express:before { content: "\41"; } .payment-options .icon-bitcoin:before { content: "\42"; } .payment-options .icon-cirrus:before { content: "\43"; } .payment-options .icon-dankort:before { content: "\64"; } .payment-options .icon-diners_club:before { content: "\63"; } .payment-options .icon-discover:before { content: "\44"; } .payment-options .icon-fancy:before { content: "\46"; } .payment-options .icon-google_wallet:before { content: "\47"; } .payment-options .icon-interac:before { content: "\49"; } .payment-options .icon-jcb:before { content: "\4a"; } .payment-options .icon-maestro:before { content: "\6d"; } .payment-options .icon-master:before { content: "\4d"; } .payment-options .icon-paypal:before { content: "\50"; } .payment-options .icon-stripe:before { content: "\53"; } .payment-options .icon-visa:before { content: "\56"; } /* 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: 2em; margin-left: -0.41667em; } .pagination li { display: block; float: left; 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: #626262; } .tabs-wrapper.vertical .headings .trigger .bg { z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background: #f0f5fb; 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: #626262; } .tabs-wrapper.horizontal .headings .trigger .bg { z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background: #f0f5fb; 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: #626262; } .accordion-wrapper ul.accordion .trigger .bg { z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background: #f0f5fb; 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; } .highlight {color: #990000;} /* 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(//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/grabbing.png?211115137390821153) 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(//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/AjaxLoader.gif?211115137390821153) no-repeat center center; } .owl-carousel .owl-wrapper-outer { z-index: 1; } .owl-carousel .owl-pagination { z-index: 2; } /* 1.9 - Forms & Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ button, .button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: bold; 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] { background-color: magenta; border-color: #cc00cc; color: white; cursor: default; opacity: 0.6; -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; } @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: #626262; display: block; font-size: 1.16667em; 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; border: solid 1px #ebebeb; 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: 2.33333em; margin-bottom: 1.66667em; margin-top: 0px; padding: 0px; width: 100%; background: #ffffff; -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 { cursor: default; white-space: nowrap; line-height: 2.25em; color: #626262; 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: 0; } form.custom .custom.dropdown .selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: #626262 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: #626262 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: #ffffff; border: solid 1px #ebebeb; font-size: 12px; } form.custom .custom.dropdown ul li { color: #626262; 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: #fafafa; color: #626262; } form.custom .custom.dropdown ul li:hover { background-color: #fafafa; color: #626262; } form.custom .custom.dropdown ul li.selected:hover { background: #fafafa; cursor: default; color: #626262; } 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; } select { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNy43cHgiIGhlaWdodD0iNC4zcHgiIHZpZXdCb3g9IjAgMCA3LjcgNC4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3LjcgNC4zIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik03LjEsMC4xQzYuNywwLjUsMy45LDMuMiwzLjksMy4yUzEsMC41LDAuNiwwLjFTMCwwLjcsMCwwLjdsMy45LDMuNmwzLjgtMy42QzcuNywwLjcsNy41LTAuMyw3LjEsMC4xeiIvPg0KPC9zdmc+DQo="); background-repeat: no-repeat; background-position: right 10px center; background-color: #ffffff; border: 1px solid; color: #626262; padding: 6px 10px; width: 100%; text-indent: 0.01px; text-overflow: ''; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border: 1px solid #ebebeb; -webkit-appearance: none; -moz-appearance: none; text-transform: none; letter-spacing: 1px; } .ie9 select, .lt-ie9 select { padding-right: 10px; background-image: none; } 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: 1em; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: #ffffff; color: #626262; border: 1px solid #ebebeb; letter-spacing: 0.8px; font-family: 'Open Sans', sans-serif !important; -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: #ffffff; color: #626262; border: 1px solid #ebebeb; } button, .button, a.button { background: #444444; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #ebebeb; font-family: century-gothic; font-weight: 300; font-size: 1em; text-transform: uppercase; border: 0; letter-spacing: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } button:focus, .button:focus, a.button:focus { background: #444444; } button:hover, .button:hover, a.button:hover { color: #ffffff; background: #000000; } button.disabled, .button.disabled, a.button.disabled { background: #444444; 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: #444444; } button.prefix, .button.prefix, a.button.prefix { line-height: 1; } table { background: transparent; border: solid 1px #ebebeb; } table tr td { color: #626262; } table thead, table tfoot { background: #fafafa; } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { color: #626262; } table tr:nth-of-type(even) { background: #fafafa; } @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 #ebebeb; 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: #f25a1d; } body { font-family: century-gothic; /*font-family: 'Open Sans', sans-serif ;*/ color: #626262; line-height: 1.6; font-size: 12px; letter-spacing: 1px; } .page-title { margin-bottom: 30px; } label { color: #626262; } .main-content { padding-top: 30px; } .row { max-width: none; } @media only screen and (min-width: 768px) { .row { padding: 0 40px; } } .lt-ie9 .row { padding: 0 40px; } html, body { /* */ background: #ffffff; /* */ } /* 2.2 - Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .main-header { position: relative; z-index: 2; width: 100%; } .main-header .home { position: absolute; width: 100%; height: 100%; background: none; } .main-header .bg { position: absolute; width: 100%; height: 100%; background: #ffffff; } .main-header .top.row { padding-top: 30px; padding-bottom: 20px; background: transparent; min-height: 50px; } .main-header .bottom-row { background: transparent; padding: 7px 0 24px 0; position: relative; } .main-header .bottom-row.hover { background: #000000; background: transparent; } .main-header .bottom-row .menu-container { display: none; padding: 0 120px 0 15px; } @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; } .main-header .bottom-row .cart-container { width: auto; position: absolute; right: 55px; padding: 0; } .main-header .main-menu-dropdown-panel { background: #000000; background: transparent; width: 100%; display: none; color: #000000; } .main-header .main-menu-dropdown-panel a, .main-header .main-menu-dropdown-panel a:link, .main-header .main-menu-dropdown-panel a:visited, .main-header .main-menu-dropdown-panel a:hover { color: #000000; } @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 a.disabled { cursor: default; } .main-header .main-menu-dropdown-panel .sub-nav-item.columns { width: auto; font-family: 'century-gothic'; } .main-header .main-menu-dropdown-panel .sub-nav-item.columns.large-3 { width: 25%; } .main-header .main-menu-dropdown-panel .columns { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; display: inline-block; float: none; vertical-align: top; padding-top: 15px; } .lt-ie9 .main-header .main-menu-dropdown-panel .columns { background-color: #ffffff; } .main-header .main-menu-dropdown-panel .row { display: none; padding-bottom: 40px; } .main-header .main-menu-dropdown-panel .title { margin: 0 0 25px 0; letter-spacing: 1px; font-family: 'Open Sans', sans-serif ; font-size: 1em; text-transform: uppercase; font-weight: bold; color: #000000; } .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 { color: #000000; color: #fff; } .main-header .currency-selector { font-size: 12px; display: none; color: #000000; } .main-header .currency-selector.left-aligned { margin-top: 7px; position: absolute; left: 40px; width: 200px; z-index: 1; } .main-header .currency-selector.right-aligned { width: auto; position: relative; display: inline-block; } .main-header .currency-selector.mobile { position: relative; display: block; z-index: 1; width: 84%; margin: 10px auto 0; border-top: 1px solid #000000; padding: 20px 0 10px; float: none; min-width: 290px; } .main-header .currency-selector.mobile .container { padding: 0 15px; } .main-header .currency-selector.mobile form { margin: 0; } @media only screen and (min-width: 768px) { .main-header .currency-selector { display: block; } } .lt-ie9 .main-header .currency-selector { display: block; } .main-header .currency-selector .custom.dropdown { margin-top: -5px; width: 65px; float: left; } .main-header .currency-selector span { float: left; padding-right: 5px; } .main-header .currency-selector select { display: inline-block; width: auto; padding-right: 25px; margin-top: -5px; } @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: 'Open Sans', sans-serif ; font-size: 2.33333em; margin: 0; display: block; color: #000000; } @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: #000000; display: inline-block; bottom: 5px; left: 0; } .main-header h1.title img { max-width: 100%; max-height: 75px; } .main-header .search-account { display: none; color: #000000; 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: #000000; } .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: #000000; 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; max-width: 250px; } .main-header .search-account .searchbar-container button { font-size: 14px; top: 7px; background: none; border: 0; padding: 0; margin: 0; position: absolute; color: #626262; } .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 { line-height: 30px; color: #000000; font-family: century-gothic; font-weight: normal; } .main-header .cart .cart-link_white { line-height: 30px; color: #fff !important; font-family: century-gothic; font-weight: bold; } .main-header .cart .cart-link_white:hover { color: #000 !important; } .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: century-gothic; 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: 1em; } .main-header .cart .recently-added { display: none; border: 1px solid #ebebeb; background: #ffffff; 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 #ffffff 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 #ebebeb 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 img { max-width: 80px; } .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 img { max-width: 80px; } .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 #ebebeb; 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 .menu-container.text-center nav.widescreen { margin: 0; } .main-header .menu-container.text-center nav.widescreen_white { margin: 0; } .main-header .main-menu .glyph.arrow-down { top: 2px; position: relative; font-size: 14px; } .main-header .main-menu .widescreen { display: none; margin: 0 0 0 -20px; font-size: 1em; font-family: 'Open Sans', sans-serif ; text-transform: uppercase; font-weight: normal; } .main-header .main-menu .widescreen_white { display: none; margin: 0 0 0 -20px; font-size: 1em; font-family: 'Open Sans', sans-serif ; text-transform: uppercase; font-weight: bold; } @media only screen and (min-width: 768px) { .main-header .main-menu .widescreen { display: block; } .main-header .main-menu .widescreen_white { display: block; } } .lt-ie9 .main-header .main-menu .widescreen { display: block; } .lt-ie9 .main-header .main-menu .widescreen_white { display: block; } .main-header .main-menu .widescreen > ul { margin: 0; } .main-header .main-menu .widescreen_white > ul { margin: 0; } .main-header .main-menu .widescreen > ul > li { margin: 0; } .main-header .main-menu .widescreen_white > ul > li { margin: 0; } .main-header .main-menu .widescreen > ul > li > a { color: #000000; padding: 0 15px; line-height: 30px; } .main-header .main-menu .widescreen_white > ul > li > a { color: #fff; padding: 0 15px; line-height: 30px; } .main-header .main-menu .widescreen > ul > li > a:hover { color: #000000; } .main-header .main-menu .widescreen_white > ul > li > a:hover { color: #000; } .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: #000000; background: transparent; } .main-header .main-menu .widescreen_white .sub-nav { display: none; left: 0; width: 100%; list-style: none; position: absolute; top: 45px; margin: 0; padding: 15px 20px 0 20px; background: #000000; background: transparent; } .main-header .main-menu .widescreen .sub-nav.catalog li { float: none; } .main-header .main-menu .widescreen_white .sub-nav.catalog li { float: none; } .main-header .mobile-tools { position: relative; padding: 20px 0; text-align: center; color: #000000; } @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: #000000; font-size: 20px; padding: 0; margin: 0 22px; } .main-header .mobile-tools a:hover { color: #000000; } .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 .nav-item { text-transform: uppercase; font-weight: bold; width: 100%; border-bottom: 1px solid #ebebeb; background: #ffffff; color: #000000; } .main-header .mobile-menu .nav-item a { display: block; position: relative; margin: 0 auto; padding: 15px 15px; width: 84%; min-width: 290px; color: #000000; } .main-header .mobile-menu .nav-item a:hover { color: #000000; } .main-header .mobile-menu .sub-nav-item { font-weight: normal; text-transform: none; font-family: 'century-gothic'; } .main-header .mobile-menu .sub-nav-item a.disabled { cursor: default; } .main-header .mobile-menu .sub-nav { position: relative; display: none; padding-left: 30px; } .main-header .mobile-menu .sub-nav h3 { margin: 0; } .main-header .mobile-menu .sub-nav .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; } .main-header .mobile-menu .sub-nav ul { margin-left: -30px; padding-left: 60px; } .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; } /* 2.3 - Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .main-footer { /*padding: 0 0 60px 0;*/ background: transparent; color: #222222; /*margin-top: 50px;*/ } .main-footer .footer-divider { padding: 0 0 10px 0; } .main-footer a, .main-footer a:link { color: #222222; } .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;*/ margin 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; margin: 20px 10px 10px 0; } .main-footer .payment-options li .icon { font-size: 30px; } .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: 16px; } /* 3.1 - Searchbar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .searchbar-container { position: relative; } .searchbar-container form { margin: 0; padding: 0 24px 0 10px; width: 250px; } .searchbar-container button { right: 30px; } .searchbar-container .text { display: inline-block; max-width: 250px; 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%; opacity: 1 !important;/*Opacity Image*/ } .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-align: center; text-transform: uppercase; margin-top: 15px; } .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: #86b0e0; font-family: 'Open Sans', sans-serif ; 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: #ffffff; background: #444444; } .product-grid .title { font-family: century-gothic; font-size: 1.16667em; } .product-grid .title a { color: #626262; } .product-grid .vendor a { color: #626262; } .product-grid .price { display: none; margin-top: 15px; font-family: 'Open Sans', sans-serif ; font-size: 1em; color: #626262; } .product-grid em.marked-down-from { text-decoration: line-through; font-size: 1em; text-transform: lowercase; color: #8e8e8e; } /* 3.3 - Breadcrumbs ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .breadcrumbs { color: #8e8e8e; background: none; border: 0; padding-bottom: 35px; margin: 0 0 0 -13px; } .breadcrumbs > * { font-size: 1em; color: #626262; text-transform: capitalize; } .breadcrumbs > * a { font-size: 1em; color: #626262; text-transform: capitalize; } /* 3.4 - Pagination ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .pagination { margin-top: 10px; } .pagination li a, .pagination li.unavailable a, .pagination li.current a { color: #626262; background: none; font-size: 0.83333em; } .pagination li a:hover, .pagination li.unavailable a:hover, .pagination li.current a:hover { background: none; color: #8e8e8e; } .pagination li:hover a { color: #8e8e8e; background: none; } .pagination li.current a:hover { color: #626262; } .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; } /* 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: #a6a9a9; } .rte-content a:hover { color: #909090; } /* 3.5 - Modal ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .modal { display: none; position: fixed; top: 50%; left: 50%; margin-left: -480px; z-index: 9999; background: #ffffff; } .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: #ffffff; 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: #ffffff; border: 1px solid #ebebeb;*/ -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: century-gothic; /*font-family: Arial, Helvetica, sans-serif;*/ vertical-align: top; line-height: 20px; padding: 0 5px; letter-spacing: 0px; } .social-share .glyph:hover { color: #ffffff; } .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; } .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 #ebebeb; } @media only screen and (min-width: 768px) { .template-index .slider { border-bottom: none; } } .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; position: static; padding: 20px; background-color: #ffffff; } @media only screen and (min-width: 768px) { .template-index .slider .slide .caption { background-color: transparent; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 20px; margin: 20px 20px 10px; } } .lt-ie9 .template-index .slider .slide .caption { background-color: transparent; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 20px; margin: 20px 20px 10px; } .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: #ffffff; 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: #626262; position: relative; margin-top: 0; font-size: 1em; padding-bottom: 0; line-height: 1.2; } .template-index .slider .slide .caption .sub-title { color: #626262; position: relative; font-size: 0.83333em; font-weight: 300; } .template-index .slider .slide .caption a.button { color: #f7f7f7; background: #212121; position: relative; font-family: 'Open Sans', sans-serif ; font-size: 0.83333em; text-transform: none; margin-bottom: 0; } .template-index .slider .slide .caption a.button:hover { color: #f7f7f7; 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: 11px; } .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: 11px; } .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: #fffdfd; 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 { background: #ffffff; position: relative; padding-top: 30px; padding-bottom: 30px; } @media only screen and (min-width: 768px) { .template-index .product-slider { padding-top: 100px; padding-bottom: 100px; } } .lt-ie9 .template-index .product-slider { padding-top: 100px; padding-bottom: 100px; } @media only screen and (min-width: 768px) { .template-index .product-slider.disabled .owl-wrapper { width: 100% !important; text-align: center; } .template-index .product-slider.disabled .owl-item, .template-index .product-slider.disabled .product-item { display: inline-block !important; float: none; width: 100%; } .template-index .product-slider.disabled .row.content { text-align: center; } .template-index .product-slider.disabled .product-grid { display: inline-block; width: 100%; min-width: 0; } } .lt-ie9 .template-index .product-slider.disabled .owl-wrapper { width: 100% !important; text-align: center; } .lt-ie9 .template-index .product-slider.disabled .owl-item, .lt-ie9 .template-index .product-slider.disabled .product-item { display: inline-block !important; float: none; width: 100%; } .lt-ie9 .template-index .product-slider.disabled .row.content { text-align: center; } .lt-ie9 .template-index .product-slider.disabled .product-grid { display: inline-block; width: 100%; min-width: 0; } .template-index .product-slider .content.row { padding: 0 50px; } .template-index .product-slider .product-item { max-width: 100%; width: 100%; display: none; padding: 0 10px; margin-bottom: 0; } .template-index .product-slider .owl-prev, .template-index .product-slider .owl-next { color: #626262; 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.8; } .template-index .product-slider .owl-prev { left: 0; margin: -80px 0 0 -40px; } .template-index .product-slider .owl-prev:before { content: "\e61a"; } .template-index .product-slider .owl-next { right: 0; margin: -80px -40px 0 0; } .template-index .product-slider .owl-next:before { content: "\e61b"; } .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; } .template-index .widgets .small-promos .row { padding: 0; } .template-index .widgets .small-promos .columns { margin: 0; padding: 0; } .template-index .widgets .small-promos .columns:last-child { margin: 0; } .template-index .widgets .small-promos .image-text-widget { position: relative; } .template-index .widgets .small-promos img { width: 100%; } .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: #ffffff; 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: #626262; font-size: 1.5em; } .template-index .widgets .small-promos .caption h2 { color: #a6a9a9; margin: 0; font-family: 'Open Sans', sans-serif ; 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 { text-align: center; } .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: #ffffff; 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: #626262; font-size: 1.5em; } .template-list-collections .caption .product-count { color: #a6a9a9; margin: 0; font-family: 'Open Sans', sans-serif ; font-size: 1.16667em; font-weight: normal; text-transform: uppercase; } /* 4.3 - Collection ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .template-collection .main-content { margin-bottom: 0; } .template-collection .main-content header .tag-filter { padding-top: 6px; text-align: right; margin: 0 0 15px 0; } .template-collection .main-content header .tag-filter .title { margin-right: 5px; vertical-align: top; } .template-collection .main-content header .tag-filter form.custom { display: inline-block; vertical-align: top; margin: -4px 0 0 0; } .template-collection .main-content header .tag-filter form.custom .custom.dropdown { margin: 0; } .template-collection .main-content header .tag-filter form.custom .custom.dropdown ul { left: auto; right: -1px; text-align: left; } .template-collection .main-content .description { font-family: 'Open Sans', sans-serif ; text-transform: none; margin: 40px 0; } .template-collection .main-content .product-grid { margin: 30px auto 0; } .template-collection .main-content .divider.bottom-margin { margin-bottom: 20px; } .template-collection .main-content footer .right .pagination { float: right; } .template-collection .main-footer { margin-top: 0; } /* 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: century-gothic; font-size: 1em; } .template-product header .previous-next .columns { height: 80px; padding-top: 30px; padding-bottom: 30px; } .template-product article { padding-top: 30px; padding-bottom: 100px; } @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 { color: #626262; text-transform: uppercase; } .template-product article .vendor { text-transform: uppercase; font-weight: 300; color: #626262; } .template-product article .vendor a { color: #626262; } .template-product article .variants.hidden { display: none; } .template-product article .variants { max-width: 250px; } .template-product article .prices .actual-price { font-family: 'Open Sans', sans-serif ; color: #626262; font-weight: lighter; font-size: 18px; } .template-product article .prices .compare-price { text-decoration: line-through; font-size: 1.16667em; text-transform: lowercase; color: #8e8e8e; font-style: italic; } .template-product article .quantity { float: left; margin-right: 22px; } .template-product article .quantity input { font-size: 1em; width: 70px; height: auto; padding-top: 12px; padding-bottom: 12px; } .template-product article .add-to-cart .sold-out { display: none; padding: 24px 0 0 0; float: left; font-size: 1em; color: #f25a1d; 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: 12px 0 0 0; font-family: century-gothic; color: #ffffff; font-size: 1.16667em; background: #000000; text-transform: uppercase; letter-spacing: 1px; } .template-product article .add-to-cart .button:hover { background: #b4a4a8; } .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 #ebebeb; } @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 #ebebeb; max-width: 100%; } .template-product .photos .container .photo { display: none; top: 0; left: 0; position: relative; } .template-product .photos .container .zoomImg { background: #ffffff; } .template-product .social-share { text-align: center; background: #fafafa; padding: 50px 0; } .lt-ie9 .template-product .social-share { margin-top: 50px; } .template-product .social-share .title { text-transform: uppercase; margin-bottom: 30px; } .template-product .similar-products { text-align: center; margin: 0; padding-top: 100px; padding-bottom: 100px; } .template-product .similar-products h2.title { font-family: century-gothic; 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: century-gothic; font-size: 1.16667em; text-transform: uppercase; } .template-product .similar-products .caption .title .price { font-size: 1em; } .template-product.is-set article .variants { display: inline-block; max-width: none; } .template-product.is-set article .selector-wrapper { display: inline-block; margin-right: 0.5em; } .template-product.is-set article select {padding: 13px 25px 13px 10px;} .template-product.is-set article .quanity-cart-row {display: inline-block;} .template-product.is-set article .quantity {display: inline-block; float: none;} .template-product.is-set article .add-to-cart {display: inline-block;} .template-product.is-set article .add-to-cart .button {float: none;} .template-product.is-set article .quantity input {display: inline-block; height: auto; padding-top: 12px; padding-bottom: 12px;} .template-product.is-set p span.actual-price {position: static;} .template-product.is-set p span.compare-price {text-decoration: line-through;} .template-product.page-gift-card .quantity { position: relative; } .template-product.page-gift-card .quantity-nav { display: inline-block; position: absolute; vertical-align: top; height: auto; right: -20px; top: 20px; } .template-product.page-gift-card article .add-to-cart .button { margin-top: 20px; } @media only screen and (max-width: 480px) { .template-product.page-gift-card .quantity-nav { height: 39px; top: 16px; } } /* 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; } .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; } .template-page .main-content .contact-form textarea { max-width: 300px; height: 100px; } /* 4.6 - Search ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .template-search .main-content .narrow.row { max-width: 960px; margin: 0; } .template-search .main-content .page-title { padding-top: 15px; } .template-search .main-content .divider { border-top: 1px solid #ebebeb; } .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; } .template-search .main-content .row.summary .columns { padding: 10px 0; } @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 { max-width: 250px; } .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 .searchbar-container button { font-size: 14px; top: 7px; background: none; border: 0; padding: 0; margin: 0; position: absolute; color: #626262; } .template-search .main-content .thumbnail { min-height: 1px; } .template-search .main-content .pagination { float: right; } /* 4.7 - Blog & Article ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .template-blog .blog-title .text, .template-article .blog-title .text { font-family: 'Open Sans', sans-serif ; font-size: 2em; color: #626262; 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: 'Open Sans', sans-serif ; 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: #626262; 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: 'Open Sans', sans-serif ; font-size: 2em; color: #8e8e8e; margin: 0; } .template-blog .article .middle-column .content, .template-article .article .middle-column .content { font-family: 'Open Sans', sans-serif ; 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 #ebebeb; } .template-blog .article .middle-column .comments .comment, .template-article .article .middle-column .comments .comment { border-bottom: 1px solid #ebebeb; padding: 15px 0; } .template-blog .article .middle-column .comments .title, .template-article .article .middle-column .comments .title { font-size: 1.5em; color: #626262; padding: 15px 0; } .template-blog .article .middle-column .comments label, .template-article .article .middle-column .comments label { font-family: 'Open Sans', sans-serif ; font-size: 1em; } .template-blog .article .middle-column .comments .date, .template-article .article .middle-column .comments .date { font-family: 'Open Sans', sans-serif ; 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: #626262; } .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: #626262; border-bottom: 1px solid #ebebeb; } .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 #ebebeb; 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 .empty-cart.row { max-width: 60em; } .template-cart .empty-cart.row h1 { font-size: 1.16667em; margin-bottom: 30px; } .template-cart .empty-cart.row h2 { font-size: 1em; } .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 { width: 30px; } .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: 120px; } .template-cart .cart-table .glyph.cross { font-size: 18px; } .template-cart .order-notes { padding: 0 0 10px; text-align: right; } .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 { padding: 12px 18px; } @media only screen and (min-width: 768px) { .template-cart .totals .button { padding: 12px 24px; } } .lt-ie9 .template-cart .totals .button { padding: 12px 24px; } .template-cart .continue-shopping { padding-top: 10px; } .template-cart .shipping-taxes-notification { margin-bottom: 20px; } .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 .row { max-width: 57.5em; margin: 0; } .account-content .row.large { max-width: 106.66667em; } .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 a, .account-content a:link { text-decoration: underline; } .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; } /* 4.10 - Password ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .template-password { background-color: #272A2F; } .template-password .fullscreen-bg-image { z-index: 1; min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed; top: 0; left: 0; } .template-password .main-header, .template-password .main-footer { display: none; } .template-password .login { z-index: 2; position: absolute; top: 30px; right: 30px; } .template-password .login .login-form { visibility: hidden; position: fixed; margin: -50.5px 0 0 -100px; left: 50%; top: 50%; width: 200px; } .template-password .login .login-form .errors { color: #f25a1d; } .template-password .login .login-form .errors ul { list-style: none; margin: 0 0 15px; padding: 0; } .template-password .login .button { margin-right: 10px; } .template-password .wrapper { position: relative; z-index: 2; margin: 30px auto 30px; text-align: center; float: none; } .template-password h1.title { margin-bottom: 50px; } @media only screen and (min-width: 768px) { .template-password h1.title { margin-bottom: 150px; } } .lt-ie9 .template-password h1.title { margin-bottom: 150px; } .template-password h1.title a { font-family: 'Open Sans', sans-serif ; } .template-password .mailing_list { margin-top: 30px; display: inline-block; } .template-password .mailing_list input[type="email"] { display: inline-block; width: auto; margin-right: 5px; } .template-password .mailing_list input[type="submit"] { display: inline-block; width: auto; padding: 0 15px; } .template-password .mailing_list .success { font-style: italic; } .template-password .powered_by { display: table-cell; vertical-align: bottom; padding: 50px 30px 10px; line-height: 24px; } @media only screen and (min-width: 768px) { .template-password .powered_by { padding-top: 150px; } } .lt-ie9 .template-password .powered_by { padding-top: 150px; } .template-password .lock-svg { width: 12.8px; height: 12.8px; display: inline-block; vertical-align: baseline; } .template-password .shopify-logo-svg { width: 82.28571px; height: 24px; display: inline-block; line-height: 0; vertical-align: top; } .template-password .shopify-logo-svg path, .template-password .lock-svg path { fill: currentColor; } .template-password .shopify-name { display: none; } .lt-ie9 .template-password .shopify-logo-svg { display: none; } .lt-ie9 .template-password .shopify-name { display: inline; } /* =============================================== // Reveal module // =============================================== */ .reveal .hidden { display: block !important; visibility: visible !important;} .product:hover .reveal img { opacity: 1; } .reveal { position: relative; } .reveal .hidden { position: absolute; z-index: -1; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .reveal:hover .hidden { z-index: 10; opacity: 1; } .reveal .caption { position: absolute; top: 0; display: table; width: 100%; height: 100%; background-color: white; /* fallback for IE8 */ background-color: rgba(255, 255, 255, 0.7); font: 13px/1.6 sans-serif; text-transform: uppercase; color: #333; letter-spacing: 1px; text-align: center; text-rendering: optimizeLegibility; } .reveal .hidden .caption .centered { display: table-cell; vertical-align: middle; } @media (min-width: 480px) and (max-width: 979px) { .reveal .caption { font-size: 11px; } } /* =============================================== // Custom CSS // =============================================== */ .one-half-col-left { width:48%; float:left; } .one-half-col-right { width:48%; float:right; } @media only screen and (max-width: 600px) { .one-half-col-left, .one-half-col-right, .one-third-column, .one-third-column-last { float:none; width:100%; margin-right:0; } } p span.actual-price { bottom: 30px; position: relative; } .template-product article .page-title { font-weight: normal; } .product-grid .title a { font-size: 11px; } .main-footer .column-3 { margin: 30px 0 0; text-align: right !important; } .main-footer .payment-options { margin-left: -15px; text-align: left !important; } .page-flagship-store .page-title{ display: none; } .page-about .page-title, .page-contact .page-title, .page-shop-our-instagram .page-title, .page-your-shopping-cart .page-title, .page-terms-amp-conditions .page-title, .page-delivery-amp-returns .page-title, .page-payment-amp-security .page-title, .page-size-chart .page-title, .template-collection .page-title { border-bottom: 1px solid #b4a4ae; font-size: 20px; font-weight: 400; line-height: 1; margin-bottom: 20px; padding-bottom: 10px; text-align: left; text-transform: uppercase; color: #b4a4ae; } .template-product .similar-products h2.title { border-bottom: 1px solid #b4a4ae; font-size: 20px; font-weight: normal; line-height: 1; margin-bottom: 20px; padding-bottom: 10px; text-align: left; text-transform: uppercase; color: #b4a4ae; } h1.page-title.collectionsprod { margin-bottom: 0px; font-size: 20px; font-weight: normal; padding-bottom: 10px; text-transform: uppercase; } /*.modal.with-nav { top: none !important; }*/ .modal.with-nav { top: 40 !important; } .template-product .modal .close, .modal .prev, .modal .next { background: none; opacity: 1; } .template-product .description { display: block !important; } .main-header .main-menu .glyph.arrow-down.disabled { display: none; } .mobile img { display: none; } [id^="zbwid-"] > iframe { margin: 0 auto; } [id^="zbwid-"] { max-width: 100% !important; } .ztb-cf-content { box-shadow: none !important; padding: 0 !important; } span.logo-ztb.icon-zotabox-logo { display: none; } .ztb-cf-content .ztb-submit, .ztb-cf-content .ztb-submit .ztb-text-fly, body .ztb-cf-content .ztb-submit .ztb-text-fly{ font-family: century-gothic !important; font-weight: 400 !important; } input#name.ztb-item.ztb-field, input#phone.ztb-item.ztb-field, input#email.ztb-item.ztb-field, input#company.ztb-item.ztb-field, .ztb-cf-content .ztb-field, .ztb-cf-content .ztb-message{ font-family: century-gothic !important; font-style: normal; font-weight: normal; } .ztb-cf-content .ztb-field, .ztb-cf-content .ztb-message { font-style: normal !important; font-family: century-gothic !important; } span.ui-dform-span.ztb-text-fly { font-family: century-gothic !important; font-weight: 400 !important; font-size: 12px !important; } .ztb-cf-content .ztb-submit .ztb-text-fly { font-family: century-gothic !important; font-weight: 400 !important; font-size: 12px !important; } .ztb-cf-content .ztb-field, .ztb-cf-content .ztb-field-wrapper { font-family: century-gothic !Important; font-size: 12px !important; } .ztb-cf-content { padding: auto !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } @media all and (max-width:479px){ .mobile img { display: block; margin: 0 auto; max-height: 55px !important; max-width: 100% !important; } .dekstop img { display: none; } .main-footer .column-1 { text-align: left; width: 60%; } .main-footer .payment-options li .icon { font-size: 25px; } .main-footer .column-2 { display: none; } .main-footer .column-3 { margin: 25px 0 0; text-align: right !important; width: 40%; } .main-footer .social-follow .glyph { font-size: 16px; } .template-index .main-content { min-height: 100% !important; padding: 0 0 25px; } } @media only screen and (min-width:480px) and (max-width: 767px) { .mobile img { display: block; margin: 0 auto; max-height: 55px !important; max-width: 100% !important; } .dekstop img { display: none; } .main-footer .column-1 { text-align: left; width: 60%; } .main-footer .payment-options li .icon { font-size: 25px; } .main-footer .column-2 { display: none; } .main-footer .column-3 { margin: 25px 0 0; text-align: right !important; width: 40%; } .main-footer .social-follow .glyph { font-size: 16px; } .template-index .main-content { min-height: 100% !important; padding: 0 0 25px; } } /* 5.1 - Full screen homepage slider [Plus] ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .plus-full-screen-slider, .plus-full-screen-slider .template-index, .plus-full-screen-slider .template-index .main-content, .plus-full-screen-slider .template-index .slider, .plus-full-screen-slider .template-index .slider div { height: 100%; } .plus-full-screen-slider .template-index .main-footer { bottom: 0; position: absolute; width: 100%; z-index: 2; } .plus-full-screen-slider .template-index .main-header .mobile-tools a, .plus-full-screen-slider .template-index .main-footer, .plus-full-screen-slider .template-index .main-footer a, .plus-full-screen-slider .template-index .main-footer a:link { color: #fff; } .plus-full-screen-slider .template-index .slider .slide { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .plus-full-screen-slider .template-index .slider .home-slider-slide-1 { background-image: url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-slide-1.jpg?211115137390821153'); } .plus-full-screen-slider .template-index .slider .home-slider-slide-2 { background-image: url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-slide-2.jpg?211115137390821153'); } .plus-full-screen-slider .template-index .slider .home-slider-slide-3 { background-image: url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-slide-3.jpg?211115137390821153'); } .plus-full-screen-slider .template-index .slider .home-slider-slide-4 { background-image: url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-slide-4.jpg?211115137390821153'); } .plus-full-screen-slider .template-index .slider .home-slider-slide-5 { background-image: url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-slide-5.jpg?211115137390821153'); } .plus-full-screen-slider .template-index .slider .home-slider-slide-6 { background-image: url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-slide-6.jpg?211115137390821153'); } /* Mobile nave and slider styles */ @media only screen and (max-width: 767px) { .plus-full-screen-slider .mobile-tools--right, .plus-full-screen-slider .template-index .main-header { position: absolute; } .plus-full-screen-slider .mobile-tools--right { right: 0; top: -6px; } .plus-full-screen-slider .main-header h1.title img { max-height: 55px; } .plus-full-screen-slider .main-header .bottom-row { display: none; } .plus-full-screen-slider .template-index .main-content { padding-bottom: 0; } .plus-full-screen-slider .template-index .main-footer .payment-options li, .plus-full-screen-slider .template-index .main-footer .social-follow a { margin-right: 5px; } .plus-full-screen-slider .template-index .main-footer .payment-options li .icon { font-size: 18px; } .plus-full-screen-slider .template-index .main-footer .social-follow a { font-size: 14px; } .plus-full-screen-slider .template-index .slider .home-slider-slide-1 { background-image: url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-mobile-slide-1.jpg?211115137390821153'); } .plus-full-screen-slider .template-index .slider .home-slider-slide-2 { background-image: url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-mobile-slide-2.jpg?211115137390821153'); } .plus-full-screen-slider .template-index .slider .home-slider-slide-3 { background-image: url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-mobile-slide-3.jpg?211115137390821153'); } .plus-full-screen-slider .template-index .slider .home-slider-slide-4 { background-image: url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-mobile-slide-4.jpg?211115137390821153'); } .plus-full-screen-slider .template-index .slider .home-slider-slide-5 { background-image: url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-mobile-slide-5.jpg?211115137390821153'); } .plus-full-screen-slider .template-index .slider .home-slider-slide-6 { background-image: url('//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-mobile-slide-6.jpg?211115137390821153'); } } /* Background cover fallback for IE8 */ .lt-ie9.plus-full-screen-slider .template-index .slider .home-slider-slide-1 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-slide-1.jpg?211115137390821153', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-slide-1.jpg?211115137390821153', sizingMethod='scale')"; } .lt-ie9.plus-full-screen-slider .template-index .slider .home-slider-slide-2 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-slide-2.jpg?211115137390821153', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-slide-2.jpg?211115137390821153', sizingMethod='scale')"; } .lt-ie9.plus-full-screen-slider .template-index .slider .home-slider-slide-3 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-slide-3.jpg?211115137390821153', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-slide-3.jpg?211115137390821153', sizingMethod='scale')"; } .lt-ie9.plus-full-screen-slider .template-index .slider .home-slider-slide-4 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-slide-4.jpg?211115137390821153', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-slide-4.jpg?211115137390821153', sizingMethod='scale')"; } .lt-ie9.plus-full-screen-slider .template-index .slider .home-slider-slide-5 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-slide-5.jpg?211115137390821153', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-slide-5.jpg?211115137390821153', sizingMethod='scale')"; } .lt-ie9.plus-full-screen-slider .template-index .slider .home-slider-slide-6 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-slide-6.jpg?211115137390821153', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/home-slider-slide-6.jpg?211115137390821153', sizingMethod='scale')"; } /* No Paypal Express */ button#paypal-express-button { display: none; } /* Promo Bar */ .promo-bar { width: 100%; display: none; text-align: center; background-color: #000; padding-top: 6px; padding-bottom: 6px; font-size: 10px; font-weight: 600; color: #fff; } /* Promo Bar Mobile Only*/ @media only screen and (max-width: 767px) { .promo-bar { width: 100%; display: none; text-align: center; background-color: #000; padding-top: 6px; padding-bottom: 6px; font-size: 8px; font-weight: 600; color: #fff; } body.page-gooseberry-intimates.template-index .promo-bar { display: none; } } /* Discount Code on Cart Page */ .discount-code-container { margin-bottom: 25px; } .discount-code-container label { display: inline-block; margin-right: 10px; } .discount-code-container input { padding: 5px; outline: 0; color: #626262; letter-spacing: 1px; } /* Homepage Menu Dropdown */ .main-menu-dropdown-panel .large-3 { background-color: rgba(0, 0, 0, 0.5); } /* Add Your Custom Styles Here */ .main-header .main-menu-dropdown-panel .large-3 a { color: #ffffff !important; } .main-header .main-menu-dropdown-panel .large-3 a:hover { color: #000000 !important; } @media screen and (min-width: 769px), print { body:not(.template-index) .main-header .main-menu-dropdown-panel { background: transparent !important; } } .highlight { color: #000000; text-transform: uppercase; font-size: 14px; } label { font-size: 11px; } .product-info-popup { text-transform: uppercase; font-weight: 800; color: #000; } .product-info-popup .info-popup { cursor: pointer; } .product-info-popup .pop-content { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.8); top: 0; left: 0; z-index: 100; } .product-info-popup .pop-content .inner { width: 90%; max-width: 740px; height: 90%; padding: 45px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #ffffff; display: block; } .product-info-popup .pop-content .scrollable { overflow: auto; height: 100%; } .product-info-popup .pop-content .close { position: absolute; top: 0; right: 0; cursor: pointer; font-size: 30px; color: #000; background: #fff; padding: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.5; z-index: 1000; } .product-info-popup .pop-content .close:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.7; } .template-product .description { display: none; } .payment-options .icon-apple_pay:before { background: url(//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/apple-pay-logo.png?211115137390821153); content: ""; display: inline-block; width: 54px; height: 26px; background-size: 100%; background-repeat: no-repeat; vertical-align: text-bottom; } .template-index .payment-options .icon-apple_pay:before { background-image: url(//cdn.shopify.com/s/files/1/1254/6073/t/82/assets/apple-pay-logo-white.png?211115137390821153); } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .quantity-nav { display: inline-block; position: absolute; vertical-align: top; height: 43px; } .quantity-button { position: relative; cursor: pointer; border-left: 1px solid #eee; width: 20px; text-align: center; color: #333; font-size: 13px; font-family: "Trebuchet MS", Helvetica, sans-serif !important; line-height: 1.7; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background: #ebebeb; height: 50%; } @media all and (max-width: 767px) { .payment-options .icon-apple_pay:before { width: 35px; height: 16px; } .product-grid { width: 100%; text-align: center; } .product-grid .product-item { width: 48.5%; display: inline-block; padding-right: .625em; } .product-grid .product-item.mobile-right { padding-right: 1.25em; padding-left: .625em; float: none; } .main-content { padding-top: 90px; } .main-content h1.page-title { text-align: center; } .template-product .thumbs { width: 100%; max-width: 400px } .template-product .thumbs .thumb { width: 18.5%; } .template-product .similar-products h2.title { padding-left: 15px; } .template-product article { padding-bottom: 50px; } .template-product .similar-products { padding-top: 50px; padding-bottom: 30px; } .product-info-popup .pop-content .inner { padding: 50px 0 0 0; font-size: 10px; word-break: break-word; } .product-info-popup .pop-content .scrollable { padding: 0 15px 30px; } .product-info-popup .pop-content table { width: 100%; } .product-info-popup .pop-content table tr td { font-size: 10px; } /* Disable auto zoom on iOS by increading font size */ .template-product.is-set article select { padding: 9px 25px 9px 10px; font-size: 16px; } .template-product.is-set article .quantity input { font-size: 16px; padding-top: 9px; padding-bottom: 9px; } } @media all and (max-width: 480px) { .template-product article .variants { width: 100%; } .template-product article .selector-wrapper { width: 31%; margin-right: 3% !important; } .template-product.is-set article .quanity-cart-row { width: 100%; } .template-product.is-set article select { padding: 7px 20px 7px 9px; font-size: 15px; } .template-product article .quantity { margin-right: 0; width: 30%; } .template-product.is-set article .quantity input { width: 100%; font-size: 16px; padding-top: 8px; padding-bottom: 8px; height: 39px; } .template-product.is-set article .add-to-cart { width: 100%; position: relative; top: -2px; } label { font-size: 9px; } .template-product article .add-to-cart .button { font-size: .9em; letter-spacing: 0; padding: 15px 1em; width: 100%; } .social-share .glyph { margin: 0; padding: 5px; font-size: 16px; } .main-footer .payment-options li .icon { font-size: 16px; } .main-footer .payment-options li { margin: 20px 4px 10px 0; } .payment-options .icon-apple_pay:before { width: 30px; height: 14px; } .main-footer .column-1 { width: auto; padding: 0 0 0 15px; } .main-footer .social-follow .glyph { font-size: 13px; margin: 0 4px 10px 0; } .main-footer .column-3 { width: auto; margin: 22px 0 0; float: right !important; } .quantity-nav { height: 39px; } } /* Instabadge */ a.instabadge-badge-container { position:relative; } .instabadge-badge { position:absolute; top: 0px; right: 0px; max-width: 30%; max-height: 30%; z-index: 1; transition: all .2s ease-in-out; } .instabadge-badge:hover { transform: scale(1.1, 1.1); transition: all .2s ease-in-out; } .badge { display:none!important; } div.instabadge-badge.instabadge-new { min-width: 60px; width: 10%; top: auto; left: auto; bottom: 0; right: 0; } /* Re-instate mobile added to cart feedback */ @media only screen and (max-width: 767px) { .plus-full-screen-slider .main-header .bottom-row { display: block; padding: 0; } } /* Attempting to stop the autozoom on mobile form inputs */ /* @media only screen and (max-width: 767px) { .template-product.is-set article select:focus { font-size: 16px; padding: 8px 25px 9px 10px; position: relative; top: 2px; margin-top: -2px; } .template-product.is-set article .quantity input:focus { font-size: 16px; padding: 7px 25px 8px 10px; position: relative; top: 2px; margin-top: -2px; margin-bottom: 14px; } } */ /* Product image arrows for mobile */ @media only screen and (max-width: 767px) { .arrow-mobile-product { position: absolute; top: 50%; width: 26px; padding: 7px; } .arrow-mobile-product.arrow-left { left: 15px; } .arrow-mobile-product.arrow-right { right: 15px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } } .main-header .cart .recently-added.mobile { padding-top: 30px; } .recently-added.mobile img { max-height: 150px!important; } .recently-added.mobile .cart-detail { vertical-align: top; padding-left: 10px; } .recently-added.mobile .cart-price { padding-top: 10px; } .recently-added.mobile .items-count { float: left; padding-top: 10px; } .recently-added.mobile .items-count + p { text-align: right; border-top: 1px solid #ebebeb; padding-top: 10px; } .recently-added.mobile .columns p:first-child strong { text-transform: none; font-weight: 100; font-size: 14px; } .recently-added.mobile .columns p:last-child strong { text-transform: none; font-weight: 100; } /* Fixed header for mobile and nav for desktop */ .main-header { z-index: 20; } .main-header .bottom-row { padding: 7px 0 7px 0; } .main-header.fixed-nav .fixed-nav-group { position: fixed; background: #ffffff; width: 100%; top: 0; } .main-header.fixed-nav .fixed-nav-group .bottom-row{ padding-bottom: 7px; } @media screen and (max-width: 767px) { .main-header.fixed-header { position: fixed; background: #ffffff; width: 100%; top: 0; } .main-header .row.top { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; transition: all 300ms ease; } .main-header.fixed-header .row.top { padding-top: 8px; padding-bottom: 8px; } .plus-full-screen-slider .main-header.fixed-header h1.title img { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; transition: all 300ms ease; } .plus-full-screen-slider .main-header.fixed-header h1.title img { max-height: 36px; } .main-header.fixed-header .mobile-tools { padding: 12px 0; } } /* New searchbar and fixed header for mobile/nav for desktop */ .new-searchbar { position: absolute; right: 50px; top: -8px; } .fixed-nav .new-searchbar { top: 10px; font-size: 10px; } .main-header .bottom-row .cart-container { bottom: 23px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; transition: all 300ms ease; } .main-header.fixed-nav .bottom-row .cart-container { top: 30px; font-size: 10px; } .new-searchbar form { margin-bottom: 0; position: relative; } .new-searchbar button { background: none; color: #444444; display: inline-block; margin-bottom: 0; padding: 7px; position: absolute; right: 0; top: 0; } .new-searchbar input { display: inline-block; width: 90px; margin-bottom: 0; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0); line-height: 30px; color: #000000; font-family: century-gothic!important; font-weight: bold; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; padding-bottom: 0; } .new-searchbar input:focus { width: 145px; border: none; border-bottom: 1px solid #444444; } .new-searchbar ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000000; } .new-searchbar ::-moz-placeholder { /* Firefox 19+ */ color: #000000; } .new-searchbar :-ms-input-placeholder { /* IE 10+ */ color: #000000; } .new-searchbar :-moz-placeholder { /* Firefox 18- */ color: #000000; } .template-index .new-searchbar input { color: #ffffff; background: none; } .template-index .new-searchbar button { color: #ffffff; } .template-index .new-searchbar input:focus { border-bottom: 1px solid #ffffff; } .template-index .new-searchbar ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ffffff; } .template-index .new-searchbar ::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; } .template-index .new-searchbar :-ms-input-placeholder { /* IE 10+ */ color: #ffffff; } .template-index .new-searchbar :-moz-placeholder { /* Firefox 18- */ color: #ffffff; } @media screen and (max-width: 767px) { .new-searchbar { display: none; } } .main-header .bottom-row .menu-container { min-height: 60px; } .main-header .bottom-row .menu-container:before { content: " "; height: 100%; } .main-header .bottom-row .menu-container .main-menu { position: absolute; width: 100%; left: 0; top: 70%; transform: translateY(-50%); padding: 0px 150px; } .mobile-tools .search.new-mobile-search { margin: 0; position: relative; top: 1px; } .new-mobile-search-container { display: none; } .new-mobile-search-container.active { } .new-mobile-search-container .searchbar-container form { margin: auto; width: 280px; position: relative; padding: 0 22px 0 22px; } .new-mobile-search-container button { position: absolute; top: 0; background: none; color: #bbbbbb; right: 22px; margin: 0; padding: 12px; } .new-mobile-search-container .searchbar-container input { padding-left: 10px; background: none; border: 1px solid #bbbbbb; border-radius: 0; font-size: 16px; } @media screen and (max-width: 480px) { .main-header .mobile-tools a.cart { margin-left: 5px; } } @media only screen and (max-width: 767px) { .plus-full-screen-slider .main-header h1.title img { max-height: 35px !important; } .main-header .row.top, .main-header .mobile-menu, .promo-bar { position: fixed; } .main-header .top.row { z-index: 100; top: 17px; padding: 15px 0; background-color: white; } .template-index .main-header .top.row { background-color: transparent; } .promo-bar { z-index: 101; } .main-header .mobile-menu { width: 100%; top: 98px; overflow-y: scroll; height: 100%; } } /* Social Media Share */ .template-product .social-share { padding: 30px 0; } .template-product .social-share .title { margin-bottom: 0px; } .template-product article { padding-bottom: 0px; } .template-product .similar-products { padding-top: 0px; } .template-product .social-share { background: #fff; } /* Product Mobile Align */ @media (max-width: 767px) { .product-grid .product-item { vertical-align: top; } } /* No Social Share */ .template-product .social-share { background: #fff; display: none; } /* Instagram Product Gallery */ .instagallery h2 { border-bottom: 1px solid #b4a4ae; font-size: 20px; font-weight: normal; line-height: 1; margin-bottom: 20px; padding-bottom: 10px; text-align: left; text-transform: uppercase; color: #b4a4ae; } .instagallery { padding-top: 40px; padding-bottom: 40px; } @media (max-width: 767px) { .instagallery h2 { padding-left: 15px !important; } } // Size guide icon i.icon-size-guide { display: inline-block; } /** Transparent Mobile Menu **/ @media screen and (max-width: 768px) { .main-header .mobile-menu .nav-item { background: transparent !important; border-bottom: 0; } .main-header .mobile-menu { background: rgba(0, 0, 0, 0.7) !important; } } .main-header .mobile-menu .nav-item a { color: #fff !important; padding: 10px 15px !important; } .template-index .main-header .top.row { padding-top: 55px !important; } .main-header-top.row.is-dark .logo { color: #fff !important; } .main-header-top.row.is-dark .mobile-tools a { color: #fff !important; } .main-header .mobile-menu .glyph.plus { color: #fff; } .main-header .top.row { top: 14px; } } .template-product .gw_gc-toggle-button h4 { display: none; } .template-product h4 { display: none !important; } .tracktorFulfullmentWrap #tracktorProgress > div ul { padding-left: 0; } #tracktorOrderForm { padding: 30px 0 00; } #tracktor.themeLight .tracktorFulfillmentCol1 ul li ul { background-color: rgba(0, 0, 0, 0.04); } /** Product Alternate **/ @media (max-width: 480px) { .template-product article .selector-wrapper { width: 47%; } } @media screen and (max-width: 768px) { .product-info-section .info-popup { font-size: 9px; } } /** My Account **/ .myaccount { float: left; text-align: left; display: inline-block; margin-bottom: -20px; } .myaccount span { font-family: century-gothic; text-transform: capitalize; letter-spacing: 0; } a.glyph.account { color: #000; } .template-index a.glyph.account { color: #fff; } .template-index .myaccount span { color: #fff; } @media only screen and (max-width: 767px) { .myaccount { display: none; } } /** Footer FAQ **/ .main-footer a:link { padding-right: 20px; text-transform: uppercase; font-size: 10px; } .main-footer .column-3 { margin: 0; } /** Mobile no FAQ on Footer **/ @media only screen and (max-width: 767px) { .faq-footer { display: none; } .social-follow { text-align: center; } .sidebar { display: none; } .main-footer .column-3 { width: 100%; } } /** Campaigns **/ .page-campaigns .rte-content p { margin-bottom: 0; } .page-campaigns footer { padding-top: 32px; } /** 2 Columns **/ .one-half-column-left { width:48%; float:left; } .one-half-column-right { width:48%; float:right !important; } @media only screen and (max-width: 600px) { .one-half-column-left, .one-half-column-right, .one-third-column, .one-third-column-last { float:none; width:100%; margin-right:0; } } /** Customer Care **/ .sidebar a { display: block; padding: 10px 0; font-size: 16px; text-transform: uppercase; } /** Points & Rewards **/ .points-rewards { float: right; text-align: right; display: inline-block; margin-bottom: -20px; } .points-rewards span { font-family: century-gothic; text-transform: capitalize; letter-spacing: 0; } a.glyph.points-rewards { color: #000; } .template-index a.glyph.points-rewards { color: #fff; } .template-index .points-rewards span { color: #fff; } @media only screen and (max-width: 767px) { .points-rewards { display: none; font-size: 1px; opacity: 0; } .plus-full-screen-slider .mobile-tools--left { position: absolute; left: 0; top: -6px; } .plus-full-screen-slider .logo-wrapper { position: relative; } } .points-rewards { display: inline-block; } .account-content .row { max-width: 100%; margin: 0; } button, .button { text-decoration: none !important; } .account-content a, .account-content a:link { text-decoration: none; } .sweettooth-launcher-container { bottom: 110px !important; } @media only screen and (max-width: 767px) { .sweettooth-launcher-container { bottom: 40px !important; right: 10px !important; } } .page-account .button a { color: #fff; } .sale { color: red; } .actual-price.red { color: red; } .template-product .thumbs .thumb { width: 72px; } .glyph.youtube { color: rgb(233, 94, 95) !important; } .template-product .sizelabel { margin-bottom: -17px; } /** Large Mobile Product **/ @media only screen and (max-width: 480px) { .template-product .positions.show-for-small.columns.active { padding: 0; } .needpadding { padding-left: 1.25em; padding-right: 1.25em; } .template-product .main-content { padding-top: 30px; } .template-product .thumbs .thumb { width: 50px; max-width: 15%; } } li.sub-nav-item { margin-bottom: 10px; } /* Article */ .article.column.large-12 { padding-left: 0; padding-right: 0; } .template-article .article { width: 100%; } .article .featured-image { display: none; } .side-bar.columns.large-3 { display: none; } .main-header .top.row { top: 0; } .page-international-size-chart table p { margin-bottom: 0px; } .page-international-size-chart table tr td { border: 1px solid #626262; } @media screen and (max-width: 768px) { .page-international-size-chart .rte-content table { width: 100%; font-size: 9px; } } .template-blog .articles, .template-article .articles { width: 100%; } .template-blog p.title { height: 53px; margin-bottom: 0; padding-top:5px; } .fixed-nav-group .columns.large-6.large-3 { max-width: 600px; } /** Color Checkboxes **/ .custom-color label { display: inline-block; padding-left: 12px; }