API tools faq
paste
Advertisement
Tapio_Huuhaa

Untitled

Tapio_Huuhaa
Jan 27th, 2019
115
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 45.38 KB | None | 0 0
raw download clone embed print report
  1. html {
  2.     font-family: sans-serif;
  3.     -ms-text-size-adjust: 100%;
  4.     -webkit-text-size-adjust: 100%}
  5. body {
  6.     margin: 0;
  7. }
  8. article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  9.     display: block;
  10. }
  11. audio, canvas, progress, video {
  12.     display: inline-block;
  13.     vertical-align: baseline;
  14. }
  15. audio:not([controls]) {
  16.     display: none;
  17.     height: 0;
  18. }
  19. [hidden], template {
  20.     display: none;
  21. }
  22. a {
  23.     background-color: transparent;
  24. }
  25. a:active, a:hover {
  26.     outline: 0;
  27. }
  28. abbr[title] {
  29.     border-bottom: 1px dotted;
  30. }
  31. b, strong {
  32.     font-weight: 700;
  33. }
  34. dfn {
  35.     font-style: italic;
  36. }
  37. h1 {
  38.     font-size: 2em;
  39.     margin: .67em 0;
  40. }
  41. mark {
  42.     background: #ff0;
  43.     color: #000;
  44. }
  45. small {
  46.     font-size: 80%}
  47. sub, sup {
  48.     font-size: 75%;
  49.     line-height: 0;
  50.     position: relative;
  51.     vertical-align: baseline;
  52. }
  53. sup {
  54.     top: -.5em;
  55. }
  56. sub {
  57.     bottom: -.25em;
  58. }
  59. img {
  60.     border: 0;
  61. }
  62. svg:not(:root) {
  63.     overflow: hidden;
  64. }
  65. figure {
  66.     margin: 1em 40px;
  67. }
  68. hr {
  69.     box-sizing: content-box;
  70.     height: 0;
  71. }
  72. pre {
  73.     overflow: auto;
  74. }
  75. code, kbd, pre, samp {
  76.     font-family: monospace, monospace;
  77.     font-size: 1em;
  78. }
  79. button, input, optgroup, select, textarea {
  80.     color: inherit;
  81.     font: inherit;
  82.     margin: 0;
  83. }
  84. button {
  85.     overflow: visible;
  86. }
  87. button, select {
  88.     text-transform: none;
  89. }
  90. button, html input[type=button], input[type=reset], input[type=submit] {
  91.     -webkit-appearance: button;
  92.     cursor: pointer;
  93. }
  94. button[disabled], html input[disabled] {
  95.     cursor: default;
  96. }
  97. button::-moz-focus-inner, input::-moz-focus-inner {
  98.     border: 0;
  99.     padding: 0;
  100. }
  101. input {
  102.     line-height: normal;
  103. }
  104. input[type=checkbox], input[type=radio] {
  105.     box-sizing: border-box;
  106.     padding: 0;
  107. }
  108. input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  109.     height: auto;
  110. }
  111. input[type=search] {
  112.     -webkit-appearance: textfield;
  113.     box-sizing: content-box;
  114. }
  115. input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  116.     -webkit-appearance: none;
  117. }
  118. fieldset {
  119.     border: 1px solid silver;
  120.     margin: 0 2px;
  121.     padding: .35em .625em .75em;
  122. }
  123. legend {
  124.     border: 0;
  125.     padding: 0;
  126. }
  127. textarea {
  128.     overflow: auto;
  129. }
  130. optgroup {
  131.     font-weight: 700;
  132. }
  133. table {
  134.     border-collapse: collapse;
  135.     border-spacing: 0;
  136. }
  137. td, th {
  138.     padding: 0;
  139. }
  140. body {
  141.     -ms-word-wrap: break-word;
  142.     word-wrap: break-word;
  143. }
  144. body, button, input, textarea {
  145.     color: #43454b;
  146.     font-family: "Source Sans Pro", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  147.     line-height: 1.618;
  148.     text-rendering: optimizeLegibility;
  149.     font-weight: 400;
  150. }
  151. select {
  152.     color: initial;
  153.     font-family: "Source Sans Pro", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  154.     max-width: 100%}
  155. h1, h2, h3, h4, h5, h6 {
  156.     clear: both;
  157.     font-weight: 300;
  158.     margin: 0 0 .5407911001em;
  159.     color: #131315;
  160. }
  161. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  162.     font-weight: 300;
  163. }
  164. .alpha, h1 {
  165.     font-size: 2.617924em;
  166.     line-height: 1.214;
  167.     letter-spacing: -1px;
  168. }
  169. .beta, h2 {
  170.     font-size: 2em;
  171.     line-height: 1.214;
  172. }
  173. .beta+h3, h2+h3 {
  174.     border-top: 1px solid rgba(0, 0, 0, .05);
  175.     padding-top: .5407911001em;
  176. }
  177. .gamma, h3 {
  178.     font-size: 1.618em;
  179. }
  180. .delta, h4 {
  181.     font-size: 1.41575em;
  182. }
  183. .alpha, .beta, .delta, .gamma {
  184.     display: block;
  185. }
  186. blockquote+h2, blockquote+h3, blockquote+h4, blockquote+header h2, form+h2, form+h3, form+h4, form+header h2, ol+h2, ol+h3, ol+h4, ol+header h2, p+h2, p+h3, p+h4, p+header h2, table+h2, table+h3, table+h4, table+header h2, ul+h2, ul+h3, ul+h4, ul+header h2 {
  187.     margin-top: 2.2906835em;
  188. }
  189. hr {
  190.     background-color: #ccc;
  191.     border: 0;
  192.     height: 1px;
  193.     margin: 0 0 1.41575em;
  194. }
  195. p {
  196.     margin: 0 0 1.41575em;
  197. }
  198. ol, ul {
  199.     margin: 0 0 1.41575em 3em;
  200.     padding: 0;
  201. }
  202. ul {
  203.     list-style: disc;
  204. }
  205. ol {
  206.     list-style: decimal;
  207. }
  208. li>ol, li>ul {
  209.     margin-bottom: 0;
  210.     margin-left: 1em;
  211. }
  212. dt {
  213.     font-weight: 600;
  214. }
  215. dd {
  216.     margin: 0 0 1.618em;
  217. }
  218. b, strong {
  219.     font-weight: 600;
  220. }
  221. cite, dfn, em, i {
  222.     font-style: italic;
  223. }
  224. blockquote {
  225.     padding: 0 1em;
  226.     border-left: 3px solid rgba(0, 0, 0, .05);
  227.     font-style: italic;
  228. }
  229. address {
  230.     margin: 0 0 1.41575em;
  231. }
  232. pre {
  233.     background: rgba(0, 0, 0, .1);
  234.     font-family: 'Courier 10 Pitch', Courier, monospace;
  235.     margin-bottom: 1.618em;
  236.     padding: 1.618em;
  237.     overflow: auto;
  238.     max-width: 100%}
  239. code, kbd, tt, var {
  240.     font-family: Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
  241.     background-color: rgba(0, 0, 0, .05);
  242.     padding: .202em .5407911001em;
  243. }
  244. abbr, acronym {
  245.     border-bottom: 1px dotted #666;
  246.     cursor: help;
  247. }
  248. ins, mark {
  249.     text-decoration: none;
  250.     font-weight: 600;
  251.     background: 0 0;
  252. }
  253. sub, sup {
  254.     font-size: 75%;
  255.     height: 0;
  256.     line-height: 0;
  257.     position: relative;
  258.     vertical-align: baseline;
  259. }
  260. sup {
  261.     bottom: 1ex;
  262. }
  263. sub {
  264.     top: .5ex;
  265. }
  266. small {
  267.     font-size: 75%}
  268. big {
  269.     font-size: 125%}
  270. figure {
  271.     margin: 0;
  272. }
  273. table {
  274.     margin: 0 0 1.41575em;
  275.     width: 100%}
  276. img {
  277.     height: auto;
  278.     max-width: 100%;
  279.     display: block;
  280. }
  281. a {
  282.     color: #2c2d33;
  283.     text-decoration: none;
  284. }
  285. a:focus {
  286.     outline: 1px dotted #96588a;
  287. }
  288. .storefront-cute * {
  289.     font-family: 'Comic Sans MS', sans-serif;
  290. }
  291. * {
  292.     box-sizing: border-box;
  293. }
  294. body {
  295.     background-color: #fff;
  296.     overflow-x: hidden;
  297. }
  298. .site {
  299.     overflow-x: hidden;
  300. }
  301. .header-widget-region, .site-content {
  302.     -webkit-tap-highlight-color: transparent;
  303. }
  304. .site-header {
  305.     background-color: #2c2d33;
  306.     padding-top: 1.618em;
  307.     padding-bottom: 1.618em;
  308.     color: #9aa0a7;
  309.     background-position: center center;
  310.     position: relative;
  311.     z-index: 999;
  312.     border-bottom: 1px solid transparent;
  313. }
  314. .site-header .custom-logo-link, .site-header .site-logo-anchor, .site-header .site-logo-link {
  315.     display: block;
  316.     margin-bottom: 0;
  317. }
  318. .site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
  319.     max-width: 210px;
  320. }
  321. .site-header .widget {
  322.     margin-bottom: 0;
  323. }
  324. .home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
  325.     margin-bottom: 4.235801032em;
  326. }
  327. .no-wc-breadcrumb .site-header {
  328.     margin-bottom: 4.235801032em;
  329. }
  330. .no-wc-breadcrumb.page-template-template-homepage .site-header {
  331.     margin-bottom: 0;
  332. }
  333. .header-widget-region {
  334.     position: relative;
  335.     z-index: 99;
  336. }
  337. .site-branding {
  338.     float: left;
  339.     margin-bottom: 0;
  340. }
  341. .site-branding .site-title {
  342.     font-size: 2em;
  343.     letter-spacing: -1px;
  344.     margin: 0;
  345. }
  346. .site-branding .site-title a {
  347.     font-weight: 700;
  348. }
  349. .site-branding .site-description {
  350.     font-size: .875em;
  351.     display: none;
  352. }
  353. .site-branding .logo {
  354.     margin: 0;
  355. }
  356. .site-main {
  357.     margin-bottom: 2.617924em;
  358. }
  359. .site-content {
  360.     outline: 0;
  361. }
  362. .page-template-template-homepage:not(.has-post-thumbnail) .site-main {
  363.     padding-top: 4.235801032em;
  364. }
  365. .page-template-template-homepage .type-page {
  366.     padding-top: 2.617924em;
  367.     padding-bottom: 2.617924em;
  368.     position: relative;
  369. }
  370. .page-template-template-homepage .type-page .storefront-hero__button-edit {
  371.     position: absolute;
  372.     top: 1em;
  373.     right: 1em;
  374.     font-size: .875em;
  375. }
  376. .page-template-template-homepage .entry-content {
  377.     font-size: 1.1em;
  378. }
  379. .page-template-template-homepage .entry-content p:last-child {
  380.     margin-bottom: 0;
  381. }
  382. .page-template-template-homepage .entry-header h1 {
  383.     font-size: 3.706325903em;
  384.     margin-bottom: .2360828548em;
  385. }
  386. .page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
  387.     max-width: 41.0994671405em;
  388.     margin-left: auto;
  389.     margin-right: auto;
  390.     text-align: center;
  391. }
  392. .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail {
  393.     background-size: cover;
  394.     background-position: center center;
  395.     padding-top: 6.8535260698em;
  396.     padding-bottom: 6.8535260698em;
  397. }
  398. .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content, .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title {
  399.     opacity: 0;
  400.     -webkit-transition: all, ease, .5s;
  401.     transition: all, ease, .5s;
  402. }
  403. .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded, .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title.loaded {
  404.     opacity: 1;
  405. }
  406. .site-footer {
  407.     background-color: #f3f3f3;
  408.     color: #76787e;
  409.     padding: 1.618em 0 3.706325903em;
  410. }
  411. .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
  412.     color: #65676d;
  413. }
  414. .site-footer a:not(.button) {
  415.     color: #2c2d33;
  416. }
  417. .site-info {
  418.     padding: 2.617924em 0;
  419. }
  420. .site-info span[role=separator] {
  421.     padding: 0 .2360828548em 0 .3342343017em;
  422. }
  423. .site-info span[role=separator]::before {
  424.     content: '\007c'}
  425. .alignleft {
  426.     display: inline;
  427.     float: left;
  428.     margin-right: 1em;
  429. }
  430. .alignright {
  431.     display: inline;
  432.     float: right;
  433.     margin-left: 1em;
  434. }
  435. .aligncenter {
  436.     clear: both;
  437.     display: block;
  438.     margin: 0 auto;
  439. }
  440. .screen-reader-text {
  441.     border: 0;
  442.     clip: rect(1px, 1px, 1px, 1px);
  443.     -webkit-clip-path: inset(50%);
  444.     clip-path: inset(50%);
  445.     height: 1px;
  446.     margin: -1px;
  447.     overflow: hidden;
  448.     padding: 0;
  449.     position: absolute;
  450.     width: 1px;
  451.     word-wrap: normal!important;
  452. }
  453. .screen-reader-text:focus {
  454.     background-color: #f1f1f1;
  455.     border-radius: 3px;
  456.     box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
  457.     clip: auto!important;
  458.     display: block;
  459.     font-weight: 700;
  460.     height: auto;
  461.     left: 0;
  462.     line-height: normal;
  463.     padding: 1em 1.618em;
  464.     text-decoration: none;
  465.     top: 0;
  466.     width: auto;
  467.     z-index: 100000;
  468.     outline: 0;
  469. }
  470. .clear::after, .clear::before, .comment-content::after, .comment-content::before, .entry-content::after, .entry-content::before, .site-content::after, .site-content::before, .site-footer::after, .site-footer::before, .site-header::after, .site-header::before {
  471.     content: '';
  472.     display: table;
  473. }
  474. .clear::after, .comment-content::after, .entry-content::after, .site-content::after, .site-footer::after, .site-header::after {
  475.     clear: both;
  476. }
  477. table {
  478.     border-spacing: 0;
  479.     width: 100%;
  480.     border-collapse: separate;
  481. }
  482. table caption {
  483.     padding: 1em 0;
  484.     font-weight: 600;
  485. }
  486. table td, table th {
  487.     padding: 1em 1.41575em;
  488.     text-align: left;
  489.     vertical-align: top;
  490. }
  491. table td p:last-child, table th p:last-child {
  492.     margin-bottom: 0;
  493. }
  494. table th {
  495.     font-weight: 600;
  496. }
  497. table thead th {
  498.     padding: 1.41575em;
  499.     vertical-align: middle;
  500. }
  501. table tbody h2 {
  502.     font-size: 1em;
  503.     letter-spacing: normal;
  504.     font-weight: 400;
  505. }
  506. table tbody h2 a {
  507.     font-weight: 400;
  508. }
  509. .error404 .site-content .widget_product_search {
  510.     padding: 1.618em;
  511.     background-color: rgba(0, 0, 0, .025);
  512. }
  513. .error404 .site-content .widget_product_search form {
  514.     margin: 0;
  515. }
  516. .error404.left-sidebar .content-area, .error404.right-sidebar .content-area {
  517.     width: 100%}
  518. .error404 .fourohfour-columns-2 {
  519.     padding: 2.617924em 0;
  520.     border: 1px solid rgba(0, 0, 0, .05);
  521.     border-width: 1px 0;
  522.     margin-bottom: 2.617924em;
  523. }
  524. .error404 .fourohfour-columns-2::after, .error404 .fourohfour-columns-2::before {
  525.     content: '';
  526.     display: table;
  527. }
  528. .error404 .fourohfour-columns-2::after {
  529.     clear: both;
  530. }
  531. .error404 .fourohfour-columns-2 .widget, .error404 .fourohfour-columns-2 ul.products li.product {
  532.     margin-bottom: 0;
  533. }
  534. .error404 .fourohfour-columns-2 .col-1 ul.products {
  535.     margin-bottom: 2.2906835em;
  536. }
  537. .error404 .fourohfour-columns-2 .col-1 ul.products li.product {
  538.     width: 45.4545454545%;
  539.     float: left;
  540.     margin-right: 9.0909090909%}
  541. .error404 .fourohfour-columns-2 .col-1 ul.products li.product:last-child {
  542.     margin-right: 0;
  543. }
  544. .error404 .fourohfour-columns-2 .col-2 {
  545.     padding: 1.618em;
  546.     background-color: rgba(0, 0, 0, .025);
  547. }
  548. #comments {
  549.     padding-top: 2.617924em;
  550. }
  551. #comments .comments-title {
  552.     border-bottom: 1px solid rgba(0, 0, 0, .05);
  553.     padding-bottom: .5407911001em;
  554.     margin-bottom: 1.618em;
  555. }
  556. #comments .comment-list {
  557.     list-style: none;
  558.     margin-left: 0;
  559. }
  560. #comments .comment-list .comment-body::after, #comments .comment-list .comment-body::before {
  561.     content: '';
  562.     display: table;
  563. }
  564. #comments .comment-list .comment-body::after {
  565.     clear: both;
  566. }
  567. #comments .comment-list .comment-content {
  568.     padding-bottom: 1.618em;
  569.     margin-bottom: 1.618em;
  570. }
  571. #comments .comment-list .comment-content .comment-text {
  572.     padding: 1.618em;
  573.     border-radius: 3px;
  574. }
  575. #comments .comment-list .comment-content .comment-text p:last-child {
  576.     margin-bottom: 0;
  577. }
  578. #comments .comment-list .comment-meta {
  579.     margin-bottom: 1em;
  580. }
  581. #comments .comment-list .comment-meta .avatar {
  582.     margin-bottom: 1em;
  583.     max-width: 64px;
  584.     height: auto;
  585. }
  586. #comments .comment-list .comment-meta a.comment-date {
  587.     font-size: .875em;
  588. }
  589. #comments .comment-list .comment-meta cite {
  590.     font-style: normal;
  591.     clear: both;
  592.     display: block;
  593. }
  594. #comments .comment-list .reply {
  595.     margin-bottom: 1.618em;
  596.     padding-top: .6180469716em;
  597. }
  598. #comments .comment-list .reply::after, #comments .comment-list .reply::before {
  599.     content: '';
  600.     display: table;
  601. }
  602. #comments .comment-list .reply::after {
  603.     clear: both;
  604. }
  605. #comments .comment-list .reply a {
  606.     display: inline-block;
  607.     margin-right: 1em;
  608. }
  609. #comments .comment-list .reply a:last-child {
  610.     margin-right: 0;
  611. }
  612. #comments .comment-list .children {
  613.     list-style: none;
  614. }
  615. .comment-content a {
  616.     word-wrap: break-word;
  617. }
  618. #respond {
  619.     clear: both;
  620.     padding: 1.618em;
  621.     background-color: rgba(0, 0, 0, .0125);
  622.     position: relative;
  623. }
  624. #respond .comment-form-author input, #respond .comment-form-email input, #respond .comment-form-url input {
  625.     width: 100%}
  626. #respond .form-submit, #respond form {
  627.     margin-bottom: 0;
  628. }
  629. #respond #cancel-comment-reply-link {
  630.     position: absolute;
  631.     top: .5407911001em;
  632.     right: .5407911001em;
  633.     display: block;
  634.     height: 1em;
  635.     width: 1em;
  636.     overflow: hidden;
  637.     line-height: 1;
  638.     font-size: 1.41575em;
  639.     text-align: center;
  640.     -webkit-transition: ease, .3s, -webkit-transform;
  641.     transition: ease, .3s, -webkit-transform;
  642.     transition: transform, ease, .3s;
  643.     transition: transform, ease, .3s, -webkit-transform;
  644. }
  645. #respond #cancel-comment-reply-link:hover {
  646.     -webkit-transform: scale(1.3);
  647.     -ms-transform: scale(1.3);
  648.     transform: scale(1.3);
  649. }
  650. .hentry {
  651.     margin: 0 0 4.235801032em;
  652. }
  653. .hentry .wp-post-image {
  654.     margin-bottom: 1.618em;
  655.     margin-left: auto;
  656.     margin-right: auto;
  657. }
  658. .hentry .entry-header {
  659.     margin-bottom: 1em;
  660.     border-bottom: 1px solid rgba(0, 0, 0, .05);
  661. }
  662. .hentry .entry-header .byline, .hentry .entry-header .post-author, .hentry .entry-header .post-comments, .hentry .entry-header .posted-on {
  663.     font-size: .875em;
  664. }
  665. .hentry .entry-header .byline a, .hentry .entry-header .post-author a, .hentry .entry-header .post-comments a, .hentry .entry-header .posted-on a {
  666.     font-weight: 600;
  667.     text-decoration: underline;
  668. }
  669. .hentry .entry-header .byline a:hover, .hentry .entry-header .post-author a:hover, .hentry .entry-header .post-comments a:hover, .hentry .entry-header .posted-on a:hover {
  670.     text-decoration: none;
  671. }
  672. .hentry .entry-taxonomy {
  673.     margin: 1.41575em 0 0;
  674. }
  675. .hentry.type-page .entry-header {
  676.     border-bottom: 0;
  677.     margin-bottom: 0;
  678. }
  679. .byline, .updated:not(.published) {
  680.     display: none;
  681. }
  682. .group-blog .byline, .single .byline {
  683.     display: inline;
  684. }
  685. .page-links {
  686.     clear: both;
  687.     margin: 0 0 1em;
  688. }
  689. .cat-links, .tags-links {
  690.     display: block;
  691.     margin-bottom: 1em;
  692. }
  693. .cat-links:last-child, .tags-links:last-child {
  694.     margin-bottom: 0;
  695. }
  696. form {
  697.     margin-bottom: 1.618em;
  698. }
  699. button, input, select, textarea {
  700.     font-size: 100%;
  701.     margin: 0;
  702.     vertical-align: baseline;
  703. }
  704. .added_to_cart, .button, button, input[type=button], input[type=reset], input[type=submit] {
  705.     border: 0;
  706.     background: 0 0;
  707.     background-color: #43454b;
  708.     border-color: #43454b;
  709.     color: #fff;
  710.     cursor: pointer;
  711.     padding: .6180469716em 1.41575em;
  712.     text-decoration: none;
  713.     font-weight: 600;
  714.     text-shadow: none;
  715.     display: inline-block;
  716.     outline: 0;
  717.     -webkit-appearance: none;
  718.     border-radius: 0;
  719. }
  720. .added_to_cart.alt, .added_to_cart.cta, .button.alt, .button.cta, button.alt, button.cta, input[type=button].alt, input[type=button].cta, input[type=reset].alt, input[type=reset].cta, input[type=submit].alt, input[type=submit].cta {
  721.     background-color: #2c2d33;
  722.     border-color: #2c2d33;
  723. }
  724. .added_to_cart.alt:hover, .added_to_cart.cta:hover, .button.alt:hover, .button.cta:hover, button.alt:hover, button.cta:hover, input[type=button].alt:hover, input[type=button].cta:hover, input[type=reset].alt:hover, input[type=reset].cta:hover, input[type=submit].alt:hover, input[type=submit].cta:hover {
  725.     background-color: #2c2d33;
  726. }
  727. .added_to_cart:hover, .button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
  728.     color: #fff;
  729. }
  730. .added_to_cart:focus, .button:focus, button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus {
  731.     outline: 1px dotted #96588a;
  732. }
  733. .added_to_cart.loading, .button.loading, button.loading, input[type=button].loading, input[type=reset].loading, input[type=submit].loading {
  734.     opacity: .5;
  735. }
  736. .added_to_cart.small, .button.small, button.small, input[type=button].small, input[type=reset].small, input[type=submit].small {
  737.     padding: .5407911001em .875em;
  738.     font-size: .875em;
  739. }
  740. .added_to_cart.disabled, .added_to_cart:disabled, .button.disabled, .button:disabled, button.disabled, button:disabled, input[type=button].disabled, input[type=button]:disabled, input[type=reset].disabled, input[type=reset]:disabled, input[type=submit].disabled, input[type=submit]:disabled {
  741.     opacity: .5!important;
  742.     cursor: not-allowed;
  743. }
  744. .added_to_cart.disabled:hover, .added_to_cart:disabled:hover, .button.disabled:hover, .button:disabled:hover, button.disabled:hover, button:disabled:hover, input[type=button].disabled:hover, input[type=button]:disabled:hover, input[type=reset].disabled:hover, input[type=reset]:disabled:hover, input[type=submit].disabled:hover, input[type=submit]:disabled:hover {
  745.     opacity: .5!important;
  746. }
  747. input[type=checkbox], input[type=radio] {
  748.     padding: 0;
  749. }
  750. input[type=checkbox]+label, input[type=radio]+label {
  751.     margin: 0 0 0 .3819820591em;
  752. }
  753. input[type=search]::-webkit-search-decoration {
  754.     -webkit-appearance: none;
  755. }
  756. input[type=search] {
  757.     box-sizing: border-box;
  758. }
  759. input[type=search]::-webkit-input-placeholder {
  760.     color: #616161;
  761. }
  762. input[type=search]::-moz-placeholder {
  763.     color: #616161;
  764. }
  765. input[type=search]:-ms-input-placeholder {
  766.     color: #616161;
  767. }
  768. input[type=search]::placeholder {
  769.     color: #616161;
  770. }
  771. button::-moz-focus-inner, input::-moz-focus-inner {
  772.     border: 0;
  773.     padding: 0;
  774. }
  775. .input-text, input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
  776.     padding: .6180469716em;
  777.     background-color: #f2f2f2;
  778.     color: #43454b;
  779.     outline: 0;
  780.     border: 0;
  781.     -webkit-appearance: none;
  782.     box-sizing: border-box;
  783.     font-weight: 400;
  784.     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .125);
  785. }
  786. .input-text:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus {
  787.     background-color: #e6e5e5;
  788.     color: #2b2c30;
  789. }
  790. textarea {
  791.     overflow: auto;
  792.     padding-left: .875em;
  793.     vertical-align: top;
  794.     width: 100%}
  795. label {
  796.     font-weight: 400;
  797. }
  798. label.inline input {
  799.     width: auto;
  800. }
  801. fieldset {
  802.     padding: 1.618em;
  803.     padding-top: 1em;
  804.     border: 0;
  805.     margin: 0;
  806.     margin-bottom: 1.618em;
  807.     margin-top: 1.618em;
  808. }
  809. fieldset legend {
  810.     font-weight: 600;
  811.     padding: .6180469716em 1em;
  812.     margin-left: -1em;
  813. }
  814. [placeholder]:focus::-webkit-input-placeholder {
  815.     -webkit-transition: opacity .5s .5s ease;
  816.     transition: opacity .5s .5s ease;
  817.     opacity: 0;
  818. }
  819. img {
  820.     border-radius: 3px;
  821. }
  822. .comment-content img.wp-smiley, .entry-content img.wp-smiley, .page-content img.wp-smiley {
  823.     border: none;
  824.     margin-bottom: 0;
  825.     margin-top: 0;
  826.     padding: 0;
  827.     display: inline-block;
  828.     border-radius: 0;
  829. }
  830. .wp-caption {
  831.     margin-bottom: 1em;
  832.     max-width: 100%}
  833. .wp-caption img[class*=wp-image-] {
  834.     display: block;
  835.     margin: 0 auto;
  836. }
  837. .wp-caption .wp-caption-text {
  838.     text-align: left;
  839.     font-style: italic;
  840.     border-bottom: 2px solid rgba(0, 0, 0, .05);
  841.     padding: 1em 0;
  842. }
  843. .gallery {
  844.     margin-bottom: 1em;
  845. }
  846. .gallery::after, .gallery::before {
  847.     content: '';
  848.     display: table;
  849. }
  850. .gallery::after {
  851.     clear: both;
  852. }
  853. .gallery .gallery-item {
  854.     float: left;
  855. }
  856. .gallery .gallery-item .gallery-icon a {
  857.     display: block;
  858. }
  859. .gallery .gallery-item .gallery-icon img {
  860.     border: none;
  861.     height: auto;
  862.     margin: 0 auto;
  863. }
  864. .gallery .gallery-item .gallery-caption {
  865.     margin: 0;
  866.     text-align: center;
  867. }
  868. .gallery.gallery-columns-1 .gallery-item {
  869.     width: 100%}
  870. .gallery.gallery-columns-2 .gallery-item {
  871.     width: 50%}
  872. .gallery.gallery-columns-3 .gallery-item {
  873.     width: 33.3%}
  874. .gallery.gallery-columns-4 .gallery-item {
  875.     width: 25%}
  876. .gallery.gallery-columns-5 .gallery-item {
  877.     width: 20%}
  878. .gallery.gallery-columns-6 .gallery-item {
  879.     width: 16.666666667%}
  880. .gallery.gallery-columns-7 .gallery-item {
  881.     width: 14.285714286%}
  882. .gallery.gallery-columns-8 .gallery-item {
  883.     width: 12.5%}
  884. .gallery.gallery-columns-9 .gallery-item {
  885.     width: 11.111111111%}
  886. embed, iframe, object, video {
  887.     max-width: 100%}
  888. .secondary-navigation {
  889.     display: none;
  890. }
  891. button.menu-toggle {
  892.     cursor: pointer;
  893.     text-align: left;
  894.     float: right;
  895.     position: relative;
  896.     border: 2px solid transparent;
  897.     box-shadow: none;
  898.     border-radius: 2px;
  899.     background-image: none;
  900.     padding: .6180469716em .875em .6180469716em 2.617924em;
  901.     font-size: .875em;
  902. }
  903. button.menu-toggle:hover {
  904.     background-image: none;
  905. }
  906. button.menu-toggle span::before {
  907.     -webkit-transition: all, ease, .2s;
  908.     transition: all, ease, .2s;
  909. }
  910. button.menu-toggle span::before, button.menu-toggle::after, button.menu-toggle::before {
  911.     content: '';
  912.     display: block;
  913.     height: 2px;
  914.     width: 14px;
  915.     position: absolute;
  916.     top: 50%;
  917.     left: 1em;
  918.     margin-top: -1px;
  919.     -webkit-transition: all, ease, .2s;
  920.     transition: all, ease, .2s;
  921.     border-radius: 3px;
  922. }
  923. button.menu-toggle::before {
  924.     -webkit-transform: translateY(-4px);
  925.     -ms-transform: translateY(-4px);
  926.     transform: translateY(-4px);
  927. }
  928. button.menu-toggle::after {
  929.     -webkit-transform: translateY(4px);
  930.     -ms-transform: translateY(4px);
  931.     transform: translateY(4px);
  932. }
  933. .toggled button.menu-toggle::after, .toggled button.menu-toggle::before {
  934.     -webkit-transform: rotate(45deg);
  935.     -ms-transform: rotate(45deg);
  936.     transform: rotate(45deg);
  937. }
  938. .toggled button.menu-toggle::after {
  939.     -webkit-transform: rotate(-45deg);
  940.     -ms-transform: rotate(-45deg);
  941.     transform: rotate(-45deg);
  942. }
  943. .toggled button.menu-toggle span::before {
  944.     opacity: 0;
  945. }
  946. .primary-navigation {
  947.     display: none;
  948. }
  949. .main-navigation::after, .main-navigation::before {
  950.     content: '';
  951.     display: table;
  952. }
  953. .main-navigation::after {
  954.     clear: both;
  955. }
  956. .main-navigation div.menu {
  957.     display: none;
  958. }
  959. .main-navigation div.menu:last-child {
  960.     display: block;
  961. }
  962. .main-navigation .menu {
  963.     clear: both;
  964. }
  965. .handheld-navigation, .main-navigation div.menu>ul:not(.nav-menu), .nav-menu {
  966.     overflow: hidden;
  967.     max-height: 0;
  968.     -webkit-transition: all, ease, .8s;
  969.     transition: all, ease, .8s;
  970. }
  971. .handheld-navigation {
  972.     clear: both;
  973. }
  974. .handheld-navigation ul {
  975.     margin: 0;
  976. }
  977. .handheld-navigation ul.menu li {
  978.     position: relative;
  979. }
  980. .handheld-navigation ul.menu li button::after {
  981.     -webkit-transition: all, ease, .9s;
  982.     transition: all, ease, .9s;
  983. }
  984. .handheld-navigation ul.menu li button.toggled-on::after {
  985.     -webkit-transform: rotate(180deg);
  986.     -ms-transform: rotate(180deg);
  987.     transform: rotate(180deg);
  988. }
  989. .handheld-navigation ul.menu .sub-menu {
  990.     visibility: hidden;
  991.     opacity: 0;
  992.     max-height: 0;
  993.     -webkit-transition: all, ease, .9s;
  994.     transition: all, ease, .9s;
  995. }
  996. .handheld-navigation ul.menu .sub-menu.toggled-on {
  997.     visibility: visible;
  998.     max-height: 9999px;
  999.     opacity: 1;
  1000. }
  1001. .handheld-navigation .dropdown-toggle {
  1002.     background: 0 0;
  1003.     position: absolute;
  1004.     top: 0;
  1005.     right: 0;
  1006.     display: block;
  1007. }
  1008. .main-navigation.toggled .handheld-navigation, .main-navigation.toggled .menu>ul:not(.nav-menu), .main-navigation.toggled ul[aria-expanded=true] {
  1009.     max-height: 9999px;
  1010. }
  1011. .main-navigation ul {
  1012.     margin-left: 0;
  1013.     list-style: none;
  1014.     margin-bottom: 0;
  1015. }
  1016. .main-navigation ul ul {
  1017.     display: block;
  1018.     margin-left: 1.41575em;
  1019. }
  1020. .main-navigation ul li a {
  1021.     padding: .875em 0;
  1022.     display: block;
  1023. }
  1024. .main-navigation ul li a:hover {
  1025.     color: #e6e6e6;
  1026. }
  1027. .site-main nav.navigation {
  1028.     clear: both;
  1029.     padding: 2.617924em 0;
  1030. }
  1031. .site-main nav.navigation::after, .site-main nav.navigation::before {
  1032.     content: '';
  1033.     display: table;
  1034. }
  1035. .site-main nav.navigation::after {
  1036.     clear: both;
  1037. }
  1038. .site-main nav.navigation .nav-next a, .site-main nav.navigation .nav-previous a {
  1039.     display: inline-block;
  1040.     -webkit-transition: all, ease, .3s;
  1041.     transition: all, ease, .3s;
  1042.     padding: .6180469716em 1em;
  1043.     border-radius: 3px;
  1044. }
  1045. .site-main nav.navigation .nav-previous {
  1046.     float: left;
  1047.     width: 50%}
  1048. .site-main nav.navigation .nav-previous a:hover {
  1049.     -webkit-transform: translate(-1em);
  1050.     -ms-transform: translate(-1em);
  1051.     transform: translate(-1em);
  1052. }
  1053. .site-main nav.navigation .nav-next {
  1054.     float: right;
  1055.     text-align: right;
  1056.     width: 50%}
  1057. .site-main nav.navigation .nav-next a:hover {
  1058.     -webkit-transform: translate(1em);
  1059.     -ms-transform: translate(1em);
  1060.     transform: translate(1em);
  1061. }
  1062. .pagination, .woocommerce-pagination {
  1063.     padding: 1em 0;
  1064.     border: 1px solid rgba(0, 0, 0, .05);
  1065.     border-width: 1px 0;
  1066.     text-align: center;
  1067.     clear: both;
  1068. }
  1069. .pagination ul.page-numbers::after, .pagination ul.page-numbers::before, .woocommerce-pagination ul.page-numbers::after, .woocommerce-pagination ul.page-numbers::before {
  1070.     content: '';
  1071.     display: table;
  1072. }
  1073. .pagination ul.page-numbers::after, .woocommerce-pagination ul.page-numbers::after {
  1074.     clear: both;
  1075. }
  1076. .pagination .page-numbers, .woocommerce-pagination .page-numbers {
  1077.     list-style: none;
  1078.     margin: 0;
  1079. }
  1080. .pagination .page-numbers li, .woocommerce-pagination .page-numbers li {
  1081.     display: inline-block;
  1082. }
  1083. .pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers {
  1084.     border-left-width: 0;
  1085.     display: inline-block;
  1086.     padding: .3342343017em .875em;
  1087.     background-color: rgba(0, 0, 0, .025);
  1088.     color: #43454b;
  1089. }
  1090. .pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers.current {
  1091.     background-color: #2c2d33;
  1092.     border-color: #2c2d33;
  1093. }
  1094. .pagination .page-numbers li .page-numbers.dots, .woocommerce-pagination .page-numbers li .page-numbers.dots {
  1095.     background-color: transparent;
  1096. }
  1097. .pagination .page-numbers li .page-numbers.next, .pagination .page-numbers li .page-numbers.prev, .woocommerce-pagination .page-numbers li .page-numbers.next, .woocommerce-pagination .page-numbers li .page-numbers.prev {
  1098.     padding-left: 1em;
  1099.     padding-right: 1em;
  1100. }
  1101. .pagination .page-numbers li a.page-numbers:hover, .woocommerce-pagination .page-numbers li a.page-numbers:hover {
  1102.     background-color: rgba(0, 0, 0, .05);
  1103. }
  1104. .rtl .pagination a.next, .rtl .pagination a.prev, .rtl .woocommerce-pagination a.next, .rtl .woocommerce-pagination a.prev {
  1105.     -webkit-transform: rotateY(180deg);
  1106.     transform: rotateY(180deg);
  1107. }
  1108. .widget {
  1109.     margin: 0 0 3.706325903em;
  1110. }
  1111. .widget select {
  1112.     max-width: 100%}
  1113. .widget .widget-search .search-submit {
  1114.     border: 0;
  1115.     clip: rect(1px, 1px, 1px, 1px);
  1116.     -webkit-clip-path: inset(50%);
  1117.     clip-path: inset(50%);
  1118.     height: 1px;
  1119.     margin: -1px;
  1120.     overflow: hidden;
  1121.     padding: 0;
  1122.     position: absolute;
  1123.     width: 1px;
  1124.     word-wrap: normal!important;
  1125. }
  1126. .widget .widget-title, .widget .widgettitle {
  1127.     font-size: 1.41575em;
  1128.     letter-spacing: 0;
  1129.     border-bottom: 1px solid rgba(0, 0, 0, .05);
  1130.     padding: 0 0 1em;
  1131.     margin-bottom: 1em;
  1132.     font-weight: 300;
  1133. }
  1134. .widget ul {
  1135.     margin-left: 0;
  1136.     list-style: none;
  1137. }
  1138. .widget ul ul {
  1139.     margin-left: 1.618em;
  1140. }
  1141. .widget-area .widget {
  1142.     font-weight: 400;
  1143. }
  1144. .widget-area .widget a.button {
  1145.     font-weight: 600!important;
  1146. }
  1147. .header-widget-region::after, .header-widget-region::before {
  1148.     content: '';
  1149.     display: table;
  1150. }
  1151. .header-widget-region::after {
  1152.     clear: both;
  1153. }
  1154. .header-widget-region .widget {
  1155.     margin: 0;
  1156.     padding: 1em 0;
  1157.     font-size: .875em;
  1158. }
  1159. .widget_product_search form, .widget_search form {
  1160.     position: relative;
  1161. }
  1162. .widget_product_search form input[type=search], .widget_product_search form input[type=text], .widget_search form input[type=search], .widget_search form input[type=text] {
  1163.     width: 100%}
  1164. .widget_product_search form button[type=submit], .widget_product_search form input[type=submit], .widget_search form button[type=submit], .widget_search form input[type=submit] {
  1165.     border: 0;
  1166.     clip: rect(1px, 1px, 1px, 1px);
  1167.     -webkit-clip-path: inset(50%);
  1168.     clip-path: inset(50%);
  1169.     height: 1px;
  1170.     margin: -1px;
  1171.     overflow: hidden;
  1172.     padding: 0;
  1173.     position: absolute;
  1174.     width: 1px;
  1175.     word-wrap: normal!important;
  1176.     top: 0;
  1177.     left: 0;
  1178. }
  1179. .widget_archive ul, .widget_categories ul, .widget_layered_nav ul, .widget_layered_nav_filters ul, .widget_links ul, .widget_nav_menu ul, .widget_pages ul, .widget_product_categories ul, .widget_recent_comments ul, .widget_recent_entries ul {
  1180.     margin: 0;
  1181. }
  1182. .widget_archive ul li, .widget_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li, .widget_links ul li, .widget_nav_menu ul li, .widget_pages ul li, .widget_product_categories ul li, .widget_recent_comments ul li, .widget_recent_entries ul li {
  1183.     list-style: none;
  1184.     margin-bottom: 1em;
  1185.     line-height: 1.41575em;
  1186. }
  1187. .widget_archive ul .children, .widget_categories ul .children, .widget_layered_nav ul .children, .widget_layered_nav_filters ul .children, .widget_links ul .children, .widget_nav_menu ul .children, .widget_pages ul .children, .widget_product_categories ul .children, .widget_recent_comments ul .children, .widget_recent_entries ul .children {
  1188.     margin-top: .6180469716em;
  1189.     margin-left: 1.618em;
  1190. }
  1191. .widget_archive ul .children, .widget_categories ul .children, .widget_layered_nav ul .children, .widget_layered_nav_filters ul .children, .widget_links ul .children, .widget_nav_menu ul .children, .widget_pages ul .children, .widget_product_categories ul .children, .widget_recent_comments ul .children, .widget_recent_entries ul .children {
  1192.     margin-left: 0;
  1193.     margin-top: 1em;
  1194. }
  1195. .footer-widgets #wp-calendar td, .footer-widgets #wp-calendar th, .widget-area #wp-calendar td, .widget-area #wp-calendar th {
  1196.     padding: .236em;
  1197.     text-align: center;
  1198. }
  1199. .widget_pages ul ul.children, .widget_recent_entries ul ul.children {
  1200.     margin: .6180469716em 0 0 1.41575em;
  1201. }
  1202. .widget_rating_filter .wc-layered-nav-rating {
  1203.     margin-bottom: .6180469716em;
  1204. }
  1205. .widget_rating_filter .wc-layered-nav-rating a {
  1206.     text-decoration: none!important;
  1207. }
  1208. .widget_rating_filter .wc-layered-nav-rating .star-rating {
  1209.     display: inline-block;
  1210.     height: 1em;
  1211.     line-height: 1;
  1212. }
  1213. .widget-area .widget {
  1214.     font-size: .875em;
  1215. }
  1216. .widget-area .widget h1.widget-title {
  1217.     font-size: 1.41575em;
  1218. }
  1219. .widget-area .widget a:not(.button) {
  1220.     font-weight: 600;
  1221.     text-decoration: underline;
  1222. }
  1223. .widget-area .widget a:not(.button):hover {
  1224.     text-decoration: none;
  1225. }
  1226. @media (min-width:768px) {
  1227.         table.shop_table_responsive tbody tr td, table.shop_table_responsive tbody tr th {
  1228.         text-align: left;
  1229.     }
  1230.     .site-header {
  1231.         padding-top: 2.617924em;
  1232.         padding-bottom: 0;
  1233.     }
  1234.     .site-header .site-branding {
  1235.         display: block;
  1236.         width: 100%;
  1237.         float: left;
  1238.         margin-left: 0;
  1239.         margin-right: 0;
  1240.         clear: both;
  1241.     }
  1242.     .site-header .site-branding img {
  1243.         height: auto;
  1244.         max-width: 230px;
  1245.         max-height: none;
  1246.     }
  1247.     .woocommerce-active .site-header .site-branding {
  1248.         width: 73.9130434783%;
  1249.         float: left;
  1250.         margin-right: 4.347826087%}
  1251.     .woocommerce-active .site-header .site-search {
  1252.         width: 21.7391304348%;
  1253.         float: right;
  1254.         margin-right: 0;
  1255.         clear: none;
  1256.     }
  1257.     .woocommerce-active .site-header .main-navigation {
  1258.         width: 73.9130434783%;
  1259.         float: left;
  1260.         margin-right: 4.347826087%;
  1261.         clear: both;
  1262.     }
  1263.     .woocommerce-active .site-header .site-header-cart {
  1264.         width: 21.7391304348%;
  1265.         float: right;
  1266.         margin-right: 0;
  1267.         margin-bottom: 0;
  1268.     }
  1269.     .storefront-secondary-navigation .site-header .site-branding {
  1270.         width: 39.1304347826%;
  1271.         float: left;
  1272.         margin-right: 4.347826087%}
  1273.     .storefront-secondary-navigation .site-header .secondary-navigation {
  1274.         width: 56.5217391304%;
  1275.         float: right;
  1276.         margin-right: 0;
  1277.     }
  1278.     .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
  1279.         width: 21.7391304348%;
  1280.         float: left;
  1281.         margin-right: 4.347826087%}
  1282.     .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
  1283.         width: 47.8260869565%;
  1284.         float: left;
  1285.         margin-right: 4.347826087%}
  1286.     .site-branding .site-description {
  1287.         margin-bottom: 0;
  1288.         display: block;
  1289.     }
  1290.     .custom-logo-link, .site-branding, .site-header-cart, .site-logo-anchor, .site-logo-link, .site-search {
  1291.         margin-bottom: 1.41575em;
  1292.     }
  1293.     .site-header .subscribe-and-connect-connect {
  1294.         float: right;
  1295.         margin-bottom: 1em;
  1296.     }
  1297.     .site-header .subscribe-and-connect-connect .icons {
  1298.         list-style: none;
  1299.         margin: 0;
  1300.     }
  1301.     .site-header .subscribe-and-connect-connect .icons a {
  1302.         font-size: 1em!important;
  1303.     }
  1304.     .site-header .subscribe-and-connect-connect .icons li {
  1305.         margin: 0 0 0 .5407911001em!important;
  1306.         display: inline-block;
  1307.     }
  1308.     .col-full {
  1309.         max-width: 66.4989378333em;
  1310.         margin-left: auto;
  1311.         margin-right: auto;
  1312.         padding: 0 2.617924em;
  1313.         box-sizing: content-box;
  1314.     }
  1315.     .col-full::after, .col-full::before {
  1316.         content: '';
  1317.         display: table;
  1318.     }
  1319.     .col-full::after {
  1320.         clear: both;
  1321.     }
  1322.     .col-full:after {
  1323.         content: " ";
  1324.         display: block;
  1325.         clear: both;
  1326.     }
  1327.     .site-content::after, .site-content::before {
  1328.         content: '';
  1329.         display: table;
  1330.     }
  1331.     .site-content::after {
  1332.         clear: both;
  1333.     }
  1334.     .content-area {
  1335.         width: 73.9130434783%;
  1336.         float: left;
  1337.         margin-right: 4.347826087%}
  1338.     .widget-area {
  1339.         width: 21.7391304348%;
  1340.         float: right;
  1341.         margin-right: 0;
  1342.     }
  1343.     .right-sidebar .content-area {
  1344.         width: 73.9130434783%;
  1345.         float: left;
  1346.         margin-right: 4.347826087%}
  1347.     .right-sidebar .widget-area {
  1348.         width: 21.7391304348%;
  1349.         float: right;
  1350.         margin-right: 0;
  1351.     }
  1352.     .left-sidebar .content-area {
  1353.         width: 73.9130434783%;
  1354.         float: right;
  1355.         margin-right: 0;
  1356.     }
  1357.     .left-sidebar .widget-area {
  1358.         width: 21.7391304348%;
  1359.         float: left;
  1360.         margin-right: 4.347826087%}
  1361.     .storefront-full-width-content .content-area {
  1362.         width: 100%;
  1363.         float: left;
  1364.         margin-left: 0;
  1365.         margin-right: 0;
  1366.     }
  1367.     .content-area, .widget-area {
  1368.         margin-bottom: 2.617924em;
  1369.     }
  1370.     .page-template-template-fullwidth-php .content-area, .page-template-template-homepage-php .content-area {
  1371.         width: 100%;
  1372.         float: left;
  1373.         margin-left: 0;
  1374.         margin-right: 0;
  1375.     }
  1376.     .footer-widgets {
  1377.         padding-top: 4.235801032em;
  1378.         border-bottom: 1px solid rgba(0, 0, 0, .05);
  1379.     }
  1380.     .footer-widgets::after, .footer-widgets::before {
  1381.         content: '';
  1382.         display: table;
  1383.     }
  1384.     .footer-widgets::after {
  1385.         clear: both;
  1386.     }
  1387.     .footer-widgets.col-2 .block {
  1388.         width: 47.8260869565%;
  1389.         float: left;
  1390.         margin-right: 4.347826087%}
  1391.     .footer-widgets.col-2 .block.footer-widget-2 {
  1392.         float: right;
  1393.         margin-right: 0;
  1394.     }
  1395.     .footer-widgets.col-3 .block {
  1396.         width: 30.4347826087%;
  1397.         float: left;
  1398.         margin-right: 4.347826087%}
  1399.     .footer-widgets.col-3 .block.footer-widget-3 {
  1400.         float: right;
  1401.         margin-right: 0;
  1402.     }
  1403.     .footer-widgets.col-4 .block {
  1404.         width: 21.7391304348%;
  1405.         float: left;
  1406.         margin-right: 4.347826087%}
  1407.     .footer-widgets.col-4 .block.footer-widget-4 {
  1408.         float: right;
  1409.         margin-right: 0;
  1410.     }
  1411.     .comment-list::after, .comment-list::before {
  1412.         content: '';
  1413.         display: table;
  1414.     }
  1415.     .comment-list::after {
  1416.         clear: both;
  1417.     }
  1418.     .comment-list .comment {
  1419.         clear: both;
  1420.     }
  1421.     .comment-list .comment-meta {
  1422.         width: 17.6470588235%;
  1423.         float: left;
  1424.         margin-right: 5.8823529412%;
  1425.         text-align: right;
  1426.     }
  1427.     .comment-list .comment-meta .avatar {
  1428.         float: right;
  1429.     }
  1430.     .comment-list .comment-content {
  1431.         padding-bottom: 3.706325903em;
  1432.         margin-bottom: 3.706325903em;
  1433.     }
  1434.     .comment-list #respond, .comment-list .comment-content {
  1435.         width: 76.4705882353%;
  1436.         float: right;
  1437.         margin-right: 0;
  1438.     }
  1439.     .comment-list #respond {
  1440.         float: right;
  1441.     }
  1442.     .comment-list #respond .comment-form-author, .comment-list #respond .comment-form-email, .comment-list #respond .comment-form-url {
  1443.         width: 100%;
  1444.         margin-right: 0;
  1445.     }
  1446.     .comment-list .comment-body #respond {
  1447.         box-shadow: 0 6px 2em rgba(0, 0, 0, .2);
  1448.         margin-bottom: 2.617924em;
  1449.         margin-top: -1.618em;
  1450.     }
  1451.     .comment-list .reply {
  1452.         clear: both;
  1453.         text-align: right;
  1454.     }
  1455.     .comment-list ol.children {
  1456.         width: 88.2352941176%;
  1457.         float: right;
  1458.         margin-right: 0;
  1459.         list-style: none;
  1460.     }
  1461.     .comment-list ol.children .comment-meta {
  1462.         width: 20%;
  1463.         float: left;
  1464.         margin-right: 6.6666666667%}
  1465.     .comment-list ol.children #respond, .comment-list ol.children .comment-content {
  1466.         width: 73.3333333333%;
  1467.         float: right;
  1468.         margin-right: 0;
  1469.     }
  1470.     .comment-list ol.children ol.children {
  1471.         width: 86.6666666667%;
  1472.         float: right;
  1473.         margin-right: 0;
  1474.     }
  1475.     .comment-list ol.children ol.children .comment-meta {
  1476.         width: 23.0769230769%;
  1477.         float: left;
  1478.         margin-right: 7.6923076923%}
  1479.     .comment-list ol.children ol.children #respond, .comment-list ol.children ol.children .comment-content {
  1480.         width: 69.2307692308%;
  1481.         float: right;
  1482.         margin-right: 0;
  1483.     }
  1484.     .comment-list ol.children ol.children ol.children {
  1485.         width: 84.6153846154%;
  1486.         float: right;
  1487.         margin-right: 0;
  1488.     }
  1489.     .comment-list ol.children ol.children ol.children .comment-meta {
  1490.         width: 27.2727272727%;
  1491.         float: left;
  1492.         margin-right: 9.0909090909%}
  1493.     .comment-list ol.children ol.children ol.children #respond, .comment-list ol.children ol.children ol.children .comment-content {
  1494.         width: 63.6363636364%;
  1495.         float: right;
  1496.         margin-right: 0;
  1497.     }
  1498.     .comment-list ol.children ol.children ol.children ol.children {
  1499.         width: 81.8181818182%;
  1500.         float: right;
  1501.         margin-right: 0;
  1502.     }
  1503.     .comment-list ol.children ol.children ol.children ol.children .comment-meta {
  1504.         width: 33.3333333333%;
  1505.         float: left;
  1506.         margin-right: 11.1111111111%}
  1507.     .comment-list ol.children ol.children ol.children ol.children #respond, .comment-list ol.children ol.children ol.children ol.children .comment-content {
  1508.         width: 55.5555555556%;
  1509.         float: right;
  1510.         margin-right: 0;
  1511.     }
  1512.     #respond {
  1513.         padding: 2.617924em;
  1514.     }
  1515.     #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url {
  1516.         width: 29.4117647059%;
  1517.         float: left;
  1518.         margin-right: 5.8823529412%}
  1519.     #respond .comment-form-url {
  1520.         float: right;
  1521.         margin-right: 0;
  1522.     }
  1523.     #respond .comment-form-comment {
  1524.         clear: both;
  1525.     }
  1526.     .hentry .entry-header {
  1527.         margin-bottom: 2.617924em;
  1528.     }
  1529.     .handheld-navigation, .main-navigation.toggled .handheld-navigation, .main-navigation.toggled div.menu, .menu-toggle {
  1530.         display: none;
  1531.     }
  1532.     .primary-navigation {
  1533.         display: block;
  1534.     }
  1535.     .main-navigation, .secondary-navigation {
  1536.         clear: both;
  1537.         display: block;
  1538.         width: 100%}
  1539.     .main-navigation ul, .secondary-navigation ul {
  1540.         list-style: none;
  1541.         margin: 0;
  1542.         padding-left: 0;
  1543.         display: block;
  1544.     }
  1545.     .main-navigation ul li, .secondary-navigation ul li {
  1546.         position: relative;
  1547.         display: inline-block;
  1548.         text-align: left;
  1549.     }
  1550.     .main-navigation ul li a, .secondary-navigation ul li a {
  1551.         display: block;
  1552.     }
  1553.     .main-navigation ul li a::before, .secondary-navigation ul li a::before {
  1554.         display: none;
  1555.     }
  1556.     .main-navigation ul li.focus>ul, .main-navigation ul li:hover>ul, .secondary-navigation ul li.focus>ul, .secondary-navigation ul li:hover>ul {
  1557.         left: 0;
  1558.         display: block;
  1559.     }
  1560.     .main-navigation ul li.focus>ul li>ul, .main-navigation ul li:hover>ul li>ul, .secondary-navigation ul li.focus>ul li>ul, .secondary-navigation ul li:hover>ul li>ul {
  1561.         left: -9999px;
  1562.     }
  1563.     .main-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device, .main-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device, .secondary-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device, .secondary-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device {
  1564.         display: none;
  1565.         left: 0;
  1566.     }
  1567.     .main-navigation ul li.focus>ul li.focus>ul, .main-navigation ul li.focus>ul li:hover>ul, .main-navigation ul li:hover>ul li.focus>ul, .main-navigation ul li:hover>ul li:hover>ul, .secondary-navigation ul li.focus>ul li.focus>ul, .secondary-navigation ul li.focus>ul li:hover>ul, .secondary-navigation ul li:hover>ul li.focus>ul, .secondary-navigation ul li:hover>ul li:hover>ul {
  1568.         left: 100%;
  1569.         top: 0;
  1570.         display: block;
  1571.     }
  1572.     .main-navigation ul ul, .secondary-navigation ul ul {
  1573.         float: left;
  1574.         position: absolute;
  1575.         top: 100%;
  1576.         z-index: 99999;
  1577.         left: -9999px;
  1578.     }
  1579.     .main-navigation ul ul.sub-menu--is-touch-device, .secondary-navigation ul ul.sub-menu--is-touch-device {
  1580.         display: none;
  1581.         left: 0;
  1582.     }
  1583.     .main-navigation ul ul li, .secondary-navigation ul ul li {
  1584.         display: block;
  1585.     }
  1586.     .main-navigation ul ul li a, .secondary-navigation ul ul li a {
  1587.         width: 200px;
  1588.     }
  1589.     ul.menu li.current-menu-item>a {
  1590.         color: #43454b;
  1591.     }
  1592.     .storefront-primary-navigation {
  1593.         clear: both;
  1594.     }
  1595.     .storefront-primary-navigation::after, .storefront-primary-navigation::before {
  1596.         content: '';
  1597.         display: table;
  1598.     }
  1599.     .storefront-primary-navigation::after {
  1600.         clear: both;
  1601.     }
  1602.     .main-navigation div.menu {
  1603.         display: block;
  1604.     }
  1605.     .main-navigation ul.menu, .main-navigation ul.nav-menu {
  1606.         max-height: none;
  1607.         overflow: visible;
  1608.         margin-left: -1em;
  1609.     }
  1610.     .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
  1611.         padding: 1.618em 1em;
  1612.     }
  1613.     .main-navigation ul.menu>li.menu-item-has-children:hover::after, .main-navigation ul.menu>li.page_item_has_children:hover::after, .main-navigation ul.nav-menu>li.menu-item-has-children:hover::after, .main-navigation ul.nav-menu>li.page_item_has_children:hover::after {
  1614.         display: block;
  1615.     }
  1616.     .main-navigation ul.menu ul, .main-navigation ul.nav-menu ul {
  1617.         margin-left: 0;
  1618.     }
  1619.     .main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
  1620.         padding: .875em 1.41575em;
  1621.         font-weight: 400;
  1622.         font-size: .875em;
  1623.     }
  1624.     .main-navigation ul.menu ul li:last-child, .main-navigation ul.nav-menu ul li:last-child {
  1625.         border-bottom: 0;
  1626.     }
  1627.     .main-navigation ul.menu ul ul, .main-navigation ul.nav-menu ul ul {
  1628.         margin-left: 0;
  1629.         box-shadow: none;
  1630.     }
  1631.     .main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li.focus, .main-navigation ul.menu ul li:hover>a, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li.focus, .main-navigation ul.nav-menu ul li:hover>a {
  1632.         background-color: rgba(0, 0, 0, .025);
  1633.     }
  1634.     .main-navigation a {
  1635.         padding: 0 1em 2.2906835em;
  1636.     }
  1637.     .secondary-navigation {
  1638.         margin: 0 0 1.618em;
  1639.         width: auto;
  1640.         clear: none;
  1641.         line-height: 1;
  1642.     }
  1643.     .secondary-navigation .menu {
  1644.         font-size: .875em;
  1645.         width: auto;
  1646.         float: right;
  1647.     }
  1648.     .secondary-navigation .menu>li:hover>a {
  1649.         text-decoration: none;
  1650.     }
  1651.     .secondary-navigation .menu ul a {
  1652.         padding: .326em .875em;
  1653.         background: rgba(0, 0, 0, .05);
  1654.     }
  1655.     .secondary-navigation .menu ul li:first-child a {
  1656.         padding-top: 1em;
  1657.     }
  1658.     .secondary-navigation .menu ul li:last-child a {
  1659.         padding-bottom: 1em;
  1660.     }
  1661.     .secondary-navigation .menu ul ul {
  1662.         margin-top: -.6180469716em;
  1663.     }
  1664.     .secondary-navigation .menu a {
  1665.         padding: 1em .875em;
  1666.         color: #737781;
  1667.         font-weight: 400;
  1668.     }
  1669.     .secondary-navigation .menu a:hover {
  1670.         text-decoration: none;
  1671.     }
  1672.     .error404 .fourohfour-columns-2 .col-1 {
  1673.         width: 47.8260869565%;
  1674.         float: left;
  1675.         margin-right: 4.347826087%}
  1676.     .error404 .fourohfour-columns-2 .col-1 ul.products {
  1677.         margin-bottom: 0;
  1678.     }
  1679.     .error404 .fourohfour-columns-2 .col-2 {
  1680.         width: 47.8260869565%;
  1681.         float: right;
  1682.         margin-right: 0;
  1683.     }
  1684. }
  1685. @media (max-width:66.4989378333em) {
  1686.         .col-full {
  1687.         margin-left: 2.617924em;
  1688.         margin-right: 2.617924em;
  1689.         padding: 0;
  1690.     }
  1691. }
  1692. @media (max-width:568px) {
  1693.         .col-full {
  1694.         margin-left: 1.41575em;
  1695.         margin-right: 1.41575em;
  1696.         padding: 0;
  1697.     }
  1698. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!