.origins__map svg rect {
fill: none;
}
label[for=cmw_register_email] {
font-size: 12px!important;
display: flex;
align-items: center;
justify-content: center
}
label[for=cmw_register_email] input {
position: relative;
top: 8px;
margin-right: 10px
}
.instagram.row-container::-webkit-scrollbar {
width: 0!important
}
@keyframes animateSpin {
from {
transform: translate(-50%, -50%) rotate(1deg)
}
to {
transform: translate(-50%, -50%) rotate(360deg)
}
}
.visually-hidden {
margin: -1px;
padding: 0;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip: rect(0, 0, 0, 0);
position: absolute
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block
}
audio,
canvas,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
html {
background: #fff;
color: #000;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
button,
html,
input,
select,
textarea {
font-family: sans-serif
}
body {
margin: 0
}
a {
background: 0 0
}
a:focus {
outline: thin dotted
}
a:active,
a:hover {
outline: 0
}
h1 {
font-size: 2em;
margin: .67em 0
}
h2 {
font-size: 1.5em;
margin: .83em 0
}
h3 {
font-size: 1.17em;
margin: 1em 0
}
h4 {
font-size: 1em;
margin: 1.33em 0
}
h5 {
font-size: .83em;
margin: 1.67em 0
}
h6 {
font-size: .75em;
margin: 2.33em 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
mark {
background: #ff0;
color: #000
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word
}
q {
quotes: "\201C" "\201D" "\2018" "\2019"
}
q:after,
q:before {
content: '';
content: none
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0;
white-space: normal
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
vertical-align: baseline
}
button,
input {
line-height: normal
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
input[disabled] {
cursor: default
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
textarea {
overflow: auto;
vertical-align: top
}
table {
border-collapse: collapse;
border-spacing: 0
}
body,
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
background-size: 200% 200%;
background-position: center;
box-sizing: border-box
}
h1,
h2,
h3,
h4,
h5 {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
color: inherit
}
a {
color: #8CC6E9;
text-decoration: none
}
a:hover {
text-decoration: underline
}
p {
line-height: 1.5
}
@media (max-width:500px) {
p {
font-size: .8rem
}
}
p a {
color: #8CC6E9
}
body {
position: relative;
z-index: 1;
padding-top: 60px
}
body.sticky-nav {
padding-top: 283px
}
@media (min-width:861px) {
body {
padding-top: 0
}
}
html {
background: #333
}
html:after {
content: ' ';
position: fixed;
top: -10vw;
right: -10vw;
bottom: -10vw;
left: -10vw;
max-width: none;
max-height: none;
background: #fff
}
[style="display:none"],
[style="opacity:0"] {
pointer-events: none!important
}
*,
:after,
:before {
box-sizing: inherit
}
.hidden {
pointer-events: none!important
}
.hidden * {
pointer-events: none!important
}
label .required {
color: #8CC6E9
}
input,
select {
border-radius: 0;
border: none
}
input:not([type=radio]),
select:not([type=radio]) {
-webkit-appearance: none
}
input[type=number],
select[type=number] {
-moz-appearance: textfield
}
input[type=checkbox],
select[type=checkbox] {
position: relative;
width: auto;
height: auto;
width: unset;
height: unset;
padding: .5em;
-ms-flex-positive: 0;
flex-grow: 0
}
@media (min-width:861px) {
input[type=checkbox],
select[type=checkbox] {
padding: 1em
}
}
input[type=checkbox]:checked,
select[type=checkbox]:checked {
color: #1c1c1c
}
input[type=checkbox]:checked:before,
select[type=checkbox]:checked:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
input.hidden,
select.hidden {
display: none
}
input[type=radio]+label {
padding-left: .5rem
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
button .hidden {
display: none
}
img {
max-width: 100%;
height: auto
}
img.woocommerce-placeholder {
opacity: 0
}
.alignright {
float: right;
margin-left: 1em;
margin-bottom: 1em;
max-width: 50vw
}
.alignleft {
float: left;
margin-right: 1em;
margin-bottom: 1em;
max-width: 50vw
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute!important;
width: 1px;
word-wrap: normal!important
}
@font-face {
font-family: icomoon;
src: url(//www.dimattinacoffee.com.au/wp-content/themes/dimattina-updated/fonts/icomoon.eot?dnw0fk);
src: url(//www.dimattinacoffee.com.au/wp-content/themes/dimattina-updated/fonts/icomoon.eot?dnw0fk#iefix) format("embedded-opentype"), url(//www.dimattinacoffee.com.au/wp-content/themes/dimattina-updated/fonts/icomoon.ttf?dnw0fk) format("truetype"), url(//www.dimattinacoffee.com.au/wp-content/themes/dimattina-updated/fonts/icomoon.woff?dnw0fk) format("woff"), url(//www.dimattinacoffee.com.au/wp-content/themes/dimattina-updated/fonts/icomoon.svg?dnw0fk#icomoon) format("svg");
font-weight: 400;
font-style: normal
}
#customer_details>div>div>div.followup-checkout input[type=checkbox]:checked,
#overlayNav.theme-default .searchform .btn-search-submit,
.blog__sidebar .btn-search-submit,
.cart .frequency-wrapper:after,
.cart-collaterals .shipping-calculator-form p#calc_shipping_country_field:after,
.cart-collaterals .shipping-calculator-form p#calc_shipping_state_field:after,
.grouped_form button[type=submit]:before,
.grouped_form input[type=submit]:before,
.ico-moon,
.navbar__top .btn-search-submit,
.notifications .woocommerce-error li:before,
.notifications .woocommerce-info:before,
.notifications .woocommerce-message:before,
.owl-carousel .owl-nav [class*=owl-].owl-next,
.owl-carousel .owl-nav [class*=owl-].owl-prev,
.product-type-simple form.cart button[type=submit]:before,
.product-type-simple form.cart input[type=submit]:before,
.single_variation_wrap button[type=submit]:before,
.single_variation_wrap input[type=submit]:before,
.sticky-nav .navbar__top--meta--alt.sticky-icon a[href*=contact],
.sticky-nav .navbar__top--meta--alt.sticky-icon a[href*=location],
.sticky-nav .navbar__top--meta--alt.sticky-icon a[href*=locator],
.variations .value:after,
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row:not(.woocommerce-form-row) label.woocommerce-form__label input:checked,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) label.woocommerce-form__label input:checked,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row:not(.woocommerce-form-row) label.woocommerce-form__label input:checked,
.woocommerce-cart-form .product-remove .remove,
.woocommerce-cart-form .product-remove .remove:before,
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox]:checked,
.woocommerce-checkout .page .wc-terms-and-conditions input[type=checkbox]:checked,
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox]:checked,
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox]:checked,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox]:checked,
.woocommerce-checkout .page div .woocommerce-checkout-payment input[type=submit]#place_order:before,
.woocommerce-checkout .page div input[type=checkbox]:checked,
.woocommerce-checkout .select2-container:after,
[class*=" icon-"],
[class^=icon-],
input[type=checkbox]:checked,
main.search-results .btn-search-submit,
select[type=checkbox]:checked {
font-family: icomoon!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-person_outline:before {
content: "\e91a"
}
.icon-person:before {
content: "\e91b"
}
.icon-close:before {
content: "\e914"
}
.icon-map:before {
content: "\e912"
}
.icon-guide:before {
content: "\e912"
}
#overlayNav.theme-default .searchform .btn-search-submit:before,
.blog__sidebar .btn-search-submit:before,
.icon-search:before,
.navbar__top .btn-search-submit:before,
main.search-results .btn-search-submit:before {
content: "\e908"
}
.icon-magnifier:before {
content: "\e908"
}
.icon-magnifying-glass:before {
content: "\e908"
}
.icon-inspect:before {
content: "\e908"
}
.icon-find:before {
content: "\e908"
}
.icon-twitter:before {
content: "\e900"
}
.icon-brand:before {
content: "\e900"
}
.icon-tweet:before {
content: "\e900"
}
.icon-social:before {
content: "\e900"
}
.icon-instagram:before {
content: "\e901"
}
.icon-brand2:before {
content: "\e901"
}
.icon-social2:before {
content: "\e901"
}
.icon-facebook:before {
content: "\e902"
}
.icon-brand3:before {
content: "\e902"
}
.icon-social3:before {
content: "\e902"
}
.icon-paper-plane:before {
content: "\e91c"
}
.icon-send:before {
content: "\e91c"
}
.icon-user:before {
content: "\e91d"
}
.icon-phone:before {
content: "\e91e"
}
.icon-map-marker:before,
.sticky-nav .navbar__top--meta--alt.sticky-icon a[href*=location]:before,
.sticky-nav .navbar__top--meta--alt.sticky-icon a[href*=locator]:before {
content: "\e91f"
}
.icon-caret-left:before {
content: "\e915"
}
.icon-caret-up:before {
content: "\e916"
}
.icon-caret-right:before {
content: "\e917"
}
.icon-caret-down:before {
content: "\e918"
}
.icon-volume-control-phone:before {
content: "\e913"
}
.icon-caret-square-o-up:before {
content: "\e910"
}
.icon-toggle-up:before {
content: "\e910"
}
.icon-caret-square-o-down:before {
content: "\e911"
}
.icon-toggle-down:before {
content: "\e911"
}
#customer_details>div>div>div.followup-checkout input[type=checkbox]:checked:before,
.icon-check:before,
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row:not(.woocommerce-form-row) label.woocommerce-form__label input:checked:before,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) label.woocommerce-form__label input:checked:before,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row:not(.woocommerce-form-row) label.woocommerce-form__label input:checked:before,
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox]:checked:before,
.woocommerce-checkout .page .wc-terms-and-conditions input[type=checkbox]:checked:before,
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox]:checked:before,
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox]:checked:before,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox]:checked:before,
.woocommerce-checkout .page div input[type=checkbox]:checked:before,
input[type=checkbox]:checked:before,
select[type=checkbox]:checked:before {
content: "\e90f"
}
.icon-check-square-o:before {
content: "\e919"
}
.icon-chevron-up:before {
content: "\e90d"
}
.cart .frequency-wrapper:after,
.cart-collaterals .shipping-calculator-form p#calc_shipping_country_field:after,
.cart-collaterals .shipping-calculator-form p#calc_shipping_state_field:after,
.icon-chevron-down:before,
.variations .value:after,
.woocommerce-checkout .select2-container:after {
content: "\e90e"
}
.icon-heart:before {
content: "\e90b"
}
.icon-close2:before {
content: "\e90c"
}
.icon-remove:before,
.woocommerce-cart-form .product-remove .remove:before {
content: "\e90c"
}
.icon-times:before {
content: "\e90c"
}
.icon-chevron-left:before,
.owl-carousel .owl-prev:before {
content: "\e909"
}
.icon-chevron-right:before,
.owl-carousel .owl-next:before {
content: "\e90a"
}
.icon-paper-plane-o:before {
content: "\e903"
}
.icon-send-o:before,
.notifications .woocommerce-error li:before,
.notifications .woocommerce-info:before {
content: "\e903"
}
.icon-youtube-play:before {
content: "\e904"
}
.icon-youtube:before {
content: "\e905"
}
.icon-envelope:before,
.sticky-nav .navbar__top--meta--alt.sticky-icon a[href*=contact]:before {
content: "\e906"
}
.grouped_form button[type=submit]:before,
.grouped_form input[type=submit]:before,
.icon-shopping-cart:before,
.notifications .woocommerce-message:before,
.product-type-simple form.cart button[type=submit]:before,
.product-type-simple form.cart input[type=submit]:before,
.single_variation_wrap button[type=submit]:before,
.single_variation_wrap input[type=submit]:before,
.woocommerce-checkout .page div .woocommerce-checkout-payment input[type=submit]#place_order:before {
content: "\e907"
}
.container {
max-width: 100%;
margin: 0 auto
}
.layout {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column;
flex-flow: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: normal;
align-items: normal
}
@media (max-width:859px) {
.layout {
display: block
}
}
@media (min-width:861px) {
.layout {
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
}
main.layout {
min-height: 30vh
}
@media (max-width:1199px) {
.archive.woocommerce .layout {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
}
@media (min-width:861px) {
.archive.woocommerce .layout {
-ms-flex-align: start;
align-items: flex-start
}
}
.layout__item {
-ms-flex: 1;
flex: 1;
max-width: 100%
}
@media (min-width:861px) {
body:not(.page-template-training) article:first-of-type:last-of-type .layout__item:first-of-type:last-of-type {
-ms-flex: auto;
flex: auto;
-ms-flex: unset;
flex: unset;
width: 815.67px
}
}
.layout__item--half {
width: 100%;
max-width: 100%;
-ms-flex: 0 0 0px;
flex: 0 0 0
}
@media (min-width:861px) {
.layout__item--half {
width: 50%;
max-width: 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%
}
}
.layout__item--third {
width: 100%;
max-width: 100%;
-ms-flex: 0 0 0px;
flex: 0 0 0
}
@media (min-width:861px) {
.layout__item--third {
width: 33.3%;
max-width: 33.3%;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%
}
}
.layout__item--quarter {
width: 100%;
max-width: 100%;
-ms-flex: 0 0 0px;
flex: 0 0 0
}
@media (min-width:861px) {
.layout__item--quarter {
width: 25%;
max-width: 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%
}
}
.layout__item--fifth {
width: 100%;
max-width: 100%;
-ms-flex: 0 0 0px;
flex: 0 0 0
}
@media (min-width:861px) {
.layout__item--fifth {
width: 20%;
max-width: 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%
}
}
@media (max-width:859px) {
.post-type-archive-product .main-page-content,
.tax-product-cat .main-page-content {
padding-right: 1rem;
padding-left: 1rem
}
}
.product-page {
width: 100%;
display: block;
clear: both
}
main {
max-width: 100%;
margin: 0 auto;
padding-bottom: 60px;
padding-left: 1rem;
padding-right: 1rem
}
main hr {
display: none
}
@media (min-width:861px) {
body:not(.single-product) main {
padding-left: 0;
padding-right: 0;
width: 660px
}
}
@media (min-width:997px) {
body:not(.single-product) main {
width: 796px
}
}
@media (min-width:1201px) {
body:not(.single-product) main {
width: 1000px;
padding-bottom: 75px
}
}
@media (min-width:1401px) {
body:not(.single-product) main {
width: 1200px
}
}
@media (min-width:861px) {
.single-product main {
width: 860px
}
}
@media (min-width:997px) {
.single-product main {
width: 996px
}
}
@media (min-width:1201px) {
.single-product main {
width: 1200px
}
}
.breadcrumbs {
padding:0 0 0 38px;
display: block;
font-size: .75rem;
width:900px;
margin:0 auto;
}
.breadcrumbs ul {
width: 100%;
list-style: none;
padding: 0;
margin: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center
}
.archive.woocommerce .breadcrumbs{
width: 1200px;
padding:0;
}
@media(max-width:1200px){
.archive.woocommerce .breadcrumbs{
width:90%;
}
}
@media(max-width:997px){
.breadcrumbs{
width: 760px;
padding:0 0 0 32px;
}
}
@media (min-width:861px) {
.breadcrumbs ul {
-ms-flex-pack: start;
justify-content: flex-start
}
}
@media (min-width:997px) {
.breadcrumbs ul {
width: 996px
}
}
@media (min-width:1201px) {
.breadcrumbs ul {
max-width: 1200px
}
}
.breadcrumbs li {
margin: 0 .25em
}
.breadcrumbs a, .bread-current {
color: #222;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 12px;
}
.breadcrumbs .separator {
color: #000;
width:10px;
font-size: 10px;
margin:4px 0;
}
.breadcrumbs .separator:last-child {
display: none
}
@media (min-width:861px) {
.breadcrumbs {
font-size: 1rem
}
}
@media (min-width:861px) {
body:not(.single-product) .breadcrumbs {
margin-bottom: 1rem
}
body:not(.single-product) .breadcrumbs ul {
max-width: 660px
}
}
@media (min-width:997px) {
body:not(.single-product) .breadcrumbs ul {
max-width: 796px
}
}
@media (min-width:1201px) {
body:not(.single-product) .breadcrumbs {
margin-bottom: 2rem
}
body:not(.single-product) .breadcrumbs ul {
max-width: 1000px
}
}
@media (min-width:1401px) {
body:not(.single-product) .breadcrumbs ul {
max-width: 1200px
}
}
.btn {
text-decoration: none;
text-transform: uppercase;
display: inline-block
}
.btn--cta,
.btn--cta__inverse {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
min-width: 8.5em;
height: 2.6em;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding-left: 5px;
padding-right: 5px
}
.btn--cta,
.btn--cta__inverse {
font-size: .75rem
}
@media screen and (min-width:31.25rem) {
.btn--cta,
.btn--cta__inverse {
font-size: calc(.75rem + .5 * ((100vw - 31.25rem)/ 22.5))
}
}
@media screen and (min-width:53.75rem) {
.btn--cta,
.btn--cta__inverse {
font-size: 1.25rem
}
}
.btn--cta:hover,
.btn--cta__inverse:hover {
text-decoration: none
}
.btn--cta {
border: 1px solid #8CC6E9;
color: #8CC6E9;
background-color: #fff
}
.btn--cta:hover {
color: #fff;
background-color: #8CC6E9
}
.btn--cta__inverse {
color: #fff;
background-color: #8CC6E9
}
.btn--cta__inverse:hover {
color: #8CC6E9;
background-color: #fff
}
@keyframes notificationEnter {
from {
opacity: .5;
transform: translateX(150%)
}
to {
opacity: 1;
transform: translateX(0)
}
}
.notifications--wrapper {
display: block;
position: fixed;
z-index: 4900;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .1);
opacity: 1;
transition: all .25s ease
}
.notifications--wrapper.hidden {
pointer-events: none;
opacity: 0
}
.notifications--wrapper.hidden .notifications {
animation: notificationEnter ease .25s reverse;
animation-fill-mode: forwards
}
.notifications--wrapper .icon-close {
cursor: pointer;
position: absolute;
z-index: 5100;
top: 66px;
right: 66px;
color: #fff
}
@media (max-width:860px) {
.notifications--wrapper .icon-close {
top: 1rem;
right: 1rem
}
}
.notifications {
overflow-x: hidden;
overflow-y: auto;
position: fixed;
z-index: 5000;
top: 50px;
right: 50px;
max-width: 100%;
max-height: 70vh;
width: 450px;
padding: 1rem;
border-radius: 3px;
background-color: rgba(51, 51, 51, .9);
animation: notificationEnter ease .5s
}
@media (max-width:860px) {
.notifications {
top: 0;
right: 0
}
}
.notifications h3 {
margin-top: 0;
font-weight: 400;
color: #fff
}
.notifications ul {
padding: 0;
margin: 0
}
.notifications .woocommerce-error li,
.notifications .woocommerce-info,
.notifications .woocommerce-message {
pointer-events: auto;
padding: .5em;
margin-top: 1rem;
line-height: 1.5;
background: #fff;
color: #1c1c1c;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400
}
.notifications .woocommerce-error li:before,
.notifications .woocommerce-info:before,
.notifications .woocommerce-message:before {
margin-right: .5em
}
.notifications .woocommerce-error li,
.notifications .woocommerce-info {
list-style: none
}
.notifications form>div {
width: 100%
}
@keyframes stickShow {
0% {
transform: translate(0, -50px)
}
100% {
transform: translate(0, 0)
}
}
.nav {
display: -ms-flexbox;
display: flex;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: block
}
.navbar {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
height: 60px;
border-bottom: 1px solid #8CC6E9;
max-width: 100vw
}
.navbar ul {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.navbar li a {
transition: color .1s ease-out;
padding-right: 0;
padding-left: 0
}
@media (min-width:861px) {
.navbar {
position: static;
height: auto;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: center;
align-items: center;
padding: 0 0 5px;
border-bottom: none
}
.navbar>.container {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: center;
align-items: center
}
.navbar ul {
-ms-flex-direction: row;
flex-direction: row
}
.navbar li a {
padding-right: .5rem;
padding-left: .5rem
}
}
.navbar__main {
display: none;
width: 100%;
max-width: 75rem;
z-index: 1000
}
.navbar__main {
font-size: .75rem
}
@media screen and (min-width:53.75rem) {
.navbar__main {
font-size: calc(.75rem + .25 * ((100vw - 53.75rem)/ 21.25))
}
}
@media screen and (min-width:75rem) {
.navbar__main {
font-size: 1rem
}
}
.navbar__main a {
font-size: 1.25em;
display: block;
text-transform: uppercase;
color: #111;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-decoration: none;
white-space: nowrap;
font-weight: 400
}
.navbar__main ul {
width: 100%;
-ms-flex-pack: justify;
justify-content: space-between
}
.navbar__main ul.children,
.navbar__main ul.sub-menu {
display: none;
width: auto;
max-width: none
}
.navbar__main ul.children li a,
.navbar__main ul.sub-menu li a {
padding: 1.0625em 3.125em
}
.navbar__main ul.children li:last-child,
.navbar__main ul.sub-menu li:last-child {
border-bottom: none
}
.navbar__main ul.children li.menu-item-has-children>a:after,
.navbar__main ul.sub-menu li.menu-item-has-children>a:after {
content: "\276f ";
margin-left: 1em;
transform: rotate(90deg)
}
.navbar__main ul.children li>.children,
.navbar__main ul.children li>.sub-menu,
.navbar__main ul.sub-menu li>.children,
.navbar__main ul.sub-menu li>.sub-menu {
top: 9px;
left: 0;
transform: translateX(0);
width: inherit;
border-top-width: 1px;
transition: all .25s ease-out
}
.navbar__main li {
position: relative;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
line-height: 1;
text-align: center
}
.navbar__main li.current-item a,
.navbar__main li.current-menu-ancestor a,
.navbar__main li.current-menu-item a,
.navbar__main li.current-page-item a,
.navbar__main li.current_page_item a {
color: #1b8dd6
}
.navbar__main li a.current-menu-item,
.navbar__main li a.current-page-item,
.navbar__main li a.current_page_item {
color: #1b8dd6
}
.navbar__main li:hover a {
color: #1b8dd6
}
.navbar__main li:hover>ul.children,
.navbar__main li:hover>ul.sub-menu {
background-color: rgba(255,255,255,.8);
position: absolute;
top: 100%;
left: 50%;
z-index: 1000;
transform: translateX(-50%);
padding-top: 0;
margin-top: -10px;
display: block
}
.navbar__main li:hover>ul.children li>.children,
.navbar__main li:hover>ul.children li>.sub-menu,
.navbar__main li:hover>ul.sub-menu li>.children,
.navbar__main li:hover>ul.sub-menu li>.sub-menu {
top: 9px;
left: 0;
transform: translateX(100%);
border-top-width: 1px;
min-width: 100%
}
.navbar__main li:hover>ul.children li:hover a,
.navbar__main li:hover>ul.sub-menu li:hover a {
color: #8CC6E9
}
.navbar__main li:hover>ul.children a,
.navbar__main li:hover>ul.sub-menu a {
display: block;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1em;
text-transform: none;
text-align: center;
color: #1c1c1c
}
@media (min-width:861px) {
.navbar__main {
display: -ms-flexbox;
display: flex;
margin-bottom: -11px;
padding-left: 5px;
padding-right: 5px;
width: 760px
}
.navbar__main ul.sub-menu li a {
border: none
}
.navbar__main ul.sub-menu li.current-menu-ancestor,
.navbar__main ul.sub-menu li.current-menu-item,
.navbar__main ul.sub-menu li.current-page-item,
.navbar__main ul.sub-menu li.current_page_item {
position: relative
}
.navbar__main ul.sub-menu li.current-menu-ancestor a,
.navbar__main ul.sub-menu li.current-menu-item a,
.navbar__main ul.sub-menu li.current-page-item a,
.navbar__main ul.sub-menu li.current_page_item a {
color: #8CC6E9;
border-bottom-color: transparent
}
.navbar__main li a {
border-bottom: 10px solid transparent;
padding-bottom: 1.3em
}
.sticky-nav .navbar__main li.current-menu-ancestor a,
.sticky-nav .navbar__main li.current-menu-item a,
.sticky-nav .navbar__main li.current_page_item a {
border-bottom-color: transparent
}
.navbar__main li.current-menu-ancestor ul a,
.navbar__main li.current-menu-item ul a,
.navbar__main li.current_page_item ul a {
border-bottom-color: transparent;
color:#1b8dd6;
}
}
@media (min-width:997px) {
.navbar__main {
width: 896px
}
}
@media (min-width:1201px) {
.navbar__main {
width: 900px
}
}
@media (min-width:1401px) {
.navbar__main {
max-width: 1100px
}
}
.navbar-brand {
display: inline-block;
width: 109px;
height: 42px;
background: url(//www.dimattinacoffee.com.au/wp-content/themes/dimattina-updated/images/d-logo.svg) no-repeat 50% 50%
}
.navbar-brand>img {
display: none
}
@media (min-width:861px) {
.navbar-brand {
margin-top: 31px;
margin-right: 0;
margin-bottom: 31px;
width: 325px;
height: auto;
background: 0 0
}
.navbar-brand>img {
display: block
}
}
.sticky-icon {
display: none!important;
color: #1c1c1c
}
.sticky-icon a {
color: #1c1c1c
}
.sticky-nav .navbar__top {
width: 200px;
background-color: transparent;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-order: 3;
order: 3
}
.sticky-nav .navbar__top>div {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.sticky-nav .navbar__top--meta {
display: none
}
.sticky-nav .searchform {
display: none
}
.sticky-nav .navbar ul.navbar__top--user {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.sticky-nav .navbar ul.navbar__top--user li:not(:last-child):after {
content: none
}
.sticky-nav .navbar ul.navbar__top--user>:not(:first-child) * {
display: none
}
.sticky-nav .navbar ul.navbar__top--user>:not(:first-child) .sticky-icon {
display: block!important
}
.sticky-nav .navbar-brand {
background: url(//www.dimattinacoffee.com.au/wp-content/themes/dimattina-updated/images/dimattina-logo--dropcap.svg) no-repeat 50% 50%;
margin: 0;
margin-left: 1rem;
width: 20px;
height: 20px;
display: block
}
.sticky-nav .navbar-brand>img {
display: none
}
.sticky-nav .navbar {
animation: stickShow 333ms cubic-bezier(0, 0, 0, 1);
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
background-color: #fff;
border-bottom: 1px solid #8CC6E9;
font-size: 1em;
margin: 0;
max-width: none;
font-size: 1rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row
}
.sticky-nav .navbar a {
font-size: 1em
}
.sticky-nav .navbar ul {
margin-top: 0
}
.sticky-nav .navbar li a {
display: block;
padding-top: .75em;
padding-bottom: .75em;
line-height: 0;
white-space: nowrap
}
.sticky-nav .navbar li a:hover {
color: #8CC6E9
}
.sticky-nav .navbar li a:hover i {
color: #8CC6E9
}
.sticky-nav .navbar__top--meta--alt.sticky-icon {
display: -ms-flexbox!important;
display: flex!important;
font-size: 1em
}
.sticky-nav .navbar__top--meta--alt.sticky-icon a {
padding: .75em .25em
}
.sticky-nav .navbar__top--meta--alt.sticky-icon a:hover {
text-decoration: none
}
.sticky-nav .navbar__top--meta--alt.sticky-icon a:after,
.sticky-nav .navbar__top--meta--alt.sticky-icon a:before {
font-size: 12px;
padding: .75em .5em
}
.sticky-nav .navbar__top--meta--alt.sticky-icon a .no-sticky {
font-size: 0
}
.navbar__top {
display: none;
font-size: .75em
}
.navbar__top>div {
display: -ms-flexbox;
display: flex;
-ms-flex-align: baseline;
align-items: baseline
}
#menu-navbar-top-1 li{
background:#8CC6E9;
padding: 10px 20px;
margin:0 10px 0 0;
text-transform: uppercase;
-webkit-transition: background .3s ease-in-out  ;
-moz-transition: background .3s ease-in-out  ;
-o-transition: background .3s ease-in-out  ;
transition: background .3s ease-in-out  ;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
#menu-navbar-top-1 li:hover{
background:#1b8dd6;
-webkit-transition: background .3s ease-in-out  ;
-moz-transition: background .3s ease-in-out  ;
-o-transition: background .3s ease-in-out  ;
transition: background .3s ease-in-out  ;
}
#menu-navbar-top-1 li:hover a{
text-decoration: none;
}
#menu-navbar-top-1 a{
color:#fff;
}
@media (min-width:861px) {
.navbar__top {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: baseline;
align-items: baseline;
width: 100%;
background-color: #fff
}
}
.navbar__top--meta,
.navbar__top--user {
margin: 0
}
.navbar__top--meta a,
.navbar__top--user a {
text-decoration: none;
color: #1c1c1c
}
body:not(.sticky-nav) .navbar__top--meta a:hover,
body:not(.sticky-nav) .navbar__top--user a:hover {
text-decoration: underline
}
.navbar__top--user li:not(:last-child):after {
content: " | "
}
.navbar__top--user .nav__cart {
color: #8CC6E9;
float: right;
padding: 0 60px 0 10px;
}
.navbar__top--user .nav__cart:after {
content: ' ';
display: none;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 1450;
transition: opacity .5s ease;
opacity: 0
}
.navbar__top--user .nav__cart:hover {
text-decoration: none
}
.navbar__top--user .nav__cart.active:after {
display: block;
opacity: 1
}
.navbar__top--user li:first-child{
margin:1px 0 0;
}
.navbar__top--user .nav__cart i {
color: #fff;
position: absolute;
top:0;
right: 0;
background:#8CC6E9;
width: 40px;
height: 40px;
font-size:19px;
-webkit-transition: background .3s ease-in-out  ;
-moz-transition: background .3s ease-in-out  ;
-o-transition: background .3s ease-in-out  ;
transition: background .3s ease-in-out  ;
}
.navbar__top--user .nav__cart i:hover{
background: #1b8dd6;
-webkit-transition: background .3s ease-in-out  ;
-moz-transition: background .3s ease-in-out  ;
-o-transition: background .3s ease-in-out  ;
transition: background .3s ease-in-out  ;
}
.navbar__top--user .nav__cart i:before{
top:50%;
left:50%;
position: absolute;
transform:translate(-50%,-50%);
}
@media (max-width:860px) {
body.menu-open {
height: 100vh;
overflow: hidden
}
}
#mobileCartToggle,
#mobileNavToggle {
display: none!important;
visibility: hidden
}
@media (max-width:860px) {
#mobileNavToggle:checked~main {
transition: 250ms ease-in-out;
filter: blur(5px)
}
}
#overlayCart,
#overlayNav {
display: table;
position: fixed;
z-index: 1100;
width: 100%;
height: 100%;
height: calc(100% + 70px);
top: 0;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
line-height: 1em;
line-height: 1em;
text-align: left;
overflow: auto;
pointer-events: none;
background-color: rgba(51, 51, 51, .9);
transition: opacity .14s 0s ease-in-out, visibility 0s .14s linear
}
#overlayCart .overlay-menu,
#overlayNav .overlay-menu {
position: absolute;
top: 0;
right: 0;
left: 0;
max-width: 100vw;
width: 100%;
height: 100%
}
@media (min-width:860px) {
#overlayCart .overlay-menu,
#overlayNav .overlay-menu {
width: 80vw;
width: calc(100vw - 100px)
}
}
#overlayNav a,
#overlayNav button {
display: block
}
#overlayNav button {
width: 100%
}
#overlayNav .has-active-folder {
transform: translate(-100vw, 0)
}
#overlayNav .has-active-folder+.overlay-folders .is-active-folder {
transform: translate(-100vw, 0)
}
#overlayNav .overlay-folders {
margin: 0;
padding: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
transform: translate(100vw, 0)
}
#overlayNav .overlay-folders li {
position: absolute;
top: 0;
bottom: 0;
overflow: auto;
left: 0;
width: 100%;
padding-top: 80px
}
#mobileNavToggle:checked~#overlayNav {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: opacity .14s 0s ease-in-out, visibility 0s 0s linear;
z-index: 1500
}
@media (min-width:861px) {
#overlayNav {
display: none
}
}
@media (min-width:861px) {
#overlayCart {
transform-origin: top center;
opacity: .5;
transform: scale(0) translateY(-2rem)
}
#overlayCart .overlay-menu {
width: auto
}
#overlayCart .overlay-cart {
transform: scaleY(2)
}
}
#overlayCart .overlay-cart {
transition: inherit;
opacity: 0
}
#mobileCartToggle:checked~#overlayCart {
opacity: 1;
transform: scale(1) translateY(0);
visibility: visible;
pointer-events: auto;
transition: opacity .14s 0s ease-in-out, visibility 0s 0s linear, transform .1s cubic-bezier(0, 0, .63, 1.44);
z-index: 1500
}
#mobileCartToggle:checked~#overlayCart .overlay-cart {
opacity: 1
}
@media (min-width:861px) {
#mobileCartToggle:checked~#overlayCart .overlay-cart {
transform: scale(1)
}
}
#overlayCartIcon,
#overlayNavIcon {
font-size: 1em;
position: fixed;
z-index: 1200;
top: 15px;
padding: 0;
vertical-align: middle;
line-height: 1em;
text-align: right;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #b2feea;
width: 2.3125em;
height: 2em
}
@media (min-width:861px) {
#overlayCartIcon,
#overlayNavIcon {
display: none
}
}
#overlayCartIcon .icon-close-cart,
#overlayNavIcon {
left: 20px
}
#overlayCartIcon .icon-close-cart div,
#overlayNavIcon div {
transform-origin: 50% 50%;
position: absolute;
top: 0;
right: 0;
width: 2.3125em;
height: .3em;
background-color: #1c1c1c;
transition: top .1s .1s ease-in-out, transform .1s .2s ease-in-out
}
#overlayCartIcon .icon-close-cart div:nth-child(1),
#overlayNavIcon div:nth-child(1) {
top: 0
}
#overlayCartIcon .icon-close-cart div:nth-child(2),
#overlayNavIcon div:nth-child(2) {
top: .7em
}
#overlayCartIcon .icon-close-cart div:nth-child(3),
#overlayNavIcon div:nth-child(3) {
top: 1.4em
}
#mobileNavToggle:checked~#overlayCartIcon .icon-close-cart,
#mobileNavToggle:checked~#overlayNavIcon {
z-index: 1600
}
#mobileNavToggle:checked~#overlayCartIcon .icon-close-cart div,
#mobileNavToggle:checked~#overlayNavIcon div {
background-color: #fff
}
#mobileNavToggle:checked~#overlayCartIcon .icon-close-cart div:nth-child(1),
#mobileNavToggle:checked~#overlayNavIcon div:nth-child(1) {
transform: rotate(45deg);
top: 14px
}
#mobileNavToggle:checked~#overlayCartIcon .icon-close-cart div:nth-child(2),
#mobileNavToggle:checked~#overlayNavIcon div:nth-child(2) {
opacity: 0
}
#mobileNavToggle:checked~#overlayCartIcon .icon-close-cart div:nth-child(3),
#mobileNavToggle:checked~#overlayNavIcon div:nth-child(3) {
transform: rotate(-45deg);
top: 14px
}
#overlayCartIcon {
right: 20px;
width: 50px;
height: 35px;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-pack: center;
justify-content: center
}
#overlayCartIcon .grouped_form button[type=submit]:before,
#overlayCartIcon .grouped_form input[type=submit]:before,
#overlayCartIcon .icon-close,
#overlayCartIcon .icon-shopping-cart,
#overlayCartIcon .notifications .woocommerce-message:before,
#overlayCartIcon .product-type-simple form.cart button[type=submit]:before,
#overlayCartIcon .product-type-simple form.cart input[type=submit]:before,
#overlayCartIcon .single_variation_wrap button[type=submit]:before,
#overlayCartIcon .single_variation_wrap input[type=submit]:before,
#overlayCartIcon .woocommerce-checkout .page div .woocommerce-checkout-payment input[type=submit]#place_order:before,
.grouped_form #overlayCartIcon button[type=submit]:before,
.grouped_form #overlayCartIcon input[type=submit]:before,
.notifications #overlayCartIcon .woocommerce-message:before,
.product-type-simple form.cart #overlayCartIcon button[type=submit]:before,
.product-type-simple form.cart #overlayCartIcon input[type=submit]:before,
.single_variation_wrap #overlayCartIcon button[type=submit]:before,
.single_variation_wrap #overlayCartIcon input[type=submit]:before,
.woocommerce-checkout .page div .woocommerce-checkout-payment #overlayCartIcon input[type=submit]#place_order:before {
position: absolute;
bottom: 0;
right: 0;
font-size: 2.5em;
transition: 250ms cubic-bezier(0, 0, .5, 1.33);
color: #fff
}
#overlayCartIcon .grouped_form button[type=submit]:before,
#overlayCartIcon .grouped_form input[type=submit]:before,
#overlayCartIcon .icon-shopping-cart,
#overlayCartIcon .notifications .woocommerce-message:before,
#overlayCartIcon .product-type-simple form.cart button[type=submit]:before,
#overlayCartIcon .product-type-simple form.cart input[type=submit]:before,
#overlayCartIcon .single_variation_wrap button[type=submit]:before,
#overlayCartIcon .single_variation_wrap input[type=submit]:before,
#overlayCartIcon .woocommerce-checkout .page div .woocommerce-checkout-payment input[type=submit]#place_order:before,
.grouped_form #overlayCartIcon button[type=submit]:before,
.grouped_form #overlayCartIcon input[type=submit]:before,
.notifications #overlayCartIcon .woocommerce-message:before,
.product-type-simple form.cart #overlayCartIcon button[type=submit]:before,
.product-type-simple form.cart #overlayCartIcon input[type=submit]:before,
.single_variation_wrap #overlayCartIcon button[type=submit]:before,
.single_variation_wrap #overlayCartIcon input[type=submit]:before,
.woocommerce-checkout .page div .woocommerce-checkout-payment #overlayCartIcon input[type=submit]#place_order:before {
color: #1c1c1c
}
#overlayCartIcon .nav__cart--count {
position: absolute;
top: .65em;
left: 60%;
transform: translateX(-50%);
max-width: none;
color: #000;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 14px;
text-align: center
}
.nav__cart .nav__cart--count {
color:#000;
font-weight: 300;
text-transform: uppercase;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.navbar__top--user a{
font-weight: 400;
text-transform: uppercase;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
#overlayCartIcon .icon-close-cart {
transform: scale(0);
padding-bottom: 5px
}
#overlayCartIcon .icon-close-cart div {
background-color: transparent
}
#mobileCartToggle:checked~#overlayCartIcon {
z-index: 1600
}
#mobileCartToggle:checked~#overlayCartIcon .grouped_form button[type=submit]:before,
#mobileCartToggle:checked~#overlayCartIcon .grouped_form input[type=submit]:before,
#mobileCartToggle:checked~#overlayCartIcon .icon-shopping-cart,
#mobileCartToggle:checked~#overlayCartIcon .notifications .woocommerce-message:before,
#mobileCartToggle:checked~#overlayCartIcon .product-type-simple form.cart button[type=submit]:before,
#mobileCartToggle:checked~#overlayCartIcon .product-type-simple form.cart input[type=submit]:before,
#mobileCartToggle:checked~#overlayCartIcon .single_variation_wrap button[type=submit]:before,
#mobileCartToggle:checked~#overlayCartIcon .single_variation_wrap input[type=submit]:before,
#mobileCartToggle:checked~#overlayCartIcon .woocommerce-checkout .page div .woocommerce-checkout-payment input[type=submit]#place_order:before,
.grouped_form #mobileCartToggle:checked~#overlayCartIcon button[type=submit]:before,
.grouped_form #mobileCartToggle:checked~#overlayCartIcon input[type=submit]:before,
.notifications #mobileCartToggle:checked~#overlayCartIcon .woocommerce-message:before,
.product-type-simple form.cart #mobileCartToggle:checked~#overlayCartIcon button[type=submit]:before,
.product-type-simple form.cart #mobileCartToggle:checked~#overlayCartIcon input[type=submit]:before,
.single_variation_wrap #mobileCartToggle:checked~#overlayCartIcon button[type=submit]:before,
.single_variation_wrap #mobileCartToggle:checked~#overlayCartIcon input[type=submit]:before,
.woocommerce-checkout .page div .woocommerce-checkout-payment #mobileCartToggle:checked~#overlayCartIcon input[type=submit]#place_order:before {
transform: scale(0)
}
#mobileCartToggle:checked~#overlayCartIcon .icon-close-cart {
z-index: 1600
}
#mobileCartToggle:checked~#overlayCartIcon .icon-close-cart div {
background-color: #1c1c1c
}
#mobileCartToggle:checked~#overlayCartIcon .icon-close-cart div:nth-child(1) {
transform: rotate(45deg);
top: 14px
}
#mobileCartToggle:checked~#overlayCartIcon .icon-close-cart div:nth-child(2) {
opacity: 0
}
#mobileCartToggle:checked~#overlayCartIcon .icon-close-cart div:nth-child(3) {
transform: rotate(-45deg);
top: 14px
}
.menu-open #mobileCartToggle:not(:checked)~* .icon-close-cart {
opacity: 0;
transform: scale(0)
}
#overlayNav.theme-default {
background-color: rgba(51, 51, 51, .9)
}
#overlayNav.theme-default a,
#overlayNav.theme-default button {
font-family: Oswald, -apple-system, Roboto, "Helvetica Neue", sans-serif;
color: #fff;
text-transform: uppercase;
line-height: 1.2;
text-decoration: none;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
border-left: 4px solid transparent
}
#overlayNav.theme-default a i,
#overlayNav.theme-default button i {
pointer-events: none;
font-size: .75em;
padding: 0 30px
}
#overlayNav.theme-default a.current-page,
#overlayNav.theme-default button.current-page {
color: #8CC6E9;
position: relative;
border-left-color: #8CC6E9
}
#overlayNav.theme-default a:hover,
#overlayNav.theme-default button:hover {
color: #8CC6E9
}
#overlayNav.theme-default a {
font-size: 5rem;
padding: 8px 0 8px 30px;
border-bottom: 1px solid rgba(255, 245, 238, .15)
}
#overlayNav.theme-default a {
font-size: 24px
}
@media screen and (min-width:200px) {
#overlayNav.theme-default a {
font-size: calc(24px + 16 * ((100vw - 200px)/ 660))
}
}
@media screen and (min-width:860px) {
#overlayNav.theme-default a {
font-size: 40px
}
}
#overlayNav.theme-default a i {
margin-left: .5em
}
#overlayNav.theme-default button {
background: 0 0;
border: none;
font-size: 2rem;
padding: 15px 0;
text-align: left
}
#overlayNav.theme-default button i {
margin-right: .5em
}
#overlayNav.theme-default .overlay-folders nav {
background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, .5) 100%)
}
#overlayNav.theme-default .overlay-folders a {
padding-left: 74px;
margin-left: 15px;
margin-right: 15px
}
#overlayNav.theme-default .overlay-folders a {
font-size: 20px
}
@media screen and (min-width:200px) {
#overlayNav.theme-default .overlay-folders a {
font-size: calc(20px + 10 * ((100vw - 200px)/ 660))
}
}
@media screen and (min-width:860px) {
#overlayNav.theme-default .overlay-folders a {
font-size: 30px
}
}
#overlayNav.theme-default .overlay-folders div {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row
}
#overlayNav.theme-default .overlay-folders div button {
width: 74px
}
#overlayNav.theme-default .overlay-folders div a {
height: auto;
padding-left: 0;
width: 100%;
margin-right: 15px
}
#overlayNav.theme-default .overlay-folders div a {
font-size: 24px
}
@media screen and (min-width:200px) {
#overlayNav.theme-default .overlay-folders div a {
font-size: calc(24px + 16 * ((100vw - 200px)/ 660))
}
}
@media screen and (min-width:860px) {
#overlayNav.theme-default .overlay-folders div a {
font-size: 40px
}
}
#overlayNav.theme-default .overlay-folders button {
padding-left: 1vw
}
#overlayNav.theme-default .overlay-folders,
#overlayNav.theme-default .overlay-folders li,
#overlayNav.theme-default .overlay-menu-main {
transition: 250ms
}
#overlayNav.theme-default .overlay-folders #menu-navbar-top,
#overlayNav.theme-default .overlay-folders li #menu-navbar-top,
#overlayNav.theme-default .overlay-menu-main #menu-navbar-top {
padding: 0;
margin: 0;
list-style: none
}
#overlayNav.theme-default .overlay-menu-main {
transform: translate(25px, 0)
}
#mobileNavToggle:checked~#overlayNav.theme-default .overlay-menu-main {
transform: translate(0, 0)
}
#mobileNavToggle:checked~#overlayNav.theme-default .overlay-menu-main.has-active-folder {
transform: translate(-100vw, 0)
}
#overlayCart {
max-width: 100%;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}
#overlayCart header {
height: 60px;
line-height: 58px
}
#overlayCart header h2 {
font-size: 35px;
margin: 0;
border-bottom: #000 1px solid;
color: #8CC6E9;
padding: 0;
margin-left: .25em;
margin-right: .25em;
padding-left: .25em;
text-align: center;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
text-transform: none
}
#overlayCart .overlay-cart {
overflow:scroll;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: calc(100% - 30px)
}
@media (max-width:860px) {
#overlayCart .overlay-cart {
position: static;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100vh
}
}
#overlayCart .overlay-cart__items {
overflow-y: auto
}
@media (max-width:860px) {
#overlayCart .overlay-cart__items {
-ms-flex-positive: 1;
flex-grow: 1;
height: calc(100% - 60px);
height: calc(100% - 160px)
}
}
@media (min-width:861px) {
#overlayCart .overlay-cart__items {
max-height: 300px;
height: 100%;
margin: 5px 10px
}
}
#overlayCart .overlay-cart__items .empty-cart {
margin: 1rem
}
#overlayCart .overlay-cart__item {
position: relative;
margin: 5px;
padding: 5px
}
#overlayCart .overlay-cart__item .overlay-cart__item--remove {
cursor: pointer;
font-size: 16px;
border: none;
background: 0 0;
display: block;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
padding: 0 1rem 0 5px;
text-align: right;
font-size: 16px;
transition: opacity 50ms ease-out;
color: #8CC6E9
}
@media (max-width:859px) {
#overlayCart .overlay-cart__item .overlay-cart__item--remove span {
display: none
}
}
#overlayCart .overlay-cart__item .overlay-cart__item--remove i {
margin-left: .5rem
}
@media (min-width:861px) {
#overlayCart .overlay-cart__item {
box-shadow: none;
transition: 250ms ease-in-out
}
#overlayCart .overlay-cart__item .overlay-cart__item--remove {
position: absolute;
top: 10px;
right: 5px;
padding-right: 0;
opacity: 0;
font-size: 12px
}
#overlayCart .overlay-cart__item .overlay-cart__item--remove span {
transition: color 50ms ease-out;
color: transparent
}
#overlayCart .overlay-cart__item .overlay-cart__item--remove:hover span {
color: inherit
}
#overlayCart .overlay-cart__item:hover {
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16), 0 2px 5px 0 rgba(0, 0, 0, .26)
}
#overlayCart .overlay-cart__item:hover .overlay-cart__item--remove {
opacity: 1
}
}
#overlayCart .overlay-cart__item--image {
position: relative;
pointer-events: none;
width: 20%;
margin-right: 10px;
padding: 5px;
text-align: center
}
#overlayCart .overlay-cart__item--image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 100%;
max-height: 100%;
height: auto
}
#overlayCart .overlay-cart__item--image img.woocommerce-placeholder {
display: none
}
@media (max-width:860px) {
#overlayCart .overlay-cart__item--image {
width: 25%
}
}
#overlayCart .overlay-cart__item--meta {
display: -ms-flexbox;
display: flex;
min-height: 3rem
}
#overlayCart .overlay-cart__item--summary {
width: 200px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
text-align: right
}
#overlayCart .overlay-cart__item--details {
width: 100%;
text-align: left
}
#overlayCart .overlay-cart__item--details a {
text-align: left
}
#overlayCart .overlay-cart__item--preferences {
margin-right: 1rem;
margin-bottom: 0;
font-weight: 300
}
#overlayCart .overlay-cart__item--amounts {
width: 100px;
text-align: right
}
#overlayCart .overlay-cart__item--meta ul {
list-style: none;
padding: 0
}
#overlayCart .overlay-cart__item--meta li {
font-size: 12px;
display: block
}
#overlayCart .overlay-cart__item--amounts span {
font-size: 12px
}
#overlayCart a.overlay-cart__item--product {
text-transform: uppercase
}
#overlayCart a.overlay-cart__item--product:hover {
text-decoration: underline
}
#overlayCart .overlay-cart__item--details>span,
#overlayCart .overlay-cart__item--product {
font-size: 14px;
color: inherit;
text-decoration: none;
margin-bottom: .5rem
}
#overlayCart .overlay-cart__item--quantity {
display: inline-block;
margin-right: 1rem;
font-size: 14px;
font-weight: 300
}
#overlayCart .overlay-cart__item--price {
display: inline-block;
font-size: 14px
}
#overlayCart .overlay-cart__totals {
padding: 10px 10px 15px 10px;
display: block;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#overlayCart .overlay-cart__totals>* {
display: block;
width: 100%
}
#overlayCart .overlay-cart__totals a,
#overlayCart .overlay-cart__totals span {
-ms-flex: 0 1 50%;
flex: 0 1 50%;
max-width: 50%;
padding-top: 10px;
padding-bottom: 10px;
border-top: #1c1c1c solid 1px
}
#overlayCart .overlay-cart__totals a span,
#overlayCart .overlay-cart__totals span span {
border: none
}
#overlayCart .overlay-cart__totals a .woocommerce-Price-amount.amount,
#overlayCart .overlay-cart__totals span .woocommerce-Price-amount.amount {
font-weight: 400;
}
.woocommerce-Price-currencySymbol, .woocommerce-Price-amount amount{
font-weight: 500;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
#overlayCart .overlay-cart__totals a {
border-bottom: #1c1c1c solid 1px
}
#overlayCart .overlay-cart__totals .to-basket {
width: 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%
}
#overlayCart .overlay-cart__totals .btn-checkout {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
display: block;
border: 1px solid currentColor;
text-align: center;
padding: 15px 10px;
color: #8CC6E9;
margin-top: 15px;
transition: 250ms ease-out
}
#overlayCart .overlay-cart__totals .btn-checkout:hover {
border: 1px solid #8CC6E9;
background-color: #8CC6E9;
color: #fff
}
#overlayCart.theme-default {
background-color: rgba(51, 51, 51, .9)
}
@media (max-width:860px) {
#overlayCart.theme-default {
max-width: 100%;
width: 400px;
right: 0;
left: auto
}
#overlayCart.theme-default .overlay-menu {
height: 100%;
height: calc(100% - 70px);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
box-shadow: 1px 0 3px #1c1c1c;
transition: 250ms;
transform: translate(25px, 0)
}
#mobileCartToggle:checked~#overlayCart.theme-default .overlay-menu {
transform: translate(0, 0)
}
}
@media (max-width:500px) {
#overlayCart.theme-default {
width: 100%
}
}
@media (min-width:861px) {
#overlayCart.theme-default {
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16), 0 2px 5px 0 rgba(0, 0, 0, .26);
position: fixed;
width: 300px;
height: 505px;
top: 49px;
right: 8px;
bottom: auto;
left: auto
}
#overlayCart.theme-default.empty-cart {
overflow: hidden;
height: 155px
}
#overlayCart.theme-default.empty-cart .overlay-cart {
overflow: hidden
}
#overlayCart.theme-default.empty-cart .empty-cart {
font-size: .9em;
margin-top: 30px;
margin-bottom: 0;
text-align: center;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}
#overlayCart.theme-default.empty-cart .empty-cart a {
text-transform: uppercase;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.75em
}
#overlayCart.theme-default.empty-cart .overlay-cart__items {
height: auto
}
#overlayCart.theme-default.empty-cart .overlay-cart__totals {
display: none
}
#overlayCart.theme-default:before {
position: absolute;
top: -10px;
right: 0;
display: block;
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #8CC6E9
}
#overlayCart.theme-default .overlay-menu {
background-color: #fff;
}
#overlayCart.theme-default header {
height: 30px;
line-height: 30px
}
#overlayCart.theme-default header h2 {
font-size: 16px
}
} .pagination {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 24.77px;
font-weight: 400;
text-align: center;
width: 100%;
margin-top: 45px
}
@media (min-width:1201px) {
.pagination {
margin-top: 90px
}
}
.pagination:empty {
display: none
}
.pagination a,
.pagination span {
display: inline-block;
padding-left: .25em;
padding-right: .25em;
margin: 11.25px;
color: #1c1c1c;
vertical-align: middle;
border: 1px solid transparent;
transition: 50ms ease-out transform
}
.pagination a:not(.current):hover,
.pagination span:not(.current):hover {
transform: translate(0, -1px);
text-decoration: none
}
.pagination a:not(.current):focus,
.pagination span:not(.current):focus {
transform: translate(0, 1px)
}
.pagination a.page-numbers:not(.current) .pagination a.page-numbers:not(.next):hover,
.pagination a.page-numbers:not(.current) .pagination span.page-numbers:not(.next):hover,
.pagination span.page-numbers:not(.current) .pagination a.page-numbers:not(.next):hover,
.pagination span.page-numbers:not(.current) .pagination span.page-numbers:not(.next):hover {
border: 1px solid currentColor
} .pagination .current {
color: #fff;
background-color: #8CC6E9
}
.pagination .next,
.pagination .prev {
vertical-align: top
}
@media (min-width:1201px) {
.pagination .next {
margin-left: 87.5px
}
}
@media (min-width:1201px) {
.pagination .prev {
margin-right: 87.5px
}
}
.nav--page-sec {
display: none
}
@media (min-width:861px) {
.nav--page-sec {
display: block;
z-index: 1000;
list-style: none;
padding: 13px 21px;
background-color: #fff;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
position: fixed;
top: 50%;
right: 0;
z-index: 8000;
transform: translateY(-50%);
padding: 21px 13px;
border: 2px solid #1c1c1c
}
.home-page .nav--page-sec {
display: none
}
.nav--page-sec a {
position: relative;
max-width: 1.75vw;
max-height: 1.75vw;
width: 28px;
height: 28px;
border-radius: 100%;
border: 1px solid #1c1c1c;
background-color: transparent;
transition: all .25s ease;
display: block;
margin-bottom: 35px
}
.nav--page-sec a:hover {
box-shadow: 0 0 4px 3px #7fd0cb
}
.nav--page-sec a:hover span {
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .19), 0 8px 17px 0 rgba(0, 0, 0, .2)
}
.nav--page-sec a.active {
border-color: #8CC6E9;
background-color: #8CC6E9
}
.nav--page-sec a span {
text-transform: uppercase;
position: absolute;
right: 0;
bottom: 0;
white-space: nowrap;
height: inherit;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
max-height: 1.75vw;
margin-right: 3em;
color: #fff;
background: #8CC6E9;
padding: 0 10px;
opacity: 0;
transition: 250ms ease-out;
transform: translate(20px, 0);
visibility: hidden;
pointer-events: none;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16), 0 2px 5px 0 rgba(0, 0, 0, .26)
}
.nav--page-sec:hover span {
opacity: 1;
transform: translate(0, 0);
visibility: visible
}
.nav--page-sec li:last-child a {
margin-bottom: 0
}
}
.textblock {
font-size: .8rem
}
@media screen and (min-width:53.75rem) {
.textblock {
font-size: calc(.8rem + .2 * ((100vw - 53.75rem)/ 21.25))
}
}
@media screen and (min-width:75rem) {
.textblock {
font-size: 1rem
}
}
.textblock p {
font-size: .95em;
line-height: 1.5
}
.textblock>div {
padding-left: 1rem;
padding-right: 1rem
}
@media (max-width:859px) {
.textblock>div {
padding: 0
}
}
.textblock--content h1,
.textblock--content h2,
.textblock--content h3,
.textblock--content h4 {
text-transform: uppercase;
font-weight: 400
}
.textblock--content h1 {
font-size: 1.3125em
}
.textblock--content h2 {
font-size: 1.125em
}
.textblock--content h3,
.textblock--content h4 {
font-size: 1em;
text-transform: uppercase;
font-weight: 400
}
@media (max-width:859px) {
.textblock--content p,
.textblock--content ul {
font-size: .8rem
}
}
.textblock--content ul {
padding-left: 2.5em
}
.textblock--content blockquote {
font-size: 1.125em;
color: #8CC6E9;
font-style: italic;
margin-left: 2.5em;
padding-left: 1em;
max-width: 300px;
border-left: 3px solid #8CC6E9
}
@media (min-width:860px) {
.textblock--content blockquote {
margin-left: 9.5em;
padding-left: 1.4em
}
}
main.search-results .searchform label {
display: none!important;
visibility: hidden;
font-size: 16px;
line-height: 1.5;
color: #fff
}
main.search-results .searchform input[type=text] {
background-color: transparent;
border: 1px solid #333;
max-width: 100%;
height: 40px;
padding-left: .75em
}
main.search-results .searchform input[type=text]:active+.btn-search-submit,
main.search-results .searchform input[type=text]:focus+.btn-search-submit,
main.search-results .searchform input[type=text]:hover+.btn-search-submit {
background: #1c1c1c;
color: #fff;
transform: translate(0, 0)
}
main.search-results .searchform input[type=text]:active+.btn-search-submit:before,
main.search-results .searchform input[type=text]:focus+.btn-search-submit:before,
main.search-results .searchform input[type=text]:hover+.btn-search-submit:before {
background: 0 0;
padding: 0
}
main.search-results .searchform input[type=text]:active+.btn-search-submit input,
main.search-results .searchform input[type=text]:focus+.btn-search-submit input,
main.search-results .searchform input[type=text]:hover+.btn-search-submit input {
opacity: 1
}
main.search-results .searchform>div {
position: relative;
display: -ms-flexbox;
display: flex;
max-width: 100%;
width: 200px;
margin: 0 auto
}
main.search-results .searchform.active .btn-search-submit {
background: #1c1c1c;
color: #fff;
transform: translate(0, 0)
}
main.search-results .searchform.active .btn-search-submit:before {
background: 0 0;
padding: 0
}
main.search-results .searchform.active .btn-search-submit input {
opacity: 1
}
main.search-results .btn-search-submit {
font-size: 21px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 40px;
padding: 0 15px;
background: 0 0;
color: #1c1c1c;
transform: translate(-50px, 0);
transition: transform 250ms ease-out
}
main.search-results .btn-search-submit:before {
background: #fff;
padding: 5px;
border-radius: 50%
}
main.search-results .btn-search-submit input {
background-color: transparent;
border: none;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
color: inherit;
opacity: 0
}
.navbar__top .searchform label {
display: none!important;
visibility: hidden;
font-size: 16px;
line-height: 1.5;
color: #fff
}
.navbar__top .searchform input[type=text] {
background-color: transparent;
border: 1px solid #000;
transition: border 125ms ease-out;
min-width: 160px;
height: 20px;
padding-left: .75em
}
.navbar__top .searchform input[type=text]:active,
.navbar__top .searchform input[type=text]:focus,
.navbar__top .searchform input[type=text]:hover {
border: 1px solid #333
}
.navbar__top .searchform>div {
position: relative;
display: -ms-flexbox;
display: flex
}
.navbar__top .searchform.active .btn-search-submit {
color: #fff
}
.navbar__top .searchform.active .btn-search-submit:before {
background: 0 0;
padding: 0
}
.navbar__top .searchform.active .btn-search-submit input {
opacity: 1
}
.navbar__top .btn-search-submit {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 2em;
padding: 0 .5rem;
background: 0 0;
color: #1c1c1c
}
.navbar__top .btn-search-submit:before {
padding: 5px;
border-radius: 50%;
color: #1c1c1c
}
.navbar__top .btn-search-submit input {
position: absolute;
left: 0;
top: 0;
background-color: transparent;
border: none;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
color: transparent;
opacity: 0
}
#overlayNav.theme-default .searchform {
margin-bottom: 40px;
margin-left: 97px;
width: calc(100% - 97px - 97px);
transform: translateY(25%);
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}
#overlayNav.theme-default .searchform>div {
display: -ms-flexbox;
display: flex
}
#overlayNav.theme-default .searchform label {
display: none!important;
visibility: hidden;
font-size: 16px;
line-height: 1.5;
color: #fff
}
#overlayNav.theme-default .searchform input {
display: block;
padding: 10px;
width: 100%;
height: 44px
}
#overlayNav.theme-default .searchform input::-webkit-input-placeholder {
transition: 250ms ease-in-out;
color: rgba(28, 28, 28, .5)
}
#overlayNav.theme-default .searchform input:-moz-placeholder {
transition: 250ms ease-in-out;
color: rgba(28, 28, 28, .5)
}
#overlayNav.theme-default .searchform input::-moz-placeholder {
transition: 250ms ease-in-out;
color: rgba(28, 28, 28, .5)
}
#overlayNav.theme-default .searchform input:-ms-input-placeholder {
transition: 250ms ease-in-out;
color: rgba(28, 28, 28, .5)
}
#overlayNav.theme-default .searchform input:focus::-webkit-input-placeholder {
color: rgba(28, 28, 28, .75)
}
#overlayNav.theme-default .searchform input:focus:-moz-placeholder {
color: rgba(28, 28, 28, .75)
}
#overlayNav.theme-default .searchform input:focus::-moz-placeholder {
color: rgba(28, 28, 28, .75)
}
#overlayNav.theme-default .searchform input:focus:-ms-input-placeholder {
color: rgba(28, 28, 28, .75)
}
#overlayNav.theme-default .searchform .btn-search-submit {
position: relative;
font-size: 21px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 44px;
margin-left: 4px;
padding: 0 10px;
background: #fff;
color: #1c1c1c
}
#overlayNav.theme-default .searchform .btn-search-submit:before {
padding: 5px
}
#overlayNav.theme-default .searchform .btn-search-submit input {
position: absolute;
left: 0;
top: 0;
height: 100%;
border: none;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
color: inherit;
opacity: 0
}
.default-item {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 1200px;
padding-top: 70px;
padding-bottom: 60px;
border-bottom: #8CC6E9 1px solid;
padding-left: 15px;
padding-right: 15px
}
.default-item:first-child {
padding-top: 0
}
.page-template-wholesale .default-item {
border-bottom-width: 3px
}
@media (min-width:861px) {
.default-item {
width: 100%
}
}
.default-item:last-of-type {
border-bottom: none
}
.default-item header {
margin-bottom: 50px
}
.default-item header h2 {
font-size: 1.875em;
margin: 0;
text-transform: uppercase;
padding-bottom: 10px;
font-weight: 400
}
.default-item header:after {
display: block;
content: "";
height: 5px;
width: 100%;
max-width: 250px;
background: #8CC6E9
}
.default-item img {
max-width: 100%
}
@media (min-width:861px) {
.default-item .btn--cta {
width: 100%
}
}
@media (min-width:861px) {
.default-item--large {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
}
@media (min-width:997px) {
.default-item--large .textblock--content {
column-count: 2
}
}
.default-item--small img {
width: 100%
}
@media (min-width:861px) {
.default-item--small .layout__item--third img {
max-width: 550px
}
.default-item--small.odd .layout__item {
padding-right: 70px;
padding-left: 15px
}
.default-item--small.odd .layout__item--third+.layout__item {
padding-left: 70px;
padding-right: 15px
}
.default-item--small.even {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.default-item--small.even .layout__item {
padding-left: 70px;
padding-right: 15px
}
.default-item--small.even .layout__item--third+.layout__item {
padding-left: 15px;
padding-right: 70px
}
}
.featured--listing.owl-carousel .owl-nav {
font-size: 40px;
top: auto;
bottom: 0;
height: 1.25em
}
.featured--listing.owl-carousel .owl-nav [class*=owl-].owl-next,
.featured--listing.owl-carousel .owl-nav [class*=owl-].owl-prev {
transform: translate(0, -100%)
}
.featured--listing.owl-carousel .owl-dots {
position: relative
}
.featured--listing.owl-carousel .owl-item {
max-height: none
}
.featured-item {
padding-top: 30px
}
.featured-item header {
margin-bottom: 1em;
display: -ms-flexbox;
display: flex
}
.featured-item header h2 {
font-size: 1.875em;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
margin: 0;
text-transform: uppercase;
font-weight: 400
}
.featured-item header h2 a:hover {
text-decoration: none
}
.featured-item img {
max-width: 100%
}
.featured-item .textblock--content p:first-child {
margin-top: 0
}
@media (min-width:861px) {
.featured-item {
padding-bottom: 60px;
border-bottom: #8CC6E9 1px solid
}
.featured-item.featured-item--small {
position: relative;
-ms-flex-align: normal;
align-items: normal;
border-right: 1px solid #8CC6E9
}
.main-page-content>.featured-item.featured-item--small.featured-item--small.odd {
border-right: 1px solid #8CC6E9
}
.main-page-content>.featured-item.featured-item--small.featured-item--small.even {
border-right: none
}
.featured-item.featured-item--small+.featured-item--small {
border-right: none
}
.featured-item .layout.textblock {
min-height: 100%
}
.featured-item .layout.textblock .textblock--content {
min-height: 100%
}
.featured-item p:first-of-type:last-of-type {
min-height: 72px
}
}
@media (min-width:861px) {
.featured-item--large {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%
}
}
@media (min-width:997px) {
.featured-item--large .textblock--content {
display: block!important;
column-count: 2
}
}
.featured-item--small {
padding-left: 15px;
padding-right: 15px
}
@media (max-width:859px) {
.featured-item--small {
text-align: center
}
}
@media (min-width:1201px) {
.featured-item--small {
padding-top: 55px;
padding-left: 40px;
padding-right: 40px
}
}
.featured-item--small img {
display: block;
max-height: 225px;
width: auto;
margin: 0 auto
}
.hero-container header {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
position: relative;
overflow: hidden;
text-align: center;
height: inherit;
padding: 0 55px;
padding: 0 4.5vw;
background: #1c1c1c;
color: #fff
}
@media (min-width:861px) {
.hero-container header {
min-height: 358px
}
}
.hero-container header.checkout {
padding: 0;
min-height: 0
}
@media (min-width:861px) {
.hero-container header.checkout {
min-height: 0
}
}
.hero-container header.checkout .header__image {
display: none
}
.hero-container header.checkout .header__text {
padding: 0;
min-height: 0
}
@media (min-width:861px) {
.hero-container header.checkout .header__text {
padding: 0;
min-height: 0
}
}
.hero-container header.checkout h1 {
margin: 50px 0
}
.hero-container header.checkout p {
display: none
}
.hero-container header div {
position: relative
}
.hero-container header .header__image .owl-stage,
.hero-container header .header__image .owl-stage-outer {
height: 100%
}
.hero-container header .header__image .owl-stage {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.hero-container header .header__image:not(.owl-carousel) img {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
height: auto;
transform: translate(-50%, -50%)
}
@media (max-width:859px) {
.hero-container header .header__image:not(.owl-carousel) img {
object-fit: cover
}
}
.hero-container header h1 {
font-weight: 400;
letter-spacing: .4em;
line-height: 1.2;
margin: 130px 0 50px;
text-transform: uppercase
}
.hero-container header h1 {
font-size: 40px
}
@media screen and (min-width:860px) {
.hero-container header h1 {
font-size: calc(40px + 20 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.hero-container header h1 {
font-size: 60px
}
}
@media (max-width:859px) {
.hero-container header h1 {
font-size: 26px;
margin: 2rem 0
}
}
.hero-container header .header__text p {
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}
@media (min-width:861px) {
.hero-container header .header__text {
padding-bottom: 41px;
min-height: 186px
}
}
.hero-container header>p {
margin: 0 0 70px 0;
font-size: 24px
}
@media (max-width:859px) {
.hero-container header>p {
display: none
}
}
.hero-container header .blog--post__meta {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center
}
@media (max-width:859px) {
.hero-container header .blog--post__meta {
padding-bottom: 30px
}
}
@media (min-width:861px) {
.hero-container header .blog--post__meta {
-ms-flex-direction: row;
flex-direction: row
}
}
.hero-container header .blog--post__meta div p {
font-size: 16px
}
@media (min-width:861px) {
.hero-container header .blog--post__meta div p {
font-size: 24px
}
}
.hero-container header .blog--post__meta .post-categories,
.hero-container header .blog--post__meta .post-tags {
font-size: 16px
}
@media (max-width:859px) {
.hero-container header .meta__details {
margin-top: 1rem
}
.hero-container header .meta__details .post-categories,
.hero-container header .meta__details .post-tags {
text-align: center
}
}
.home .hero-container header .header__image .owl-stage {
display: block
}
body:not(.home) .hero-container .dark,
body:not(.home) .hero-container .header--dark {
background: #1c1c1c;
color: #fff
}
body:not(.home) .hero-container .header--light,
body:not(.home) .hero-container .light {
background: #fff;
color: #1c1c1c
}
body:not(.home) .hero-container .header--light img,
body:not(.home) .hero-container .light img {
opacity: .5
}
.home .hero-wrapper {
width: 100%;
max-width: 1440px;
margin: 0 auto
}
.hero-wrapper{
width: 100%;
max-width: 1200px;
margin: 0 auto
}
.hero-wrapper .logo {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
background-color: rgba(255, 245, 238, .382)
}
.hero-wrapper .logo img {
max-width: 80vw
}
.hero-wrapper .owl-carousel .owl-dots {
bottom: 0
}
@media (min-width:861px) {
.hero-wrapper {
margin-bottom: 1rem
}
.hero-wrapper.checkout {
margin-bottom: 0
}
.hero-wrapper .logo {
display: none
}
}
@media (min-width:1201px) {
.hero-wrapper {
margin-bottom: 2rem
}
}
.hero-container {
position: relative
}
.home .hero-container {
height: 358px;
max-height: 33vh
}
.home .hero-container .hero-image {
height: 100%;
max-height: 33vh
}
.home .hero-container .owl-item {
height: 358px
}
@media (max-width:859px) {
.home .hero-container .owl-item {
height: 100%!important
}
.home .hero-container .owl-item img {
min-width: 100%!important;
min-height: 100%!important;
width: auto!important;
height: auto!important
}
}
.hero-container .owl-item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
.hero-container.checkout {
min-height: 0!important
}
@media (min-width:861px) {
.hero-container.checkout {
min-height: 0!important
}
}
@media (min-width:861px) {
.hero-container {
height: 100%;
min-height: 358px;
max-height: none;
margin: 0 auto
}
.home .hero-container {
min-height: none;
max-height: none
}
.home .hero-container .hero-image {
max-height: none
}
}
@media (min-width:1201px) {
.home .hero-container {
height: 550px
}
.home .hero-container .owl-item {
height: 550px
}
}
.hero-image {
position: relative;
width: 100%;
height: inherit;
background-size: cover;
background-position: 50% 50%;
background-color: #ffd7bb;
overflow: hidden
}
.home .hero-image>img {
position: absolute;
z-index: 100;
top: 50%;
left: 50%;
transform: translate(-50%, 50%);
max-width: none;
width: 100%;
height: 100%;
object-fit: cover
}
@media (min-width:861px) {
.hero-image {
max-height: none
}
}
.header__image {
position: absolute!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden
}
.header__image img {
object-fit: cover
}
.header__image.owl-carousel .owl-item {
overflow: hidden;
position: relative
}
@media (min-width:861px) {
nav.navbar .hero-wrapper {
display: block
}
}
.hero-image__megamenu {
position: relative;
display: none
}
@media (min-width:861px) {
.hero-image__megamenu {
display: -ms-flexbox;
display: flex
}
}
.hero-image__megamenu .page_item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -ms-flexbox;
display: flex;
opacity: 0
}
.hero-image__megamenu .page_item>* {
display: none
}
.hero-image__megamenu .page_item.active {
opacity: 1
}
.hero-image__megamenu .page_item.active>* {
display: block
}
.hero-image__megamenu--image {
width: 33.33%;
background-repeat: no-repeat;
height: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background-position: 50% 50%
}
.megamenu__image {
-ms-flex: 0 1 33.33%;
flex: 0 1 33.33%;
max-width: 33.3%;
background-size: cover;
background-position: 50% 50%
}
@media (max-width:859px) {
.megamenu__image {
background-image: none!important;
display: none
}
}
.megamenu__content {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow: hidden
}
.megamenu__content .megamenu__content__background {
position: absolute;
top: -20px;
right: -20px;
bottom: -20px;
left: -20px;
background-size: cover;
background-position: center;
background-repeat: no-repeat
}
@media (max-width:860px) {
.megamenu__content .megamenu__content__background {
filter: blur(10px)
}
}
.megamenu__content a {
position: relative;
z-index: 300;
display: block;
color: #1c1c1c;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
line-height: 1.5;
text-decoration: none
}
.megamenu__content a:hover {
text-decoration: underline;
color: #8CC6E9
}
.megamenu__content>a {
padding-left: .5em
}
.megamenu__content>a {
font-size: 32px
}
@media screen and (min-width:860px) {
.megamenu__content>a {
font-size: calc(32px + 18 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.megamenu__content>a {
font-size: 50px
}
}
.megamenu__content ul {
display: block;
padding-left: 3em
}
.megamenu__content li a {
font-size: 21px
}
@media screen and (min-width:860px) {
.megamenu__content li a {
font-size: calc(21px + 9 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.megamenu__content li a {
font-size: 30px
}
}
.megamenu__content--dark a {
color: #fff
}
.main-page-content .hero-wrapper {
display: block
}
@media (min-width:861px) {
.main-page-content .hero-wrapper {
display: none
}
}
@media (max-width:860px) {
.home-page>article {
display: none
}
}
.landing-mobile {
padding: 4px 5px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.landing-mobile.odd-count .mobile__item:first-child {
width: 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
border-right: none
}
.landing-mobile.odd-count .mobile__item:first-child:after {
content: none
}
.landing-mobile.odd-count .mobile__item:nth-child(even) {
border-right: 1px solid #8CC6E9
}
.landing-mobile.odd-count .mobile__item:nth-child(even):after,
.landing-mobile.odd-count .mobile__item:nth-child(even):before {
right: -7px;
content: "";
display: block;
background: #8CC6E9;
border-radius: 50%;
width: 14px;
height: 14px;
position: absolute
}
.landing-mobile.odd-count .mobile__item:nth-child(even):before {
top: -7px
}
.landing-mobile.odd-count .mobile__item:nth-child(even):after {
bottom: -7px
}
.landing-mobile.odd-count .mobile__item:nth-child(odd) {
border-right: none
}
.landing-mobile.odd-count .mobile__item:nth-child(odd):after {
content: none
}
@media (min-width:861px) {
.landing-mobile {
display: none
}
}
.mobile__item {
position: relative;
display: -ms-flexbox;
display: flex;
padding: 2.45em 1em;
border-top: 1px solid #8CC6E9;
border-bottom: #8CC6E9 1px solid;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}
.mobile__item {
font-size: 11.7px
}
@media screen and (min-width:400px) {
.mobile__item {
font-size: calc(11.7px + 24.3 * ((100vw - 400px)/ 624))
}
}
@media screen and (min-width:1024px) {
.mobile__item {
font-size: 36px
}
}
.mobile__item p {
margin: 0
}
.mobile__item p.mobile__item--title {
margin-bottom: .9em;
display: block;
color: #1c1c1c;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400px;
text-transform: uppercase;
line-height: 1;
text-decoration: none;
font-size: 1em
}
.mobile__item p.mobile__item--title {
font-size: 13px
}
@media screen and (min-width:400px) {
.mobile__item p.mobile__item--title {
font-size: calc(13px + 27 * ((100vw - 400px)/ 624))
}
}
@media screen and (min-width:1024px) {
.mobile__item p.mobile__item--title {
font-size: 40px
}
}
.mobile__item p.mobile__item--description {
text-align: center;
margin-bottom: 1em
}
.mobile__item p.mobile__item--description {
font-size: 10px
}
@media screen and (min-width:400px) {
.mobile__item p.mobile__item--description {
font-size: calc(10px + 20 * ((100vw - 400px)/ 624))
}
}
@media screen and (min-width:1024px) {
.mobile__item p.mobile__item--description {
font-size: 30px
}
}
.mobile__item img {
width: 100%
}
@media (min-width:280px) {
.mobile__item {
-ms-flex: 0 0 50%;
flex: 0 0 50%
}
.mobile__item:last-child:after,
.mobile__item:nth-child(odd):after {
content: "";
display: block;
background: #8CC6E9;
border-radius: 50%;
width: 14px;
height: 14px;
position: absolute
}
.mobile__item:nth-child(odd) {
border-right: 1px solid #8CC6E9
}
.mobile__item:nth-child(odd):before {
right: -7px;
bottom: -7px
}
.mobile__item:nth-child(odd):after {
right: -7px;
top: -7px
}
.mobile__item:last-child:before {
right: -7px;
bottom: -7px
}
.mobile__item:last-child:after {
left: -7px;
bottom: -7px
}
}
@media (max-width:859px) {
.mobile__item:first-child {
border-top: none
}
.mobile__item:last-child,
.mobile__item:nth-child(odd) {
width: 100%
}
.mobile__item:after,
.mobile__item:before {
display: none
}
}
footer {
position: relative;
padding-top: 20px;
background: #fff;
width: 100%;
max-width: 1200px;
margin: 0 auto;
display:flex;
justify-content:  space-evenly;
}
footer h4{
margin: 15px 0 0;
font-size: 14px;
}
.foot-right{
width:300px;
text-align: right;
}
.foot-right h4{
text-transform: uppercase;
}
.foot-center{
width: 600px;
}
.foot-left{
text-align: left;
width:300px;
}
.foot-left span a, .foot-left li a{
color:#000;
font-size:13px;
font-weight:200;
display:block;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.wholesale{
margin:25px 0 0;
}
.foot-left li{
display:inline-block;
list-style: none;
}
.foot-left ul{
margin:0;
padding:0;
}
.form-wrap{
text-align: center;
width: 495px;
margin:0 auto;
}
.form-wrap h2{
font-size: 30px;
text-transform: uppercase;
font-weight: 400;
margin:0 auto;
}
.form-wrap form input{
border: 1px solid #707070;
padding: 5px 10px;
font-size:13px;
}
.foot-right h4{
font-weight:400;
font-size: 14px;
}
a.footer__item--social-link{
color:#8CC6E9;
}
a.footer__item--social-link:not(:first-of-type){
padding: 0;
}
button.js-cm-submit-button{
background: #8DC6E8 0% 0% no-repeat padding-box;
border-radius: 23px;
background:#8DC6E8 0% 0% no-repeat padding-box;
padding: 5px 50px;
text-transform: uppercase;
font-weight: 600;
color: #fff;
border:none;
margin:15px auto 0;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.news-fields-wrap{
width:100%;
display:block;
}
.news-field{
display:inline-block;
}
.news-field label, .news-field input{
display:block;
}
.news-field label{
margin:0 auto;
padding:0;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.footer__sub-item{
display:flex;
justify-content: center;
margin:40px 0 60px;
overflow:hidden;
}
#menu-footer-bottom li{
display:inline-block;
list-style: none;
position: relative;
}
.footer__sub-item li{
margin:0 3px;
}
#menu-footer-bottom, .org{
padding: 0;
margin:0;
}
.org li{
list-style: none;
padding: 0;
margin: 1px 6px;
position: relative;
}
.org li:after{
height: 70%;
width:1px;
right:-6px;
top:50%;
transform:translateY(-49%);
position: absolute;
content:'';
background:#000;
}
#menu-footer-bottom li a, .footer__sub-item .org li{
color:#000;
font-weight:200;
font-size: 13px;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
#menu-footer-bottom li:after{
height: 70%;
width:1px;
right:-6px;
top:50%;
transform:translateY(-49%);
position: absolute;
content:'';
background:#000;
}
#menu-footer-bottom li:last-child:after{
display:none;
}
.blue-bottom{
background:#8DC6E8 0% 0% no-repeat padding-box;
height:45px;
width:100%;
position: relative;
display:block;
}
a.footer__item--social-link {
display: inline-block;
text-decoration: none;
padding-right: .25em
}
a.footer__item--social-link {
font-size: 16px
}
a.footer__item--social-link:not(:first-of-type) {
padding-left: .25em
}
.footer__newsletter {
margin-top: 25px
}
.footer__newsletter form {
position: relative
}
.footer__newsletter input[type=email],
.footer__newsletter input[type=text] {
width: 100%;
border: none;
padding-left: .75em;
height: 2.5em
}
.footer__newsletter input[type=email]:not(:last-of-type),
.footer__newsletter input[type=text]:not(:last-of-type) {
margin-bottom: 5px
}
.footer__newsletter input[type=email]::-webkit-input-placeholder,
.footer__newsletter input[type=text]::-webkit-input-placeholder {
opacity: 1;
transition: opacity ease-out 250ms
}
.footer__newsletter input[type=email]:-moz-placeholder,
.footer__newsletter input[type=text]:-moz-placeholder {
opacity: 1;
transition: opacity ease-out 250ms
}
.footer__newsletter input[type=email]::-moz-placeholder,
.footer__newsletter input[type=text]::-moz-placeholder {
opacity: 1;
transition: opacity ease-out 250ms
}
.footer__newsletter input[type=email]:-ms-input-placeholder,
.footer__newsletter input[type=text]:-ms-input-placeholder {
opacity: 1;
transition: opacity ease-out 250ms
}
.footer__newsletter input[type=email]:focus::-webkit-input-placeholder,
.footer__newsletter input[type=text]:focus::-webkit-input-placeholder {
opacity: .25
}
.footer__newsletter input[type=email]:focus:-moz-placeholder,
.footer__newsletter input[type=text]:focus:-moz-placeholder {
opacity: .25
}
.footer__newsletter input[type=email]:focus::-moz-placeholder,
.footer__newsletter input[type=text]:focus::-moz-placeholder {
opacity: .25
}
.footer__newsletter input[type=email]:focus:-ms-input-placeholder,
.footer__newsletter input[type=text]:focus:-ms-input-placeholder {
opacity: .25
}
.footer__newsletter button,
.footer__newsletter input[type=button],
.footer__newsletter input[type=reset],
.footer__newsletter input[type=submit] {
display: block;
background: #fff;
color: #1c1c1c;
transition: all 250ms;
position: absolute;
border: none;
background: 0 0;
right: 0;
bottom: 0;
width: 2.5em;
height: 2.5em
}
.footer__newsletter input[type=email]:last-of-type:not(:placeholder-shown)~button,
.footer__newsletter input[type=email]:last-of-type:not(:placeholder-shown)~input[type=button],
.footer__newsletter input[type=email]:last-of-type:not(:placeholder-shown)~input[type=reset],
.footer__newsletter input[type=email]:last-of-type:not(:placeholder-shown)~input[type=submit],
.footer__newsletter input[type=text]:last-of-type:not(:placeholder-shown)~button,
.footer__newsletter input[type=text]:last-of-type:not(:placeholder-shown)~input[type=button],
.footer__newsletter input[type=text]:last-of-type:not(:placeholder-shown)~input[type=reset],
.footer__newsletter input[type=text]:last-of-type:not(:placeholder-shown)~input[type=submit] {
position: relative;
width: 100%;
background: #fff;
margin-top: 5px
}
.footer__newsletter input[type=email]:last-of-type:not(:placeholder-shown)~button:after,
.footer__newsletter input[type=email]:last-of-type:not(:placeholder-shown)~input[type=button]:after,
.footer__newsletter input[type=email]:last-of-type:not(:placeholder-shown)~input[type=reset]:after,
.footer__newsletter input[type=email]:last-of-type:not(:placeholder-shown)~input[type=submit]:after,
.footer__newsletter input[type=text]:last-of-type:not(:placeholder-shown)~button:after,
.footer__newsletter input[type=text]:last-of-type:not(:placeholder-shown)~input[type=button]:after,
.footer__newsletter input[type=text]:last-of-type:not(:placeholder-shown)~input[type=reset]:after,
.footer__newsletter input[type=text]:last-of-type:not(:placeholder-shown)~input[type=submit]:after {
display: inline;
content: " Subscribe";
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase
}
@media(max-width:1250px){
footer{
padding: 0 1rem;
}
}
@media(max-width:850px){
footer{
display:block;
}
.foot-left, .foot-center, .foot-right, .form-wrap{
width: 100%;
margin:0 auto;
text-align: center;
}
.foot-left{
border-top:#8CC6E9 1px solid;
border-bottom:#8CC6E9 1px solid;;
padding:20px 0;
}
.foot-left h4{
margin:0;
}
.foot-center{
padding:40px 0 10px;
}
.footer__sub-item{
display:block;
}
.footer__sub-item ul li{
display:block;
text-align: center;
width: 100%;
}
}
@media(max-width:650px){
.form-wrap h2{
font-size: 20px;
margin:0 0 10px;
}
.news-field{
width: 100%;
}
.news-field input{
width:90%;
margin:0 auto;
}
.form-wrap form input{
height: 35px;
}
.product-type-simple form.cart, .single_variation_wrap{
padding:20px 0 25px;
}
} form#subForm p {
margin-top: 0;
}
.contact-page .default-item {
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: 100%
}
.contact-page .content {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: 768px;
padding-left: 15px;
padding-right: 15px
}
.contact-form {
max-width: 768px
}
.form-content,
.wpcf7 {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center
}
.form-content legend,
.wpcf7 legend {
display: none
}
.form-content fieldset,
.wpcf7 fieldset {
border: none;
margin: 0;
padding: 0
}
.form-content .ajax-loader,
.wpcf7 .ajax-loader {
position: absolute;
bottom: 50%;
left: 50%;
transform: translate(-50%, 50%);
margin: 0!important;
padding: 1rem!important;
border-radius: 100%;
background-color: #fff;
background-repeat: no-repeat;
background-position: center
}
.form-content .form-group,
.wpcf7 .form-group {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: .625em;
padding-left: .5em;
padding-right: .5em
}
.form-content .form-group>br,
.wpcf7 .form-group>br {
display: none
}
.form-content .form-group select,
.wpcf7 .form-group select {
background-image: url(//www.dimattinacoffee.com.au/wp-content/themes/dimattina-updated/images/icons/SVG/chevron-down.svg);
background-position: 99% 50%;
background-position: calc(100% - .5em) 50%;
background-repeat: no-repeat;
background-size: 1em 1em;
transition: opacity 250ms ease-out
}
.form-content .form-group select.disabled,
.form-content .form-group select:disabled,
.form-content .form-group select[disabled],
.wpcf7 .form-group select.disabled,
.wpcf7 .form-group select:disabled,
.wpcf7 .form-group select[disabled] {
opacity: .25;
pointer-events: none
}
.form-content .form-group select.disabled+span,
.form-content .form-group select:disabled+span,
.form-content .form-group select[disabled]+span,
.wpcf7 .form-group select.disabled+span,
.wpcf7 .form-group select:disabled+span,
.wpcf7 .form-group select[disabled]+span {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
@media (min-width:861px) {
.form-content .form-group,
.wpcf7 .form-group {
width: 50%;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.form-content .form-group.full-width,
.wpcf7 .form-group.full-width {
width: 100%
}
.form-content .form-group.enquiry__subject,
.wpcf7 .form-group.enquiry__subject {
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.form-content .form-group.enquiry__state,
.wpcf7 .form-group.enquiry__state {
width: 20%
}
}
.form-content .control-label,
.wpcf7 .control-label {
margin-bottom: .1875em;
text-transform: uppercase;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}
.form-content .form-control,
.wpcf7 .form-control {
width: 100%;
color: #1c1c1c;
border: 2px solid;
background-color: transparent;
padding: .5em .75em
}
.form-content .form-submit,
.wpcf7 .form-submit {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end
}
.form-content .form-submit .btn,
.form-content .form-submit button,
.wpcf7 .form-submit .btn,
.wpcf7 .form-submit button {
display: inline-block;
display: -ms-inline-flexbox;
display: inline-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background: #8CC6E9;
border: none;
margin: 0 auto;
padding: 0 1em;
width: 100%;
height: 2.5em;
font-weight: 500;
line-height: 1.4;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
font-weight: 400;
cursor: pointer;
margin: 0;
-ms-flex-order: 1;
order: 1
}
.form-content .form-submit .btn,
.form-content .form-submit button,
.wpcf7 .form-submit .btn,
.wpcf7 .form-submit button {
font-size: 16px
}
@media screen and (min-width:860px) {
.form-content .form-submit .btn,
.form-content .form-submit button,
.wpcf7 .form-submit .btn,
.wpcf7 .form-submit button {
font-size: calc(16px + 5 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.form-content .form-submit .btn,
.form-content .form-submit button,
.wpcf7 .form-submit .btn,
.wpcf7 .form-submit button {
font-size: 21px
}
}
.form-content .form-submit .btn:hover,
.form-content .form-submit button:hover,
.wpcf7 .form-submit .btn:hover,
.wpcf7 .form-submit button:hover {
text-decoration: none
}
@media (min-width:861px) {
.form-content .form-submit .btn,
.form-content .form-submit button,
.wpcf7 .form-submit .btn,
.wpcf7 .form-submit button {
line-height: 1;
width: auto
}
}
@media (min-width:861px) {
.form-content .form-submit,
.wpcf7 .form-submit {
-ms-flex-direction: row;
flex-direction: row
}
.form-content .form-submit .btn,
.form-content .form-submit button,
.wpcf7 .form-submit .btn,
.wpcf7 .form-submit button {
width: 100%;
max-width: 200px
}
}
.form-content {
max-width: 768px
}
@media (min-width:861px) {
.form-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: row;
flex-direction: row;
margin-left: -.25em;
margin-right: -.25em
}
}
.product__details {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media (min-width:861px) {
.product__details {
-ms-flex-order: initial;
order: initial;
-ms-flex-direction: row;
flex-direction: row
}
}
.product__details--info {
-ms-flex-order: 2;
order: 2;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
max-width: 100%;
padding-left: 1rem;
padding-right: 1rem;
margin-bottom: 1rem
}
.product__details--info form{
margin: 120px 0 0;
}
.product__details--info h2 {
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}
.product__details--info {
font-size: 16px
}
@media screen and (min-width:860px) {
.product__details--info {
font-size: calc(16px + 5 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.product__details--info {
font-size: 21px
}
}
@media (min-width:861px) {
.product__details--info {
padding-left: 15px;
padding-right: 0;
-ms-flex-order: initial;
order: initial;
-ms-flex: 0 1 33.3%;
flex: 0 1 33.3%;
max-width: 33.3%
}
}
@media (max-width:1200px){
.product__details--info {
-ms-flex: 0 1 40%;
flex: 0 1 40%;
max-width: 40%
}
}
.product__details--carousel {
margin-bottom: 1rem;
-ms-flex-order: 1;
order: 1;
max-width: 100vw
}
@media (min-width:861px) {
.product__details--carousel {
margin-top: 0;
-ms-flex-order: initial;
order: initial;
-ms-flex: 0 1 66.6%;
flex: 0 1 66.6%;
max-width: 66.6%
}
}
@media (max-width:859px) {
.product__details--carousel {
width: 100%
}
}
.product__details--carousel>* {
display: none
}
.product__details--carousel .owl-carousel.owl-loaded {
display: block
}
.product__details--carousel .owl-carousel .owl-item {
overflow: hidden
}
.product__details--description {
-ms-flex-order: 3;
order: 3;
display: -ms-flexbox;
display: flex;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:861px) {
.product__details--description {
-ms-flex-order: initial;
order: initial;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
padding-top: 50px;
padding-left: 0;
padding-right: 0;
padding-bottom: 75px
}
}
@media (max-width: 1200px){
.product__details--carousel {
-ms-flex: 0 1 36.6%;
flex: 0 1 46.6%;
max-width: 46.6%;
}
}
.product--description {
width:100%;
border-bottom: 1px solid #8CC6E9;
}
.product--description h3{
padding:0 0 20px;
border-bottom: 1px solid #8CC6E9;
}
.product--description p{
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 300;
font-size: 16px;
}
.single-product main {
padding-left: 0;
padding-right: 0
}
@media (min-width:861px) and (max-width:1199px) {
.single-product main {
padding-left: 15px;
padding-right: 15px
}
}
#regions_div {
max-width: 800px
}
.product-page .product.type-product {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin: 43px 0 70px
}
@media (min-width:861px) {
.product-page .product.type-product {
-ms-flex-direction: row;
flex-direction: row
}
}
@media (max-width:859px) {
.product-page .product.type-product {
margin-top: 0
}
}
@media (min-width:861px) {
.single-product .layout.main-page-content.page {
padding-bottom: 0;
padding-top: 40px
}
}
.first-payment-date,
.stock.in-stock {
display: none
}
.product-type-grouped form~form .woocommerce-variation-add-to-cart {
margin-top: 0
}
.stock.out-of-stock {
display: block;
border: 2px solid #1c1c1c;
padding: 30px 15px;
margin: 0;
font-size: .75em
}
.product--description p {
margin: 16px 0;
}
.product--description p:first-child {
margin-top: 0;
}
.details__card h3 {
margin-top: 0;
font-size: 30px;
font-weight: 400;
text-align: center;
color: #1c1c1c;
text-transform: uppercase;
letter-spacing: .2em
}
.details__card {
position: relative;
padding-right: 1rem;
width: 100%
}
@media (max-width:859px) {
.details__card {
padding-left: 0;
padding-right: 0;
min-height: 100vw
}
}
.owl-item .card--product-image {
overflow: hidden;
max-height: 555px
}
.owl-item .card--product-image img {
max-width: 100%;
max-height: inherit;
margin: 0 auto;
object-fit: contain
}
@supports not (object-fit:cover) {
.owl-item .card--product-image img {
width: auto!important
}
}
@media (max-width:859px) {
.owl-item .card--product-image img {
object-fit: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: none;
max-height: none;
min-width: 100%;
min-height: 100%;
width: auto!important;
height: 100%!important
}
}
.owl-item .card--product-image.variation-images img {
display: none
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.owl-item .card--product-image.variation-images img {
width: auto!important
}
}
.card--attributes h4,
.card--attributes p {
color: #0e203c
}
.card--attributes h4 {
font-size: 20px;
line-height: 1;
margin: 0;
text-transform: uppercase;
font-weight: 400;
letter-spacing: .2em
}
.card--attributes h4 {
font-size: 14px
}
@media screen and (min-width:860px) {
.card--attributes h4 {
font-size: calc(14px + 4 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.card--attributes h4 {
font-size: 18px
}
}
.card--attributes p {
font-size: 12px;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: none;
letter-spacing: normal
}
@media (min-width:861px) {
.card--attributes p {
font-size: 14px
}
}
.card--attributes div {
display: block;
border: 2px solid #1c1c1c;
padding: 30px 15px;
margin: 0;
width: 100%;
padding: 16px 27px 0;
margin: 10px 0;
background-color: #fff
}
@media (min-width:861px) {
.card--attributes div {
width: 100%
}
}
@media (max-width:859px) {
.card--origins {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
}
.card--origins .origins__inner {
position: relative
}
@media (max-width:859px) {
.card--origins .origins__inner {
position: static
}
}
.card--origins ul {
background-color: rgba(255, 245, 255, .5);
z-index: 500;
width: 100%;
padding: .8rem 1rem 1rem;
margin: 0 0 .5em;
line-height: 1;
list-style: none;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 28px;
font-weight: 500;
text-align: center;
text-transform: uppercase;
color: #0e203c;
border: 2px solid #1c1c1c
}
@media (min-width:861px) {
.card--origins ul {
position: absolute;
top: auto;
bottom: 0;
left: 0
}
}
.card--origins ul li {
margin: 1rem 0
}
@media (min-width:861px) {
.card--origins ul li {
display: inline-block;
font-size: 1.5rem
}
.card--origins ul li+li:before {
content: '|';
margin: 0 .4em
}
}
.card--origins .origins__map {
overflow: hidden
}
@media (max-width:859px) {
.card--origins .origins__map {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translateY(-50%) scale(1);
z-index: -1
}
}
@media (max-width:449px) {
.card--origins .origins__map {
transform: translateX(-50%) translateY(0) scale(.7)
}
}
.card--flavour-chart {
text-align: center;
height: 90%
}
.card--flavour-chart #flavour-chart {
text-align: inherit;
margin-top: -1rem
}
.card--flavour-chart svg {
display: inline-block;
overflow: visible
}
@media (max-width:859px) {
.card--flavour-chart svg {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%) scale(.75)
}
}
@media (max-width:500px) {
.card--flavour-chart svg {
transform: translateX(-50%) translateY(-50%) scale(.5)
}
}
.card--flavour-chart text {
font-weight: 600;
text-transform: uppercase
}
@media (max-width:859px) {
.card--flavour-chart text {
font-size: 1rem!important
}
}
.product--image-main {
position: relative;
width: 100%
}
@media (min-width:861px) {
.product--image-main {
padding-left: 30px
}
}
.product--image-main img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 100%;
max-height: 100%;
width: auto
}
@media (max-width:859px) {
.product--image-main {
margin-bottom: 30px
}
}
@media (max-width:860px) {
.woocommerce-cart-form{
padding: 0;
}
}
.product-type-simple form.cart,
.single_variation_wrap {
display: block;
border: 2px solid #1c1c1c;
padding: 30px 15px;
margin: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding-top: 20px;
padding-bottom: 25px
}
.single_variation_wrap{
border:none;
}
.single_variation_wrap table{
display:table;
} .product-type-simple form.cart header,
.single_variation_wrap header {
display: inline-block
}
.product-type-simple form.cart h2,
.single_variation_wrap h2 {
font-weight: 300;
margin: 20px 0 0;
font-size: 1rem
}
.single_variation_wrap h2{
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
}
.grouped_form,
.product-type-simple form.cart{
text-align: center
}
.grouped_form:first-child,
.product-type-simple form.cart:first-child,
.single_variation_wrap:first-child {
margin-top: 0
}
@media (max-width:860px) {
.grouped_form button,
.grouped_form input,
.product-type-simple form.cart button,
.product-type-simple form.cart input,
.single_variation_wrap button,
.single_variation_wrap input {
padding-top: 0;
padding-bottom: 0
}
}
.grouped_form button[type=submit],
.grouped_form input[type=submit],
.product-type-simple form.cart button[type=submit],
.product-type-simple form.cart input[type=submit],
.single_variation_wrap button[type=submit],
.single_variation_wrap input[type=submit] {
display: -ms-inline-flexbox;
display: inline-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background: #8CC6E9;
border: none;
margin: 0 auto;
padding: 0 1em;
width: 100%;
height: 41px;
font-weight: 500;
line-height: 1.3;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
font-weight: 400;
cursor: pointer;
-webkit-transition: background .3s ease-in-out  ;
-moz-transition: background .3s ease-in-out  ;
-o-transition: background .3s ease-in-out  ;
transition: background .3s ease-in-out  ;
margin-top: 1rem
}
.single_variation_wrap button[type=submit]:hover{
background:#1b8dd6;
-webkit-transition: background .3s ease-in-out  ;
-moz-transition: background .3s ease-in-out  ;
-o-transition: background .3s ease-in-out  ;
transition: background .3s ease-in-out  ;
}
.grouped_form button[type=submit],
.grouped_form input[type=submit],
.product-type-simple form.cart button[type=submit],
.product-type-simple form.cart input[type=submit],
.single_variation_wrap button[type=submit],
.single_variation_wrap input[type=submit] {
font-size: 16px
}
@media screen and (min-width:860px) {
.grouped_form button[type=submit],
.grouped_form input[type=submit],
.product-type-simple form.cart button[type=submit],
.product-type-simple form.cart input[type=submit],
.single_variation_wrap button[type=submit],
.single_variation_wrap input[type=submit] {
font-size: calc(16px + 5 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.grouped_form button[type=submit],
.grouped_form input[type=submit],
.product-type-simple form.cart button[type=submit],
.product-type-simple form.cart input[type=submit],
.single_variation_wrap button[type=submit],
.single_variation_wrap input[type=submit] {
font-size: 18px;
font-weight: 300;
}
}
.grouped_form button[type=submit]:hover,
.grouped_form input[type=submit]:hover,
.product-type-simple form.cart button[type=submit]:hover,
.product-type-simple form.cart input[type=submit]:hover,
.single_variation_wrap button[type=submit]:hover,
.single_variation_wrap input[type=submit]:hover {
text-decoration: none
}
@media (min-width:861px) {
.grouped_form button[type=submit],
.grouped_form input[type=submit],
.product-type-simple form.cart button[type=submit],
.product-type-simple form.cart input[type=submit],
.single_variation_wrap button[type=submit],
.single_variation_wrap input[type=submit] {
line-height: 1;
width: 100%;
}
}
.grouped_form button[type=submit]:before,
.grouped_form input[type=submit]:before,
.product-type-simple form.cart button[type=submit]:before,
.product-type-simple form.cart input[type=submit]:before,
.single_variation_wrap button[type=submit]:before,
.single_variation_wrap input[type=submit]:before {
display: inline-block;
vertical-align: top;
width: 1em;
height: 1em;
margin-right: .5em
}
@media (min-width:861px) {
.grouped_form button[type=submit]:before,
.grouped_form input[type=submit]:before,
.product-type-simple form.cart button[type=submit]:before,
.product-type-simple form.cart input[type=submit]:before,
.single_variation_wrap button[type=submit]:before,
.single_variation_wrap input[type=submit]:before {
margin: 4px 19px 0 0
}
}
.single_variation_wrap button[type=submit]:before{
display:none;
}
.grouped_form button[type=submit].side,
.grouped_form input[type=submit].side,
.product-type-simple form.cart button[type=submit].side,
.product-type-simple form.cart input[type=submit].side,
.single_variation_wrap button[type=submit].side,
.single_variation_wrap input[type=submit].side {
display: none
}
@media (max-width:860px) {
.grouped_form button[type=submit],
.grouped_form input[type=submit],
.product-type-simple form.cart button[type=submit],
.product-type-simple form.cart input[type=submit],
.single_variation_wrap button[type=submit],
.single_variation_wrap input[type=submit] {
display: block
}
}
@media (min-width:1200px) {
.grouped_form button[type=submit].side,
.grouped_form input[type=submit].side,
.product-type-simple form.cart button[type=submit].side,
.product-type-simple form.cart input[type=submit].side,
.single_variation_wrap button[type=submit].side,
.single_variation_wrap input[type=submit].side {
display: block;
float: right;
transform: translateY(1.2rem);
margin-top: 0;
width: 52px;
height: 52px;
font-size: 0
}
.single_variation_wrap button[type=submit].side{
width:100%;
display:block;
float: left;
}
.grouped_form button[type=submit].bottom,
.grouped_form input[type=submit].bottom,
.product-type-simple form.cart button[type=submit].bottom,
.product-type-simple form.cart input[type=submit].bottom,
.single_variation_wrap input[type=submit].bottom {
display: none
}
.grouped_form button[type=submit]:before,
.grouped_form input[type=submit]:before,
.product-type-simple form.cart button[type=submit]:before,
.product-type-simple form.cart input[type=submit]:before,
.single_variation_wrap button[type=submit]:before,
.single_variation_wrap input[type=submit]:before {
margin: 0;
transform: translateX(-1px);
font-size: 21px
}
}
.grouped_form .quantity,
.product-type-simple form.cart .quantity,
.single_variation_wrap .quantity {
width: 230px;
margin-bottom: 1em;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: justify;
}
.single_variation_wrap .quantity{
display:block;
margin:0 auto;
}
.grouped_form .quantity label,
.product-type-simple form.cart .quantity label,
.single_variation_wrap .quantity label {
display:none;
}
@media (min-width:861px) {
.grouped_form .quantity label,
.product-type-simple form.cart .quantity label,
.single_variation_wrap .quantity label {
margin-right: 1em
}
}
@media(max-width:1200px){
.variations tr > td {
padding: 15px 5px 15px 0;
}
.single_variation_wrap .quantity {
width: auto;
}
}
.grouped_form .quantity input,
.product-type-simple form.cart .quantity input,
.single_variation_wrap .quantity input {
text-align: center;
display: inline-block;
width: 27px;
height: 1em;
background: 0 0;
font-size: 18px;
font-weight: 400
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 300;
text-transform: uppercase;
}
.grouped_form .quantity input[type=hidden],
.product-type-simple form.cart .quantity input[type=hidden],
.single_variation_wrap .quantity input[type=hidden] {
display: none
}
.grouped_form .quantity.hidden,
.product-type-simple form.cart .quantity.hidden,
.single_variation_wrap .quantity.hidden {
display: none
}
.grouped_form .quantity .quantity__input,
.product-type-simple form.cart .quantity .quantity__input,
.single_variation_wrap .quantity .quantity__input {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.25em
}
@media (min-width:1200px) {
.grouped_form .quantity .quantity__input,
.product-type-simple form.cart .quantity .quantity__input,
.single_variation_wrap .quantity .quantity__input {
font-size: 25.56px
}
}
.grouped_form .quantity .quantity__input button,
.product-type-simple form.cart .quantity .quantity__input button,
.single_variation_wrap .quantity .quantity__input button {
background-color: transparent;
border: 1px solid #707070;
font-size: 11px;
width: 21px;
height: 21px;
padding: 0;
margin: 0;
position: relative;
text-align: center
}
.single_variation_wrap .quantity .quantity__input button:hover{
background:#8CC6E9;
color:#fff;
}
.grouped_form .quantity .quantity__input button:after,
.product-type-simple form.cart .quantity .quantity__input button:after,
.single_variation_wrap .quantity .quantity__input button:after {
display: block;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.grouped_form .quantity .quantity__input span.hidden,
.product-type-simple form.cart .quantity .quantity__input span.hidden,
.single_variation_wrap .quantity .quantity__input span.hidden {
display: none
}
@media (min-width:861px) {
.grouped_form .quantity,
.product-type-simple form.cart .quantity,
.single_variation_wrap .quantity {
-ms-flex-pack: center;
justify-content: flex-end;
float:right;
}
}
.grouped_form .price,
.product-type-simple form.cart .price,
.single_variation_wrap .price {
display: inline-block;
font-size: 1rem;
font-weight: 400;
line-height: 1;
margin-top: 1rem;
margin-bottom: 1rem
}
.grouped_form .price .from,
.product-type-simple form.cart .price .from,
.single_variation_wrap .price .from {
display: none
}
.grouped_form .show-price-note,
.product-type-simple form.cart .show-price-note,
.single_variation_wrap .show-price-note {
font-size: .75em;
margin: 1rem auto
}
.grouped_form .range,
.product-type-simple form.cart .range,
.single_variation_wrap .range {
display: inline
}
.grouped_form .subscription-details *,
.grouped_form .woocommerce-Price-amount.amount *,
.product-type-simple form.cart .subscription-details *,
.product-type-simple form.cart .woocommerce-Price-amount.amount *,
.single_variation_wrap .subscription-details *,
.single_variation_wrap .woocommerce-Price-amount.amount * {
font-size: inherit;
font-weight: inherit
}
.grouped_form .woocommerce-Price-amount.amount,
.product-type-simple form.cart .woocommerce-Price-amount.amount,
.single_variation_wrap .woocommerce-Price-amount.amount {
font-size: 1em;
font-weight: 100
}
.grouped_form .subscription-details,
.product-type-simple form.cart .subscription-details,
.single_variation_wrap .subscription-details {
font-size: .75em;
font-weight: 400
}
.grouped_form .woocommerce-Price-amount.amount+.price--note,
.product-type-simple form.cart .woocommerce-Price-amount.amount+.price--note,
.single_variation_wrap .woocommerce-Price-amount.amount+.price--note {
margin-left: 1rem
}
@media (min-width:451px) and (max-width:859px) {
.grouped_form,
.product-type-simple form.cart,
.single_variation_wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0;
margin-top: 30px
}
}
.woocommerce-variation~.show-price-note {
display: none
}
.woocommerce-variation[style*="display: none"]~.show-price-note {
display: block
}
.woocommerce-variation.single_variation {
overflow: visible!important;
display: inline-block
}
@media (max-width:859px) {
.cart {
width: 100%
}
}
.cart .frequency-wrapper {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: baseline;
align-items: baseline;
line-height: 0;
margin-top: 0
}
@media (max-width:859px) {
.cart .frequency-wrapper {
-ms-flex-direction: column;
flex-direction: column;
margin: 0 auto 1rem
}
}
@media (min-width:1201px) {
.cart .frequency-wrapper {
margin-bottom: 0
}
}
.cart .frequency-wrapper label,
.cart .frequency-wrapper select {
width: 100%
}
.cart .frequency-wrapper label {
display: none;
margin-bottom: 1em;
font-size: .75em
}
@media (max-width:859px) {
.cart .frequency-wrapper label {
text-align: center;
line-height: 1;
margin-top: 0
}
}
.cart .frequency-wrapper select {
position: relative;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
text-transform: uppercase;
background-color: #fff;
border: none;
color: #1c1c1c;
white-space: normal;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 7px 37px 7px 9px;
border: 1px solid #707070;
font-size: 14px;
width: 100%
}
.cart .frequency-wrapper:after {
pointer-events: none;
color: #1c1c1c;
position: absolute;
top: 50%;
right: 1rem!important;
transform: translateY(-50%);
font-size: 20px;
height: 24px;
right: .5em
}
@media (max-width:859px) {
.cart .frequency-wrapper:after {
top: auto;
bottom: 33.3%;
transform: translateY(25%)
}
}
.cart td {
vertical-align: top
}
.cart .frequency-wrapper td label {
opacity: 0;
pointer-events: none
}
@media (max-width:859px) {
.cart .coupon {
width: 100%
}
}
.cart .coupon input[type=text] {
text-transform: none!important
}
@media (max-width:859px) {
.cart .coupon input[type=text] {
text-align: center
}
}
.cart .coupon input[name=apply_coupon] {
display: inline-block;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.3125em;
font-weight: 400;
line-height: 1;
text-align: center;
text-transform: uppercase;
color: #8CC6E9;
border: 2px solid #8CC6E9;
background-color: transparent;
padding: 10px 20px;
transition: all .25s ease;
cursor: pointer;
width: 100%!important;
height: 2.9rem;
font-size: 1rem;
line-height: 0;
border-width: 2px
}
@media (min-width:861px) {
.cart .coupon input[name=apply_coupon] {
width: 100%;
padding: 15px
}
}
.cart .coupon input[name=apply_coupon]:hover {
border-color: #8CC6E9;
background-color: #8CC6E9;
color: #fff;
text-decoration: none
}
.cart .product-remove {
text-align: right
}
@media (max-width:859px) {
.cart.shop_table {
margin: 0 auto
}
.cart label {
display: block;
padding-bottom: .5em
}
.cart td,
.cart th,
.cart thead,
.cart tr {
width: 100%
}
.cart th,
.cart thead {
display: none
}
.cart tr {
position: relative;
-ms-flex-direction: column;
flex-direction: column;
text-align: center
}
.cart .cart-item td {
padding: .5rem 15px;
display: block
}
.cart .cart-item td:last-child {
padding-bottom: 30px
}
.cart .product-remove {
width: auto;
margin-bottom: -2em
}
.cart dt {
padding-bottom: .5em
}
}
@media (min-width:601px) and (max-width:859px) {
s
.cart tr {
-ms-flex-direction: row;
flex-direction: row;
text-align: left
}
.cart .quantity__input {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
}
@media (min-width:601px) {
.cart .product-quantity label {
display: none
}
}
@media (min-width:1200px) {
.cart .product-remove {
width: 40px
}
.cart .product-thumbnail {
width: 180px
}
.cart .product-thumbnail img {
width: 180px
}
.cart .product-name {
width: 360px
}
.cart .product-price,
.cart .product-subtotal {
width: 170px
}
.cart .product-price .woocommerce-Price-amount,
.cart .product-subtotal .woocommerce-Price-amount {
font-weight: 100
}
.cart .product-price .woocommerce-Price-amount *,
.cart .product-subtotal .woocommerce-Price-amount * {
display: inline
}
.cart .product-quantity {
width: 133px
}
.cart dl {
clear: both
}
.cart dd,
.cart dt {
float: left;
vertical-align: top
}
.cart dt {
clear: left
}
.cart dd {
margin-left: 1rem
}
.cart dd p:first-of-type {
margin-top: 0
}
.cart p {
margin-bottom: .8em;
font-size: inherit;
line-height: inherit
}
.cart .coupon {
margin-left: 220px;
margin-right: 0;
width: 492px
}
.cart .coupon input[name=apply_coupon] {
display: inline-block;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.3125em;
font-weight: 400;
line-height: 1;
text-align: center;
text-transform: uppercase;
color: #8CC6E9;
border: 2px solid #8CC6E9;
background-color: transparent;
padding: 10px 20px;
transition: all .25s ease;
cursor: pointer;
width: auto!important;
height: 2.9rem;
font-size: 1rem;
line-height: 0;
border-width: 2px
}
}
.variations {
width: 100%;
color: #fff;
border-bottom: 0
}
.variations .label, .single_variation_wrap .label{
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color:#000;
text-transform: uppercase;
text-align: center;
}
.variations .label label, .single_variation_wrap .label{
font-weight: 500;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 17px;
border:1px solid #707070;
padding:5px;
min-width:90px;
display:inline-block;
}
.variations tr{
margin:20px 0;
}
@media (min-width:1200px) and (min-width:861px) {
.cart .coupon input[name=apply_coupon] {
width: 100%;
padding: 15px
}
}
@media (min-width:1200px) {
.cart .coupon input[name=apply_coupon]:hover {
border-color: #8CC6E9;
background-color: #8CC6E9;
color: #fff;
text-decoration: none
}
.cart tbody td.actions {
position: relative;
clear: both
}
.cart tbody td.actions * {
float: left
}
.cart tbody td.actions input[name=update_cart] {
margin: 0 0 0 1rem
}
}
@media (min-width:860px) and (max-width:1450px) {
.cart tbody td.actions {
position: relative;
clear: both
}
.cart tbody td.actions * {
float: left
}
.cart tbody td.actions .coupon {
width: calc(100% - 135px);
margin-left: 0
}
.cart tbody td.actions input[name=apply_coupon] {
margin: 0 0 0 1rem;
width: 135px!important
}
}
@media (max-width:1199px) {
.cart .product-thumbnail {
display: none
}
.cart dl {
clear: both
}
.cart dd,
.cart dt {
display: block;
font-size: .9em
}
.cart dt {
font-weight: bolder
}
.cart dd {
font-weight: 400;
margin-left: 0
}
.cart dd p:first-of-type {
margin-top: 0
}
.cart p {
margin-top: .4em;
margin-bottom: .8em;
font-size: inherit;
line-height: inherit
}
}
@media(max-width:1200px){
.variations .value, .variations select{
width:auto;
}
.product__details--info form{
margin:50px 0 0;
}
}
@media (max-width:859px) {
.woocommerce-cart .woocommerce-cart-form {
padding-top: 15px
}
.woocommerce-cart .woocommerce-cart-form .product-thumbnail {
display: none
}
}
@media (min-width:451px) and (max-width:859px) {
.woocommerce-cart .woocommerce-cart-form {
padding-top: 30px
}
}
.woocommerce-cart .woocommerce-cart-form .product-thumbnail {
padding: 0
}
.woocommerce-cart .woocommerce-cart-form .product-thumbnail img.woocommerce-placeholder {
display: none
}
.product-type-grouped .grouped_form.cart .single_variation_wrap,
.product-type-grouped .variations_form.cart .variations {
display: none
}
.woocommerce-variation-add-to-cart {
margin-top: 0
}
@media (min-width:1200px) {
.product__details--info .quantity {
margin-top: 10px;
font-size: 0;
text-align:right;
}
}
.product--filter {
display: block;
background-color: #8CC6E9;
color: #fff;
padding: 17px
}
@media (min-width:451px) and (max-width:859px) {
.product--filter {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
width: 100%
}
}
@media (min-width:861px) {
.product--filter {
padding: 17px 0 17px 34px
}
}
.product--filter .value,
.product--filter select {
position: relative;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
text-transform: uppercase;
background-color: #fff;
border: none;
color: #1c1c1c;
white-space: normal;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
@media (max-width:859px) {
.product--filter .value,
.product--filter select {
width: 100%
}
}
.product--filter select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 8px 10px
}
@media (min-width:861px) {
.product--filter select {
width: 250px
}
}
@media (min-width:451px) and (max-width:859px) {
.product--filter {
margin-right: 30px
}
}
@media (min-width:1200px) {
.variations {
width: auto;
min-width: 100%
}
}
.variations tr > td {
padding: 15px
}
@media (max-width:859px) {
.variations tr+tr .label {
padding-top: 0
}
}
.variations .label {
width: 100%;
font-size: 1em
}
@media (max-width:859px) {
.variations .label {
padding-bottom: 0
}
}
.variations .value,
.variations select {
width: 230px; text-align-last:right; 
}
.variations .value , .single_variation_wrap .value{
width: 100%;
font-size: .85em;
position: relative;
}
.variations .value:after, .single_variation_wrap .value:after {
pointer-events: none;
color: #1c1c1c;
position: absolute;
top: 49%;
transform: translateY(-50%);
font-size: 11px;
right: 21px;
}
.variations .value:before{
border:1px solid #707070;
width: 21px;
height:21px;
content:'';
display: block;
position: absolute;
right: 16px;
top:50%;
transform:translateY(-50%);
}
@media(max-width:860px){
.product__details{
display:block;
width:100%;
}
.product__details--carousel{
max-width:90%;
margin:0 auto;
}
.breadcrumbs{
margin:50px auto 0;
}
.product__details--info{
max-width:500px;
margin:0 auto;
display:block;
}
.variations tr > td {
padding: 3px 9px;
}
.breadcrumbs{
width: 100%;
padding:0;
}
.single_variation_wrap table{
display:block;
text-align: center;
}
.single_variation_wrap tr{
display:block;
}
.single_variation_wrap tbody{
display:inline-block;
}
.single_variation_wrap .label{
margin:0 0 10px;
}
}
@media(max-width:1200px){
.variations .label label, .single_variation_wrap .label{
font-size: 14px;
min-width: 80px;
}
.variations .value, .variations select{
width:auto;
}
}
@media(max-width:1000px){
.variations select {
width:auto;
}
}
.variations select {
position: relative;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 300;
text-transform: uppercase;
background:none;
text-align: right;
border: none;
color: #1c1c1c;
white-space: normal;
padding: 8px 38px 8px 10px
}
.variations select option{
text-align: right;
}
@media (min-width:861px) {
.variations tr>td {
display: table-cell
}
.variations .label {
width: auto;
padding-top: 20px
}
}
.reset_variations {
display: none!important
}
@media (min-width:451px) and (max-width:859px) {
.single_variation_wrap {
width: 100%
}
}
@media(max-width:1200px){
.variations .value:after, .single_variation_wrap .value:after{
right:21px;
}
.variations .value:before{
display:none;
}
.variations select{
padding: 8px 33px 8px 10px
}
}
@media(max-width:1000px){
.variations .value:after, .single_variation_wrap .value:after{
right:24px;
}
}
@media (max-width:859px) {
.single_variation_wrap {
text-align: center
}
}
.woocommerce-info {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
background-color: #8CC6E9;
color: #fff;
padding: 10px 34px;
margin: 43px 0
}
.woocommerce-info:first-child {
margin-top: 0
}
@media (min-width:451px) and (max-width:859px) {
.woocommerce-info {
margin-top: 0
}
}
.woocommerce-info a {
color: inherit;
text-decoration: underline;
margin-right: 1em
}
.woocommerce-variation-price {
text-align: right
}
@media (max-width:859px) {
.woocommerce-variation-price {
text-align: inherit
}
}
.first-payment-date small:empty {
display: none
}
td #pa_subscription-frequency,
td .pa_subscription-frequency,
td label[for=pa_subscription-frequency] {
display: none
}
td #pa_subscription-frequency:after,
td #pa_subscription-frequency:before,
td .pa_subscription-frequency:after,
td .pa_subscription-frequency:before,
td label[for=pa_subscription-frequency]:after,
td label[for=pa_subscription-frequency]:before {
display: none
}
td #pa_subscription-frequency~*,
td .pa_subscription-frequency~*,
td label[for=pa_subscription-frequency]~* {
display: none
}
.cell-pa_subscription-frequency {
display: none!important
}
.product-purchase--area,
.product-subscription--area,
.product-subscription--note {
display: block;
border: 2px solid #1c1c1c;
padding: 30px 15px;
margin: 0;
clear: both;
padding-top: 20px;
padding-bottom: 28px
}
@media (max-width:859px) {
.product-purchase--area,
.product-subscription--area,
.product-subscription--note {
width: 100%
}
}
.product-purchase--area p,
.product-subscription--area p,
.product-subscription--note p {
font-weight: 300;
margin: 0 0 20px -.5rem
}
.product-purchase--area .price,
.product-subscription--area .price,
.product-subscription--note .price {
font-weight: 400
}
.product-purchase--area .price--slash,
.product-subscription--area .price--slash,
.product-subscription--note .price--slash {
font-weight: 300
}
.product-subscription--area {
margin-top: 0;
margin-bottom: 0
}
h2.featured-product--heading {
margin-top: 60px;
text-align: center;
text-transform: uppercase;
font-size: 26px;
font-weight: 400
}
h2.featured-product--heading+.featured--listing .products--item {
padding-top: 0
}
@media (min-width:861px) {
h2.featured-product--heading+.featured--listing .products--item .product__title {
margin-top: 0
}
}
.product--featured {
position: relative;
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
border-top: 1px solid #8CC6E9
}
.product--featured .container {
margin: 0 auto;
padding-left: 1rem;
padding-right: 1rem
}
@media (min-width:861px) {
.product--featured .container {
padding-left: 0;
padding-right: 0;
width: 660px
}
}
@media (min-width:997px) {
.product--featured .container {
width: 796px
}
}
@media (min-width:1201px) {
.product--featured .container {
width: 1000px
}
}
@media (min-width:1401px) {
.product--featured .container {
width: 1200px
}
}
.product--featured .container .owl-item {
overflow-y: auto
}
.product--featured .featured-product--heading {
margin-top: 0
}
.product--featured a {
color: #1c1c1c
}
.product--featured .featured-item:first-of-type {
border: none
}
.product--featured .product__inner {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center
}
@media (min-width:1000px) {
.product--featured .product__inner {
display: -ms-flexbox;
display: flex
}
.product--featured .product__inner .product__link {
display: inline-block;
margin: 0
}
}
@media (max-width:859px) {
.product--featured .product__inner {
max-width: 100%;
width: 600px;
margin: 0 auto
}
}
@media (min-width:1000px) {
.product--featured .product__inner>* {
width: 33.33333%
}
}
.product--featured .product__info {
padding-left: 15px;
padding-right: 15px
}
@media (min-width:861px) {
.product--featured .product__info {
padding-left: 0;
padding-right: 0
}
}
.product--featured .product__title {
font-size: 20px;
font-weight: 400;
text-transform: uppercase
}
@media (max-width:859px) {
.product--featured .product__title {
text-align: center
}
}
@media (min-width:861px) {
.product--featured .product__title {
font-size: 23px
}
}
.product--featured .product__description {
-ms-flex-order: 1;
order: 1;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 12px
}
@media (min-width:861px) {
.product--featured .product__description {
font-size: 16.7px
}
}
.product--featured .product__image--wrap {
-ms-flex-order: 1;
order: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 15px;
padding-right: 15px
}
.product--featured .product__image--wrap a {
display: block
}
.product--featured .product__image--wrap img {
display: inline-block
}
@media (min-width:861px) {
.product--featured .product__image--wrap {
height: 350px;
padding-left: 0;
padding-right: 0
}
}
.product--featured .product__link--wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-order: 3;
order: 3;
-ms-flex-pack: distribute;
justify-content: space-around;
text-align: center
}
@media (max-width:1000px) {
.product--featured .product__link--wrap {
margin-top: 20px
}
}
@media (min-width:1000px) {
.product--featured .product__link--wrap {
padding-left: 30px;
padding-right: 30px
}
}
.product--featured .product__link {
display: inline-block;
display: inline-block;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.3125em;
font-weight: 400;
line-height: 1;
text-align: center;
text-transform: uppercase;
color: #8CC6E9;
border: 2px solid #8CC6E9;
background-color: transparent;
padding: 10px 20px;
transition: all .25s ease;
cursor: pointer
}
@media (min-width:861px) {
.product--featured .product__link {
width: 100%;
padding: 15px
}
}
.product--featured .product__link:hover {
border-color: #8CC6E9;
background-color: #8CC6E9;
color: #fff;
text-decoration: none
}
.product-page .summary {
display: inline-block;
width: 100%;
clear: both
}
@media (min-width:358px) and (min-width:861px) {
.product-page .summary {
width: 50%
}
}
@media (min-width:861px) {
.product-page .summary {
width: 469px
}
}
@media (min-width:451px) and (max-width:859px) {
.product-page .summary .variations_form.cart {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media (min-width:451px) and (max-width:859px) {
.product-type-grouped .summary .grouped_form.cart,
.product-type-grouped .summary .variations_form.cart {
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-align: center;
align-items: center
}
}
.products--filters {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
border-bottom: 1px solid #8CC6E9;
width: 100%;
padding: 1rem 1rem 3rem;
margin-bottom: 30px
}
.products--filters>* {
padding-left: 10%;
padding-right: 10%
}
.products--filters .qty {
border: 2px solid #1c1c1c;
padding: 1.5px 8px;
font-size: 24.98px
}
@media (min-width:861px) {
.products--filters .qty {
line-height: 56px
}
}
.products--filters h3,
.products--filters h4 {
font-weight: 400;
text-align: center
}
.products--filters h3 {
font-size: 34px;
line-height: 1;
margin: 0
}
@media (max-width:859px) {
.products--filters .prompt {
display: none
}
}
.products--filters h4 {
font-size: 16px;
line-height: 1;
text-align: center
}
@media (min-width:861px) {
.products--filters h4 {
font-size: 24.98px
}
}
@media (min-width:861px) and (max-width:1199px) {
.products--filters h4 {
margin: 2rem 0;
margin: 2rem 0 calc(2rem + 7px)
}
}
@media (min-width:1201px) {
.products--filters h4 {
margin: 50px 0 45px
}
}
.products--filters h4 .qty {
padding: 7.5px 22px;
margin-left: 15px;
font-size: inherit
}
@media (max-width:859px) {
.products--filters h4 .qty {
padding: .25em .5em
}
}
@media (max-width:860px) {
.products--filters {
padding: 0 0 1em
}
}
@media (min-width:861px) and (max-width:1199px) {
.products--filters {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
max-width: none;
margin: 0 auto 30px
}
.products--filters h3 {
width: 100%;
margin-bottom: 30px!important
}
.products--filters>div {
margin: 0 10%
}
.products--filters ul.filters__list {
width: 100%;
margin: 0
}
}
.filters__list {
list-style: none;
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
flex-wrap: wrap;
line-height: 260%;
}
.filters__list li {
margin: 0 .75em
}
.filters__list a {
color: #1c1c1c;
background: #fff;
border: 2px solid #1c1c1c;
padding: 0 1em;
white-space: nowrap
}
.filters__list a:hover {
text-decoration: none
}
.filters__list a.tag--checked {
background-color: #1c1c1c;
color: #fff
}
.filters__list li .title {
-ms-flex-positive: 1;
flex-grow: 1
}
.filters__list li .qty {
display: inline-block;
line-height: 1.1;
min-width: 46px;
min-height: 35px;
text-align: center;
vertical-align: top;
margin-left: 1rem
}
@media (max-width:859px) {
.filters__list li .qty {
font-size: inherit;
line-height: 1.7
}
}
@media (max-width:860px) {
.filters__list li {
margin: 5px
}
}
.products--listings {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 15px;
padding-right: 15px
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.products--listings {
display: block
}
}
.products--listings h3 {
padding: 20px 10px 0;
}
.products--listings a {
display: block;
color: #1c1c1c
}
.products--listings a:hover {
text-decoration: none
}
.products--listings .listing-item {
display: -ms-flexbox;
display: flex;
position: relative;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-align: center;
width: 100%;
min-height: 411px;
margin-bottom: 30px;
border: 2px solid transparent;
transition: border .1s ease-out
}
@media (min-width:401px) {
.products--listings .listing-item {
width: 50%
}
}
@media (min-width:861px) {
.products--listings .listing-item {
width: 33.33%
}
}
@media (min-width:997px) {
.products--listings .listing-item {
width: 25%
}
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.products--listings .listing-item {
display: block;
float: left
}
}
.products--listings .listing-item h2,
.products--listings .listing-item h3 {
font-weight: 400;
text-transform: uppercase;
letter-spacing: .175em;
margin: 0; }
@media (min-width:861px) {
.products--listings .listing-item h2,
.products--listings .listing-item h3 { }
}
.products--listings .listing-item del {
font-size: .6em;
margin-bottom: .5em
}
.products--listings .listing-item ins {
text-decoration: none
}
.products--listings .listing-item .product__inner {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
height: 100%
}
@media (min-width:861px) {
.products--listings .listing-item .product__inner {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.products--listings .listing-item .product__inner {
display: block;
width: auto;
height: auto
}
}
@media (max-width:859px) {
.products--listings .listing-item .product__title {
padding-bottom: 0
}
}
.products--listings .listing-item .product__description {
margin-bottom: 0
}
.products--listings .listing-item .product__link {
display: inline-block;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.3125em;
font-weight: 400;
line-height: 1;
text-align: center;
text-transform: uppercase;
color: #8CC6E9;
background-color: transparent;
transition: all .25s ease;
cursor: pointer;
font-size: 22px;
max-width: 90%;
width: 194px;
padding: 5px 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto ;
border-color: transparent
}
@media (min-width:861px) {
.products--listings .listing-item .product__link {
width: 100%;
padding: 5px 15px
}
}
.products--listings .listing-item .product__link .from,
.products--listings .listing-item .product__link .subscription-details {
display: none
}
.products--listings .listing-item .product__link:hover {
text-decoration: none
}
.products--listings .listing-item .product__link .amount {
margin-left: .25em
}
@media (min-width:861px) {
.products--listings .listing-item .product__link {
padding: 5px 15px;
transition: opacity .1s ease-out
}
}
.products--listings .listing-item .range {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
font-size: .7em;
padding: 0
}
.products--listings .listing-item .range {
font-size: 21px
}
@media screen and (min-width:860px) {
.products--listings .listing-item .range {
font-size: calc(21px + 4 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.products--listings .listing-item .range {
font-size: 25px
}
}
.products--listings .listing-item:hover .product__image--wrap img {
transform:scale(1.07);
-webkit-transition: transform .3s ease-in-out ;
-moz-transition: transform .3s ease-in-out ;
-o-transition: transform .3s ease-in-out ;
transition: transform .3s ease-in-out ;
}
.products--listings .listing-item:hover .product__link {
opacity: 1;
}
.products--listings .product__image--wrap {
text-align: center
}
.products--listings .product__image--wrap a {
padding: 5px 10px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.products--listings .product__image--wrap a {
display: block
}
}
.products--listings .product__image--wrap img {
width: 100%;
transform:scale(1);
-webkit-transition: transform .3s ease-in-out ;
-moz-transition: transform .3s ease-in-out ;
-o-transition: transform .3s ease-in-out ;
transition: transform .3s ease-in-out ;
}
.products--listings .product__description {
padding-left: 30px;
padding-right: 30px;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
line-height: 1.25;
font-weight: 100;
font-size: .75em;
color: #8d6f63
}
.products--listings .product__link--wrap {
padding-bottom: 15px
}
@media (min-width:1201px) {
.products--listings {
padding-right: 0
}
}
.product__blends {
padding: 10px 10px 0px;
margin: 0;
text-transform: uppercase;
font-size: 12px
}
.product__blends {
font-size: 12px
}
@media screen and (min-width:860px) {
.product__blends {
font-size: calc(12px + 2 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.product__blends {
font-size: 14px
}
}
@media (max-width:859px) {
.product__blends {
padding-top: 0
}
}
.product__blends span {
display: inline-block
}
.categories--listings,
.featured--listings {
display: block;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
@media (min-width:861px) {
.categories--listings,
.featured--listings {
display: -ms-flexbox;
display: flex
}
}
.categories--listings a,
.featured--listings a {
color: #1c1c1c
}
.categories--listings .listing-item,
.featured--listings .listing-item {
position: relative;
text-align: center;
color: #1c1c1c
}
@media (min-width:861px) {
.categories--listings .listing-item,
.featured--listings .listing-item {
width: 50%;
padding-right: 17px;
border: 1px solid #8CC6E9
}
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.categories--listings .listing-item,
.featured--listings .listing-item {
display: block;
float: left
}
}
.categories--listings .listing-item .product__inner,
.featured--listings .listing-item .product__inner {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.categories--listings .listing-item h2,
.categories--listings .listing-item h3,
.featured--listings .listing-item h2,
.featured--listings .listing-item h3 {
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 4px;
padding: 0;
margin-top: 0;
margin-bottom: 1em
}
@media (min-width:861px) {
.categories--listings .listing-item h2,
.categories--listings .listing-item h3,
.featured--listings .listing-item h2,
.featured--listings .listing-item h3 {
font-size: 34px;
margin-bottom: 30px
}
}
.categories--listings .listing-item .product__link,
.featured--listings .listing-item .product__link {
display: inline-block;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.3125em;
font-weight: 400;
line-height: 1;
text-align: center;
text-transform: uppercase;
color: #8CC6E9;
border: 2px solid #8CC6E9;
background-color: transparent;
padding: 10px 20px;
transition: all .25s ease;
cursor: pointer;
margin: 20px auto 50px
}
@media (min-width:861px) {
.categories--listings .listing-item .product__link,
.featured--listings .listing-item .product__link {
width: 100%;
padding: 15px
}
}
.categories--listings .listing-item .product__link:hover,
.featured--listings .listing-item .product__link:hover {
border-color: #8CC6E9;
background-color: #8CC6E9;
color: #fff;
text-decoration: none
}
@media (min-width:861px) {
.categories--listings .listing-item .product__link,
.featured--listings .listing-item .product__link {
width: auto;
margin: 55px auto 73px
}
}
.categories--listings .listing-item .product__info,
.featured--listings .listing-item .product__info {
font-size: 14px;
text-align: left;
margin-bottom: 20px
}
@media (min-width:861px) {
.categories--listings .listing-item .product__info,
.featured--listings .listing-item .product__info {
margin-bottom: 50px
}
}
.categories--listings .listing-item .product__description,
.featured--listings .listing-item .product__description {
margin: 0
}
@media (min-width:861px) {
.categories--listings .listing-item:first-child,
.featured--listings .listing-item:first-child {
text-align: center;
width: 100%;
border: none;
padding-top: 0;
padding-right: 0
}
.categories--listings .listing-item:first-child h3,
.categories--listings .listing-item:first-child h4,
.featured--listings .listing-item:first-child h3,
.featured--listings .listing-item:first-child h4 {
margin-top: 0
}
.categories--listings .listing-item:first-child .product__info,
.featured--listings .listing-item:first-child .product__info {
width: 724px;
margin: 0 auto;
text-align: center
}
.categories--listings .listing-item:first-child .product__image--wrap,
.featured--listings .listing-item:first-child .product__image--wrap {
-ms-flex-order: -1;
order: -1;
padding-right: 30px
}
.categories--listings .listing-item:first-child .product__image--wrap img,
.featured--listings .listing-item:first-child .product__image--wrap img {
padding-right: 30px
}
.categories--listings .listing-item:first-child .product__link,
.featured--listings .listing-item:first-child .product__link {
width: 912px;
padding: 36px
}
}
.categories--listings .listing-item:nth-child(2n),
.featured--listings .listing-item:nth-child(2n) {
border-left: none
}
.categories--listings .listing-item:nth-child(2n+1),
.featured--listings .listing-item:nth-child(2n+1) {
border-right: none
}
@media (min-width:861px) {
.categories--listings .listing-item:nth-child(2n+1),
.featured--listings .listing-item:nth-child(2n+1) {
padding-left: 41px
}
}
@media (min-width:861px) {
.featured--listings h3 {
margin-left: 10px
}
}
.featured--listings .product__description.before-link {
margin-top: 25px;
text-align: left
}
@media (min-width:861px) {
.featured--listings .product__description.before-link {
margin-left: 10px
}
}
.featured--listings .listing-item {
padding-top: 0
}
.featured--listings .listing-item h3 {
margin-top: 0
}
.featured--listings .listing-item .product__info {
margin-bottom: 0
}
.featured--listings .listing-item .product__title a:hover {
text-decoration: underline
}
.featured--listings .listing-item:first-child {
background: 0 0;
margin-top: 1em
}
@media (min-width:861px) {
.featured--listings .listing-item:first-child {
margin-top: -29px;
border-top: 1px solid #8CC6E9
}
}
.featured--listings .listing-item:first-child h3 {
margin-top: 0;
margin-left: 0
}
@media (min-width:861px) {
.featured--listings .listing-item:first-child h3 {
margin-top: 60px
}
}
.featured--listings .listing-item:first-child .product__inner {
text-align: left
}
@media (min-width:861px) {
.featured--listings .listing-item:first-child .product__inner {
-ms-flex-direction: row;
flex-direction: row
}
}
.featured--listings .listing-item:first-child .product__image--wrap {
position: relative;
margin-top: 50px;
width: 420px;
max-width: 100%;
text-align: center
}
.featured--listings .listing-item:first-child .product__image--wrap img {
display: inline-block
}
@media (min-width:861px) {
.featured--listings .listing-item:first-child .product__image--wrap img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
}
.featured--listings .listing-item:first-child .product__info {
width: 100%
}
.featured--listings .listing-item:first-child .product__info .column {
display: inline-block
}
@media (min-width:861px) {
.featured--listings .listing-item:first-child .product__info .column {
display: block;
margin-bottom: 1em
}
}
@media (min-width:861px) {
.featured--listings .listing-item:first-child .product__info {
width: 780px
}
.featured--listings .listing-item:first-child .product__info .columns-area {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row
}
.featured--listings .listing-item:first-child .product__info .columns-area .column {
width: 40%;
margin-bottom: 0
}
.featured--listings .listing-item:first-child .product__info .columns-area .column:first-child {
margin-right: 15px
}
.featured--listings .listing-item:first-child .product__info .columns-area .column:last-child {
margin-left: 15px
}
}
.featured--listings .listing-item:first-child .product__info .product__description,
.featured--listings .listing-item:first-child .product__info .product__title {
text-align: center
}
@media (min-width:861px) {
.featured--listings .listing-item:first-child .product__info .product__description,
.featured--listings .listing-item:first-child .product__info .product__title {
text-align: left
}
}
.featured--listings .listing-item:first-child .product__info .product__title {
column-span: all
}
.featured--listings .listing-item:first-child .product__description {
column-count: 2;
column-gap: 30px
}
.featured--listings .listing-item:first-child .product__description p:first-child {
margin-top: 0
}
.featured--listings .listing-item:first-child .product__link {
width: 100%;
float: right;
margin: 0;
margin-top: 20px
}
@media (min-width:861px) {
.featured--listings .listing-item {
padding-top: 40px
}
}
.categories--listings .listing-item h3 {
text-align: center
}
@media (min-width:860px) {
.categories--listings .listing-item h3 {
margin-top: 50px;
text-align: left
}
}
.search-results .header__text h1 {
font-size: 18px
}
@media screen and (min-width:860px) {
.search-results .header__text h1 {
font-size: calc(18px + 6 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.search-results .header__text h1 {
font-size: 24px
}
}
.search-results .header__text h1 span {
font-size: 1.5em;
letter-spacing: .2em;
line-height: 1.5;
display: block
}
.search-results .page-header {
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.search-results h1.page-title {
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-align: center
}
.search-results article {
width: 100%;
padding-bottom: 50px;
min-height: auto
}
.search-results article .layout__item {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 20px 15px;
max-width: 600px;
width: 100%;
border: 2px solid #8CC6E9
}
.search-results article .post-thumbnail {
display: block
}
.search-results article .entry-title {
margin: 0;
font-size: 1.5em;
text-transform: uppercase;
font-weight: 400;
letter-spacing: .2em
}
.search-results article .entry-summary {
font-size: .9em
}
.search-results .posted-on {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
font-size: .75em
}
.search-results .entry-footer {
background-color: transparent
}
.no-results.not-found {
overflow: hidden;
max-width: 100%;
width: 500px;
padding: 0 15px;
margin: 0 auto;
text-align: center
}
@media (max-width:859px) {
.no-results.not-found {
text-align: left
}
}
.no-results.not-found h1 {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
position: relative;
overflow: hidden;
text-align: center;
height: inherit;
padding: 0 55px;
padding: 0 4.5vw;
font-weight: 400;
letter-spacing: .2em;
line-height: 1.2;
margin: 0 0 50px;
text-transform: uppercase
}
.no-results.not-found h1 {
font-size: 40px
}
@media screen and (min-width:860px) {
.no-results.not-found h1 {
font-size: calc(40px + 20 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.no-results.not-found h1 {
font-size: 60px
}
}
@media (max-width:859px) {
.no-results.not-found h1 {
font-size: 26px;
margin: 2rem 0
}
}
.sitemap-page article {
width: 100%;
max-width: 800px
}
.sitemap-page .textblock--content h3,
.sitemap-page .textblock--content h4 {
font-size: 15px
}
pre {
width: 100%
}
.wholesale-item {
width: 100%
}
@media (max-width:859px) {
.wholesale-item {
padding-top: 30px;
padding-bottom: 60px
}
}
@media (max-width:859px) {
.wholesale-item:last-of-type {
border-bottom: none
}
}
.wholesale-item {
border-bottom: #8CC6E9 3px solid;
padding-left: 15px;
padding-right: 15px
}
.wholesale-item header {
background-color: #8CC6E9;
margin-left: -15px;
margin-right: -15px
}
@media (max-width:859px) {
.wholesale-item header:first-child {
margin-top: -30px
}
}
.wholesale-item header h2 {
color: #fff;
text-transform: uppercase;
text-align: center;
font-size: 30px;
font-weight: 400;
margin-top: 0;
margin-bottom: 50px
}
@media (max-width:859px) {
article:first-child header:first-child {
margin-top: 0
}
}
.wholesale-item--services header {
border-bottom: 3px solid #8CC6E9;
margin-bottom: 60px;
background-color: transparent
}
@media (max-width:859px) {
.wholesale-item--services header {
margin-bottom: 30px
}
}
.wholesale-item--services header h2 {
text-transform: uppercase;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
margin-top: 0;
margin-bottom: 20px;
color: #8CC6E9;
font-weight: 400;
font-size: 30px;
text-align: center
}
.wholesale-services {
min-height: 300px
}
@media (min-width:1201px) {
.wholesale-services {
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
-ms-flex-direction: row;
flex-direction: row
}
}
.wholesale-services__image img {
max-width: 100%;
height: auto
}
@media (min-width:1201px) {
.wholesale-services__image img {
width: 100%;
height: 100%;
object-fit: cover
}
}
@media (max-width:1200px) {
.wholesale-services__image {
margin-bottom: 2em;
max-height: 200px;
overflow: hidden;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
}
@media (min-width:1201px) {
.wholesale-services__image {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
min-height: 300px
}
}
.wholesale-services__content {
margin-bottom: 25px
}
@media (min-width:1201px) {
.wholesale-services__content {
margin-bottom: 0;
margin-left: 25px;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between
}
}
.wholesale-services__content--text p:first-child {
margin-top: 0
}
.wholesale-services__content--meta {
width: 100%;
background-color: #8CC6E9;
padding: 20px 15px
}
@media (max-width:859px) {
.wholesale-services__content--meta {
padding: 10px 15px 30px
}
}
.wholesale-services__content--meta dl {
margin: 0
}
.wholesale-services__content--meta dd,
.wholesale-services__content--meta dt {
font-size: 20px;
text-transform: uppercase;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
line-height: 1.25;
margin-left: 0;
padding-top: 10px;
padding-bottom: 10px
}
.wholesale-services__content--meta dd,
.wholesale-services__content--meta dt {
font-size: 16px
}
@media screen and (min-width:860px) {
.wholesale-services__content--meta dd,
.wholesale-services__content--meta dt {
font-size: calc(16px + 4 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.wholesale-services__content--meta dd,
.wholesale-services__content--meta dt {
font-size: 20px
}
}
.wholesale-services__content--meta dt {
-ms-flex: 1 0 25%;
flex: 1 0 25%;
max-width: 25%;
color: #fff
}
@media (max-width:859px) {
.wholesale-services__content--meta dt {
padding-top: 20px
}
}
.wholesale-services__content--meta dd {
display: block; 
-ms-flex-align: center;
align-items: center;
background-color: #fff;
color: #1c1c1c;
padding-left: 20px;
padding-right: 20px
}
@media (max-width:859px) {
.wholesale-services__content--meta dd {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 12px
}
}
@media (max-width:379px) {
.wholesale-services__content--meta dd {
padding-left: 4vw;
padding-right: 4vw
}
}
.wholesale-services__content--meta dd>span {
width: 25px;
margin-right: 2px
}
@media (max-width:859px) {
.wholesale-services__content--meta dd>span {
margin-right: 15px
}
}
@media (max-width:379px) {
.wholesale-services__content--meta dd>span {
width: 5vw;
margin-right: 4vw
}
}
.wholesale-services__content--meta dd>p {
margin: 0;
letter-spacing: .125em
}
@media (max-width:379px) {
.wholesale-services__content--meta dd>p {
font-size: 3.2vw
}
}
.wholesale-services__content--meta dd>p a {
color: inherit
}
.wholesale-services__content--meta dd address {
font-style: normal;
font-size: 1em;
letter-spacing: .125em
}
@media (max-width:379px) {
.wholesale-services__content--meta dd address {
font-size: 3vw
}
}
@media (min-width:861px) {
.wholesale-services__content--meta {
padding: 20px 35px
}
.wholesale-services__content--meta dl {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.wholesale-services__content--meta dd,
.wholesale-services__content--meta dt {
margin-bottom: 25px
}
.wholesale-services__content--meta dd:last-child,
.wholesale-services__content--meta dt:last-child {
margin-bottom: 0
}
.wholesale-services__content--meta dt {
width: 25%
}
.wholesale-services__content--meta dd {
display: -ms-flexbox;
display: flex;
width: 75%
}
.wholesale-services__content--meta dd>span {
width: 40px;
margin-right: 20px
}
}
.wholesale-equipment__intro {
max-width: 600px;
margin: 0 auto
}
.wholesale-equipment__intro h3 {
margin-top: 0;
font-weight: 600;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-align: center
}
.wholesale-equipment__intro p {
text-align: center
}
.wholesale-equipment__intro p .phone-number {
font-size: .75em;
font-weight: 600
}
.wholesale-equipment__equipments {
display: none;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
margin-bottom: 30px;
padding-top: 30px;
padding-bottom: 30px
}
@media (min-width:861px) {
.wholesale-equipment__equipments {
display: block
}
}
.wholesale-equipments__item {
max-width: 900px;
margin: 0 auto;
padding-top: 30px;
padding-bottom: 30px;
position: relative
}
.wholesale-equipments__item h2 {
position: relative;
z-index: 200;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-align: center;
font-size: 30px;
margin-top: 0;
margin-bottom: 1em
}
@media (min-width:861px) {
.wholesale-equipments__item h2 {
font-size: 42px;
margin: 0
}
}
.wholesale-equipments__item--image {
pointer-events: none;
position: relative;
z-index: 200;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px
}
.wholesale-equipments__item--image img {
max-width: 90vw;
height: auto
}
@media (min-width:861px) {
.wholesale-equipments__item--image {
padding: 0;
height: 500px
}
.wholesale-equipments__item--image img {
max-width: 600px
}
}
.wholesale-equipments__item--meta {
background-color: #fff;
width: 100%;
margin: 0 auto;
box-shadow: none
}
@media (min-width:861px) {
.wholesale-equipments__item--meta {
position: absolute;
z-index: 100;
top: 0;
left: 50%;
padding: 15px 30px;
min-height: 600px;
padding-top: 600px;
transform: translate(-50%, 0);
display: -ms-flexbox;
display: flex;
width: 840px;
-ms-flex-pack: end;
justify-content: flex-end;
transition: 250ms ease-out;
opacity: 0
}
.wholesale-equipments__item:hover .wholesale-equipments__item--meta {
opacity: 1;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16), 0 2px 5px 0 rgba(0, 0, 0, .26)
}
.wholesale-equipments__item.active .wholesale-equipments__item--meta {
opacity: 1;
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .19), 0 8px 17px 0 rgba(0, 0, 0, .2)
}
}
.wholesale-equipments__item--close {
display: none
}
@media (min-width:861px) {
.wholesale-equipments__item--close {
position: absolute;
right: -1em;
top: -1em;
background-color: #000;
border: 4px solid #fff;
color: #fff;
border-radius: 50%;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 2em;
height: 2em
}
.wholesale-equipments__item.active .wholesale-equipments__item--close {
display: -ms-flexbox;
display: flex
}
}
.weitem_meta--text {
margin-bottom: 1em
}
.weitem_meta--text p {
margin: 0
}
@media (min-width:861px) {
.weitem_meta--text {
width: 50%;
padding-right: 30px;
height: 50px;
overflow: hidden
}
.wholesale-equipments__item.active .weitem_meta--text {
overflow: visible;
height: auto
}
.weitem_meta--text p {
font-size: .7em
}
}
.weitem_meta--moreinfo ul {
margin: 0;
padding: 15px;
list-style: none
}
.weitem_meta--moreinfo li label {
display: -ms-flexbox;
display: flex;
padding: 10px 15px 10px 5px;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer
}
.weitem_meta--moreinfo li label p {
margin: 0
}
.weitem_meta--moreinfo li label span {
color: #1c1c1c
}
.owl-carousel .weitem_meta--moreinfo li label .owl-next,
.weitem_meta--moreinfo li label .icon-chevron-right,
.weitem_meta--moreinfo li label .owl-carousel .owl-next {
display: block
}
.weitem_meta--moreinfo li label .icon-chevron-down {
display: none
}
.weitem_meta--moreinfo li>div {
display: none
}
.weitem_meta--moreinfo li>input[type=checkbox] {
display: none!important;
visibility: hidden
}
.weitem_meta--moreinfo input[type=checkbox]:checked~label {
background-color: #8CC6E9;
color: #fff
}
.owl-carousel .weitem_meta--moreinfo input[type=checkbox]:checked~label .owl-next,
.weitem_meta--moreinfo input[type=checkbox]:checked~label .icon-chevron-right,
.weitem_meta--moreinfo input[type=checkbox]:checked~label .owl-carousel .owl-next {
display: none
}
.weitem_meta--moreinfo input[type=checkbox]:checked~label .icon-chevron-down {
display: block;
color: #fff
}
.weitem_meta--moreinfo input[type=checkbox]:checked~div {
display: block
}
.weitem_meta--moreinfo button {
display: none
}
.weitem_meta--moreinfo ul {
background-color: #fff
}
@media (min-width:861px) {
.weitem_meta--moreinfo {
width: 50%;
padding-left: 30px
}
.wholesale-equipments__item.active .weitem_meta--moreinfo {
background-color: #fff
}
.weitem_meta--moreinfo button {
display: inline-block;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.3125em;
font-weight: 400;
line-height: 1;
text-align: center;
text-transform: uppercase;
color: #8CC6E9;
border: 2px solid #8CC6E9;
background-color: transparent;
padding: 10px 20px;
transition: all .25s ease;
cursor: pointer;
font-size: 24px;
padding: .5em .5em;
width: 100%
}
}
@media (min-width:861px) and (min-width:861px) {
.weitem_meta--moreinfo button {
width: 100%;
padding: 15px
}
}
@media (min-width:861px) {
.weitem_meta--moreinfo button:hover {
border-color: #8CC6E9;
background-color: #8CC6E9;
color: #fff;
text-decoration: none
}
.wholesale-equipments__item.active .weitem_meta--moreinfo button {
display: none
}
.weitem_meta--moreinfo ul {
display: none
}
.wholesale-equipments__item.active .weitem_meta--moreinfo ul {
display: block
}
}
.owl-carousel.wholesale-equipment__carousel {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
padding-top: 30px;
padding-bottom: 30px
}
.owl-carousel.wholesale-equipment__carousel .owl-stage-outer {
width: calc(100% + 30px)!important;
margin-left: -15px;
background: #fff;
background: linear-gradient(to bottom, #d1bbaa 0, #fff 40%, #d1bbaa 100%)
}
.owl-carousel.wholesale-equipment__carousel .owl-stage {
margin-left: 15px;
background: linear-gradient(to bottom, #d1bbaa 0, #fff 40%, #d1bbaa 100%)
}
.owl-carousel.wholesale-equipment__carousel .owl-stage .owl-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
max-height: 61.8vh;
height: 100%;
overflow-y: hidden
}
@media (max-width:859px) {
.owl-carousel.wholesale-equipment__carousel .owl-stage .owl-item {
min-height: 100vw
}
.owl-carousel.wholesale-equipment__carousel .owl-stage .owl-item.active {
overflow-y: scroll
}
}
.owl-carousel.wholesale-equipment__carousel button {
display: inline-block;
border: none;
background: 0 0;
height: 200px
}
.owl-carousel.wholesale-equipment__carousel button img {
margin: 0 auto;
width: 200px;
max-height: 200px
}
@media (max-width:859px) {
.owl-carousel.wholesale-equipment__carousel button img {
max-width: 90%;
max-height: 90%;
width: auto;
margin-top: 5%;
object-fit: contain
}
}
.owl-carousel.wholesale-equipment__carousel button .data-container {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 100px;
font-size: 12px;
text-align: left
}
@media (max-width:859px) {
.owl-carousel.wholesale-equipment__carousel button .data-container {
padding-bottom: 0;
font-size: auto;
font-size: unset
}
}
.owl-carousel.wholesale-equipment__carousel button .data-container>div {
margin-bottom: 30px
}
@media (max-width:859px) {
.owl-carousel.wholesale-equipment__carousel button {
min-height: 90vw;
width: 100%
}
}
@media (min-width:861px) {
.owl-carousel.wholesale-equipment__carousel button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
}
.owl-carousel.wholesale-equipment__carousel .owl-nav {
top: auto;
bottom: -1.25em;
font-size: 40px;
height: 1.25em
}
.owl-carousel.wholesale-equipment__carousel .owl-dots {
bottom: -1.25em;
width: 50vw;
left: 50%;
transform: translate(-50%, 0)
}
@media (min-width:861px) {
.owl-carousel.wholesale-equipment__carousel button .data-container {
display: none
}
.owl-carousel.wholesale-equipment__carousel .owl-nav {
top: 50%;
bottom: auto;
height: 0
}
.owl-carousel.wholesale-equipment__carousel .owl-dots {
bottom: 0;
width: 100%;
left: 0;
transform: none
}
.owl-carousel.wholesale-equipment__carousel .owl-item {
overflow: auto;
background-color: transparent
}
}
.wholesale-showroom__hero {
padding: 0;
background-size: cover;
background-position: 50% 50%
}
@media (min-width:861px) {
.wholesale-showroom__hero {
padding: 225px 65px 80px
}
}
.wholesale-showroom__hero[style*=background] {
padding-top: 225px
}
.wholesale-showroom__hero--info {
background-color: #fff;
border: 2px solid #1c1c1c
}
.wholesale-showroom__hero--info a,
.wholesale-showroom__hero--info h3,
.wholesale-showroom__hero--info p {
margin: 0;
word-break: break-word;
text-transform: uppercase;
font-weight: 400;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 16px;
letter-spacing: .125em;
color: #1c1c1c;
text-decoration: none
}
@media (max-width:379px) {
.wholesale-showroom__hero--info a,
.wholesale-showroom__hero--info h3,
.wholesale-showroom__hero--info p {
font-size: 4vw
}
}
.wholesale-showroom__hero--info a:hover {
text-decoration: underline
}
.wholesale-showroom__hero--info a.adr:hover {
text-decoration: none
}
.wholesale-showroom__hero--info .wshi--title {
font-size: 24px
}
@media (min-width:861px) {
.wholesale-showroom__hero--info a,
.wholesale-showroom__hero--info h3,
.wholesale-showroom__hero--info p {
font-size: 18px
}
}
.wshi--bottom>div,
.wshi--top>div {
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
@media (max-width:860px) {
.wshi--bottom>div:first-child,
.wshi--top>div:first-child {
padding-bottom: 0
}
}
@media (min-width:861px) {
.wshi--bottom,
.wshi--top {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
flex-direction: row
}
}
.wshi--top {
border-bottom: 3px solid #1c1c1c
}
.wshi--top>div {
padding: 30px 30px 20px
}
@media (max-width:859px) {
.wshi--top>div {
padding-left: 15px;
padding-right: 15px
}
}
.wshi--top>div:first-child {
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%
}
.wshi--top>div:last-child {
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%
}
@media (min-width:861px) {
.wshi--top>div:first-child {
border-right: 3px solid #1c1c1c
}
}
.wshi--bottom>div {
padding: 20px 30px 30px;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%
}
@media (max-width:859px) {
.wshi--bottom {
display: -ms-flexbox;
display: flex
}
.wshi--bottom>div {
padding-left: 15px;
padding-right: 15px
}
}
.wholesale-showroom__content h1,
.wholesale-showroom__content h2,
.wholesale-showroom__content h3 {
margin-top: 0;
padding-bottom: 1em;
padding-top: 1em;
margin-bottom: 1em;
text-transform: uppercase;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #8CC6E9;
font-weight: 400;
font-size: 30px;
border-bottom: 3px solid #8CC6E9
}
.woocommerce-input-wrapper {
width: 100%
}
.woocommerce-checkout .page {
padding-left: 30px;
padding-right: 30px
}
.woocommerce-checkout .page h2 {
text-transform: uppercase
}
.woocommerce-checkout .page th {
font-weight: 400
}
.woocommerce-checkout .page .woocommerce-info {
margin: 0;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
margin-bottom: 2px
}
@media (max-width:859px) {
.woocommerce-checkout .page .woocommerce-info {
width: 100%
}
.woocommerce-checkout .page .woocommerce-info a {
display: block
}
}
@media (min-width:861px) {
.woocommerce-checkout .page .woocommerce-info {
max-height: 44px;
min-width: 50%
}
}
@media (min-width:861px) {
.woocommerce-checkout .page .woocommerce-checkout-payment .woocommerce-info {
max-height: none
}
}
.woocommerce-checkout .page div {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}
.woocommerce-checkout .page div.clear {
width: 0
}
.woocommerce-checkout .page div input:not([type=radio]),
.woocommerce-checkout .page div select,
.woocommerce-checkout .page div textarea {
position: relative;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
text-transform: uppercase;
background-color: #fff;
border: none;
color: #1c1c1c;
white-space: normal;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 2px solid #8CC6E9;
width: 100%;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 8px 16px;
text-transform: none
}
.woocommerce-checkout .page div input[type=text],
.woocommerce-checkout .page div select {
border: 2px solid #8CC6E9
}
.woocommerce-checkout .page div input[type=checkbox] {
position: relative;
width: auto;
height: auto;
width: unset;
height: unset;
padding: .5em;
-ms-flex-positive: 0;
flex-grow: 0
}
@media (min-width:861px) {
.woocommerce-checkout .page div input[type=checkbox] {
padding: 1em
}
}
.woocommerce-checkout .page div input[type=checkbox]:checked {
color: #1c1c1c
}
.woocommerce-checkout .page div input[type=checkbox]:checked:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
@media (max-width:859px) {
.woocommerce-checkout .page div input[type=checkbox] {
float: left
}
}
.woocommerce-checkout .page div label,
.woocommerce-checkout .page div strong {
display: inline-block;
margin-bottom: .5rem;
font-size: 16px;
text-transform: uppercase;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
letter-spacing: 2px;
color: #1c1c1c
}
@media (max-width:995px) {
.woocommerce-checkout .page div label,
.woocommerce-checkout .page div strong {
margin-bottom: .25em;
letter-spacing: normal
}
}
@media (min-width:861px) {
.woocommerce-checkout .page div label,
.woocommerce-checkout .page div strong {
font-size: 18px
}
}
.woocommerce-checkout .page div label {
width: 100%;
position: relative;
white-space: nowrap
}
.woocommerce-checkout .page div label.woocommerce-form__label-for-checkbox {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: start;
justify-content: start
}
@media (max-width:995px) {
.woocommerce-checkout .page div label {
width: 100%
}
}
@media (max-width:859px) {
.woocommerce-checkout .page div label {
letter-spacing: normal
}
}
.woocommerce-checkout .page div strong {
width: auto;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
letter-spacing: normal
}
.woocommerce-checkout .page div .woocommerce-order-overview strong {
color: #1c1c1c
}
.woocommerce-checkout .page div .woocommerce-order-overview li {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
.woocommerce-checkout .page div .woocommerce-form__label-for-checkbox {
display: -ms-flexbox;
display: flex;
vertical-align: middle;
line-height: 1.5;
font-size: 16px!important;
color: #1c1c1c
}
.woocommerce-checkout .page div .woocommerce-form__label-for-checkbox input,
.woocommerce-checkout .page div .woocommerce-form__label-for-checkbox span {
display: inline-block;
vertical-align: middle;
margin-right: 1rem
}
.woocommerce-checkout .page div .woocommerce-form__label-for-checkbox span {
line-height: inherit
}
.woocommerce-checkout .page div .woocommerce-form__label-for-checkbox input {
border: 2px solid #8CC6E9
}
.woocommerce-checkout .page div abbr.required {
border: none;
text-decoration: none
}
.woocommerce-checkout .page div h3 {
width: 100%;
margin: 1em 0 .5em;
margin: 30px 0 .5em;
font-weight: 400;
font-size: 27px
}
@media (max-width:859px) {
.woocommerce-checkout .page div h3 {
text-align: center
}
}
@media (max-width:859px) {
.woocommerce-checkout .page div p+p:not(: last-child) {
margin-bottom: 0
}
}
.woocommerce-checkout .page .content>.woocommerce {
max-width: 1200px
}
.woocommerce-checkout .page .woocommerce-error {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
background-color: #8CC6E9;
color: #fff;
padding: 10px 34px;
margin: 43px 0
}
.woocommerce-checkout .page .woocommerce-error:first-child {
margin-top: 0
}
@media (min-width:451px) and (max-width:859px) {
.woocommerce-checkout .page .woocommerce-error {
margin-top: 0
}
}
.woocommerce-checkout .page .woocommerce-error a {
color: inherit;
text-decoration: underline;
margin-right: 1em
}
.woocommerce-checkout .page input[type=radio] {
display: inline-block;
vertical-align: middle
}
.woocommerce-checkout .page input[type=radio]+label {
display: inline-block;
vertical-align: middle;
margin: .5rem 0;
width: auto
}
@media (max-width:859px) {
.woocommerce-checkout .page input[type=radio]+label {
margin-right: 0;
padding-top: .5rem;
padding-bottom: .5rem
}
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message),
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message),
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message),
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) {
display: block;
border: 2px solid #1c1c1c;
padding: 30px 15px;
margin: 0;
padding: 15px;
display: block;
width: 100%;
margin: 0 0 1rem 0;
background: 0 0;
color: #1c1c1c
}
@media (min-width:997px) {
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message),
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message),
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message),
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) {
padding: 30px
}
}
@media (min-width:861px) {
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message),
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message),
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message),
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) {
display: inline-block;
vertical-align: top;
width: calc(50% - .5rem - 3px)
}
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) .form-row>*,
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) .form-row>*,
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) .form-row>*,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) .form-row>* {
vertical-align: top
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) a,
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) a,
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) a,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) a {
display: block;
color: #8CC6E9
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) label,
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) label,
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) label,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) label {
display: block;
font-size: inherit;
color: #1c1c1c
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) label.woocommerce-form__label-for-checkbox,
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) label.woocommerce-form__label-for-checkbox,
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) label.woocommerce-form__label-for-checkbox,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) label.woocommerce-form__label-for-checkbox {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: start;
justify-content: start
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input,
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input[type=text],
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) input,
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=text],
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) input,
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) input[type=text],
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) input,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=text] {
border: 2px solid #8CC6E9
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input[type=submit],
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=submit],
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) input[type=submit],
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=submit] {
display: -ms-inline-flexbox;
display: inline-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background: #8CC6E9;
border: none;
margin: 0 auto;
padding: 0 1em;
width: 100%;
height: 2.5em;
font-weight: 500;
line-height: 1.4;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
font-weight: 400;
cursor: pointer;
font-size: 16px;
height: 46px
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input[type=submit],
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=submit],
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) input[type=submit],
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=submit] {
font-size: 16px
}
@media screen and (min-width:860px) {
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input[type=submit],
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=submit],
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) input[type=submit],
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=submit] {
font-size: calc(16px + 5 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input[type=submit],
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=submit],
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) input[type=submit],
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=submit] {
font-size: 21px
}
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input[type=submit]:hover,
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=submit]:hover,
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) input[type=submit]:hover,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=submit]:hover {
text-decoration: none
}
@media (min-width:861px) {
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input[type=submit],
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=submit],
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) input[type=submit],
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=submit] {
line-height: 1;
width: auto
}
}
@media (min-width:861px) {
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input[type=submit],
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=submit],
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) input[type=submit],
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=submit] {
font-size: 16px
}
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input[type=submit]~.inline,
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=submit]~.inline,
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) input[type=submit]~.inline,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=submit]~.inline {
padding-left: 1rem
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) .woocommerce-form__label-for-checkbox span,
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) .woocommerce-form__label-for-checkbox span,
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) .woocommerce-form__label-for-checkbox span,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) .woocommerce-form__label-for-checkbox span {
white-space: normal;
vertical-align: top;
text-align: left;
margin-right: 0
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox],
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox],
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox],
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox] {
position: relative;
width: auto;
height: auto;
width: unset;
height: unset;
padding: .5em;
-ms-flex-positive: 0;
flex-grow: 0
}
@media (min-width:861px) {
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox],
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox],
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox],
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox] {
padding: 1em
}
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox]:checked,
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox]:checked,
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox]:checked,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox]:checked {
color: #1c1c1c
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox]:checked:before,
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox]:checked:before,
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox]:checked:before,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) input[type=checkbox]:checked:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.woocommerce-checkout .page .checkout_coupon:empty,
.woocommerce-checkout .page .woocommerce-account-fields:empty,
.woocommerce-checkout .page .woocommerce-form-login:empty,
.woocommerce-checkout .page .woocommerce-shipping-fields:empty {
display: none!important
}
.woocommerce-checkout .page .wc-terms-and-conditions input[type=checkbox] {
position: relative;
width: auto;
height: auto;
width: unset;
height: unset;
padding: .5em;
-ms-flex-positive: 0;
flex-grow: 0
}
@media (min-width:861px) {
.woocommerce-checkout .page .wc-terms-and-conditions input[type=checkbox] {
padding: 1em
}
}
.woocommerce-checkout .page .wc-terms-and-conditions input[type=checkbox]:checked {
color: #1c1c1c
}
.woocommerce-checkout .page .wc-terms-and-conditions input[type=checkbox]:checked:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.woocommerce-checkout .page .wc-terms-and-conditions a {
display: inline-block
}
.woocommerce-checkout .page .wc-terms-and-conditions .woocommerce-form__label-for-checkbox,
.woocommerce-checkout .page .wc-terms-and-conditions a {
font-size: 14px!important
}
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) p:first-child {
letter-spacing: normal;
text-transform: none;
margin: 0 0 30px
}
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) .form-row {
display: -ms-flexbox;
display: flex
}
@media (max-width:859px) {
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) .form-row {
-ms-flex-direction: column;
flex-direction: column
}
}
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) .clear:first-of-type {
margin-bottom: 30px
}
@media (max-width:859px) {
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) .woocommerce-form__label {
margin-top: 30px;
padding-left: 0!important
}
}
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) input[type=submit] {
height: 52px;
margin: 0
}
.woocommerce-checkout .page .woocommerce-form-login:not(.woocommerce-info):not(.woocommerce-message) .lost_password {
margin-bottom: 0
}
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) {
width: 100%
}
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) .form-row {
line-height: 1;
padding: 0!important;
margin: 0
}
@media (min-width:861px) {
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) .form-row {
width: 100%
}
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (min-width:861px) {
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) {
display: -ms-flexbox;
display: flex;
padding: 30px
}
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) .form-row-first {
margin-top: 0
}
@media (max-width:859px) {
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) .form-row-first {
margin-bottom: 1rem
}
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) .form-row-last {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 0
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) p {
margin: 0
}
@media (min-width:861px) {
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) p {
width: 50%
}
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input {
margin: 1px 0
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input[type=submit] {
width: 100%;
margin: 0 0 0 1rem;
line-height: 0
}
@media (max-width:859px) {
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) {
-ms-flex-direction: column;
flex-direction: column
}
.woocommerce-checkout .page .checkout_coupon:not(.woocommerce-info):not(.woocommerce-message) input[type=submit] {
margin-left: 0
}
}
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message),
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) {
width: 100%;
margin-bottom: 0
}
@media (max-width:859px) {
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message),
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) {
margin-bottom: 0
}
}
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message):empty,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message):empty {
display: none
}
@media (min-width:861px) {
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message),
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) {
width: 100%;
margin-top: 15px;
border-bottom: 2px solid #1c1c1c
}
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message):empty,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message):empty {
display: none
}
}
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) h3,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) h3 {
margin: 0
}
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) h3 label,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) h3 label {
margin: inherit
}
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) input,
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) span,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) input,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) span {
vertical-align: middle!important
}
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) .shipping_address,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) .shipping_address {
width: 100%;
margin-top: 1rem;
margin-bottom: 0!important
}
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) .shipping_address div label,
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) .shipping_address div strong,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) .shipping_address div label,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) .shipping_address div strong {
color: #1c1c1c
}
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) .shipping_address .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) .shipping_address .woocommerce-shipping-fields__field-wrapper {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) .form-row,
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) .form-row {
padding: 0
}
.woocommerce-checkout .page .woocommerce-shipping-fields:not(.woocommerce-info):not(.woocommerce-message) {
margin-top: 1rem
}
@media (max-width:859px) {
.woocommerce-checkout .page .woocommerce-account-fields:not(.woocommerce-info):not(.woocommerce-message) {
margin-bottom: 0!important
}
}
#customer_details .woocommerce-additional-fields__field-wrapper p {
width: auto
}
#customer_details .woocommerce-additional-fields__field-wrapper p.form-inline {
width: auto
}
#customer_details .woocommerce-additional-fields__field-wrapper p.form-inline:first-child input {
margin-left: 0
}
#customer_details .woocommerce-additional-fields__field-wrapper p#order_comments_field {
width: 100%
}
#customer_details .woocommerce-additional-fields__field-wrapper input {
margin-right: 1em
}
#customer_details .woocommerce-additional-fields__field-wrapper textarea {
width: 100%
}
#customer_details .woocommerce-additional-fields__field-wrapper span {
display: inline-block
}
#customer_details .woocommerce-additional-fields__field-wrapper label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: .5rem;
font-size: 16px
}
#customer_details>div>div>div {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media (max-width:859px) {
#customer_details>div>div>div {
width: 100%
}
}
@media (min-width:861px) {
#customer_details>div>div>div.followup-checkout label,
#customer_details>div>div>div.woocommerce-additional-fields__field-wrapper label {
margin: 0
}
#customer_details>div>div>div.followup-checkout input,
#customer_details>div>div>div.followup-checkout textarea,
#customer_details>div>div>div.woocommerce-additional-fields__field-wrapper input,
#customer_details>div>div>div.woocommerce-additional-fields__field-wrapper textarea {
border: 2px solid #8CC6E9
}
#customer_details>div>div>div.followup-checkout textarea,
#customer_details>div>div>div.woocommerce-additional-fields__field-wrapper textarea {
min-height: 6rem
}
#customer_details>div>div>div.followup-checkout input,
#customer_details>div>div>div.woocommerce-additional-fields__field-wrapper input {
margin-left: 1em
}
#customer_details>div>div>div.followup-checkout p,
#customer_details>div>div>div.woocommerce-additional-fields__field-wrapper p {
width: 100%
}
}
#customer_details>div>div>div.followup-checkout .form-row,
#customer_details>div>div>div.followup-checkout label {
display: inherit;
vertical-align: middle;
-ms-flex-direction: inherit;
flex-direction: inherit;
-ms-flex-align: center;
align-items: center;
white-space: normal;
width: 100%
}
#customer_details>div>div>div.followup-checkout label {
font-size: 1rem
}
@media (min-width:861px) {
#customer_details>div>div>div.followup-checkout label {
font-size: 1rem
}
}
#customer_details>div>div>div.followup-checkout input[type=checkbox] {
position: relative;
width: auto;
height: auto;
width: unset;
height: unset;
padding: .5em;
-ms-flex-positive: 0;
flex-grow: 0;
margin: 0 1em 0 0
}
@media (min-width:861px) {
#customer_details>div>div>div.followup-checkout input[type=checkbox] {
padding: 1em
}
}
#customer_details>div>div>div.followup-checkout input[type=checkbox]:checked {
color: #1c1c1c
}
#customer_details>div>div>div.followup-checkout input[type=checkbox]:checked:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
@media (max-width:859px) {
#customer_details>div>div>div.followup-checkout input[type=checkbox] {
float: left
}
}
#customer_details .form-row {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
margin-bottom: 0
}
#customer_details .form-row.notes {
padding: 0
}
@media (max-width:859px) {
#customer_details .form-row:last-child:not(.create-account) {
margin-bottom: 1rem
}
}
@media (min-width:861px) {
#customer_details .form-row {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center
}
#customer_details .form-row.notes {
padding: 0
}
}
@media (min-width:1200px) {
#customer_details .form-row {
width: calc(50% - 15px)
}
#customer_details .form-row.form-row-wide {
width: 100%;
margin-left: 0;
margin-right: 0
}
#customer_details .form-row.form-row-first {
margin-right: 30px
}
}
@media (max-width:859px) {
#customer_details .form-row select {
width: 100%
}
}
.shop_table {
margin: 0
}
.shop_table th {
text-align: left;
text-transform: uppercase;
letter-spacing: 4px
}
.shop_table td,
.shop_table th {
font-size: 1rem
}
.shop_table tr {
border-bottom: 1px solid #1c1c1c
}
@media (max-width:859px) {
.shop_table tr {
padding-bottom: 30px
}
}
@media (min-width:1200px) {
.shop_table tr {
display: table-row
}
}
.shop_table tr:last-child {
border-bottom: none
}
@media (max-width:859px) {
.shop_table tr:last-child {
padding-bottom: 0
}
}
.shop_table td {
vertical-align: top;
padding-top: 1em;
text-transform: lowercase
}
@media (max-width:859px) {
.shop_table td.actions {
padding-top: 30px
}
}
.shop_table tfoot {
margin: 1rem 0
}
.shop_table tfoot td {
padding-top: 0
}
.shop_table dl {
clear: both
}
.shop_table dd,
.shop_table dt {
float: left;
vertical-align: top
}
@media (max-width:859px) {
.shop_table dd,
.shop_table dt {
float: none
}
}
.shop_table dt {
clear: left
}
.shop_table dd {
margin-left: 1rem
}
.shop_table dd p:first-of-type {
margin-top: 0
}
.shop_table p {
margin-bottom: .8em;
font-size: inherit;
line-height: inherit
}
form.checkout .place-order {
position: relative;
position: relative
}
form.checkout .place-order:after,
form.checkout .place-order:before {
content: ' ';
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
width: 1rem;
height: 1rem;
border-radius: 100%;
transform: translate(-50%, -50%);
opacity: 0;
animation: .6s linear animateSpin infinite
}
form.checkout .place-order:before {
width: 1.2rem;
height: 1.2rem;
background: linear-gradient(to bottom right, #8CC6E9, #fff)
}
form.checkout .place-order:after {
background-color: #fff
}
form.checkout.processing .place-order #place_order {
opacity: .25
}
form.checkout.processing .place-order:after,
form.checkout.processing .place-order:before {
opacity: 1
}
.woocommerce-checkout .page div .woocommerce-checkout-payment {
color: #1c1c1c
}
@media (max-width:859px) {
.woocommerce-checkout .page div .woocommerce-checkout-payment {
margin-top: 30px
}
}
.woocommerce-checkout .page div .woocommerce-checkout-payment input,
.woocommerce-checkout .page div .woocommerce-checkout-payment label {
color: #1c1c1c
}
.woocommerce-checkout .page div .woocommerce-checkout-payment div label.woocommerce-form__label-for-checkbox {
-ms-flex-pack: center;
justify-content: center
}
@media (max-width:549px) {
.woocommerce-checkout .page div .woocommerce-checkout-payment div label.woocommerce-form__label-for-checkbox {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center
}
}
.woocommerce-checkout .page div .woocommerce-checkout-payment .place-order {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column
}
@media (max-width:859px) {
.woocommerce-checkout .page div .woocommerce-checkout-payment .place-order span {
margin-right: 0
}
}
.woocommerce-checkout .page div .woocommerce-checkout-payment input[type=submit]#place_order {
display: -ms-inline-flexbox;
display: inline-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background: #8CC6E9;
border: none;
margin: 0 auto;
padding: 0 1em;
width: 100%;
height: 2.5em;
font-weight: 500;
line-height: 1.4;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
font-weight: 400;
cursor: pointer;
margin: 1rem 0;
width: 100%;
transition: background-color 250ms ease-out
}
.woocommerce-checkout .page div .woocommerce-checkout-payment input[type=submit]#place_order {
font-size: 16px
}
@media screen and (min-width:860px) {
.woocommerce-checkout .page div .woocommerce-checkout-payment input[type=submit]#place_order {
font-size: calc(16px + 5 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.woocommerce-checkout .page div .woocommerce-checkout-payment input[type=submit]#place_order {
font-size: 21px
}
}
.woocommerce-checkout .page div .woocommerce-checkout-payment input[type=submit]#place_order:hover {
text-decoration: none
}
@media (min-width:861px) {
.woocommerce-checkout .page div .woocommerce-checkout-payment input[type=submit]#place_order {
line-height: 1;
width: auto
}
}
.woocommerce-checkout .page div .woocommerce-checkout-payment input[type=submit]#place_order:before {
display: inline-block;
vertical-align: top;
width: 1em;
height: 1em;
margin-right: .5em
}
@media (min-width:861px) {
.woocommerce-checkout .page div .woocommerce-checkout-payment input[type=submit]#place_order:before {
margin: 4px 19px 0 0
}
}
.woocommerce-checkout .page div .woocommerce-checkout-payment input[type=submit]#place_order.disabled,
.woocommerce-checkout .page div .woocommerce-checkout-payment input[type=submit]#place_order[disabled] {
cursor: default
}
@media (max-width:859px) {
input[type=submit]#place_order {
display: block!important
}
}
.select2-container {
pointer-events: none;
position: absolute;
top: 50%;
right: 0;
bottom: 0
}
@media (min-width:861px) {
.select2-container {
top: 0
}
}
.select2-container>* {
display: none
}
.woocommerce-checkout .select2-container:after {
pointer-events: none;
color: #1c1c1c;
position: absolute;
top: 50%;
right: 1rem!important;
transform: translateY(-50%);
font-size: 20px;
height: 24px;
display: block;
top: auto;
right: calc(1rem + 8px);
bottom: -.15em
}
.woocommerce-notice--success {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
background-color: #8CC6E9;
color: #fff;
padding: 10px 34px;
margin: 43px 0;
text-transform: uppercase
}
.woocommerce-notice--success:first-child {
margin-top: 0
}
@media (min-width:451px) and (max-width:859px) {
.woocommerce-notice--success {
margin-top: 0
}
}
.woocommerce-notice--success a {
color: inherit;
text-decoration: underline;
margin-right: 1em
}
.woocommerce-checkout-review-order label,
.woocommerce-order label {
white-space: normal!important
}
.woocommerce-checkout-review-order ul,
.woocommerce-order ul {
margin: 0;
padding: 0
}
.woocommerce-checkout-review-order li,
.woocommerce-order li {
list-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 1rem
}
.woocommerce-checkout-review-order li:only-child input[name=payment_method],
.woocommerce-order li:only-child input[name=payment_method] {
display: none
}
@media (max-width:859px) {
.woocommerce-checkout-review-order li,
.woocommerce-order li {
-ms-flex-direction: column;
flex-direction: column;
font-size: 1rem
}
.woocommerce-checkout-review-order li:first-child,
.woocommerce-order li:first-child {
margin-top: 0;
padding-top: 0
}
}
@media (max-width:859px) {
.woocommerce-checkout-review-order dd,
.woocommerce-order dd {
margin-left: auto;
margin-right: auto
}
}
.woocommerce-checkout-review-order .shop_table,
.woocommerce-order .shop_table {
display: block;
border: 2px solid #1c1c1c;
padding: 30px 15px;
margin: 0;
width: 100%;
margin: 0
}
@media (max-width:859px) {
.woocommerce-order .shop_table {
overflow: scroll
}
}
@media (min-width:861px) {
.woocommerce-checkout-review-order .shop_table,
.woocommerce-order .shop_table {
table-layout: fixed;
width: 100%
}
}
.woocommerce-checkout-review-order .shop_table td,
.woocommerce-checkout-review-order .shop_table th,
.woocommerce-order .shop_table td,
.woocommerce-order .shop_table th {
vertical-align: baseline;
padding: 1rem 0
}
@media (max-width:859px) {
.woocommerce-checkout-review-order .shop_table td,
.woocommerce-checkout-review-order .shop_table th,
.woocommerce-order .shop_table td,
.woocommerce-order .shop_table th {
text-align: center
}
.woocommerce-checkout-review-order .shop_table td:first-child,
.woocommerce-checkout-review-order .shop_table th:first-child,
.woocommerce-order .shop_table td:first-child,
.woocommerce-order .shop_table th:first-child {
padding-bottom: 0
}
.woocommerce-checkout-review-order .shop_table td strong,
.woocommerce-checkout-review-order .shop_table th strong,
.woocommerce-order .shop_table td strong,
.woocommerce-order .shop_table th strong {
display: block
}
}
@media (min-width:861px) {
.woocommerce-checkout-review-order .shop_table td,
.woocommerce-checkout-review-order .shop_table th,
.woocommerce-order .shop_table td,
.woocommerce-order .shop_table th {
max-width: 100%;
width: 537px
}
}
.woocommerce-checkout-review-order .shop_table th,
.woocommerce-order .shop_table th {
width: 50%;
font-size: 18px;
text-transform: upper
}
@media (max-width:859px) {
.woocommerce-checkout-review-order .shop_table th,
.woocommerce-order .shop_table th {
font-size: 16px
}
}
.woocommerce-checkout-review-order .shop_table td,
.woocommerce-order .shop_table td {
font-size: 16px;
font-weight: 300;
text-transform: capitalize
}
@media (max-width:859px) {
.woocommerce-checkout-review-order .shop_table td,
.woocommerce-order .shop_table td {
font-size: 14px
}
}
.woocommerce-checkout-review-order .shop_table tr,
.woocommerce-order .shop_table tr {
border-bottom-width: 1px
}
@media (max-width:859px) {
.woocommerce-checkout-review-order .shop_table tr,
.woocommerce-order .shop_table tr {
display: block
}
.woocommerce-checkout-review-order .shop_table tr:first-child,
.woocommerce-order .shop_table tr:first-child {
margin-top: 0
}
.woocommerce-checkout-review-order .shop_table tr:last-child,
.woocommerce-order .shop_table tr:last-child {
margin-bottom: 0
}
}
@media (min-width:861px) {
.woocommerce-checkout-review-order .shop_table tr,
.woocommerce-order .shop_table tr {
line-height: 1.5
}
}
.woocommerce-checkout-review-order .shop_table thead th,
.woocommerce-order .shop_table thead th {
padding-top: 0
}
.woocommerce-checkout-review-order .shop_table tbody tr,
.woocommerce-order .shop_table tbody tr {
border-bottom: 2px solid #1c1c1c
}
@media (max-width:859px) {
.woocommerce-checkout-review-order .shop_table tbody tr,
.woocommerce-order .shop_table tbody tr {
margin: 0
}
.woocommerce-checkout-review-order .shop_table tbody tr:first-child,
.woocommerce-order .shop_table tbody tr:first-child {
border-top: 2px solid #1c1c1c
}
}
@media (min-width:861px) {
.woocommerce-checkout-review-order .shop_table tbody tr .product-name,
.woocommerce-order .shop_table tbody tr .product-name {
padding-right: 30px
}
}
.woocommerce-checkout-review-order .shop_table tbody tr .product-name label,
.woocommerce-checkout-review-order .shop_table tbody tr .product-name strong,
.woocommerce-order .shop_table tbody tr .product-name label,
.woocommerce-order .shop_table tbody tr .product-name strong {
width: auto
}
.woocommerce-checkout-review-order .shop_table tbody tr .product-name strong,
.woocommerce-order .shop_table tbody tr .product-name strong {
font-weight: bolder!important
}
.woocommerce-checkout-review-order .shop_table tfoot,
.woocommerce-order .shop_table tfoot {
display: block;
margin-bottom: 0
}
.woocommerce-checkout-review-order .shop_table tfoot tr,
.woocommerce-order .shop_table tfoot tr {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
@media (min-width:861px) {
.woocommerce-checkout-review-order .shop_table tfoot tr,
.woocommerce-order .shop_table tfoot tr {
display: table-row;
line-height: 1.5
}
}
@media (max-width:859px) {
.woocommerce-checkout-review-order .shop_table tbody,
.woocommerce-checkout-review-order .shop_table td,
.woocommerce-checkout-review-order .shop_table th,
.woocommerce-checkout-review-order .shop_table thead,
.woocommerce-order .shop_table tbody,
.woocommerce-order .shop_table td,
.woocommerce-order .shop_table th,
.woocommerce-order .shop_table thead {
display: block;
width: 100%
}
}
.woocommerce-checkout-review-order .shop_table dt,
.woocommerce-order .shop_table dt {
letter-spacing: 1px;
text-transform: uppercase
}
.woocommerce-checkout-review-order .shop_table .recurring-totals,
.woocommerce-order .shop_table .recurring-totals {
border: none
}
.woocommerce-checkout-review-order .shop_table .recurring-totals th,
.woocommerce-order .shop_table .recurring-totals th {
padding-top: 30px
}
.woocommerce-checkout-review-order .shop_table label,
.woocommerce-checkout-review-order .shop_table strong,
.woocommerce-order .shop_table label,
.woocommerce-order .shop_table strong {
font-size: inherit!important;
font-style: inherit!important;
font-family: inherit!important;
font-weight: inherit!important;
color: #1c1c1c!important
}
.woocommerce-checkout-review-order .shop_table .shipping td,
.woocommerce-order .shop_table .shipping td {
text-align: left
}
@media (max-width:859px) {
.woocommerce-checkout-review-order .shop_table .shipping td,
.woocommerce-order .shop_table .shipping td {
text-align: center
}
}
.woocommerce-additional-fields {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.woocommerce-additional-fields label {
display: block
}
.woocommerce-additional-fields label input {
vertical-align: middle
}
.wc-terms-and-conditions a,
a.about_paypal {
font-size: 16px;
color: #8CC6E9
}
.woocommerce-checkout-review-order p {
width: 100%;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}
.woocommerce-checkout-review-order p:last-child {
margin-bottom: 0
}
.wc-terms-and-conditions {
margin-bottom: 0;
padding: 10px 5px;
border: 1px solid transparent;
transition: all 2s ease-out;
position: relative
}
.wc-terms-and-conditions.highlight {
border-color: #8CC6E9
}
.wc-terms-and-conditions.highlight .tooltip {
opacity: 1
}
.wc-terms-and-conditions .tooltip {
position: absolute;
border: 1px solid #8CC6E9;
font-size: .755em;
top: -1em;
left: 50%;
transform: translate(-50%, 0);
background: #fff5ef;
padding: 2px 10px;
opacity: 0;
transition: 75ms ease-out
}
#payment {
text-align: center
}
#payment li {
display: block
}
.wc_payment_method {
position: relative
}
.wc_payment_method.payment_method_paypal .title {
display: none
}
.wc_payment_method.payment_method_paypal img {
display: block;
width: 150px;
height: auto;
padding: 0 1rem;
margin: 1rem 0;
background-color: #fff;
border: 1px solid rgba(28, 28, 28, .25)
}
@media (max-width:859px) {
.wc_payment_method.payment_method_paypal img {
width: 100px
}
}
.wc_payment_method.payment_method_paypal span:first-child {
display: none
}
.wc_payment_method.payment_method_paypal label {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
.wc_payment_method.payment_method_paypal label>* {
margin: 1rem .5rem
}
.wc_payment_method.payment_method_paypal label:hover~.payment_box {
opacity: 1;
transform: translate(-50%, 0)
}
.wc_payment_method .payment_box {
background: #fff;
border: 1px solid #000;
padding: 5px 10px;
margin: 0;
font-size: 12px;
max-width: 250px;
position: absolute;
bottom: 23px;
left: 50%;
transform: translate(-50%, 10px);
opacity: 0;
transition: 50ms ease-out;
pointer-events: none
}
.wc_payment_method .payment_box p {
margin: 0
}
.wc_payment_method input[style*="display: none"]+label {
padding-left: 0
}
@media (max-width:859px) {
.wc_payment_methods label {
-ms-flex-direction: column;
flex-direction: column
}
}
#ship-to-different-address {
display: block;
margin: 0
}
#ship-to-different-address label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: start;
justify-content: start
}
#billing_country_field.form-row,
#shipping_country_field.form-row {
-ms-flex-align: start;
align-items: flex-start
}
.woocommerce-order-details address {
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}
.woocommerce-order-details .order-again {
text-transform: uppercase
}
form.woocommerce-checkout.checkout .woocommerce-error {
display: none
}
@media (min-width:861px) {
.woocommerce-billing-fields .form-row.form-row-wide#billing_city_field {
padding-right: .5em
}
.woocommerce-billing-fields .form-row.form-row-wide#billing_state_field {
padding-left: .5em;
padding-right: .5em
}
.woocommerce-billing-fields .form-row.form-row-wide#billing_postcode_field {
padding-left: .5em
}
.woocommerce-billing-fields .form-row.form-row-wide#billing_city_field,
.woocommerce-billing-fields .form-row.form-row-wide#billing_postcode_field,
.woocommerce-billing-fields .form-row.form-row-wide#billing_state_field {
width: 33.33%
}
.woocommerce-billing-fields .form-row.form-row-wide#billing_phone_field {
width: 33.33%;
padding-right: .5em
}
.woocommerce-billing-fields .form-row.form-row-wide#billing_email_field {
width: 66.66%;
padding-left: .5em
}
}
@media (min-width:861px) {
.shipping_address .form-row.form-row-wide#shipping_city_field,
.shipping_address .form-row.form-row-wide#shipping_postcode_field,
.shipping_address .form-row.form-row-wide#shipping_state_field {
width: 33.33%
}
.shipping_address .form-row.form-row-wide#shipping_city_field {
padding-right: .5em
}
.shipping_address .form-row.form-row-wide#shipping_state_field {
padding-left: .5em;
padding-right: .5em
}
.shipping_address .form-row.form-row-wide#shipping_postcode_field {
padding-left: .5em
}
}
.woocommerce-cart .woocommerce-error li,
.woocommerce-cart .woocommerce-info li {
list-style: none
}
.woocommerce-cart .content {
padding-top: 15px;
padding-left: 15px;
padding-right: 15px
}
@media (max-width:859px) {
.woocommerce-cart .content {
padding-top: 0
}
}
.woocommerce-cart .page h3 {
width: 100%;
margin: 1em 0 .5em;
margin: 30px 0 .5em;
font-weight: 400;
font-size: 27px
}
@media (max-width:859px) {
.woocommerce-cart .page h3 {
text-align: center
}
}
.woocommerce-cart .page h2 {
width: 100%;
margin: 1em 0 .5em;
margin: 30px 0 .5em;
font-weight: 400;
font-size: 25px
}
@media (max-width:859px) {
.woocommerce-cart .page h2 {
text-align: center
}
}
.woocommerce-cart-form {
display: block;
border: 2px solid #1c1c1c;
padding: 30px 15px;
margin: 0
}
.woocommerce-cart-form tbody td,
.woocommerce-cart-form thead th {
padding: 1rem 15px
}
@media (max-width:859px) {
.woocommerce-cart-form tbody td,
.woocommerce-cart-form thead th {
padding: .5rem 15px
}
}
.woocommerce-cart-form thead th {
padding-top: 0;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 18px
}
.woocommerce-cart-form .product-remove .remove:before {
content: ' ';
display: block
}
.woocommerce-cart-form .quantity__input {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: 22px;
font-size: 1.25em
}
.woocommerce-cart-form .quantity__input button {
background-color: transparent;
border: .125em solid #8CC6E9;
font-size: .75em;
width: 1.75em;
height: 1.75em;
padding: 0;
margin: 0;
position: relative;
text-align: center
}
.woocommerce-cart-form .quantity__input button:after {
display: block;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.woocommerce-cart-form .quantity__input input {
text-align: center;
display: inline-block;
width: 2.5em;
height: 1em;
background: 0 0;
font-size: 1em;
font-weight: 400
}
.woocommerce-cart-form .quantity__input input[type=hidden] {
display: none
}
.woocommerce-cart-form .quantity__input span.hidden {
display: none
}
.woocommerce-cart-form input {
display: inline-block;
width: 70%;
font-size: 1rem;
line-height: 0
}
.woocommerce-cart-form input[type=text] {
position: relative;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
text-transform: uppercase;
background-color: #fff;
border: none;
color: #1c1c1c;
white-space: normal;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 8px 16px;
font-size: 1rem;
border: 2px solid #8CC6E9;
line-height: 1.5
}
.woocommerce-cart-form input[type=submit] {
display: -ms-inline-flexbox;
display: inline-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background: #8CC6E9;
border: none;
margin: 0 auto;
padding: 0 1em;
width: 100%;
height: 2.5em;
font-weight: 500;
line-height: 1.4;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
font-weight: 400;
cursor: pointer;
display: inline-block;
font-size: 1rem;
line-height: 0;
padding: 23px 1em
}
.woocommerce-cart-form input[type=submit] {
font-size: 16px
}
.woocommerce-cart .quantity input.plus, .woocommerce-cart .quantity input.minus, .woocommerce-cart .quantity input{
display:inline-block;
}
.woocommerce-cart .quantity input{
width: 30px;
height:30px;
text-align: center;
}
@media screen and (min-width:860px) {
.woocommerce-cart-form input[type=submit] {
font-size: calc(16px + 5 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.woocommerce-cart-form input[type=submit] {
font-size: 21px
}
}
.woocommerce-cart-form input[type=submit]:hover {
text-decoration: none
}
@media (min-width:861px) {
.woocommerce-cart-form input[type=submit] {
line-height: 1;
width: auto
}
}
@media (min-width:861px) {
.woocommerce-cart-form input[type=submit] {
font-size: 1rem;
line-height: 0;
margin-left: 1rem
}
}
.woocommerce-cart-form .wc-proceed-to-checkout {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end
}
.woocommerce-cart-form .wc-proceed-to-checkout a {
margin: 30px 0 0
}
.coupon {
display: -ms-flexbox;
display: flex;
width: 469px
}
@media (max-width:860px) {
.coupon {
-ms-flex-direction: column;
flex-direction: column
}
}
.coupon label {
display: none
}
tbody td.actions {
padding-bottom: 0
}
@media (max-width:860px) {
tbody td.actions input[name=apply_coupon] {
margin-top: 1rem
}
}
@media (max-width:860px) {
tbody td.actions input[name=update_cart] {
margin-top: 1rem
}
}
.cart-collaterals {
margin-top: 30px
}
.cart-collaterals .cart_totals,
.cart-collaterals .cross-sells {
padding: 30px 15px;
border: 2px solid #000
}
.cart-collaterals .cart_totals h2,
.cart-collaterals .cross-sells h2 {
margin-top: 0;
text-transform: uppercase
}
.cart-collaterals .cross-sells {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin-bottom: 30px
}
.cart-collaterals .cross-sells>h2 {
text-align: center
}
.cart-collaterals .cross-sells .products {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-pack: distribute;
justify-content: space-around
}
.cart-collaterals .cross-sells .product {
padding: 0 5px;
text-align: center
}
.cart-collaterals .cross-sells .product h2 {
font-size: 1em;
margin: 0
}
.cart-collaterals .cross-sells .product .price {
font-size: .75em
}
.cart-collaterals .cross-sells .product a {
font-size: 1em;
display: block;
max-width: 150px
}
.cart-collaterals .cross-sells .product a.button {
display: -ms-inline-flexbox;
display: inline-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background: #8CC6E9;
border: none;
margin: 0 auto;
padding: 0 1em;
width: 100%;
height: 2.5em;
font-weight: 500;
line-height: 1.4;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
font-weight: 400;
cursor: pointer;
padding: 8px 10px;
height: auto;
letter-spacing: normal;
width: auto;
display: inline-flex;
margin: 5px auto;
font-weight: 400;
font-size: 1em
}
.cart-collaterals .cross-sells .product a.button {
font-size: 16px
}
@media screen and (min-width:860px) {
.cart-collaterals .cross-sells .product a.button {
font-size: calc(16px + 5 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.cart-collaterals .cross-sells .product a.button {
font-size: 21px
}
}
.cart-collaterals .cross-sells .product a.button:hover {
text-decoration: none
}
@media (min-width:861px) {
.cart-collaterals .cross-sells .product a.button {
line-height: 1;
width: auto
}
}
@media (min-width:861px) {
.cart-collaterals .cross-sells {
width: 50%;
margin-right: 15px;
margin-bottom: 0
}
}
@media (min-width:997px) {
.cart-collaterals .cross-sells {
width: 33.33%
}
}
@media (min-width:1200px) and (min-width:1200px) {
.cart-collaterals .cross-sells+.cart_totals .wc-proceed-to-checkout a {
margin-left: 0;
float: right
}
}
.cart-collaterals .cart_totals {
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
@media (max-width:859px) {
.cart-collaterals .cart_totals {
text-align: center
}
}
@media (min-width:1200px) {
.cart-collaterals .cart_totals {
padding-left: 30px;
padding-right: 30px
}
}
.cart-collaterals table {
width: 100%
}
@media (max-width:859px) {
.cart-collaterals td,
.cart-collaterals th {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
text-align: center
}
}
.cart-collaterals th {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
vertical-align: text-top
}
@media (max-width:859px) {
.cart-collaterals th {
padding-top: 1em
}
}
.cart-collaterals th:only-child {
padding: 1rem 0
}
@media (min-width:1200px) {
.cart-collaterals th {
width: 550px
}
}
.cart-collaterals td {
padding-left: 30px;
padding-bottom: 1em;
vertical-align: text-top;
font-size: 1.1rem
}
@media (max-width:859px) {
.cart-collaterals td {
padding-left: 0
}
}
.cart-collaterals ul {
padding: 0;
margin: 0
}
.cart-collaterals li {
list-style: none
}
.cart-collaterals .order-total,
.cart-collaterals .tax-total {
border-top: 1px solid #1c1c1c;
margin-top: 1em;
border-bottom: 1px solid #1c1c1c
}
.cart-collaterals .order-total td,
.cart-collaterals .tax-total td {
padding-top: 1em
}
.cart-collaterals .order-total .amount,
.cart-collaterals .order-total th {
font-size: 1.4em
}
.cart-collaterals .shipping-calculator-form p#calc_shipping_country_field:after,
.cart-collaterals .shipping-calculator-form p#calc_shipping_state_field:after {
position: absolute;
top: 50%;
right: 1em;
transform: translateY(-50%);
pointer-events: none
}
.cart-collaterals .shipping-calculator-form p {
position: relative;
width: 100%;
margin: .5em 0
}
.cart-collaterals .shipping-calculator-form p button.button {
display: -ms-inline-flexbox;
display: inline-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background: #8CC6E9;
border: none;
margin: 0 auto;
padding: 0 1em;
width: 100%;
height: 2.5em;
font-weight: 500;
line-height: 1.4;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
font-weight: 400;
cursor: pointer;
display: block;
text-align: center
}
.cart-collaterals .shipping-calculator-form p button.button {
font-size: 16px
}
@media screen and (min-width:860px) {
.cart-collaterals .shipping-calculator-form p button.button {
font-size: calc(16px + 5 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.cart-collaterals .shipping-calculator-form p button.button {
font-size: 21px
}
}
.cart-collaterals .shipping-calculator-form p button.button:hover {
text-decoration: none
}
@media (min-width:861px) {
.cart-collaterals .shipping-calculator-form p button.button {
line-height: 1;
width: auto
}
}
.cart-collaterals .shipping-calculator-form p:first-of-type {
margin-top: 0
}
@media (min-width:1201px) {
.cart-collaterals .shipping-calculator-form p {
width: 100%
}
}
.cart-collaterals .shipping-calculator-form input,
.cart-collaterals .shipping-calculator-form select {
width: 100%;
border: 1px solid #1c1c1c;
padding: 5px 20px
}
@media (min-width:861px) {
.cart-collaterals .shipping-calculator-form p button.button {
width: 100%
}
}
.cart-collaterals .shipping-calculator-button {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
color: #8CC6E9
}
.cart-collaterals .wc-proceed-to-checkout a {
display: -ms-inline-flexbox;
display: inline-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background: #8CC6E9;
border: none;
margin: 0 auto;
padding: 0 1em;
width: 100%;
height: 2.5em;
font-weight: 500;
line-height: 1.4;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
font-weight: 400;
cursor: pointer;
display: inline-block;
max-width: 100%;
width: auto;
margin-top: 30px;
line-height: 0;
line-height: 2.5
}
.cart-collaterals .wc-proceed-to-checkout a {
font-size: 16px
}
@media screen and (min-width:860px) {
.cart-collaterals .wc-proceed-to-checkout a {
font-size: calc(16px + 5 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.cart-collaterals .wc-proceed-to-checkout a {
font-size: 21px
}
}
.cart-collaterals .wc-proceed-to-checkout a:hover {
text-decoration: none
}
@media (min-width:861px) {
.cart-collaterals .wc-proceed-to-checkout a {
line-height: 1;
width: auto
}
}
@media (max-width:859px) {
.cart-collaterals .wc-proceed-to-checkout a {
width: 100%;
text-align: center
}
}
@media (min-width:861px) {
.cart-collaterals {
display: -ms-flexbox;
display: flex
}
.cart-collaterals .wc-proceed-to-checkout a {
line-height: 2.5
}
}
@media (min-width:1200px) {
.cart-collaterals .wc-proceed-to-checkout a {
margin-left: 580px
}
}
.woocommerce-account.woocommerce-page .content>.woocommerce {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: top;
align-content: top;
padding: 0 1rem
}
@media (min-width:861px) {
.woocommerce-account.woocommerce-page .content>.woocommerce {
-ms-flex-direction: row;
flex-direction: row
}
}
.woocommerce-account.woocommerce-page .content>.woocommerce label,
.woocommerce-account.woocommerce-page .content>.woocommerce legend {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase
}
.woocommerce-account.woocommerce-page .content>.woocommerce legend {
font-size: 24.98px;
margin-bottom: 1rem
}
.woocommerce-account.woocommerce-page .content>.woocommerce input,
.woocommerce-account.woocommerce-page .content>.woocommerce label,
.woocommerce-account.woocommerce-page .content>.woocommerce select {
position: relative;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
text-transform: uppercase;
background-color: #fff;
border: none;
color: #1c1c1c;
white-space: normal;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%
}
.woocommerce-account.woocommerce-page .content>.woocommerce input,
.woocommerce-account.woocommerce-page .content>.woocommerce select {
position: relative;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
text-transform: uppercase;
background-color: #fff;
border: none;
color: #1c1c1c;
white-space: normal;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 8px 10px;
border: 2px solid #1c1c1c;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: none
}
.woocommerce-account.woocommerce-page .content>.woocommerce input[type=submit],
.woocommerce-account.woocommerce-page .content>.woocommerce select[type=submit] {
display: -ms-inline-flexbox;
display: inline-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background: #8CC6E9;
border: none;
margin: 0 auto;
padding: 0 1em;
width: 100%;
height: 2.5em;
font-weight: 500;
line-height: 1.4;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
font-weight: 400;
cursor: pointer;
height: 44px;
font-size: 16px;
line-height: 0
}
.woocommerce-account.woocommerce-page .content>.woocommerce input[type=submit],
.woocommerce-account.woocommerce-page .content>.woocommerce select[type=submit] {
font-size: 16px
}
@media screen and (min-width:860px) {
.woocommerce-account.woocommerce-page .content>.woocommerce input[type=submit],
.woocommerce-account.woocommerce-page .content>.woocommerce select[type=submit] {
font-size: calc(16px + 5 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.woocommerce-account.woocommerce-page .content>.woocommerce input[type=submit],
.woocommerce-account.woocommerce-page .content>.woocommerce select[type=submit] {
font-size: 21px
}
}
.woocommerce-account.woocommerce-page .content>.woocommerce input[type=submit]:hover,
.woocommerce-account.woocommerce-page .content>.woocommerce select[type=submit]:hover {
text-decoration: none
}
@media (min-width:861px) {
.woocommerce-account.woocommerce-page .content>.woocommerce input[type=submit],
.woocommerce-account.woocommerce-page .content>.woocommerce select[type=submit] {
line-height: 1;
width: auto
}
}
@media (max-width:859px) {
.woocommerce-account.woocommerce-page .content>.woocommerce input[type=submit],
.woocommerce-account.woocommerce-page .content>.woocommerce select[type=submit] {
display: block;
width: 100%
}
}
@media (min-width:861px) {
.woocommerce-account.woocommerce-page .content>.woocommerce input[type=submit],
.woocommerce-account.woocommerce-page .content>.woocommerce select[type=submit] {
font-size: 16px
}
}
.woocommerce-account.woocommerce-page .content>.woocommerce .select2-container:after {
top: auto;
bottom: .3em;
transform: none
}
.woocommerce-account.woocommerce-page .content>.woocommerce fieldset {
margin-top: 30px
}
.woocommerce-account.woocommerce-page .content>.woocommerce a {
color: #8CC6E9
}
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-message a {
color: inherit
}
.woocommerce-account.woocommerce-page .content>.woocommerce .form-row {
position: relative;
margin-top: 0
}
.woocommerce-account.woocommerce-page .content>.woocommerce .col2-set {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%
}
.woocommerce-account.woocommerce-page .content>.woocommerce .col2-set>div {
width: 100%
}
@media (min-width:861px) {
.woocommerce-account.woocommerce-page .content>.woocommerce .col2-set>div {
width: 50%;
padding-right: 30px
}
}
.woocommerce-account.woocommerce-page .content {
width: 100%
}
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-MyAccount-navigation {
display: block;
padding: 0
}
@media (min-width:861px) {
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-MyAccount-navigation {
width: 300px;
padding-right: 30px
}
}
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0
}
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-MyAccount-navigation ul li {
display: inline-block
}
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-MyAccount-navigation ul li {
line-height: 3
}
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-MyAccount-navigation ul li a {
display: block;
line-height: inherit;
color: #8CC6E9
}
.woocommerce-MyAccount-navigation-link--downloads {
display: none!important
}
.woocommerce-MyAccount-content {
margin: 0;
text-transform: none;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
letter-spacing: normal;
border: transparent;
overflow-x: auto
}
@media (min-width:861px) {
.woocommerce-MyAccount-content {
width: calc(100% - 300px)
}
}
.woocommerce-MyAccount-content .shop_table {
max-width: 100%;
width: 100%;
line-height: 3
}
@media (max-width:859px) {
.woocommerce-MyAccount-content .shop_table {
width: 500px
}
}
.woocommerce-MyAccount-content .shop_table tr {
margin-bottom: 1rem
}
.woocommerce-MyAccount-content .shop_table td,
.woocommerce-MyAccount-content .shop_table th {
font-size: 14px;
line-height: 2;
padding: 1rem
}
@media (max-width:859px) {
.woocommerce-MyAccount-content .shop_table td,
.woocommerce-MyAccount-content .shop_table th {
font-size: 12px
}
}
.woocommerce-MyAccount-content .shop_table td:nth-child(2),
.woocommerce-MyAccount-content .shop_table th:nth-child(2) {
padding-left: 0
}
.woocommerce-MyAccount-content .shop_table td:last-child,
.woocommerce-MyAccount-content .shop_table th:last-child {
padding-right: 0
}
.woocommerce-MyAccount-content .shop_table th {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
text-transform: uppercase
}
@media (max-width:859px) {
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-number,
.woocommerce-MyAccount-content .woocommerce-orders-table__header-order-number {
display: none
}
}
.woocommerce-account.woocommerce-page .content>.woocommerce .register,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between
}
.woocommerce-account.woocommerce-page .content>.woocommerce .register.login,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login.login,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register.login {
-ms-flex-direction: column;
flex-direction: column
}
.woocommerce-account.woocommerce-page .content>.woocommerce .register p,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login p,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register p {
line-height: 1
}
.woocommerce-account.woocommerce-page .content>.woocommerce .register label,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login label,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register label {
display: inline-block;
width: 204px;
margin-bottom: .5rem;
line-height: 1
}
.woocommerce-account.woocommerce-page .content>.woocommerce .register input[type=submit].woocommerce-Button.button,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login input[type=submit].woocommerce-Button.button,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register input[type=submit].woocommerce-Button.button {
line-height: 0;
margin-right: 1em
}
.woocommerce-account.woocommerce-page .content>.woocommerce .register .woocommerce-form__input.woocommerce-form__input-checkbox,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .woocommerce-form__input.woocommerce-form__input-checkbox,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .woocommerce-form__input.woocommerce-form__input-checkbox {
padding: 20px!important
}
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row {
width: 100%
}
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row.first-name,
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row.last-name,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row.first-name,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row.last-name,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row.first-name,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row.last-name {
width: 45%;
width: calc(50% - .5rem)
}
@media (max-width:859px) {
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row.first-name,
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row.last-name,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row.first-name,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row.last-name,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row.first-name,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row.last-name {
width: 100%
}
}
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row.first-name label,
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row.last-name label,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row.first-name label,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row.last-name label,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row.first-name label,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row.last-name label {
line-height: 1.6
}
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row.first-name input,
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row.last-name input,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row.first-name input,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row.last-name input,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row.first-name input,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row.last-name input {
width: 100%!important
}
.woocommerce-account.woocommerce-page .content>.woocommerce .register .clear,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .clear,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .clear {
display: none
}
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row:not(.woocommerce-form-row) input,
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row:not(.woocommerce-form-row) label,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) input,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) label,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row:not(.woocommerce-form-row) input,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row:not(.woocommerce-form-row) label {
display: inline-block;
vertical-align: top;
line-height: 0;
width: auto
}
@media (max-width:859px) {
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row:not(.woocommerce-form-row) input,
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row:not(.woocommerce-form-row) label,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) input,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) label,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row:not(.woocommerce-form-row) input,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row:not(.woocommerce-form-row) label {
line-height: 1
}
}
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row:not(.woocommerce-form-row) label.woocommerce-form__label,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) label.woocommerce-form__label,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row:not(.woocommerce-form-row) label.woocommerce-form__label {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
padding-right: 30px;
width: auto
}
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row:not(.woocommerce-form-row) label.woocommerce-form__label input,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) label.woocommerce-form__label input,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row:not(.woocommerce-form-row) label.woocommerce-form__label input {
position: relative;
width: auto;
height: auto;
width: unset;
height: unset;
padding: .5em;
-ms-flex-positive: 0;
flex-grow: 0;
margin-right: 1em
}
@media (min-width:861px) {
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row:not(.woocommerce-form-row) label.woocommerce-form__label input,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) label.woocommerce-form__label input,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row:not(.woocommerce-form-row) label.woocommerce-form__label input {
padding: 1em
}
}
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row:not(.woocommerce-form-row) label.woocommerce-form__label input:checked,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) label.woocommerce-form__label input:checked,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row:not(.woocommerce-form-row) label.woocommerce-form__label input:checked {
color: #1c1c1c
}
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row:not(.woocommerce-form-row) label.woocommerce-form__label input:checked:before,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) label.woocommerce-form__label input:checked:before,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row:not(.woocommerce-form-row) label.woocommerce-form__label input:checked:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
@media (max-width:859px) {
.woocommerce-account.woocommerce-page .content>.woocommerce .register .form-row:not(.woocommerce-form-row) label.woocommerce-form__label.woocommerce-form__label-for-checkbox,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) label.woocommerce-form__label.woocommerce-form__label-for-checkbox,
.woocommerce-account.woocommerce-page .content>.woocommerce .woocommerce-form-register .form-row:not(.woocommerce-form-row) label.woocommerce-form__label.woocommerce-form__label-for-checkbox {
margin-top: 1rem;
padding: 0
}
}
.woocommerce-Addresses {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.woocommerce-Addresses>div {
width: 100%
}
@media (min-width:861px) {
.woocommerce-Addresses>div {
width: 50%;
padding-right: 30px
}
}
.edit-account {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: top;
align-content: top
}
.edit-account .woocommerce-form-row {
width: 100%
}
@media (min-width:861px) {
.edit-account .woocommerce-form-row {
width: 50%;
padding-right: 30px
}
}
.edit-account fieldset {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%
}
.edit-account fieldset .form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}
@media (min-width:861px) {
.edit-account fieldset .form-row {
width: 50%;
padding-right: 30px
}
}
.edit-account fieldset .form-row input,
.edit-account fieldset .form-row label {
width: 100%
}
section.blog article {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 100px 33px 50px;
margin-bottom: 15px;
color: #fff;
position: relative;
overflow: hidden
}
section.blog article .bg-image__wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 100
}
section.blog article .bg-image__wrapper:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(28, 28, 28, .61);
z-index: 100
}
section.blog article .bg-image {
background-color: #1c1c1c;
background-position: 50% 50%;
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
filter: blur(3px)
}
section.blog article>* {
position: relative;
z-index: 200
}
section.blog article h2 {
font-size: 1.5rem;
line-height: 1.25;
font-weight: 400;
text-transform: uppercase;
word-break: break-word;
margin-top: 0;
padding: 0 8px
}
section.blog article:first-child {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%
}
section.blog article:first-child h2,
section.blog article:first-child h3 {
padding: 0;
color: inherit
}
@media (max-width:859px) {
section.blog article:first-child {
margin-top: 15px
}
}
@media (min-width:861px) {
section.blog article:first-child {
width: 100%;
padding-top: 114px
}
section.blog article:first-child h3 {
font-size: 35.98px
}
}
section.blog article:last-child {
padding-right: 30px
}
section.blog article:last-child .bg-image__wrapper {
right: 0!important
}
section.blog article a {
color: inherit
}
section.blog article.light {
color: #1c1c1c
}
@media (min-width:861px) {
section.blog article {
padding: 30px
}
}
@media (min-width:997px) {
section.blog article {
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%
}
section.blog article:nth-child(2n) {
padding-right: 38px
}
section.blog article:nth-child(2n) .bg-image__wrapper {
right: 8px
}
section.blog article:nth-child(2n+3) {
padding-left: 38px
}
section.blog article:nth-child(2n+3) .bg-image__wrapper {
left: 8px
}
section.blog article:nth-child(2):last-child .bg-image__wrapper {
right: 0
}
}
@media (min-width:861px) {
section.blog {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.blog--post__excerpt {
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
padding: 15px 20px;
background-color: #fff;
color: #1c1c1c
}
.blog--post__excerpt {
font-size: 11px
}
@media screen and (min-width:860px) {
.blog--post__excerpt {
font-size: calc(11px + 2 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.blog--post__excerpt {
font-size: 13px
}
}
.blog--post__excerpt p {
display: inline;
line-height: 1.25
}
.blog--post__excerpt p:first-child {
margin-top: 0
}
.blog--post__excerpt p:last-child {
margin-bottom: 0
}
.blog--post__excerpt .read-more {
display: inline;
white-space: nowrap
}
.blog--post__excerpt .read-more a {
font-weight: bolder;
text-decoration: underline;
color: #8CC6E9
}
.blog--post__meta {
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 0;
-ms-flex-align: center;
align-items: center;
margin-top: 24px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start
}
.blog--post__meta>* {
display: inline-block
}
.blog--post__meta li {
display: inline
}
.blog--post__meta li:after {
content: ','
}
.blog--post__meta li:last-child:after {
display: none
}
.blog--post__meta a {
color: inherit
}
.blog--post__meta .meta__details {
font-size: 11px
}
.blog--post__meta .meta__details div {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row
}
.blog--post__meta .meta__details div p {
width: auto
}
.blog--post__meta .meta__details p {
margin: 0
}
.blog--post__meta .meta__details .meta__post-date {
font-style: italic;
margin-left: 1em
}
.blog--post__meta .meta__details ul {
display: inline-block;
padding: 0
}
.blog--post__meta .meta__details ul li+li,
.blog--post__meta .meta__details ul+ul {
margin-top: .25em
}
.blog--post__meta .meta__details ul li+li {
margin-right: .25em
}
.blog--post__meta .meta__details ul:last-child li:last-child:after {
content: '';
display: none
}
.blog--post__meta .meta__avatar {
overflow: hidden;
width: 30px;
height: 30px;
margin-right: 1rem;
border-radius: 100%;
background-color: #fff
}
@media (max-width:500px) {
.blog--post__meta .meta__avatar {
margin-right: 0
}
}
.blog--post__meta .post-categories,
.blog--post__meta .post-tags {
padding-left: 0;
margin-bottom: 0;
list-style: none;
text-align: left
}
.blog__sidebar {
margin-left: 15px;
margin-right: 15px;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
border: 2px solid #8CC6E9
}
.blog__sidebar h3 {
font-weight: 400;
margin-top: 0;
margin-bottom: 20px
}
.blog__sidebar ul {
font-size: 14px;
font-weight: 400;
list-style: none;
padding: 0;
padding-right: 26px;
margin-bottom: 0
}
.blog__sidebar li:last-child {
margin-bottom: 0
}
.blog__sidebar li[class*=current-] a {
color: #8CC6E9
}
@media (min-width:861px) {
.blog__sidebar li {
margin-bottom: 1.5em;
line-height: 1.5
}
}
.blog__sidebar a {
color: #1c1c1c;
line-height: 1.25
}
.blog__sidebar>*,
.blog__sidebar>ul {
border-top: 1px solid #8CC6E9;
border-bottom: 1px solid #8CC6E9;
padding: 26px
}
.blog__sidebar>:first-child,
.blog__sidebar>ul:first-child {
border-top: none
}
.blog__sidebar>:last-child,
.blog__sidebar>ul:last-child {
border-bottom: none;
margin-bottom: 0
}
.blog__sidebar .post-categories {
margin-bottom: 0
}
.blog__sidebar .searchform {
margin-bottom: 20px
}
.blog__sidebar .searchform input {
background: 0 0;
border: 1px solid #1c1c1c
}
.blog__sidebar .searchform label {
display: none!important;
visibility: hidden;
font-size: 16px;
line-height: 1.5;
color: #fff
}
.blog__sidebar .searchform input[type=text] {
background-color: transparent;
border: 1px solid #333;
min-width: 100%;
height: 40px;
padding-left: .75em
}
.blog__sidebar .searchform input[type=text]:active+.btn-search-submit,
.blog__sidebar .searchform input[type=text]:focus+.btn-search-submit,
.blog__sidebar .searchform input[type=text]:hover+.btn-search-submit {
background: #1c1c1c;
color: #fff;
transform: translate(-50px, 0)
}
.blog__sidebar .searchform input[type=text]:active+.btn-search-submit:before,
.blog__sidebar .searchform input[type=text]:focus+.btn-search-submit:before,
.blog__sidebar .searchform input[type=text]:hover+.btn-search-submit:before {
background: 0 0;
padding: 0
}
.blog__sidebar .searchform input[type=text]:active+.btn-search-submit input,
.blog__sidebar .searchform input[type=text]:focus+.btn-search-submit input,
.blog__sidebar .searchform input[type=text]:hover+.btn-search-submit input {
opacity: 1
}
.blog__sidebar .searchform input[type=submit] {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 0;
transition: all .2s ease
}
.blog__sidebar .searchform>div {
position: relative;
display: -ms-flexbox;
display: flex
}
.blog__sidebar .searchform.active .btn-search-submit,
.blog__sidebar .searchform:hover .btn-search-submit {
background: #1c1c1c;
color: #fff;
transform: translate(-50px, 0)
}
.blog__sidebar .searchform.active .btn-search-submit:before,
.blog__sidebar .searchform:hover .btn-search-submit:before {
background: 0 0;
padding: 0
}
.blog__sidebar .searchform.active .btn-search-submit input,
.blog__sidebar .searchform:hover .btn-search-submit input {
opacity: 1
}
.blog__sidebar .btn-search-submit {
font-size: 21px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 40px;
padding: 0 15px;
background: 0 0;
color: #1c1c1c;
transform: translate(-50px, 0);
transition: transform 250ms ease-out
}
.blog__sidebar .btn-search-submit:before {
padding: 5px;
border-radius: 50%;
pointer-events: none
}
.blog__sidebar .btn-search-submit input {
background-color: transparent;
border: none;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
color: inherit;
opacity: 0
}
@media (min-width:861px) {
.blog__sidebar {
margin: 0 0 15px 30px
}
}
.blog-post {
padding-bottom: 0;
width: auto
}
.blog-post article {
border: none
}
.blog-post__content {
-ms-flex: none;
flex: none;
width: 815.67px
}
.blog-post__content li {
margin-bottom: .2em
}
.blog-post__content blockquote {
color: #8CC6E9;
font-style: italic;
margin-left: 2.5em;
padding-left: 1em;
max-width: 300px;
border-left: 3px solid #8CC6E9
}
.blog-post__content blockquote {
font-size: 12px
}
@media screen and (min-width:860px) {
.blog-post__content blockquote {
font-size: calc(12px + 6 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.blog-post__content blockquote {
font-size: 18px
}
}
@media (min-width:860px) {
.blog-post__content blockquote {
margin-left: 9.5em;
padding-left: 1.4em
}
}
.aligncenter {
display: block;
margin: 0 auto 1em auto
}
.comments-wrap {
width: 100%;
background-color: #fff;
padding-top: 50px;
padding-bottom: 75px;
padding-left: 15px;
padding-right: 15px
}
.comments-wrapper {
padding-left: 15px;
padding-right: 15px
}
@media (min-width:861px) {
.comments-wrapper {
max-width: 100%;
width: 815.67px;
margin: 0 auto
}
}
.comments-wrapper header {
margin-bottom: 50px
}
.comments-wrapper header h2 {
margin: 0;
letter-spacing: .125em;
text-transform: uppercase;
padding-bottom: 10px;
font-weight: 500
}
.comments-wrapper header h2 {
font-size: 21px
}
@media screen and (min-width:860px) {
.comments-wrapper header h2 {
font-size: calc(21px + 9 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.comments-wrapper header h2 {
font-size: 30px
}
}
.comments-wrapper header:after {
display: block;
content: "";
height: 5px;
width: 100%;
max-width: 250px;
background: #8CC6E9
}
.comments-wrapper h2.comment-reply-title,
.comments-wrapper h3 {
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400
}
.comment-form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.comment-form>* {
width: 100%
}
.comment-form .form-submit {
-ms-flex-pack: end;
justify-content: flex-end
}
.comment-form input[type=submit] {
display: -ms-inline-flexbox;
display: inline-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background: #8CC6E9;
border: none;
margin: 0 auto;
padding: 0 1em;
width: 100%;
height: 2.5em;
font-weight: 500;
line-height: 1.4;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
font-weight: 400;
cursor: pointer;
display: block;
text-align: center;
font-size: 15px;
padding: 1.5em;
line-height: 0;
height: auto
}
.comment-form input[type=submit] {
font-size: 16px
}
@media screen and (min-width:860px) {
.comment-form input[type=submit] {
font-size: calc(16px + 5 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
.comment-form input[type=submit] {
font-size: 21px
}
}
.comment-form input[type=submit]:hover {
text-decoration: none
}
@media (min-width:861px) {
.comment-form input[type=submit] {
line-height: 1;
width: auto
}
}
@media (min-width:861px) {
.comment-form input[type=submit] {
font-size: 15px;
line-height: 0
}
}
.comment-form input,
.comment-form label {
display: block;
width: 100%
}
.comment-form input:not([type=submit]) {
position: relative;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
text-transform: uppercase;
background-color: #fff;
border: none;
color: #1c1c1c;
white-space: normal;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 2px solid #1c1c1c
}
@media (min-width:501px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email {
width: 50%;
display: inline-block
}
.comment-form .comment-form-author input,
.comment-form .comment-form-email input {
width: 100%
}
.comment-form .comment-form-author {
padding-right: 15px
}
.comment-form .comment-form-email {
padding-left: 15px
}
}
.logged-in-as {
display: none
}
.comment-form-comment label {
display: none
}
#comment {
position: relative;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
text-transform: uppercase;
background-color: #fff;
border: none;
color: #1c1c1c;
white-space: normal;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: none;
width: 100%;
padding: 1.5em;
border: 2px solid #1c1c1c
}
.comment-list,
.commentlist {
list-style: none;
padding: 0;
margin-bottom: 0
}
.comment-list li,
.commentlist li {
margin-bottom: 30px;
border-top: 3px solid green;
padding-top: 30px
}
.comment-list li:last-child,
.commentlist li:last-child {
margin-bottom: 0
}
.comment-list .avatar,
.commentlist .avatar {
margin-right: 1rem;
border-radius: 100%;
overflow: hidden
}
.comment-list .says,
.commentlist .says {
display: none
}
.comment-list .reply,
.commentlist .reply {
display: none
}
.comment-list cite,
.commentlist cite {
font-style: normal
}
.comment-list .comment-body,
.commentlist .comment-body {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.comment-list .comment-body .comment-author,
.comment-list .comment-body .comment-meta,
.commentlist .comment-body .comment-author,
.commentlist .comment-body .comment-meta {
width: 50%
}
.comment-author.vcard {
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
padding-right: 1rem
}
@media (min-width:861px) {
.comment-author.vcard>* {
margin-right: 1rem
}
}
.comment-meta {
margin: 0;
text-align: right
}
.comment-meta a {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 12px;
color: #1c1c1c
}
.comment-notes .required {
color: #8CC6E9
}
@media (max-width:859px) {
.page-template-store-locator .layout.main-page-content.page {
padding-left: 30px;
padding-right: 30px
}
}
@media (max-width:859px) {
#wpsl-wrap {
margin-top: 30px
}
}
.wpsl-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.wpsl-search {
display: block;
border: 2px solid #1c1c1c;
padding: 30px 15px;
margin: 0;
padding: 30px;
margin-top: 0;
margin-bottom: 30px;
background: 0 0
}
@media (min-width:861px) {
.wpsl-search {
margin-top: 0
}
}
#wpsl-search-wrap form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: center;
align-content: center
}
@media (min-width:861px) {
#wpsl-search-wrap form {
-ms-flex-direction: row;
flex-direction: row
}
}
#wpsl-search-wrap #wpsl-search-btn,
#wpsl-search-wrap .wpsl-dropdown,
#wpsl-search-wrap input[type=text] {
position: relative;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 400;
text-transform: uppercase;
background-color: #fff;
border: none;
color: #1c1c1c;
white-space: normal;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 2px solid #8CC6E9;
min-width: 120px;
width: 100%;
height: 3rem!important;
padding: 8px 10px;
margin-top: 1em;
border-radius: 0
}
#wpsl-search-wrap #wpsl-search-btn span,
#wpsl-search-wrap .wpsl-dropdown span,
#wpsl-search-wrap input[type=text] span {
padding: 0!important
}
#wpsl-search-wrap div label,
#wpsl-search-wrap label {
line-height: 1.5;
width: 100%;
margin-right: 0
}
#wpsl-search-wrap #wpsl-search-btn {
display: -ms-inline-flexbox;
display: inline-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background: #8CC6E9;
border: none;
margin: 0 auto;
padding: 0 1em;
width: 100%;
height: 2.5em;
font-weight: 500;
line-height: 1.4;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
font-weight: 400;
cursor: pointer;
border: none;
border-radius: 0;
box-shadow: none;
margin: 0;
line-height: 0!important
}
#wpsl-search-wrap #wpsl-search-btn {
font-size: 16px
}
@media screen and (min-width:860px) {
#wpsl-search-wrap #wpsl-search-btn {
font-size: calc(16px + 5 * ((100vw - 860px)/ 340))
}
}
@media screen and (min-width:1200px) {
#wpsl-search-wrap #wpsl-search-btn {
font-size: 21px
}
}
#wpsl-search-wrap #wpsl-search-btn:hover {
text-decoration: none
}
@media (min-width:861px) {
#wpsl-search-wrap #wpsl-search-btn {
line-height: 1;
width: auto
}
}
@media (max-width:859px) {
#wpsl-search-wrap #wpsl-search-btn {
margin: auto
}
}
@media (max-width:399px) {
#wpsl-search-wrap .wpsl-dropdown {
width: 100%!important
}
}
#wpsl-search-wrap .wpsl-select-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-bottom: 0
}
@media (max-width:399px) {
#wpsl-search-wrap .wpsl-select-wrap {
-ms-flex-direction: column;
flex-direction: column
}
}
@media (max-width:859px) {
#wpsl-search-wrap .wpsl-search-btn-wrap,
#wpsl-search-wrap .wpsl-select-wrap {
margin-top: 1rem
}
}
#wpsl-search-wrap #wpsl-radius,
#wpsl-search-wrap #wpsl-results,
#wpsl-search-wrap .wpsl-input,
#wpsl-search-wrap .wpsl-search-btn-wrap,
#wpsl-search-wrap .wpsl-select-wrap>* {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
margin-right: 30px;
margin-bottom: 0
}
@media (max-width:859px) {
#wpsl-search-wrap #wpsl-radius,
#wpsl-search-wrap #wpsl-results,
#wpsl-search-wrap .wpsl-input,
#wpsl-search-wrap .wpsl-search-btn-wrap,
#wpsl-search-wrap .wpsl-select-wrap>* {
margin-right: auto
}
}
@media (max-width:859px) {
#wpsl-search-wrap .wpsl-select-wrap>div#wpsl-radius,
#wpsl-search-wrap .wpsl-select-wrap>div:first-child {
margin-right: 15px
}
#wpsl-search-wrap .wpsl-select-wrap>div:last-child {
margin-left: 15px
}
}
@media (max-width:399px) {
#wpsl-search-wrap .wpsl-select-wrap>div#wpsl-radius,
#wpsl-search-wrap .wpsl-select-wrap>div:first-child,
#wpsl-search-wrap .wpsl-select-wrap>div:last-child {
width: 100%!important
}
#wpsl-search-wrap .wpsl-select-wrap>div#wpsl-radius,
#wpsl-search-wrap .wpsl-select-wrap>div:first-child {
margin: 0
}
#wpsl-search-wrap .wpsl-select-wrap>div:last-child {
margin: 1rem 0
}
}
#wpsl-search-wrap .wpsl-search-btn-wrap {
margin-right: auto;
width: 400px
}
@media (max-width:859px) {
#wpsl-search-wrap .wpsl-search-btn-wrap {
width: 100%
}
}
.gm-style-iw {
background: #fff
}
#wpsl-wrap #wpsl-result-list li {
padding-left: 30px
}
section.training {
margin-top: 70px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
max-width: 1200px;
width: 100%;
margin-bottom: 15px;
padding-left: 15px;
padding-right: 15px
}
section.training .first-payment-date,
section.training .price.before,
section.training .summary.entry-summary form,
section.training .summary.entry-summary>p {
display: none
}
section.training p {
width: auto
}
section.training nav input {
display: none
}
section.training nav input:checked~* {
color: #8CC6E9
}
section.training nav label {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
display: block;
background: #fff;
padding: 10px 20px;
text-align: center;
border: 1px solid #8CC6E9;
cursor: pointer;
color: #1c1c1c;
font-size: 1.25em
}
section.training nav label:hover {
text-decoration: underline;
color: #8CC6E9
}
@media (min-width:861px) {
section.training nav {
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%
}
}
section.training>article {
display: none;
padding: 10px 15px
}
section.training>article>header:after {
display: block;
content: "";
height: 5px;
width: 100%;
max-width: 250px;
background: #8CC6E9
}
section.training>article h1 {
margin: 0;
letter-spacing: .125em;
text-transform: uppercase;
padding-bottom: 10px;
font-weight: 400;
line-height: 1
}
section.training>article .description {
padding-top: 10px
}
section.training>article .description img {
float: right;
margin-left: 30px;
margin-bottom: 10px;
width: 33.3%;
max-width: 200px
}
section.training>article .description p {
margin-top: 0;
margin-bottom: 1em
}
section.training>article .meta {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: end;
align-items: flex-end;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px 0 10px 10px
}
section.training>article .meta dl {
margin: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 66%;
padding-right: 15px
}
@media (max-width:859px) {
section.training>article .meta dl {
width: 100%;
padding-right: 0
}
}
section.training>article .meta dd,
section.training>article .meta dt {
margin-bottom: 5px;
font-size: .75em
}
section.training>article .meta dt {
-ms-flex: 1 0 33.3%;
flex: 1 0 33.3%;
max-width: 33.3%
}
section.training>article .meta dt:after {
content: ": "
}
section.training>article .meta dd {
margin: 0;
-ms-flex: 1 0 66.6%;
flex: 1 0 66.6%;
max-width: 66.6%
}
section.training>article .meta button {
width: 33.3%;
padding: 10px 20px;
text-transform: uppercase;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #8CC6E9;
background-color: #fff;
border: 2px solid #8CC6E9
}
section.training>article .meta button:hover {
color: #8CC6E9;
border-color: currentColor
}
@media (min-width:861px) {
section.training>article {
padding: 0 15px;
-ms-flex: 1 0 66.6%;
flex: 1 0 66.6%;
max-width: 66.6%
}
}
section.training .more-info {
background-color: #fff
}
section.training .more-info ul {
margin: 0;
padding: 15px;
list-style: none
}
section.training .more-info li label {
display: -ms-flexbox;
display: flex;
padding: 10px 15px 10px 5px;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer
}
section.training .more-info li label p {
margin: 0
}
section.training .more-info li label span {
color: #1c1c1c
}
.owl-carousel section.training .more-info li label .owl-next,
section.training .more-info li label .icon-chevron-right,
section.training .more-info li label .owl-carousel .owl-next {
display: block
}
section.training .more-info li label .icon-chevron-down {
display: none
}
section.training .more-info li>div {
display: none
}
section.training .more-info li>input[type=checkbox] {
display: none!important;
visibility: hidden
}
section.training .more-info input[type=checkbox]:checked~label {
background-color: #8CC6E9;
color: #fff
}
.owl-carousel section.training .more-info input[type=checkbox]:checked~label .owl-next,
section.training .more-info input[type=checkbox]:checked~label .icon-chevron-right,
section.training .more-info input[type=checkbox]:checked~label .owl-carousel .owl-next {
display: none
}
section.training .more-info input[type=checkbox]:checked~label .icon-chevron-down {
display: block;
color: #fff
}
section.training .more-info input[type=checkbox]:checked~div {
display: block
}
section.training .more-info input[type=checkbox]+label {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel section.training .more-info .owl-next,
section.training .more-info .icon-chevron-down,
section.training .more-info .icon-chevron-right,
section.training .more-info .owl-carousel .owl-next {
position: absolute;
top: 50%;
right: 1rem;
transform: translate(0, -50%)
}
section.training .more-info li label {
padding-left: 15px
}
section.training .session-item__booking {
display: none!important
}
@media (min-width:861px) {
section.training {
-ms-flex-direction: row;
flex-direction: row;
padding: 0
}
}
.mi__content {
padding: 0 15px 0 15px
}
.mi__content header {
margin-top: 10px
}
.mi__content h2 {
margin: 0;
font-weight: 400;
text-transform: uppercase;
font-size: 1.2em;
color: #8CC6E9
}
.mi__content--location {
text-align: center;
font-size: .75em
}
.tr__bookslotitem {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
background: #fff;
padding: 10px 15px;
margin: .5em 0;
border-radius: 4px;
box-shadow: none;
transition: 150ms ease-out
}
.tr__bookslotitem>* {
width: 100%;
text-align: center
}
@media (max-width:639px) {
.tr__bookslotitem>:not(: last-child) {
margin-bottom: 1em
}
}
.tr__bookslotitem:hover {
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16), 0 2px 5px 0 rgba(0, 0, 0, .26)
}
.tr__bookslotitem:last-child {
margin-bottom: 0
}
@media (min-width:641px) {
.tr__bookslotitem {
-ms-flex-direction: row;
flex-direction: row
}
.tr__bookslotitem>* {
width: auto;
margin-bottom: 0
}
}
.tr__bookslotitem--input {
font-size: .75em
}
.tr__bookslotitem--input input {
font-size: 1.25em;
width: 35px;
text-align: center;
border: 1px solid #8CC6E9
}
.tr__bookslotitem--date {
font-size: .75em;
text-align: center;
margin: 0
}
.tr__bookslotitem--spots {
font-size: .75em;
text-align: center;
margin: 0
}
.tr__bookslotitem--spots span {
font-weight: 700;
display: block
}
.tr__bookslotitem--button {
position: relative;
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase;
display: block;
background: #8CC6E9;
padding: 10px 20px;
text-align: center;
border: none;
cursor: pointer;
color: #fff;
font-size: 1.25em;
transition: all .2s ease;
position: relative
}
.tr__bookslotitem--button:after,
.tr__bookslotitem--button:before {
content: ' ';
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
width: 1rem;
height: 1rem;
border-radius: 100%;
transform: translate(-50%, -50%);
opacity: 0;
animation: .6s linear animateSpin infinite
}
.tr__bookslotitem--button:before {
width: 1.2rem;
height: 1.2rem;
background: linear-gradient(to bottom right, #8CC6E9, #fff)
}
.tr__bookslotitem--button:after {
background-color: #fff
}
.tr__bookslotitem--button[disabled] {
color: transparent;
background-color: transparent
}
.tr__bookslotitem--button[disabled]:after,
.tr__bookslotitem--button[disabled]:before {
opacity: 1
}
.training--sessions {
width: 100%;
padding-left: 1rem
}
.training--sessions .session-item {
display: none
}
.training--sessions .session-item.active {
display: block
}
@media (min-width:861px) {
.listings--training-regions {
width: calc(100% - 469px);
margin: 0 auto
}
}
.no-upcoming-events {
text-align: center
}
.customer-login__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}
.customer-login__wrapper .woocommerce-error {
max-width: 500px;
list-style: none;
margin-top: 0;
padding: 0
}
#customer-login__toggle {
display: none!important;
visibility: hidden
}
#customer-login__toggle~.customer-login__card--login {
display: block
}
#customer-login__toggle~.customer-login__card--register {
display: none
}
#customer-login__toggle:checked~.customer-login__card--login {
display: none
}
#customer-login__toggle:checked~.customer-login__card--register {
display: block
}
.customer-login__card,
.lost_reset_password {
width: 100%;
max-width: 500px;
padding: 30px 0 15px;
margin: 0 auto
}
@media (min-width:861px) {
.customer-login__card,
.lost_reset_password {
padding: 30px 30px 15px
}
}
.customer-login__card.hidden,
.lost_reset_password.hidden {
display: none!important;
visibility: hidden
}
.customer-login__card header,
.lost_reset_password header {
margin-bottom: 50px
}
.customer-login__card header h2,
.customer-login__card header h3,
.lost_reset_password header h2,
.lost_reset_password header h3 {
display: inline-block
}
.customer-login__card header h2:after,
.customer-login__card header h3:after,
.lost_reset_password header h2:after,
.lost_reset_password header h3:after {
display: block;
content: "";
height: 5px;
width: 100%;
max-width: 250px;
margin-top: 10px;
background: #8CC6E9
}
.customer-login__card header h2,
.lost_reset_password header h2 {
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
margin: 0;
letter-spacing: .125em;
text-transform: uppercase;
font-weight: 500
}
.woocommerce-LostPassword.lost_password {
margin: 0;
font-size: .75em;
text-decoration: underline
}
.customer-login__meta {
margin-bottom: 0;
text-align: center
}
@media (max-width:859px) {
.customer-login__meta {
font-size: 0
}
.customer-login__meta .customer-login__toggle--label,
.customer-login__meta .lost_password {
display: block;
font-size: 12px!important
}
}
.woocommerce-account.woocommerce-page .content label.customer-login__toggle--label {
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #8CC6E9;
text-transform: none;
margin: 0;
font-size: .75em;
text-decoration: underline;
cursor: pointer
}
body.woocommerce-lost-password.woocommerce-page .content>.woocommerce {
-ms-flex-direction: column;
flex-direction: column
}
.product__details--carousel .owl-nav {
opacity: 0;
transition: opacity 250ms ease-out
}
.product__details--carousel:hover .owl-nav {
opacity: 1
}
@media (max-width:860px) {
.product__details--carousel .owl-item {
max-height: 100vw
}
}
.owl-carousel .owl-dots {
position: absolute;
bottom: -20px;
width: 100%;
height: 40px;
margin: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
.owl-carousel .owl-dots .owl-dot.active span {
background-color: #8CC6E9
}
.owl-carousel .owl-nav {
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin: 0
}
.owl-carousel .owl-nav [class*=owl-].owl-next,
.owl-carousel .owl-nav [class*=owl-].owl-prev {
position: absolute;
transform: translate(0, -50%);
top: 0;
font-size: 40px;
border-radius: 0;
background: rgba(0, 0, 0, .5);
border: 1px solid rgba(255, 255, 255, .25);
width: 1.25em;
height: 1.25em;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding: 0
}
.owl-carousel .owl-nav [class*=owl-].owl-next span,
.owl-carousel .owl-nav [class*=owl-].owl-prev span {
display: none
}
.owl-carousel .owl-prev {
left: 0
}
.owl-carousel .owl-next {
right: 0
}
.owl-carousel .owl-item {
overflow-y: scroll;
max-width: 100vw;
max-height: 100vw
}
pre {
background: #aaa
}
.sr-only {
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
border: 0;
position: absolute;
padding: 0;
clip: rect(0, 0, 0, 0)
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
img[srcset] {
width: auto
}
.header__image.owl-carousel img[srcset] {
width: 100%!important
}
img[srcset].attachment-shop_thumbnail {
width: 100%!important
}
img[srcset].attachment-product-page,
img[srcset].woocommerce-product-gallery__image {
width: auto!important
}
} .quiz-wrap{
border-top:#8CC6E9 solid 1px;
border-bottom:#8CC6E9 solid 1px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.quiz-content{
flex-basis: 700px;
margin:0 auto;
}
.quiz-content p{
font-family: 'Oswald';
font-weight: 300;
font-size: 18px;
}
.quiz-but {
position: relative;
margin: 50px auto 60px;
flex-basis: 500px;
}
.blue-but{
width: 80%;
float: right;
text-align: center;
padding:45px 40px 60px 140px;
color:#fff;
z-index: -1;
text-decoration: none;
background:#8CC6E9;
}
.blue-but:hover{
text-decoration: none;  
}
.blue-but:hover h5{
transform:scale(1.05);
-webkit-transition: transform .3s ease-in-out ;
-moz-transition: transform .3s ease-in-out ;
-o-transition: transform .3s ease-in-out ;
transition: transform .3s ease-in-out ;
}
.blue-but h5{
text-decoration: none;
margin:0;
font-size: 17px;
position: relative;
font-family: 'Oswald';
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
transform:scale(1);
-webkit-transition: transform .3s ease-in-out ;
-moz-transition: transform .3s ease-in-out ;
-o-transition: transform .3s ease-in-out ;
transition: transform .3s ease-in-out ;
}
.quiz-but h5:after {
content: "Click here";
font-family: 'Oswald';
text-transform: uppercase;
color: #fff;
font-weight:300;
margin:0;
position: absolute;
left: 50%;
transform:translateX(-50%);
bottom:-20px;
font-size:14px;
}
.quiz-head{
font-weight: 400;
text-transform: uppercase;
padding:40px 0 0;
}
.quiz-wrap img{
position: absolute;
max-width: 330px;
z-index: 1;
top: 50%;
left: -45px;
transform: translateY(-40%);
}
@media(max-width:1200px){
.quiz-content, .quiz-head{
text-align: center;
}
.quiz-head{
padding-left: 1rem;
padding-right: 1rem;
}
.quiz-wrap{
margin:0 auto 70px;   
margin-left: 1rem;
margin-right: 1rem;
}
}
@media(max-width:550px){
.blue-but{
width:100%;
padding:55px 20px 60px 20px;
margin:200px auto 20px;
}
.quiz-wrap img{
left:50%;
transform:translate(-50%,0%);
top:auto;
bottom:65px;
}
}
.related-products{
max-width:1200px;
width:100%;
margin: 0 auto 80px;
text-align: center;
}
.related-products .products{
text-align: center;
}
.related-products li{
display:inline-block;
width: 280px;
list-style:none;
}
.related-products h2{
margin:0 0 20px;
text-transform: uppercase;
font-weight: 400;
}
.related-products li img{
transform:scale(1);
-webkit-transition: transform .3s ease-in-out  ;
-moz-transition: transform .3s ease-in-out  ;
-o-transition: transform .3s ease-in-out  ;
transition: transform .3s ease-in-out  ;
}
.related-products li:hover img{
transform:scale(1.05);
-webkit-transition: transform .3s ease-in-out  ;
-moz-transition: transform .3s ease-in-out  ;
-o-transition: transform .3s ease-in-out  ;
transition: transform .3s ease-in-out  ;
}
.related-products .products{
padding: 0;
}
.related-products .add_to_cart_button, .related-products .price, .related-products .button .product_type_variable{
display:none;
}
.related-products .woocommerce-loop-product__title{
color:#000;
font-size:15px;
text-transform: uppercase;
font-weight: 400;
}
.woocommerce-cart span#dec,.woocommerce-cart span.plus{
display:inline-block;
margin: -5px auto;
}
@media(max-width:850px){
.related-products li{
width:50%;
}
}
.single_variation_wrap .quantity input.qty{
border:none;
}
.single_variation_wrap .quantity input.plus, .single_variation_wrap .quantity input.minus{
font-weight: 600;
position: relative;
display: inline-block;
}
.product-name a{
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight:400;
color:#000;
text-transform: uppercase;
}
.product-name a:hover{
text-decoration:none;
}
@media(max-width:859px){
.shop_table td, .shop_table tr{
display:block;
width: 100%;
}
.woocommerce-cart-form input[type=text]{
width:100%;
}
}