Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html, body, div, span, applet, object, iframe, h2, h3, h3, h4, h5, h6, p, blockquote, pre,
- a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
- small, strike, strong, sub, sup, tt, var, b, u, i, center,
- dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
- table, caption, tbody, tfoot, thead, tr, th, td,
- article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
- menu, nav, output, ruby, section, summary, time, mark, audio, video {
- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
- font: inherit;
- vertical-align: baseline;
- }
- article, aside, details, figcaption, figure,
- footer, header, hgroup, menu, nav, section {
- display: block;
- }
- body {
- line-height: 1;
- }
- ol, ul {
- list-style: none;
- }
- blockquote, q {
- quotes: none;
- }
- blockquote:before, blockquote:after,
- q:before, q:after {
- content: '';
- content: none;
- }
- table {
- border-collapse: collapse;
- border-spacing: 0;
- }
- .clear:before,
- .clear:after {
- content: "";
- display: table;
- }
- .clear:after {
- clear: both;
- }
- .clear {
- zoom:1;
- }
- img,
- embed,
- object,
- video {
- max-width: 100%;
- }
- ::selection {
- background: {{theme.highlight_color}};
- color: {{theme.primary_color}};
- }
- ::-moz-selection {
- background: {{theme.highlight_color}};
- color: {{theme.primary_color}};
- }
- *:focus {
- outline: none
- }
- ::-webkit-input-placeholder {}
- :-moz-placeholder {}
- input[type=text],
- input[type=submit] {
- -webkit-appearance: none;
- border-radius: 0;
- }
- /* ICON FONT
- --------------------------------------------- */
- @font-face {
- font-family: "icons";
- src: url({{ 'icons.eot' | theme_font_url }});
- src: url({{ 'icons.eot#iefix' | theme_font_url }}) format("embedded-opentype"), url({{ 'icons.woff' | theme_font_url }}) format("woff"), url({{ 'icons.ttf' | theme_font_url }}) format("truetype"), url({{ 'icons.svg' | theme_font_url }}) format("svg");
- font-weight: normal;
- font-style: normal;
- }
- [data-icon]:before {
- font-family: "icons" !important;
- content: attr(data-icon);
- font-style: normal !important;
- font-weight: normal !important;
- font-variant: normal !important;
- text-transform: none !important;
- speak: none;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- [class^="icon-"]:before,
- [class*=" icon-"]:before {
- font-family: "icons" !important;
- font-style: normal !important;
- font-weight: normal !important;
- font-variant: normal !important;
- text-transform: none !important;
- speak: none;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- .icon-cart:before {
- content: "a";
- }
- .icon-menu:before {
- content: "b";
- }
- .icon-close:before {
- content: "c";
- }
- .icon-close-bold:before {
- content: "d";
- }
- .icon-caret:before {
- content: "e";
- }
- .icon-arrow-right:before {
- content: "f";
- }
- .icon-arrow-left:before {
- content: "g";
- }
- /* TYPOGRAPHY
- --------------------------------------------- */
- body {
- color: {{theme.primary_color}};
- font-family: "{{theme.text_font}}", sans-serif;
- font-size: 62.5%;
- -webkit-text-size-adjust: none;
- text-rendering: optimizeLegibility;
- cursor: default;
- }
- input,
- textarea {
- color: {{theme.primary_color}};
- font-family: "{{theme.text_font}}", sans-serif;
- -webkit-font-smoothing: antialiased;
- }
- a {
- color: {{theme.primary_color}};
- text-decoration: none;
- }
- a:hover {
- color: {{theme.primary_color}};
- }
- p,
- .main ul,
- .main ol,
- .main table,
- label {
- font-size: 16px;
- line-height: 24px;
- }
- .main p a {
- text-decoration: underline;
- }
- .main p a:hover {
- text-decoration: underline;
- background: {{theme.highlight_color}};
- }
- h1, h2, h3 {
- font-family: "{{theme.header_font}}", sans-serif;
- }
- h1 {
- font-size: 50px;
- line-height: 1.4em;
- margin: 0 0 30px;
- text-align: center;
- }
- h2 {
- font-size: 30px;
- line-height: 1.4em;
- }
- h3 {
- font-size: 22px;
- line-height: 1.4em;
- -webkit-transform: translateZ(0);
- -moz-transform: translateZ(0);
- -ms-transform: translateZ(0);
- -o-transform: translateZ(0);
- transform: translateZ(0);
- }
- h4 {
- font-size: 12px;
- line-height: 1.3em;
- text-transform: uppercase;
- letter-spacing: 0.09em;
- font-weight: 700;
- }
- .highlight {
- font-size: 18px;
- font-weight: 700;
- line-height: 24px;
- color: {{theme.primary_color}};
- background: {{theme.highlight_color}};
- padding: 6px 12px;
- border-radius: 5px;
- }
- ul.bullets {
- font-size: 15px;
- line-height: 22px;
- margin-left: 18px;
- }
- ul.bullets li {
- list-style: disc;
- }
- /* GLOBAL LAYOUT
- --------------------------------------------- */
- html {
- overflow-y: scroll;
- position: relative;
- }
- html, body {
- height: 100%;
- }
- body {
- background-color: {{theme.background_color}};
- background-image: {% if theme.images.background != blank %} url("{{ theme.images.background.url }}") {% else %} none {% endif %};
- }
- .wrapper {
- min-height: 100%;
- /* equal to footer height */
- margin-bottom: -80px;
- }
- .wrapper:after {
- content: "";
- display: block;
- /* equal to footer height */
- height: 80px;
- }
- .inner {
- max-width: 1200px;
- min-width: 280px;
- margin: 0 auto;
- position: relative;
- }
- .main .inner {
- margin-top: 130px;
- }
- /* MODULES
- --------------------------------------------- */
- /* Buttons */
- .btn {
- display: inline-block;
- padding: 15px 20px;
- font-family: "{{theme.text_font}}", sans-serif;
- font-size: 20px;
- line-height: 22px;
- color: {{theme.primary_color}};
- border: 3px solid {{theme.primary_color}};
- background: none;
- text-align: center;
- border-radius: 5px;
- font-weight: 700;
- text-transform: uppercase;
- cursor: pointer;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .btn:hover {
- background: {{theme.primary_color}};
- color: {{theme.background_color}};
- }
- .btn-inactive:hover {
- background: none;
- color: {{theme.primary_color}};
- }
- /* Badges */
- .badge {
- height: 80px;
- width: 80px;
- font-size: 14px;
- line-height: 18px;
- text-align: center;
- text-transform: uppercase;
- border-radius: 70px;
- display: table;
- -webkit-transform: translateZ(0);
- -moz-transform: translateZ(0);
- -ms-transform: translateZ(0);
- -o-transform: translateZ(0);
- transform: translateZ(0);
- }
- .badge span {
- display: table-cell;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- -moz-transform: translateZ(0);
- -ms-transform: translateZ(0);
- -o-transform: translateZ(0);
- transform: translateZ(0);
- }
- .badge-empty {
- color: {{theme.primary_color}};
- border: 3px solid {{theme.primary_color}};
- }
- .badge-filled {
- color: {{theme.primary_color}};
- background: {{theme.background_color}};
- border: 3px solid {{theme.background_color}};
- }
- /* Errors */
- .errors {
- margin-bottom: 20px;
- padding: 15px;
- border-radius: 5px;
- text-align: center;
- background: {{theme.highlight_color}};
- }
- .errors li {
- margin-top: 10px;
- }
- .errors li:first-child {
- margin-top: 0;
- }
- /* Pagers */
- .cycle-pager {
- position: absolute;
- left: 24px;
- bottom: 24px;
- z-index: 400;
- }
- .cycle-pager > span {
- display: inline-block;
- width: 13px;
- height: 13px;
- padding: 6px;
- cursor: pointer;
- }
- .cycle-pager > span > span {
- display: inline-block;
- width: 7px;
- height: 7px;
- border-radius: 20px;
- text-indent: -999px;
- background: {{theme.highlight_color}};
- border: 3px solid {{theme.primary_color}};
- position: relative;
- -webkit-transition: background 300ms;
- -moz-transition: background 300ms;
- -o-transition: background 300ms;
- transition: background 300ms;
- }
- .cycle-pager span.cycle-pager-active span {
- background: {{theme.primary_color}};
- -webkit-transition: background 300ms;
- -moz-transition: background 300ms;
- -o-transition: background 300ms;
- transition: background 300ms;
- }
- /* HEADER
- --------------------------------------------- */
- header {
- background: {{theme.background_color}};
- border-bottom: 6px solid {{theme.primary_color}};
- position: fixed;
- top: 0;
- width: 100%;
- z-index: 501;
- }
- .maintenance_on header {
- top: 27px;
- }
- header .inner {
- height: 70px;
- position: relative;
- }
- .wordmark {
- float: left;
- font-family: "{{theme.header_font}}", sans-serif;
- font-size: 22px;
- line-height: 30px;
- margin-top: 24px;
- }
- .logo {
- display: block;
- float: left;
- height: 70px;
- width: 300px;
- background-image: {% if theme.images.logo != blank %} url("{{ theme.images.logo.url | constrain: '600', '140' }}") {% else %} none {% endif %};
- background-size: contain;
- background-position: center left;
- background-repeat: no-repeat;
- }
- .logo img {
- height: 100%;
- width: auto;
- }
- .nav-main {
- position: absolute;
- bottom: 0;
- right: 0;
- height: 70px;
- z-index: 500;
- }
- .nav-main a,
- .nav-main > ul > li > span {
- font-size: 12px;
- color: {{theme.primary_color}};
- text-transform: uppercase;
- letter-spacing: 0.09em;
- font-weight: 700;
- }
- .nav-main > ul {
- float: left;
- display: block;
- height: 70px;
- }
- .nav-main > ul > li {
- float: left;
- display: block;
- list-style: none;
- position: relative;
- }
- .nav-main > ul > li > a,
- .nav-main > ul > li > span {
- display: block;
- height: 12px;
- padding: 29px 25px;
- }
- .nav-main > ul > li.active > a,
- .nav-main > ul > li.active > span {
- background: {{theme.primary_color}};
- color: {{theme.background_color}};
- }
- .nav-main .dropdown {
- visibility: hidden;
- opacity: 0;
- position: absolute;
- top: 70px;
- padding: 6px 0 0 0;
- right: 0px;
- background: {{theme.primary_color}};
- text-align: right;
- overflow: hidden;
- border-bottom-left-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .nav-main > ul > li.active .dropdown {
- visibility: visible;
- opacity: 1;
- }
- .icon-cart {
- font-size: 40px;
- }
- .nav-main .dropdown li {
- display: block;
- line-height: 18px;
- }
- .nav-main .dropdown li a {
- display: block;
- color: {{theme.background_color}};
- padding: 15px 20px;
- min-width: 200px;
- }
- .nav-main .dropdown li a:hover {
- color: {{theme.background_color}};
- background: {{theme.highlight_color}};
- color: {{theme.primary_color}};
- }
- .nav-caret {
- text-transform: lowercase;
- font-size: 7px;
- position: relative;
- display: inline-block;
- top: -2px;
- -webkit-transform: scaleX(1.5);
- -moz-transform: scaleX(1.5);
- -ms-transform: scaleX(1.5);
- -o-transform: scaleX(1.5);
- transform: scaleX(1.5);
- }
- .mobile-nav-trigger {
- display: none;
- }
- .cart-status {
- float: left;
- padding: 0;
- width: 70px;
- height: 70px;
- -webkit-transform: scale(1, 1);
- -moz-transform: scale(1, 1);
- -ms-transform: scale(1, 1);
- -o-transform: scale(1, 1);
- transform: scale(1, 1);
- -webkit-transition: all 100ms ease-in-out;
- -moz-transition: all 100ms ease-in-out;
- -o-transition: all 100ms ease-in-out;
- transition: all 100ms ease-in-out;
- }
- @-webkit-keyframes orbpulse {
- 0% {
- -webkit-transform: scale(1);
- }
- 25% {
- -webkit-transform: scale(2);
- }
- 50% {
- -webkit-transform: scale(1);
- }
- 75% {
- -webkit-transform: scale(1.2);
- }
- 100% {
- -webkit-transform: scale(1);
- }
- }
- @-moz-keyframes orbpulse {
- 0% {
- -moz-transform: scale(1);
- }
- 25% {
- -moz-transform: scale(2);
- }
- 50% {
- -moz-transform: scale(1);
- }
- 75% {
- -moz-transform: scale(1.2);
- }
- 100% {
- -moz-transform: scale(1);
- }
- }
- @-o-keyframes orbpulse {
- 0% {
- -o-transform: scale(1);
- }
- 25% {
- -o-transform: scale(2);
- }
- 50% {
- -o-transform: scale(1);
- }
- 75% {
- -o-transform: scale(1.2);
- }
- 100% {
- -o-transform: scale(1);
- }
- }
- @keyframes orbpulse {
- 0% {
- transform: scale(1);
- }
- 25% {
- transform: scale(2);
- }
- 50% {
- transform: scale(1);
- }
- 75% {
- transform: scale(1.2);
- }
- 100% {
- transform: scale(1);
- }
- }
- .cart-orb {
- height: 60px;
- width: 60px;
- border-radius: 80px;
- background: {{theme.highlight_color}};
- position: absolute;
- top: 5px;
- right: 5px;
- position: absolute;
- z-index: 505;
- -webkit-transition: -webkit-transform 100ms ease-in-out;
- -moz-transition: -moz-transform 100ms ease-in-out;
- -o-transition: -o-transform 100ms ease-in-out;
- transition: transform 100ms ease-in-out;
- }
- .cart-status .cart-orb {
- -webkit-transform: scale(0, 0);
- -moz-transform: scale(0, 0);
- -ms-transform: scale(0, 0);
- -o-transform: scale(0, 0);
- transform: scale(0, 0);
- -webkit-transition: -webkit-transform 100ms ease-in-out;
- -moz-transition: -moz-transform 100ms ease-in-out;
- -o-transition: -o-transform 100ms ease-in-out;
- transition: transform 100ms ease-in-out;
- }
- .cart-status:hover .cart-orb {
- -webkit-transform: scale(1.6, 1.6);
- -moz-transform: scale(1.6, 1.6);
- -ms-transform: scale(1.6, 1.6);
- -o-transform: scale(1.6, 1.6);
- transform: scale(1.6, 1.6);
- -webkit-transition: -webkit-transform 100ms ease-out;
- -moz-transition: -moz-transform 100ms ease-out;
- -o-transition: -o-transform 100ms ease-out;
- transition: transform 100ms ease-out;
- }
- /* Disable orb on cart pages */
- .cart .cart-status:hover .cart-orb {
- display: none;
- }
- .cart-count {
- display: block;
- text-align: center;
- margin-top: 16px;
- margin-bottom: -2px;
- padding-right: 5px;
- position: relative;
- z-index: 510;
- -webkit-transition: all 100ms;
- -moz-transition: all 100ms;
- -o-transition: all 100ms;
- transition: all 100ms;
- }
- .icon-cart {
- display: block;
- margin: 0 auto;
- width: 40px;
- height: 40px;
- position: relative;
- top: -4px;
- z-index: 510;
- }
- .cart-status .cart-count-animate {
- -webkit-transform: translate(0, 16px);
- -moz-transform: translate(0, 16px);
- -ms-transform: translate(0, 16px);
- -o-transform: translate(0, 16px);
- transform: translate(0, 16px);
- -webkit-transition: all 100ms;
- -moz-transition: all 100ms;
- -o-transition: all 100ms;
- transition: all 100ms;
- }
- .cart-status .cart-orb-animate {
- -webkit-transform: scale(1.6, 1.6);
- -moz-transform: scale(1.6, 1.6);
- -ms-transform: scale(1.6, 1.6);
- -o-transform: scale(1.6, 1.6);
- transform: scale(1.6, 1.6);
- -webkit-transition: -webkit-transform 150ms ease-out;
- -moz-transition: -moz-transform 150ms ease-out;
- -o-transition: -o-transform 150ms ease-out;
- transition: transform 150ms ease-out;
- }
- .nav-mobile {
- display: none;
- }
- /* FOOTER
- --------------------------------------------- */
- footer {
- background: {{theme.primary_color}};
- font-size: 12px;
- line-height: 1.3em;
- color: {{theme.background_color}};
- text-transform: uppercase;
- letter-spacing: 0.09em;
- font-weight: 700;
- position: relative;
- z-index: 500;
- }
- footer a {
- color: {{theme.background_color}};
- }
- footer a:hover {
- color: {{theme.highlight_color}};
- }
- footer .inner {
- min-height: 12px;
- padding: 34px 0;
- }
- footer .copyright {
- float: left;
- }
- footer .footer-text {
- float: right;
- }
- /* DOM MODS
- --------------------------------------------- */
- .visible-phone {
- display: none !important;
- }
- .visible-tablet {
- display: none !important;
- }
- .visible-desktop {
- display: inherit !important;
- }
- .hidden-phone {
- display: inherit !important;
- }
- .hidden-tablet {
- display: inherit !important;
- }
- .hidden-desktop {
- display: none !important;
- }
- /* EXTRA LARGE */
- @media only screen and (min-width: 1600px) {
- .inner {
- max-width: 1480px;
- }
- }
- /* LARGE */
- @media only screen and (max-width: 1200px) {
- /* Global */
- .inner {
- margin-left: 30px;
- margin-right: 30px;
- }
- .main .inner {
- margin-top: 130px;
- }
- /* Typography */
- h1 {
- font-size: 45px;
- }
- h2 {
- font-size: 20px;
- line-height: 1.5em;
- }
- h3 {
- font-size: 18px;
- line-height: 1.7em;
- }
- /* DOM mods */
- .visible-phone {
- display: none !important;
- }
- .visible-tablet {
- display: inherit !important;
- }
- .visible-desktop {
- display: none !important;
- }
- .hidden-phone {
- display: inherit !important;
- }
- .hidden-tablet {
- display: none !important;
- }
- .hidden-desktop {
- display: inherit !important;
- }
- }
- /* MEDIUM */
- @media only screen and (max-width: 880px) {
- /* Global */
- .main .inner {
- margin-top: 50px;
- }
- /* Typography */
- h3 {
- font-size: 16px;
- }
- /* Modules */
- .btn {
- padding: 15px 30px;
- font-size: 16px;
- }
- /* Header */
- header {
- position: relative;
- }
- header .inner {
- height: 70px;
- }
- .logo {
- width: 160px;
- }
- .wordmark {
- margin-top: 24px;
- }
- .nav-main {
- height: 70px;
- }
- .nav-main ul {
- display: none;
- }
- .mobile-nav-trigger {
- display: block;
- float: left;
- height: 70px;
- width: 50px;
- }
- .icon-menu {
- display: block;
- font-size: 30px;
- width: 30px;
- margin: 22px auto 0;
- }
- .cart-status {
- height: 70px;
- width: 50px;
- }
- .cart-orb {
- width: 60px;
- height: 60px;
- top: 5px;
- right: -4px;
- }
- .icon-cart {
- top: -4px;
- }
- .nav-mobile {
- position: absolute;
- top: 70px;
- width: 100%;
- background: {{theme.primary_color}};
- z-index: 502;
- height: auto;
- }
- .nav-mobile > ul {
- margin: 20px;
- border-radius: 5px;
- }
- .nav-mobile li {
- margin-top: 5px;
- }
- .nav-mobile li:first-child {
- margin-top: 0;
- }
- .nav-mobile a {
- display: block;
- padding: 16px 0;
- background: {{theme.background_color}};
- color: {{theme.primary_color}};
- text-align: center;
- text-transform: uppercase;
- font-size: 16px;
- font-weight: 700;
- }
- .nav-mobile a:hover {
- color: {{theme.primary_color}};
- background: {{theme.highlight_color}};
- }
- .nav-mobile li > ul {
- display: none;
- margin-top: 0;
- }
- .nav-mobile li > ul li {
- margin-top: 0;
- border-top: 3px solid {{theme.background_color}};
- }
- .nav-mobile li > ul li:first-child {
- border-top: none;
- }
- .nav-mobile li > ul a {
- background: none;
- color: {{theme.background_color}};
- }
- }
- /* SMALL */
- @media only screen and (max-width: 700px) {
- /* Typography */
- h1 {
- font-size: 34px;
- }
- /* Global */
- .inner {
- margin-left: 20px;
- margin-right: 20px;
- }
- .main .inner {
- margin-top: 40px;
- }
- .home .main .inner {
- margin-left: 0;
- margin-right: 0;
- }
- footer .inner {
- min-height: 34px;
- padding: 24px 0;
- text-align: center;
- }
- header .inner {
- margin-right: 10px;
- }
- /* Modules */
- .highlight {
- font-size: 16px;
- }
- .badge-view {
- display: none;
- }
- .cycle-pager {
- width: 100%;
- left: 0;
- text-align: center;
- }
- /* Footer */
- footer .copyright,
- footer .footer-text {
- float: none;
- display: block;
- }
- footer .footer-text {
- margin-top: 10px;
- }
- /* DOM mods */
- .visible-phone {
- display: inherit !important;
- }
- .visible-tablet {
- display: none !important;
- }
- .visible-desktop {
- display: none !important;
- }
- .hidden-phone {
- display: none !important;
- }
- .hidden-tablet {
- display: inherit !important;
- }
- .hidden-desktop {
- display: inherit !important;
- }
- }
- /* EXTRA SMALL */
- .home .main .inner {
- text-align: center;
- }
- .home .main.has-slideshow .inner {
- margin-top: 50px;
- }
- .preview {
- margin: 0 15px 80px 15px;
- position: relative;
- display: inline-block;
- }
- .preview-inner a {
- display: block;
- position: relative;
- width: 100%;
- }
- .image-wrap {
- background: {{theme.background_color}};
- position: relative;
- z-index: 0;
- }
- .image-wrap img {
- display: block;
- position: absolute;
- width: 100%;
- height: 100%;
- z-index: 1;
- }
- .preview .badge-empty {
- -webkit-transition: -webkit-transform 100ms ease-in-out;
- -moz-transition: -moz-transform 100ms ease-in-out;
- -o-transition: -o-transform 100ms ease-in-out;
- transition: transform 100ms ease-in-out;
- }
- .preview:hover .badge-empty {
- color: {% if theme.background_color != 'transparent' %} {{ theme.background_color }} {% else %} #FFFFFF {% endif %};
- background: {{theme.primary_color}};
- -webkit-transform: translateZ(0);
- -moz-transform: translateZ(0);
- -ms-transform: translateZ(0);
- -o-transform: translateZ(0);
- transform: translateZ(0);
- -webkit-transform: scale(1.1, 1.1);
- -moz-transform: scale(1.1, 1.1);
- -ms-transform: scale(1.1, 1.1);
- -o-transform: scale(1.1, 1.1);
- transform: scale(1.1, 1.1);
- -webkit-transition: -webkit-transform 100ms ease-in-out;
- -moz-transition: -moz-transform 100ms ease-in-out;
- -o-transition: -o-transform 100ms ease-in-out;
- transition: transform 100ms ease-in-out;
- }
- .preview:active .badge-empty {
- -webkit-transform: scale(0.95, 0.95);
- -moz-transform: scale(0.95, 0.95);
- -ms-transform: scale(0.95, 0.95);
- -o-transform: scale(0.95, 0.95);
- transform: scale(0.95, 0.95);
- -webkit-transition: -webkit-transform 50ms ease-in-out;
- -moz-transition: -moz-transform 50ms ease-in-out;
- -o-transition: -o-transform 50ms ease-in-out;
- transition: transform 50ms ease-in-out;
- }
- .preview .badge {
- position: absolute;
- z-index: 2;
- }
- .meta {
- border-top: 3px solid {{theme.primary_color}};
- text-align: left;
- padding: 20px 0;
- position: relative;
- }
- .meta .price {
- float: right;
- margin: 0 0 10px 30px;
- -webkit-transform: translateZ(0);
- }
- .pagination {
- display: block;
- font-size: 40px;
- line-height: 1.5em;
- margin-bottom: 80px;
- }
- .pagination a,
- .pagination span {
- display: inline-block;
- white-space: nowrap;
- padding: 0 4px;
- }
- .pagination .current,
- .pagination a:hover {
- border-radius: 5px;
- background: {{theme.highlight_color}};
- }
- .pagination .disabled {
- display: none;
- }
- .color-block-products {
- width: 70%;
- height: 70%;
- position: fixed;
- left: 0;
- bottom: 0;
- z-index: -1;
- background-color: {{theme.accent_color}};
- background-image: {% if theme.images.accent != blank %} url("{{ theme.images.accent.url }}") {% else %} none {% endif %};
- }
- .preview {
- width: 300px;
- }
- .rand-0 {
- width: 330px;
- top: 40px;
- }
- .rand-0 .badge-view {
- bottom: 20px;
- right: 20px;
- }
- .rand-0 .badge-status {
- top: 20px;
- left: 20px;
- }
- .rand-1 {
- width: 280px;
- top: 20px;
- }
- .rand-1 .badge-view {
- top: 21%;
- right: -20px;
- }
- .rand-1 .badge-status {
- bottom: 20%;
- left: -20px;
- }
- .rand-2 {
- width: 350px;
- top: 0px;
- }
- .rand-2 .badge-view {
- top: 30%;
- right: 20px;
- }
- .rand-2 .badge-status {
- top: 8%;
- left: 20px;
- }
- .rand-3 {
- width: 320px;
- top: 40px;
- }
- .rand-3 .badge-view {
- bottom: 20%;
- left: -20px;
- }
- .rand-3 .badge-status {
- top: 10%;
- right: -20px;
- }
- .rand-4 {
- width: 400px;
- top: -20px;
- }
- .rand-4 .badge-view {
- top: 20%;
- left: -20px;
- }
- .rand-4 .badge-status {
- bottom: 15%;
- right: 20px;
- }
- .rand-5 {
- top: 20px;
- }
- .rand-5 .badge-view {
- top: 20px;
- left: 20px;
- }
- .rand-5 .badge-status {
- top: -20px;
- right: -20px;
- }
- .rand-6 {
- width: 330px;
- top: 0px;
- }
- .rand-6 .badge-view {
- top: -20px;
- right: 20px;
- }
- .rand-6 .badge-status {
- bottom: 10%;
- left: -20px;
- }
- .home-slideshow-wrap {
- max-width: 1200px;
- margin: 76px auto 0;
- position: relative;
- }
- .home-slideshow {
- margin-left: 80px;
- -webkit-transform: translateZ(0);
- -moz-transform: translateZ(0);
- -ms-transform: translateZ(0);
- -o-transform: translateZ(0);
- transform: translateZ(0);
- }
- .slideshow-stripe {
- width: 80px;
- height: 90%;
- position: absolute;
- top: 0;
- left: 0;
- background: {{theme.highlight_color}};
- }
- /* Categories / Artists */
- .products .main .inner {
- margin-top: 130px;
- text-align: center;
- }
- /* EXTRA LARGE */
- @media only screen and (min-width: 1600px) {
- .home-slideshow-wrap {
- max-width: 1480px;
- }
- }
- /* LARGE */
- @media only screen and (max-width: 1200px) {
- .preview {
- margin: 0 15px 70px 15px;
- }
- .preview {
- width: 200px;
- }
- .meta {
- padding: 0 0 20px 0;
- text-align: center;
- }
- .meta .price {
- float: none;
- display: inline-block;
- margin: 0 0 -5px 0;
- position: relative;
- top: -20px;
- }
- .rand-0 {
- width: 240px;
- top: 40px;
- }
- .rand-1 {
- width: 200px;
- top: 20px;
- }
- .rand-2 {
- width: 250px;
- top: 0px;
- }
- .rand-3 {
- width: 220px;
- top: 40px;
- }
- .rand-4 {
- width: 300px;
- top: -20px;
- }
- .rand-5 {
- top: 20px;
- }
- .rand-6 {
- width: 230px;
- top: 0px;
- }
- .pagination {
- font-size: 32px;
- }
- }
- /* MEDIUM */
- @media only screen and (max-width: 880px) {
- /* Home */
- .home-slideshow-wrap {
- margin: 0 auto;
- }
- .home-slideshow {
- margin-left: 0;
- }
- .slideshow-stripe {
- display: none;
- }
- /* Categories / Artists */
- .products .main .inner {
- margin-top: 50px;
- }
- }
- /* SMALL */
- @media only screen and (max-width: 700px) {
- .preview {
- margin: 0 15px 20px 15px;
- }
- .rand-0 {
- width: 210px;
- top: 0;
- }
- .rand-1 {
- width: 200px;
- top: 0;
- }
- .rand-2 {
- width: 230px;
- top: 0;
- }
- .rand-3 {
- width: 210px;
- top: 0;
- }
- .rand-4 {
- width: 190px;
- top: 0;
- }
- .rand-5 {
- width: 210px;
- top: 0;
- }
- .rand-6 {
- width: 230px;
- top: 0;
- }
- .pagination {
- font-size: 22px;
- margin-bottom: 60px;
- }
- /* Categories / Artists */
- .products .main .inner {
- margin-top: 40px;
- text-align: center;
- }
- }
- /* EXTRA SMALL */
- @media only screen and (max-width: 420px) {
- /* Products */
- .preview {
- margin: 0 0 20px 0;
- }
- .rand-0 {
- width: 260px;
- top: 0;
- }
- .rand-1 {
- width: 250px;
- top: 0;
- }
- .rand-2 {
- width: 280px;
- top: 0;
- }
- .rand-3 {
- width: 260px;
- top: 0;
- }
- .rand-4 {
- width: 210px;
- top: 0;
- }
- .rand-5 {
- width: 280px;
- top: 0;
- }
- .rand-6 {
- width: 240px;
- top: 0;
- }
- .pagination {
- padding: 0 40px;
- }
- }
- .product .main .inner {
- margin-top: 76px;
- }
- .product .wrapper {
- overflow: hidden;
- }
- .product .images {
- float: right;
- width: 66%;
- background-color: {{theme.accent_color}};
- background-image: {% if theme.images.accent != blank %} url("{{ theme.images.accent.url }}") {% else %} none {% endif %};
- }
- .product .images-inner {
- position: relative;
- }
- .product .color-block {
- width: 2000%;
- height: 2000%;
- position: absolute;
- top: 0;
- left: 0;
- background-color: {{theme.accent_color}};
- background-image: {% if theme.images.accent != blank %} url("{{ theme.images.accent.url }}") {% else %} none {% endif %};
- z-index: -1;
- }
- .slideshow {
- position: relative;
- overflow: hidden;
- background-color: {{theme.accent_color}};
- background-image: {% if theme.images.accent != blank %} url("{{ theme.images.accent.url }}") {% else %} none {% endif %};
- }
- .slideshow img {
- display: block;
- width: auto;
- max-width: 100%;
- }
- .product .details {
- float: left;
- width: 28%;
- }
- .product h2 {
- margin: 50px 0 0 0;
- }
- .product h4 {
- margin: 0 0 15px 0;
- }
- .product .description {
- margin: 30px 0 0 0;
- }
- .product .errors {
- margin: 30px 0 0 0;
- }
- .product .description b,
- .product .description strong {
- font-weight: bold;
- }
- .product .description i,
- .product .description em {
- font-style: italic;
- }
- .static-option-list {
- margin-bottom: 30px;
- }
- .product .description p {
- margin-bottom: 20px;
- }
- .product .description p:last-child {
- margin-bottom: 0;
- }
- .badge-sale {
- position: absolute;
- top: 30px;
- left: 30px;
- z-index: 400;
- }
- .product .price {
- display: inline-block;
- margin-top: 15px;
- }
- .purchase {
- margin-top: 30px;
- }
- .social-links {
- overflow: hidden;
- margin-top: 30px;
- margin-bottom: 15px;
- }
- .social-links li {
- float: left;
- margin: 0 10px 10px 0;
- }
- .social-links li a {
- display: block;
- background: {{theme.primary_color}};
- color: {{theme.background_color}};
- text-transform: uppercase;
- font-weight: 700;
- font-size: 12px;
- letter-spacing: 0.09em;
- padding: 5px 10px;
- border-radius: 5px;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .social-links li a:hover {
- color: {{theme.highlight_color}};
- }
- @-webkit-keyframes purchasepulse {
- 0% {
- -webkit-transform: scale(1);
- }
- 50% {
- -webkit-transform: scale(1.2);
- }
- 100% {
- -webkit-transform: scale(1);
- }
- }
- @-moz-keyframes purchasepulse {
- 0% {
- -moz-transform: scale(0.95);
- }
- 50% {
- -moz-transform: scale(1.2);
- }
- 100% {
- -moz-transform: scale(1);
- }
- }
- @-o-keyframes purchasepulse {
- 0% {
- -o-transform: scale(0.95);
- }
- 50% {
- -o-transform: scale(1.2);
- }
- 100% {
- -o-transform: scale(1);
- }
- }
- @keyframes purchasepulse {
- 0% {
- transform: scale(0.95);
- }
- 50% {
- transform: scale(1.2);
- }
- 100% {
- transform: scale(1);
- }
- }
- .btn-purchase {
- display: block;
- -webkit-transform: scale(1, 1);
- -moz-transform: scale(1, 1);
- -ms-transform: scale(1, 1);
- -o-transform: scale(1, 1);
- transform: scale(1, 1);
- -webkit-transition: -webkit-transform 100ms ease-in-out;
- -moz-transition: -moz-transform 100ms ease-in-out;
- -o-transition: -o-transform 100ms ease-in-out;
- transition: transform 100ms ease-in-out;
- }
- .btn-active:active {
- -webkit-transform: scale(0.95, 0.95);
- -moz-transform: scale(0.95, 0.95);
- -ms-transform: scale(0.95, 0.95);
- -o-transform: scale(0.95, 0.95);
- transform: scale(0.95, 0.95);
- -webkit-transition: -webkit-transform 50ms ease-in-out;
- -moz-transition: -moz-transform 50ms ease-in-out;
- -o-transition: -o-transform 50ms ease-in-out;
- transition: transform 50ms ease-in-out;
- }
- .btn-pulse {
- -webkit-transform: scale(1.2, 1.2);
- -moz-transform: scale(1.2, 1.2);
- -ms-transform: scale(1.2, 1.2);
- -o-transform: scale(1.2, 1.2);
- transform: scale(1.2, 1.2);
- -webkit-transition: -webkit-transform 100ms ease-in-out;
- -moz-transition: -moz-transform 100ms ease-in-out;
- -o-transition: -o-transform 100ms ease-in-out;
- transition: transform 100ms ease-in-out;
- }
- .btn-inactive:hover {
- background: none;
- color: {{theme.primary_color}};
- cursor: default;
- }
- .options {
- border: 3px solid {{theme.primary_color}};
- border-radius: 5px;
- margin-bottom: 20px;
- }
- .option-selected {
- font-size: 15px;
- line-height: 22px;
- padding: 10px;
- cursor: pointer;
- position: relative;
- }
- .option-selected:hover {
- color: {{theme.background_color}};
- background: {{theme.primary_color}};
- }
- .option-selected-name {
- display: block;
- margin-right: 30px;
- font-size: 16px;
- }
- .options-wrap {
- height: 48px;
- margin-bottom: 20px;
- position: relative;
- z-index: 10;
- }
- .options-list {
- background: {{theme.background_color}};
- height: auto;
- max-height: 200px;
- overflow-y: auto;
- -webkit-overflow-scrolling: touch;
- }
- .options-list li {
- display: block;
- padding: 10px;
- cursor: pointer;
- }
- .options-list li:hover {
- background: {{theme.primary_color}};
- color: {{theme.background_color}};
- }
- .options .dropdown-caret {
- position: absolute;
- top: 50%;
- right: 20px;
- margin-top: -12px;
- text-transform: lowercase;
- font-size: 7px;
- display: block;
- font-weight: 700;
- -moz-transform: scalex(1.5);
- -ms-transform: scalex(1.5);
- -o-transform: scalex(1.5);
- -webkit-transform: scalex(1.5);
- transform: scalex(1.5);
- }
- /* LARGE */
- @media only screen and (max-width: 1200px) {
- .product .main .inner {
- margin-right: 0;
- }
- .product h2 {
- margin-top: 30px;
- }
- }
- /* MEDIUM */
- @media only screen and (max-width: 880px) {
- .product .main .inner {
- margin-top: 0;
- }
- }
- /* SMALL */
- @media only screen and (max-width: 700px) {
- .product .details,
- .product .images {
- float: none;
- width: auto;
- }
- .product .images {
- width: 100%;
- }
- .product .images-inner {
- display: block;
- }
- .product .details {
- text-align: center;
- margin: 0 20px 20px 20px;
- }
- .product .description,
- .product .bullets {
- text-align: left;
- }
- .product .color-block {
- display: none;
- }
- .product .main .inner {
- margin: 0;
- }
- .badge-sale {
- top: 20px;
- left: 20px;
- }
- .slideshow {
- max-width: 400px;
- margin: 0 auto;
- }
- }
- /* EXTRA SMALL */
- .cart .main .inner {
- margin-top: 78px;
- }
- .cart-header {
- border-bottom: 3px solid {{theme.primary_color}};
- font-size: 12px;
- line-height: 20px;
- text-transform: uppercase;
- letter-spacing: 0.09em;
- font-weight: 700;
- overflow: hidden;
- }
- .link-continue,
- .link-checkout {
- display: block;
- height: 20px;
- margin: 20px 0;
- position: relative;
- }
- .link-continue {
- float: left;
- padding-left: 40px;
- }
- .link-checkout {
- float: right;
- padding-right: 40px;
- }
- .icon-arrow-left,
- .icon-arrow-right {
- font-size: 40px;
- line-height: 50px;
- display: block;
- height: 40px;
- width: 40px;
- position: absolute;
- top: 50%;
- margin-top: -20px;
- }
- .icon-arrow-left {
- left: 0;
- }
- .icon-arrow-right {
- right: 0;
- }
- .header-subtotal {
- float: right;
- display: block;
- height: 20px;
- margin: 20px 60px 20px 0;
- }
- .header-subtotal-number {
- display: block;
- float: right;
- font-size: 30px;
- line-height: 1.4em;
- position: relative;
- top: -12px;
- margin-left: 8px;
- }
- .cart-items {
- margin-bottom: 60px;
- }
- .cart-item {
- border-bottom: 3px solid {{theme.primary_color}};
- overflow: hidden;
- width: 100%;
- height: 200px;
- }
- .cart-item-cell {
- float: right;
- height: 100%;
- display: table;
- vertical-align: middle;
- }
- .cart-item-image {
- width: 20%;
- text-align: center;
- background-color: {{theme.accent_color}};
- background-size: cover;
- background-position: center center;
- }
- .cart-item-name {
- width: 36%;
- padding: 0 2%;
- }
- .cart-item-name h3 {
- display: table-cell;
- vertical-align: middle;
- }
- .cart-item-actions {
- display: block;
- width: 20%;
- }
- .cart-item-price {
- width: 20%;
- }
- .cart-item-quantity {
- color: {{theme.primary_color}};
- background: {{theme.accent_color}};
- height: 50%;
- }
- .cart .quantity-controls {
- width: 30%;
- float: left;
- height: 100%;
- border-right: 3px solid {{theme.primary_color}};
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- }
- .cart .quantity-decrement,
- .cart .quantity-increment {
- font-size: 20px;
- line-height: 22px;
- width: 101%;
- height: 50%;
- display: table;
- text-align: center;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .cart .quantity-increment {
- border-bottom: 3px solid {{theme.primary_color}};
- }
- .cart .quantity-decrement span,
- .cart .quantity-increment span {
- display: table-cell;
- vertical-align: middle;
- }
- .cart .quantity-decrement:hover,
- .cart .quantity-increment:hover {
- background: {{theme.primary_color}};
- color: {{theme.accent_color}};
- cursor: pointer;
- }
- .cart-item-quantity input {
- width: 70%;
- float: left;
- height: 100%;
- font-size: 30px;
- line-height: 40px;
- font-weight: 700;
- text-align: center;
- color: {{theme.primary_color}};
- background: none;
- padding: 0;
- border: none;
- outline: none;
- }
- .cart-item-remove {
- color: {% if theme.accent_color != 'transparent' %} {{ theme.accent_color }} {% else %} #FFFFFF {% endif %};
- background: {{theme.primary_color}};
- width: 100%;
- height: 50%;
- text-align: center;
- display: table;
- cursor: pointer;
- }
- .icon-close {
- display: table-cell;
- vertical-align: middle;
- font-size: 40px;
- position: relative;
- top: 6px;
- }
- .cart-item-price {
- height: 100%;
- background: {{theme.highlight_color}};
- font-size: 30px;
- line-height: 40px;
- font-weight: 700;
- text-align: center;
- display: table;
- }
- .cart-item-price-inner {
- display: table-cell;
- vertical-align: middle;
- }
- .cart-options {
- text-align: center;
- border-bottom: 3px solid {{theme.primary_color}};
- margin-bottom: 60px;
- }
- .cart-options-item {
- float: left;
- width: 30%;
- padding: 0 10%;
- margin-bottom: 60px;
- }
- .cart-one-option .cart-options-item {
- float: none;
- margin: 0 auto 60px;
- }
- .cart-options-item p {
- margin-top: 10px;
- }
- .cart-options-item h3 {
- margin-bottom: 10px;
- }
- .discount-wrap input {
- width: 100%;
- outline: none;
- padding: 15px 100px 15px 15px;
- font-family: "{{theme.text_font}}", sans-serif;
- font-size: 16px;
- color: {{theme.primary_color}};
- border: 3px solid {{theme.primary_color}};
- background: none;
- text-align: center;
- border-radius: 5px;
- margin: 0;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- }
- .discount-wrap input:focus {
- background: {{theme.accent_color}};
- }
- .discount-wrap {
- position: relative;
- }
- .discount-refresh {
- width: 55px;
- height: 12px;
- padding: 21px 15px;
- color: {{theme.background_color}};
- background: {{theme.primary_color}};
- text-transform: uppercase;
- letter-spacing: 0.09em;
- font-size: 12px;
- font-weight: 700;
- position: absolute;
- right: 0;
- top: 0;
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- cursor: pointer;
- }
- .discount-refresh:hover {
- color: {{theme.highlight_color}};
- }
- .total {
- width: 100%;
- margin-bottom: 30px;
- text-align: center;
- }
- .total h3 {
- font-family: "{{theme.text_font}}", sans-serif;
- font-size: 12px;
- line-height: 20px;
- text-transform: uppercase;
- letter-spacing: 0.09em;
- font-weight: 700;
- }
- .countries-wrap {
- display: block;
- margin: 0 auto;
- height: 55px;
- position: relative;
- z-index: 10;
- }
- .countries {
- border: 3px solid {{theme.primary_color}};
- border-radius: 5px;
- }
- #country {
- display: none;
- }
- .country-selected {
- font-size: 15px;
- line-height: 22px;
- padding: 14px 15px 13px;
- cursor: pointer;
- position: relative;
- }
- .country-selected:hover {
- color: {{theme.background_color}};
- background: {{theme.primary_color}};
- }
- .country-selected-name {
- display: block;
- margin-right: 30px;
- font-size: 16px;
- }
- .country-list {
- background: {{theme.background_color}};
- height: auto;
- max-height: 200px;
- overflow-y: auto;
- -webkit-overflow-scrolling: touch;
- }
- .country-list li {
- display: block;
- padding: 10px;
- cursor: pointer;
- }
- .country-list li:hover {
- background: {{theme.primary_color}};
- color: {{theme.background_color}};
- }
- .countries .dropdown-caret {
- position: absolute;
- top: 50%;
- right: 20px;
- margin-top: -12px;
- text-transform: lowercase;
- font-size: 7px;
- display: block;
- font-weight: 700;
- -moz-transform: scalex(1.5);
- -ms-transform: scalex(1.5);
- -o-transform: scalex(1.5);
- -webkit-transform: scalex(1.5);
- transform: scalex(1.5);
- }
- .cart-btns {
- text-align: center;
- margin-bottom: 60px;
- }
- .cart-btns .btn {
- margin: 0 10px;
- }
- .grand-total {
- display: inline-block;
- padding: 10px 10px 7px;
- background: {{theme.highlight_color}};
- font-size: 50px;
- font-weight: 700;
- margin: 10px 0;
- border-radius: 5px;
- }
- .checkout-placeholder {
- margin-top: 100px;
- }
- .cart .errors {
- margin-bottom: 0;
- border-bottom: 3px solid {{theme.primary_color}};
- border-radius: 0;
- padding: 15px 20%;
- }
- .cart-empty-modal {
- display: none;
- }
- /* LARGE */
- @media only screen and (max-width: 1200px) {
- .cart-options-item {
- width: 44%;
- padding: 0 3%;
- }
- .cart .errors {
- padding: 15px;
- }
- .cart .quantity-decrement:hover,
- .cart .quantity-increment:hover {
- background: {{theme.accent_color}};
- color: {{theme.primary_color}};
- cursor: pointer;
- }
- }
- /* MEDIUM */
- @media only screen and (max-width: 880px) {
- .cart .main .inner {
- margin: 0;
- }
- .cart-item-price {
- font-size: 20px;
- }
- }
- /* SMALL */
- @media only screen and (max-width: 700px) {
- .cart-item {
- height: auto;
- }
- .cart-item-cell {
- float: none;
- height: auto;
- }
- .cart-item-actions {
- height: 100px;
- width: 30%;
- float: left;
- }
- .cart-item-quantity input {
- font-size: 20px;
- }
- .icon-close {
- font-size: 20px;
- top: 2px;
- }
- .icon-close:before {
- content: "d";
- }
- .cart-item-price {
- height: 100px;
- width: 45%;
- float: left;
- }
- .cart-item-image-mobile {
- height: 100px;
- width: 25%;
- float: left;
- background-color: {{theme.accent_color}};
- background-size: cover;
- background-position: center center;
- }
- .cart-item-name {
- width: 100%;
- padding: 20px;
- text-align: center;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- }
- .total {
- width: 80%;
- padding: 0 10%;
- }
- .cart-items,
- .cart-options,
- .cart-btns {
- margin-bottom: 30px;
- }
- .cart-options-item {
- float: none;
- width: 80%;
- padding: 0 10%;
- margin-bottom: 30px;
- }
- }
- /* EXTRA SMALL */
- .contact-form-wrap {
- max-width: 600px;
- margin: 0 auto 80px;
- }
- .contact-row {
- margin-bottom: 20px;
- overflow: hidden;
- }
- .contact-row-centered {
- text-align: center;
- padding-top: 30px;
- }
- .contact-row label {
- margin-bottom: 5px;
- }
- .contact-row-half {
- width: 48%;
- height: 100%;
- float: left;
- position: relative;
- }
- .contact-row .contact-row-half:first-child {
- margin-right: 4%;
- }
- .contact-form-wrap label {
- display: block;
- width: 100%;
- }
- .contact-form-wrap input,
- .contact-form-wrap textarea {
- border: none;
- outline: none;
- padding: 15px;
- width: 100%;
- font-size: 16px;
- background: none;
- border: 3px solid {{theme.primary_color}};
- font-family: "{{theme.text_font}}", sans-serif, sans-serif;
- color: {{theme.primary_color}};
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- border-radius: 5px;
- -webkit-appearance: none;
- }
- .contact-form-wrap input:focus,
- .contact-form-wrap textarea:focus {
- background: {{theme.accent_color}};
- }
- .contact-form-wrap textarea {
- height: 100px;
- resize: none;
- }
- .captcha-wrap {
- border: 3px solid {{theme.primary_color}};
- border-radius: 5px;
- height: 52px;
- overflow: hidden;
- }
- .captcha-code {
- width: 125px;
- height: 52px;
- float: left;
- background: #FFFFFF;
- border-right: 3px solid {{theme.primary_color}};
- }
- .captcha-input {
- width: 50%;
- float: left;
- }
- .captcha-input input {
- border: 0px;
- }
- .captcha-wrap.active {
- background: {{theme.accent_color}};
- }
- .captcha-input input {
- border-top: 0px;
- background: none;
- }
- .captcha-input input:focus {
- background: none;
- }
- .contact-form button {
- width: 100%;
- margin-top: 29px;
- }
- /* LARGE */
- /* MEDIUM */
- @media only screen and (max-width: 880px) {
- .contact-form button {
- margin-top: 28px;
- }
- }
- /* SMALL */
- @media only screen and (max-width: 700px) {
- .contact-row-half {
- width: 100%;
- margin: 0;
- }
- .contact-row .contact-row-half:first-child {
- margin-bottom: 20px;
- }
- }
- /* EXTRA SMALL */
- .custom .main .inner {
- max-width: 820px;
- margin: 130px auto 70px;
- }
- /* Message pages */
- .centered-message {
- margin-top: 100px;
- text-align: center;
- }
- .btn-continue {
- margin: 30px auto 0;
- }
- .centered-message h2 {
- margin-bottom: 10px;
- }
- .centered-message .btn {
- margin-top: 30px;
- }
- .centered-message-cart {
- margin-top: 200px;
- }
- .centered-message-cart h1 {
- margin-bottom: 0;
- }
- /* General pages */
- .format-text p {
- margin-bottom: 20px;
- }
- .format-text b,
- .format-text strong {
- font-weight: bold;
- }
- .format-text i,
- .format-text em {
- font-style: italic;
- }
- .format-text ul {
- margin: 0 0 20px 40px;
- }
- .format-text ul li {
- display: list-item;
- list-style: disc;
- }
- .format-text ol {
- margin: 0 0 20px 40px;
- }
- .format-text ol li {
- display: list-item;
- list-style: decimal;
- }
- /* LARGE */
- @media only screen and (max-width: 1200px) {
- .custom .main .inner {
- margin-top: 130px 0 0 0;
- padding: 0 20px 20px 20px;
- }
- }
- /* MEDIUM */
- @media only screen and (max-width: 880px) {
- .custom .main .inner {
- margin: 50px 0 0 0;
- padding: 0 20px 20px 20px;
- }
- }
- /* SMALL */
- @media only screen and (max-width: 700px) {
- /* Message pages */
- .centered-message {
- margin-top: 0;
- }
- .centered-message-cart {
- margin-top: 40px;
- }
- }
- /* EXTRA SMALL */
- /* ------------------------------------------------------------------------------------------------
- *
- * This is where all of the CSS code is handled for your theme.
- *
- * We recommend you break your CSS into multiple files and put them in a separate
- * directory. We've used a "stylesheets" directory in our example below. After that we'll use
- * Sprockets (getsprockets.org) to package them into one file. Sprockets also allows you to
- * use Sass/SCSS (sass-lang.com) by ending your file name with .sass or .scss, and you can also
- * use LESS (lesscss.org) by ending your file with .less.
- *
- * However, if you don't have much CSS, or you're just a glutton for punishment,
- * you could simply put all of your CSS in this file. It's up to you.
- *
- * ------------------------------------------------------------------------------------------------
- */
- /*
- * Here we're including a 3rd-party stylesheet we put in stylesheets/vendor written in normal CSS,
- * as well as a few custom Sass stylesheets we've written for different areas of the store
- *
- *
- */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement