File: D:/HostingSpaces/Velosophe/dev.abloc.cc/wwwroot/app/themes/abloc-child/style.css
/*
Theme Name: aBLOC Child
Theme URI:
Description: aBLOC child theme
Author: Demolium BV
Author URI: https://demolium.com
Template: abloc
Version: 2.0.0
*/
/* Child theme CSS
--------------------------------------------------------------- */
/* style.css overwrites */
@font-face {
font-family: 'Berthold Akzidenz-Grotesk';
src: url('fonts/AkzidenzGroteskBE-Cn.woff2') format('woff2'),
url('fonts/AkzidenzGroteskBE-Cn.woff') format('woff');
font-weight: normal;
font-style: normal;
}
a {
color: #f7be00;
outline: 0;
}
a.invert-color:hover {
color: #f7be00;
}
/* Loader animation */
.blockUI.blockOverlay:after,
.nm-loader:after {
background: #f7be00;
}
.nm-image-overlay:before,
.nm-image-overlay:after {
background: #f7be00;
}
html {
font-size: 100%; /* 100% font-size for REM use */
}
body {
font-family: Asap, Helvetica Neue, HelveticaNeue, Helvetica, Arial, ArialMT,
sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 100%;
min-height: 100%;
background-color: #f2f2f2;
color: #000;
-webkit-font-smoothing: antialiased;
line-height: 2;
margin: 0;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
/* Highlight text color */
.nm-highlight-text,
.nm-highlight-text h1,
.nm-highlight-text h2,
.nm-highlight-text h3,
.nm-highlight-text h4,
.nm-highlight-text h5,
.nm-highlight-text h6,
.nm-highlight-text p {
color: #f7be00;
}
/* Right menu: Cart */
.nm-menu-cart .count {
color: #f7be00;
}
/* Menu offscreen button: Cart count */
.nm-menu li.nm-menu-offscreen .nm-menu-cart-count {
color: #f7be00;
}
.page-numbers li span.current {
color: #f7be00;
}
/* Sticky post */
.nm-blog .sticky .nm-post-thumbnail:before,
.nm-blog .category-sticky .nm-post-thumbnail:before {
color: #f7be00;
}
.nm-blog-categories-list li.current-cat a {
color: #f7be00;
/*padding-bottom: 5px;
border-bottom: 1px solid #f7be00;*/
}
.commentlist .comment .comment-text .meta time {
color: #f7be00;
}
/* Gallery: Overlays */
.gallery-icon:before,
.gallery-icon:after {
background: #f7be00;
}
.widget ul li.active,
.widget ul li a:hover,
.widget ul li a:focus,
.widget ul li a.active {
color: #f7be00;
}
#wp-calendar tbody td a {
background: #f7be00;
}
.nm-footer-widgets .widget_tag_cloud a:hover,
.nm-footer-widgets .widget_product_tag_cloud a:hover,
.widget_tag_cloud a:hover,
.widget_product_tag_cloud a:hover {
background: #f7be00;
}
.nm-page-not-found-icon:before,
.nm-page-not-found-icon:after {
position: absolute;
top: 50%;
left: 0;
display: block;
content: " ";
width: 37px;
height: 2px;
margin-top: -1px;
background: #f7be00;
}
/* help styles copied */
h1 {
margin: 0.67em 0;
font-size: 5rem;
line-height: 0.775;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
outline: 0;
background: transparent;
color: inherit;
font-weight: inherit;
text-decoration: none;
vertical-align: baseline;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
max-width: 100%;
height: auto;
vertical-align: bottom;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border-style: none;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
legend {
display: table;
max-width: 100%;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
[hidden],
template {
display: none;
}
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
li {
display: block;
margin: 0;
padding: 0;
list-style: none;
list-style-image: none;
}
b,
cite,
em,
i,
small,
strong,
td,
th {
font-weight: inherit;
}
abbr[title],
dfn[title] {
cursor: help;
}
ins,
u {
text-decoration: none;
}
address {
font-style: normal;
}
*,
:after,
:before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
::-moz-selection {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
text-shadow: none;
}
::selection {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
text-shadow: none;
}
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
body:after {
display: none;
content: "small";
}
.wf-loading {
opacity: 0;
visibility: hidden;
}
.wf-active {
-webkit-transition: opacity 0.24s ease-in-out;
-nm-transition: opacity 0.24s ease-in-out;
transition: opacity 0.24s ease-in-out;
}
.wf-active,
.wf-inactive {
opacity: 1;
visibility: visible;
}
figure img {
width: 100%;
}
figcaption {
font-size: 0.875rem;
line-height: 1.428571429;
margin-top: 0.5rem;
}
input,
label,
select,
textarea {
display: inline-block;
vertical-align: middle;
}
input[type="search"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nm-copy h1,
.nm-copy h2,
.nm-copy h3,
.nm-copy h4,
h1,
h2,
h3,
h4,
h5,
h6,
.addresses h3,
.nm-shop-loop-details h3 {
letter-spacing: -1.5px;
padding-right: 0px;
}
h2 {
font-size: 4.375rem;
line-height: 0.785714286;
}
h3,
.addresses h3,
.nm-shop-loop-details h3 {
font-size: 1.875rem;
line-height: 0.869565217;
}
h4 {
font-size: 1.375rem;
line-height: 1.090909091;
}
h5 {
font-size: 1.25rem;
line-height: 0.9;
}
h6 {
font-size: 1rem;
line-height: 0.875;
}
figure > img {
display: block;
}
/*body, html {
overflow-x: hidden;
}*/
body.nnm-scroll {
height: 100vh;
margin-top: 70px;
overflow: hidden;
}
.nm-contain {
margin-right: auto;
margin-left: auto;
max-width: 1440px;
}
.nm-contain-padding {
padding-right: 6%;
padding-left: 6%;
}
.nm-contain-padding-lg {
padding-right: 12%;
padding-left: 12%;
}
.copy .nm-form__fields {
margin-left: 0;
}
.copy .nm-form__fields li {
list-style: none;
}
.nm-form__item {
margin-bottom: 0.75rem;
}
.nm-form__input {
font-size: 1.375rem;
line-height: 1.090909091;
padding: 1rem;
-webkit-transition: border 0.24s ease-in;
-nm-transition: border 0.24s ease-in;
transition: border 0.24s ease-in;
border: 2px solid #ececec;
border-radius: 2px;
background-color: #fff;
color: #191b20;
font-family: din-condensed, Helvetica Neue, HelveticaNeue, Helvetica, Arial,
ArialMT, sans-serif;
line-height: 1;
text-transform: uppercase;
-webkit-appearance: none;
resize: none;
}
.nm-form__input:active,
.nm-form__input:focus {
border-color: #000;
outline: 0;
background-color: #fff;
}
.nm-form__input.is-error {
border-color: #f75000;
}
.nm-form__input.is-valid {
border-color: #90da3e;
}
.nm-form__input--full {
width: 100%;
}
::-webkit-input-placeholder {
font-size: 1.375rem;
line-height: 1.090909091;
color: #ececec;
font-family: din-condensed, Helvetica Neue, HelveticaNeue, Helvetica, Arial,
ArialMT, sans-serif;
line-height: 1;
text-transform: uppercase;
}
::-moz-placeholder {
font-size: 1.375rem;
line-height: 1.090909091;
color: #ececec;
font-family: din-condensed, Helvetica Neue, HelveticaNeue, Helvetica, Arial,
ArialMT, sans-serif;
line-height: 1;
text-transform: uppercase;
}
:-ms-input-placeholder {
font-size: 1.375rem;
line-height: 1.090909091;
color: #ececec;
font-family: din-condensed, Helvetica Neue, HelveticaNeue, Helvetica, Arial,
ArialMT, sans-serif;
line-height: 1;
text-transform: uppercase;
}
:-moz-placeholder {
font-size: 1.375rem;
line-height: 1.090909091;
color: #ececec;
font-family: din-condensed, Helvetica Neue, HelveticaNeue, Helvetica, Arial,
ArialMT, sans-serif;
line-height: 1;
text-transform: uppercase;
}
.nm-grid {
display: block;
padding-right: 0;
padding-left: 0;
font-size: 0;
text-align: left;
}
.nm-grid--align-center > .nm-grid__cell {
text-align: center;
}
.nm-grid__cell {
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
font-size: 1rem;
text-align: left;
vertical-align: top;
}
.nm-grid--with-gutter {
margin-right: -1.5rem;
margin-left: -1.5rem;
}
.nm-grid--with-gutter > .nm-grid__cell {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.nm-list-plain li {
padding-left: 0;
}
.nm-list-plain li:before {
display: none;
}
.nm-nav__list {
list-style: none;
}
.nm-nav__item {
display: inline-block;
}
.nm-nav--stacked .nm-nav__item {
display: list-item;
}
.nm-nav--stacked .nm-nav__item .nm-nav__link {
display: block;
}
.nm-message {
font-size: 1.25rem;
line-height: 0.9;
margin: 0.5rem;
padding: 0.5rem;
border: 1px solid #005580;
border-radius: 3px;
background-color: rgba(0, 85, 128, 0.06);
color: #005580;
font-family: Covered By Your Grace, cursive;
}
.nm-message--error {
border-color: #800100;
background-color: rgba(128, 1, 0, 0.06);
color: #800100;
}
.nm-message--success {
border-color: #008100;
background-color: rgba(0, 129, 0, 0.06);
color: #008100;
}
.nm-card__info li:first-child:before,
.nm-dropdown:after,
.nm-panorama__info li:before,
.nm-sellers__link,
.nm-sellers__location:before,
.nm-social__link--whatsapp,
.nm-socials--arrow:after,
.nm-socials__link,
.nm-video__play {
background-image: url(/wp-content/themes/abloc/img/assets.svg);
}
.nm-btn {
display: inline-block;
position: relative;
width: 100%;
max-width: 260px;
padding: 0.9rem 1rem 0.75rem;
-webkit-transition: background-color 0.24s ease-in;
-nm-transition: background-color 0.24s ease-in;
transition: background-color 0.24s ease-in;
border: 0;
border-radius: 0;
background: #f7be00;
color: #000;
font-family: din-condensed, Helvetica Neue, HelveticaNeue, Helvetica, Arial,
ArialMT, sans-serif;
font-size: 23px;
letter-spacing: -.5px;
line-height: inherit;
text-align: center;
text-transform: uppercase;
cursor: pointer;
}
.nm-btn:focus {
outline: 0;
}
.nm-btn:hover {
outline: 0;
background-color: #ffc70c;
text-decoration: none;
}
.nm-btn.is-disabled {
cursor: default;
opacity: 0.5;
}
.nm-btn--secondary {
background-color: #c7ebf7;
}
.nm-btn--secondary:hover {
background-color: #9adbf1;
}
.nm-btn--white {
background-color: #fff;
}
.nm-btn--white:hover {
background-color: #e6e5e5;
}
.nm-btn--full {
display: block;
width: 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
text-align: center;
}
.nm-buy {
position: relative;
z-index: 1;
padding-bottom: 6rem;
color: #fff;
}
.nm-buy:before {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
top: 0;
-webkit-transform: skewY(-4deg);
-ms-transform: skewY(-4deg);
-nm-transform: skewY(-4deg);
transform: skewY(-4deg);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-nm-transform-origin: 0 0;
transform-origin: 0 0;
}
.nm-buy__heading {
letter-spacing: -2px;
}
.nm-buy__image {
position: relative;
margin-top: -20rem;
z-index: 100;
}
.nm-buy__image--dropdown {
max-height: 300px;
margin-bottom: -3rem;
}
.nm-copy {
padding-top: 4rem;
padding-bottom: 6rem;
position: relative;
background-color: #fff;
overflow: hidden;
z-index: 100;
}
.nm-copy > h2,
.nm-copy > h3,
.nm-copy > h4,
.nm-copy > ol,
.nm-copy > p,
.nm-copy > ul {
margin-right: auto;
margin-left: auto;
max-width: 30rem;
}
.nm-copy > * + :not(.nm-grid),
.nm-copy > :not(.nm-grid) + .nm-grid {
margin-top: 1rem;
}
.nm-copy > h2 + :not(.nm-grid) {
margin-top: 0.75rem !important;
}
.nm-copy > :not(.nm-grid) + p {
margin-top: 0.5rem !important;
}
.nm-copy > h2:not(:first-child) {
margin-top: 2rem !important;
}
.nm-copy > .nm-logo,
.nm-copy > :not(.nm-grid) + dl,
.nm-copy > :not(.nm-grid) + ol,
.nm-copy > :not(.nm-grid) + ul,
.nm-copy > h2 + :not(.nm-grid),
.nm-copy > h3 + :not(.nm-grid) {
margin-top: 0.5rem !important;
}
.nm-copy > h4 + p:not(.nm-grid),
.nm-copy > h5 + p:not(.nm-grid),
.nm-copy > h6 + p:not(.nm-grid) {
margin-top: 0 !important;
}
.nm-copy > .nm-btn,
.nm-copy > .nm-logo + :not(.nm-grid) {
margin-top: 3rem !important;
}
.nm-copy > .nm-cta {
margin-top: 4rem !important;
}
.nm-copy > :not(.nm-grid) + figure,
.nm-copy > figure + :not(.nm-grid) {
margin-top: 3rem !important;
}
.nm-copy h1,
.nm-copy h2,
.nm-copy h3,
.nm-copy h4 {
font-family: din-condensed, Helvetica Neue, HelveticaNeue, Helvetica, Arial,
ArialMT, sans-serif;
text-transform: uppercase;
}
.nm-copy h1 strong,
.nm-copy h2 strong,
.nm-copy h3 strong,
.nm-copy h4 strong,
.entry-content strong {
color: #f7be00;
}
.nm-copy h2 {
font-size: 1.375rem;
line-height: 1.090909091;
}
.nm-copy p {
color: #575961;
}
.nm-copy p a {
color: #f7be00;
}
.nm-copy p strong {
color: #191b20;
font-weight: 700;
}
.nm-copy .nm-cta {
position: relative;
padding-top: 4rem;
padding-bottom: 4rem;
}
.nm-copy .nm-cta:after,
.nm-copy .nm-cta:before {
margin-right: -15.7894736842%;
margin-left: -15.7894736842%;
position: absolute;
top: 0;
right: 0;
left: 0;
height: 1px;
background-color: #ececec;
content: "";
}
.nm-copy .nm-cta:after {
top: auto;
bottom: 0;
}
.nm-copy .nm-cta .nm-heading {
text-transform: uppercase;
}
.nm-copy .nm-logo {
margin-right: auto;
margin-left: auto;
display: block;
width: 100%;
max-width: 260px;
}
.nm-cta {
padding-top: 6rem;
padding-bottom: 6rem;
}
.nm-cta.nm-angle-top {
margin-top: 2rem;
}
.nm-cta__button-wrapper {
position: relative;
padding-top: 13rem;
}
.nm-cta__image {
position: absolute;
bottom: 1rem;
left: 50%;
max-height: 220px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-nm-transform: translateX(-50%);
transform: translateX(-50%);
}
.nm-cta .nm-heading {
letter-spacing: -2px;
}
.nm-cta .nm-social__link--whatsapp {
margin-top: 1.25rem;
margin-bottom: 2rem;
}
.nm-cta .nm-btn {
margin-top: 1rem;
}
.nm-cta .nm-btn:first-of-type {
margin-top: 2rem;
}
.nm-cta--secondary .nm-heading strong {
color: #c7ebf7;
}
.nm-footer {
position: relative;
background-color: #191b20;
color: #fff;
}
.nm-footer__logo {
width: 162px;
height: 127px;
display: block;
margin-right: auto;
margin-left: auto;
}
.nm-footer__copy li {
display: inline-block;
}
.nm-form__add-item {
display: block;
}
.nm-form__add-item.is-disabled {
display: none;
cursor: default;
}
.nm-form__error {
margin-bottom: 0.5rem;
color: #f75000;
}
.nm-header {
width: 100%;
height: 70px;
background-color: #c7ebf7;
}
.nm-header__heading {
font-size: 22px;
line-height: 70px;
}
.nm-header__heading strong {
color: #f7be00;
}
.nm-header--fixed {
position: fixed;
top: 0;
left: 0;
z-index: 200;
}
.nm-heading {
font-family: din-condensed, Helvetica Neue, HelveticaNeue, Helvetica, Arial,
ArialMT, sans-serif;
}
.nm-heading strong {
color: #f7be00;
}
.nm-heading--block,
.nm-scribble {
display: block;
}
.nm-scribble {
color: #bebdbd;
font-family: Covered By Your Grace, cursive;
}
.nm-scribble--white {
color: #fff;
}
.nm-scribble--black {
color: #191b20;
}
.nm-image-grid {
position: relative;
margin-top: 0.5rem;
}
.nm-image-grid__heading {
width: 100%;
padding: 2rem 4rem;
background-color: #191b20;
color: #fff;
letter-spacing: -1px;
}
.nm-image-grid__heading strong {
color: #c7ebf7;
}
.nm-link {
display: inline-block;
position: relative;
margin-bottom: 0.75rem;
font-family: din-condensed, Helvetica Neue, HelveticaNeue, Helvetica, Arial,
ArialMT, sans-serif;
text-transform: uppercase;
}
.nm-link:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
-webkit-transition: bottom 0.14s ease-in;
-nm-transition: bottom 0.14s ease-in;
transition: bottom 0.14s ease-in;
background-color: #f7be00;
content: "";
}
.nm-link:hover:after {
bottom: -2px;
}
.abc-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.abc-loader:before {
top: calc(50% - 60px);
left: calc(50% - 20px);
width: 40px;
height: 40px;
background-image: url(/wp-content/themes/abloc/img/loader.svg);
-webkit-animation: a 6s linear infinite;
-nm-animation: a 6s linear infinite;
animation: a 6s linear infinite;
content: "";
}
.abc-loader:before,
.abc-loader span {
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-nm-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.abc-loader span {
top: 50%;
left: 50%;
width: 100%;
text-align: center;
}
.nm-masthead {
position: absolute;
top: 50%;
left: 6%;
width: 50px;
height: 40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-nm-transform: translateY(-50%);
transform: translateY(-50%);
}
.nm-nav-main {
position: absolute;
top: 70px;
left: 0;
width: 100%;
height: 0;
-webkit-transition: opacity 0.24s ease-in;
-nm-transition: opacity 0.24s ease-in;
transition: opacity 0.24s ease-in;
background-color: #191b20;
opacity: 0;
overflow: hidden;
visibility: hidden;
}
.nm-nav-main.is-open {
height: 100vh;
opacity: 1;
visibility: visible;
}
.nm-nav-main__list {
padding-top: 3rem;
padding-bottom: 3rem;
}
.nm-nav-main__link {
font-size: 1.875rem;
line-height: 1.666;
letter-spacing: -1px;
color: #fff;
}
.nm-nav-main__link.is-active {
color: #f7be00;
}
.nm-newsletter {
padding-top: 6rem;
padding-bottom: 25rem;
}
.nm-note {
font-size: 1.375rem;
line-height: 1.090909091;
margin-right: 1.75rem;
margin-left: 1.75rem;
padding: 1rem;
background-color: #fff;
color: #191b20;
font-family: Covered By Your Grace, cursive;
-webkit-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 12px 22px 0 rgba(0, 0, 0, 0.15);
}
.nm-panorama {
position: relative;
}
.nm-panorama__image {
width: 100%;
height: 100%;
position: absolute;
}
.nm-panorama__content {
position: relative;
z-index: 100;
}
.nm-panorama__heading {
letter-spacing: -2px;
}
.nm-panorama__info {
font-family: DINCondensed-Regular, Helvetica Neue, HelveticaNeue, Helvetica,
Arial, ArialMT, sans-serif;
text-transform: uppercase;
}
.nm-panorama__info li:first-child:before {
position: absolute;
top: 50%;
left: -25px;
width: 12px;
height: 16px;
display: block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-nm-transform: translateY(-50%);
transform: translateY(-50%);
background-position: -4px -1px;
content: "";
}
.nm-panorama__info + .nm-panorama__info li:first-child:before {
width: 13px;
height: 15px;
background-position: -576px 0;
}
.nm-panorama__stats li {
font-size: 4.375rem;
line-height: 0.785714286;
display: inline-block;
margin-right: 2rem;
}
.nm-panorama__stats li:first-child:before {
position: absolute;
top: 0.25rem;
left: -28px;
width: 18px;
height: 16px;
display: inline-block;
background-image: url(/wp-content/themes/abloc/img/assets.svg);
background-position: -96px 0;
content: "";
}
.nm-panorama__stats li:last-child {
margin-right: 0;
}
.nm-panorama__stats span {
font-size: 1rem;
line-height: 1.625;
display: block;
margin-bottom: 0.5rem;
}
.nm-panorama--simple .nm-panorama__content {
padding-top: 5rem;
padding-bottom: 7rem;
}
.nm-panorama--simple .nm-scribble {
margin-top: 3rem;
}
.nm-panorama--simple .nm-panorama__cta {
margin-top: 1.5rem;
color: #fff;
}
.nm-panorama--event {
position: relative;
z-index: 1;
margin-bottom: 6rem;
padding-top: 6rem;
padding-left: 12%;
background-color: #191b20;
}
.nm-panorama--event:after {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
bottom: 0;
-webkit-transform: skewY(-4deg);
-ms-transform: skewY(-4deg);
-nm-transform: skewY(-4deg);
transform: skewY(-4deg);
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
-nm-transform-origin: 100%;
transform-origin: 100%;
bottom: -9rem;
}
.nm-panorama--event .nm-panorama__content {
width: 66.6666666667%;
margin-top: -1rem;
padding-bottom: 10rem;
color: #fff;
}
.nm-panorama--event .nm-panorama__info,
.nm-panorama--event .nm-panorama__stats {
margin-left: -6%;
padding-left: 3%;
}
.nm-panorama--event .nm-panorama__heading {
margin-left: -6%;
}
.nm-panorama--event .nm-panorama__image:after,
.nm-panorama--simple .nm-panorama__image:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.35);
content: "";
}
.nm-panorama--secondary .nm-panorama__content {
padding-bottom: 14rem;
}
.nm-panorama--secondary strong {
color: #c7ebf7;
}
.nm-panorama--secondary .nm-panorama__info li:first-child:before {
background-position: -294px -1px;
}
.nm-panorama--secondary .nm-panorama__stats li:first-child:before {
background-position: -384px -1px;
}
.nm-panorama--404 .nm-panorama__content {
left: -6%;
}
.nm-panorama--404 .nm-panorama__info {
position: relative;
}
.nm-panorama--404 .nm-panorama__info li {
padding-left: 1.25rem;
}
.nm-panorama--404 .nm-panorama__info li:first-child:before {
left: 0;
}
.nm-panorama--404 .nm-panorama__heading {
margin-left: 0;
}
.nm-panorama--products {
padding-bottom: 12rem;
}
.nm-panorama--legal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1003;
}
.nm-panorama--legal .nm-panorama__image:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
content: "";
}
.nm-panorama--legal .nm-panorama__content {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: 50rem;
-webkit-transform: translate(-50%, -60%);
-ms-transform: translate(-50%, -60%);
-nm-transform: translate(-50%, -60%);
transform: translate(-50%, -60%);
}
.nm-panorama--legal .nm-panorama__logo {
margin-right: auto;
margin-left: auto;
display: block;
margin-bottom: 2rem;
}
.nm-panorama--legal .nm-panorama__notice {
position: absolute;
bottom: 6%;
width: 100%;
}
.nm-panorama--legal .nm-btn {
max-width: 140px;
}
.nm-panorama--legal .nm-btn:first-of-type {
margin-right: 0.5rem;
}
.nm-dropdown {
padding-top: 1rem;
padding-bottom: 1rem;
position: relative;
max-width: 350px;
margin-right: auto;
margin-left: auto;
background-color: #fff;
color: #191b20;
-webkit-box-shadow: 0 16px 34px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 16px 34px 0 rgba(0, 0, 0, 0.2);
font-family: din-condensed, Helvetica Neue, HelveticaNeue, Helvetica, Arial,
ArialMT, sans-serif;
text-transform: uppercase;
cursor: pointer;
z-index: 100;
}
.nm-dropdown:after {
position: absolute;
top: 50%;
right: 1.25rem;
width: 13px;
height: 8px;
margin-top: -4px;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-nm-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: -webkit-transform 0.24s ease-out;
transition: -webkit-transform 0.24s ease-out;
-nm-transition: -nm-transform 0.24s ease-out;
transition: transform 0.24s ease-out;
transition: transform 0.24s ease-out, -webkit-transform 0.24s ease-out,
-nm-transform 0.24s ease-out;
background-position: 0 -288px;
content: "";
}
.nm-dropdown.is-rotated:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-nm-transform: rotate(180deg);
transform: rotate(180deg);
}
.nm-dropdown__menu {
position: absolute;
top: 100%;
left: 0;
display: none;
width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 16px 34px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 16px 34px 0 rgba(0, 0, 0, 0.2);
}
.nm-dropdown__item {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
border-top: 1px solid #ececec;
color: #191b20;
}
.nm-dropdown__item:hover:after {
right: 0.75rem;
}
.nm-dropdown__item:after {
position: absolute;
top: 50%;
right: 1rem;
width: 18px;
height: 16px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-nm-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: right 0.24s ease-in;
-nm-transition: right 0.24s ease-in;
transition: right 0.24s ease-in;
background-image: url(/wp-content/themes/abloc/img/assets.svg);
background-position: -192px 0;
content: "";
}
.nm-sellers__item {
position: relative;
margin-top: -2px;
padding: 0.75rem 1rem 0.25rem;
border: 2px solid #ececec;
background-color: #fff;
}
.nm-sellers__item:hover .nm-sellers__link {
right: 0.75rem;
}
.nm-sellers__heading {
font-size: 1.875rem;
line-height: 0.869565217;
color: #191b20;
}
.nm-sellers__location {
display: block;
color: #bebdbd;
}
.nm-sellers__location:before {
width: 8px;
height: 12px;
display: inline-block;
margin-right: 0.5rem;
background-position: -672px 0;
content: "";
}
.nm-sellers__link {
position: absolute;
top: 50%;
right: 1rem;
width: 18px;
height: 16px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
display: block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-nm-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: right 0.24s ease-in;
-nm-transition: right 0.24s ease-in;
transition: right 0.24s ease-in;
background-position: -192px 0;
}
.nm-social {
padding-top: 4rem;
background-color: #fff;
}
.nm-social__sub {
color: #bebdbd;
}
.nm-socials__item {
width: 22px;
height: 30px;
display: inline-block;
margin-right: 4px;
margin-left: 4px;
}
.nm-socials__link {
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.nm-socials__link--twitter {
background-position: 0 -96px;
}
.nm-socials__link--facebook {
background-position: -96px -96px;
}
.nm-socials__link--instagram {
background-position: -192px -96px;
}
.nm-socials__link--youtube {
background-position: -288px -96px;
}
.nm-socials__link--strava {
background-position: -384px -96px;
}
.nm-socials--white .nm-socials__link--twitter {
background-position: -480px -96px;
}
.nm-socials--white .nm-socials__link--facebook {
background-position: -576px -96px;
}
.nm-socials--white .nm-socials__link--instagram {
background-position: -672px -96px;
}
.nm-socials--white .nm-socials__link--youtube {
background-position: -768px -96px;
}
.nm-socials--white .nm-socials__link--strava {
background-position: -864px -96px;
}
.nm-socials--arrow:after {
width: 42px;
height: 40px;
display: block;
margin: 1rem auto 2rem;
background-position: 0 -192px;
content: "";
}
.nm-social__link--whatsapp {
width: 42px;
height: 42px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
display: block;
margin-right: auto;
margin-left: auto;
background-position: -192px -192px;
}
.nm-tabs {
padding-top: 1rem;
padding-bottom: 0;
position: relative;
background-color: #fff;
}
.nm-tabs__link {
color: #bebdbd;
}
.nm-tabs__link.is-active {
color: #191b20;
}
.nm-tabs__link.is-active span {
color: #f7be00;
}
.nm-video {
max-width: 100%;
}
.nm-video .nm-video__play {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-nm-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.nm-video__wrapper {
position: relative;
}
.nm-video__play {
width: 60px;
height: 60px;
border: 0;
background-color: transparent;
overflow: hidden;
display: block;
margin: 0 auto 3rem;
background-position: -96px -192px;
cursor: pointer;
}
.nm-video__play:before {
display: block;
width: 0;
height: 100%;
content: "";
}
.nm-video__play--secondary {
background-position: -96px -288px;
}
.nm-bg-black {
background-color: #191b20;
}
.nm-bg-white {
background-color: #fff;
}
.nm-bg-gray {
background-color: #f2f2f2;
}
.nm-bg-secondary {
background-color: #f7be00;
}
.nm-center {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-nm-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.nm-block-center {
margin-right: auto;
margin-left: auto;
display: block;
}
.is-visible {
display: block;
visibility: visible;
}
.is-hidden {
display: none;
visibility: hidden;
}
.nm-content-max-width {
max-width: 400px;
margin-right: auto;
margin-left: auto;
}
.nm-content-max-width--lg {
max-width: 30rem;
margin-right: auto;
margin-left: auto;
}
.nm-pull-viewport {
margin-right: -12%;
margin-left: -12%;
}
.nm-pull-up {
margin-top: -2rem;
}
.nm-angle {
z-index: 1;
position: relative;
}
.nm-angle:before {
top: 0;
-webkit-transform: skewY(-4deg);
-ms-transform: skewY(-4deg);
-nm-transform: skewY(-4deg);
transform: skewY(-4deg);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-nm-transform-origin: 0 0;
transform-origin: 0 0;
}
.nm-angle:after,
.nm-angle:before {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
}
.nm-angle:after {
bottom: 0;
-webkit-transform: skewY(-4deg);
-ms-transform: skewY(-4deg);
-nm-transform: skewY(-4deg);
transform: skewY(-4deg);
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
-nm-transform-origin: 100%;
transform-origin: 100%;
}
.nm-angle-top {
z-index: 1;
position: relative;
}
.nm-angle-top:before {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
top: 0;
-webkit-transform: skewY(-4deg);
-ms-transform: skewY(-4deg);
-nm-transform: skewY(-4deg);
transform: skewY(-4deg);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-nm-transform-origin: 0 0;
transform-origin: 0 0;
}
.nm-angle-bottom {
z-index: 1;
position: relative;
}
.nm-angle-bottom:after {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
bottom: 0;
-webkit-transform: skewY(-4deg);
-ms-transform: skewY(-4deg);
-nm-transform: skewY(-4deg);
transform: skewY(-4deg);
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
-nm-transform-origin: 100%;
transform-origin: 100%;
}
.nm-margin-leader-pico {
margin-top: 0.25rem;
}
.nm-margin-leader-base {
margin-top: 16px;
}
.nm-margin-leader-zeta {
margin-top: 2rem;
}
.nm-margin-leader-epsilon {
margin-top: 32px;
}
.nm-margin-leader-delta {
margin-top: 4rem;
}
.nm-margin-leader-gamma {
margin-top: 5rem;
}
.nm-margin-trailer-epsilon {
margin-bottom: 3rem;
}
.nm-margin-trailer-delta {
margin-bottom: 4rem;
}
.nm-padding-leader-base {
padding-top: 1rem;
}
.nm-padding-leader-zeta {
padding-top: 2rem;
}
.nm-padding-leader-delta {
padding-top: 4rem;
}
.nm-padding-leader-gamma {
padding-top: 70px;
}
.nm-padding-trailer-delta {
padding-bottom: 4rem;
}
.nm-padding-trailer-gamma {
padding-bottom: 5rem;
}
.nm-padding-trailer-beta {
padding-bottom: 6rem;
}
.nm-padding-trailer-alpha {
padding-bottom: 8rem;
}
.nm-padding-rhythm-delta {
padding-top: 4rem;
padding-bottom: 4rem;
}
.is-disabled {
opacity: 0.2;
}
.is-disabled,
.js-block {
cursor: pointer;
}
.text-center {
text-align: center;
}
.nm-text-left {
text-align: left;
}
.nm-text-uppercase {
text-transform: uppercase;
}
.nm-text-white {
color: #fff;
}
.nm-text-gray {
color: #bebdbd;
}
.nm-text-size-nano {
font-size: 14px;
line-height: 1.428571429;
}
.nm-text-size-epsilon {
font-size: 1.25rem;
line-height: 0.9;
}
.nm-text-size-delta {
font-size: 1.5rem;
line-height: 1.090909091;
}
.nm-text-size-gamma {
font-size: 1.875rem;
line-height: 0.869565217;
}
.nm-text-size-beta {
font-size: 4.375rem;
line-height: 0.785714286;
}
.nm-text-size-alpha {
font-size: 5rem;
line-height: 0.775;
}
@media (min-width: 20em) {
body:after {
content: '"small"';
}
.nm-1of2--sm {
width: 50%;
}
}
@media (min-width: 37.5em) {
body:after {
content: '"compact"';
}
h2 {
font-size: 3.75rem;
line-height: 0.785714286;
}
html {
font-size: 100%;
}
.nm-cta.nm-angle-top {
margin-top: 0;
}
.nm-note {
padding: 2rem 3rem;
-webkit-box-shadow: 0 24px 44px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 24px 44px 0 rgba(0, 0, 0, 0.15);
}
.nm-panorama__stats li {
font-size: 3.75rem;
line-height: 0.785714286;
}
.nm-sellers__link {
top: 0.875rem;
-webkit-transform: translate(0);
-ms-transform: translate(0);
-nm-transform: translate(0);
transform: translate(0);
}
.nm-tabs {
padding-bottom: 1rem;
}
.nm-1of2--cp {
width: 50%;
}
.nm-text-size-beta {
font-size: 3.75rem;
line-height: 0.785714286;
}
}
@media (min-width: 48em) {
body:after {
content: '"medium"';
}
html {
font-size: 112.5%;
}
.nm-buy {
position: relative;
z-index: 1;
padding-top: 6rem;
}
.nm-buy:before {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
top: 0;
-webkit-transform: skewY(-2deg);
-ms-transform: skewY(-2deg);
-nm-transform: skewY(-2deg);
transform: skewY(-2deg);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-nm-transform-origin: 0 0;
transform-origin: 0 0;
}
.nm-buy__image {
margin-top: -8rem;
}
.nm-buy__image--dropdown {
max-height: 500px;
}
.nm-cta__image {
max-height: 300px;
}
.nm-cta__button-wrapper {
padding-top: 14rem;
}
.nm-newsletter {
padding-bottom: 7rem;
}
.nm-panorama--simple .nm-panorama__content {
padding-top: 6.5rem;
padding-bottom: 6.5rem;
margin-right: auto;
margin-left: auto;
max-width: 50rem;
text-align: center;
}
.nm-panorama--simple .nm-scribble {
margin-top: 1rem;
}
.nm-panorama--products {
padding-bottom: 4rem;
}
.nm-1of2--md {
width: 50%;
}
.nm-1of4--md {
width: 25%;
}
}
@media (min-width: 64em) {
body:after {
content: '"large"';
}
h2 {
font-size: 3rem;
line-height: 0.785714286;
}
h3,
.addresses h3,
.widget .nm-widget-title,
.nm-shop-loop-details h3 {
font-size: 2.45rem;
line-height: 0.869565217;
}
html {
font-size: 125%;
}
.nm-buy {
padding-top: 8rem;
padding-bottom: 8rem;
}
.nm-buy__image {
margin-top: -14rem;
}
.nm-cta {
padding-top: 8rem;
padding-bottom: 10rem;
}
.nm-cta__image {
max-height: 400px;
}
.nm-cta__button-wrapper {
padding-top: 20rem;
}
.nm-newsletter {
padding-bottom: 9rem;
}
.nm-panorama__stats li {
font-size: 3rem;
line-height: 0.785714286;
}
.nm-panorama--products {
padding-bottom: 6rem;
}
.nm-sellers__heading {
font-size: 2.45rem;
line-height: 0.869565217;
}
.nm-social {
padding-top: 6rem;
}
.nm-1of3--lg {
width: 33.3333333333%;
}
.nm-text-size-gamma {
font-size: 2.45rem;
line-height: 0.869565217;
}
.nm-text-size-beta {
font-size: 3rem;
line-height: 0.785714286;
}
}
@media (min-width: 80em) {
body:after {
content: '"wide"';
}
h2 {
font-size: 3.8rem;
line-height: 0.785714286;
}
html {
font-size: 125%;
}
.nm-panorama__stats li {
font-size: 3.8rem;
line-height: 0.785714286;
}
.nm-panorama--event .nm-panorama__heading {
font-size: 3.5rem;
line-height: 0.78571428;
}
.nm-text-size-beta {
font-size: 3.8rem;
line-height: 0.785714286;
}
}
@media (min-width: 90em) {
body:after {
content: '"huge"';
}
h2 {
line-height: 0.785714286;
}
h2,
h3,
.addresses h3,
.widget .nm-widget-title,
.nm-shop-loop-details h3 {
font-size: 2.45rem;
}
h3,
.addresses h3,
.widget .nm-widget-title,
.nm-shop-loop-details h3 {
line-height: 0.869565217;
}
html {
font-size: 125%;
}
.nm-panorama__stats li {
font-size: 3rem;
line-height: 0.785714286;
}
.nm-panorama--simple .nm-panorama__content {
padding-top: 8.5rem;
padding-bottom: 8.5rem;
}
.nm-panorama--event .nm-panorama__content {
padding-bottom: 15rem;
}
.nm-panorama--secondary .nm-panorama__content {
padding-bottom: 25rem;
}
.nm-sellers__heading {
font-size: 3rem;
line-height: 0.869565217;
}
.nm-1of4--hg {
width: 25%;
}
.nm-text-size-gamma {
font-size: 3rem;
line-height: 0.869565217;
}
.nm-text-size-beta {
font-size: 3rem;
line-height: 0.785714286;
}
}
@keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes a {
0% {
-nm-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-nm-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes a {
0% {
-webkit-transform: rotate(0deg);
-nm-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(1turn);
-nm-transform: rotate(1turn);
transform: rotate(1turn);
}
}
h3,
.addresses h3,
.widget .nm-widget-title,
.nm-shop-loop-details h3 {
font-size: 1.875rem;
line-height: 0.869565217;
}
.din {
font-family: "din-condensed", "Helvetica Neue", "HelveticaNeue", Helvetica,
Arial, "ArialMT", sans-serif;
text-transform: uppercase;
}
.main-title {
letter-spacing: -1.5px;
font-size: 1.4rem;
}
h1,
h2,
h3,
h4,
h5,
h6,
.addresses h3,
.widget .nm-widget-title,
.nm-shop-loop-details h3 {
font-family: "din-condensed", "Helvetica Neue", "HelveticaNeue", Helvetica,
Arial, "ArialMT", sans-serif;
letter-spacing: -1.5px;
text-transform: uppercase;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong {
color: #f7be00;
}
.nm-shop-filter-menu {
display: none;
width: 0%;
}
.nm-shop-categories {
width: 100%;
font-family: "din-condensed", "Helvetica Neue", "HelveticaNeue", Helvetica,
Arial, "ArialMT", sans-serif;
text-align: center;
letter-spacing: -1.5px;
text-transform: uppercase;
}
.nm-shop-menu ul li a {
color: #000;
}
.nm-shop-header {
padding: 16px 0;
background-color: #fff;
}
.nm-menu li.nm-menu-offscreen {
display: block;
}
.nm-menu-icon span {
height: 2px;
}
.nm-menu-icon span.line-1 {
top: 1px;
}
.nm-text-center {
text-align: center;
}
.nm-footer_logo {
width: 162px;
height: 127px;
display: block;
margin-right: auto;
margin-left: auto;
}
.nm-socials--arrow:after,
.nm-socials__link,
.nm-video__play {
background-image: url(/wp-content/themes/abloc/img/assets.svg);
}
.skew-grey-top {
background: #f2f2f2;
position: relative;
z-index: 1;
}
.skew-yellow-top {
background: #f7be00;
position: relative;
z-index: 1;
}
.skew-black-top {
background: #191b20;
position: relative;
z-index: 1;
}
.skew-grey-top:before,
.skew-yellow-top:before,
.skew-black-top:before {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
}
.skew-grey-top:before,
.skew-yellow-top:before,
.skew-black-top:before {
top: 0;
-webkit-transform: skewY(-4deg);
-ms-transform: skewY(-4deg);
-nm-transform: skewY(-4deg);
transform: skewY(-4deg);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-nm-transform-origin: 0 0;
transform-origin: 0 0;
}
.nm-shop-loop-details,
.nm-shop-loop-actions {
text-align: center;
}
.nm-shop-loop-details h3 a {
color: #000;
}
.nm-product-category-text .nm-product-category-heading {
font-size: 4em;
color: #f7be00;
}
.nm-product-category-text a {
display: none;
}
#nav_menu-2 {
margin-top: 3rem;
}
/* shop.css overrides */
.woocommerce-breadcrumb a:hover {
color: #f7be00;
}
/* Success/Notice/Error */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
color: #191b20;
}
/* Site-wide notice */
.demo_store {
background: #f7be00;
}
.woocommerce-form__label,
.form-row label {
font-size: 14px;
color: #191b20;
}
.nm-custom-radio:checked + .nm-custom-radio-label:before {
background-color: #191b20;
}
.select2-results__option:last-child {
border-bottom: 0 none;
}
.select2-container--default
.select2-results__option--highlighted[aria-selected] {
background: #191b20;
}
ul.wc-item-meta li > strong,
ul.variation li > div:first-child {
/*color: #191b20;*/
margin-right: 2px;
}
/* Addresses */
.addresses {
color: #191b20;
}
.woocommerce-loop-category__title {
font-size: 16px;
line-height: 1.4;
color: #191b20;
margin-top: 14px;
padding-bottom: 12px;
}
/* Thumbnail */
.nm-shop-loop-thumbnail {
position: relative;
overflow: hidden;
background: #f2f2f2;
margin-top: 1rem;
}
/* "Out of stock" flash */
.products li.outofstock .nm-shop-loop-thumbnail > a:after {
position: absolute;
top: 12px;
left: 12px;
display: block;
font-size: 14px;
line-height: 1;
color: #191b20;
content: "Out of stock";
padding: 4px 8px;
text-align: center;
-webkit-border-radius: 30px;
border-radius: 30px;
background: #fff;
}
.nm-shop-loop-actions {
position: absolute;
top: 0;
/*left: -10px;*/
opacity: 0;
}
/* Details: Price */
.products .price {
font-size: 1rem;
white-space: nowrap;
}
.products .price .amount {
color: #191b20;
}
.products .price del {
text-decoration: line-through;
}
.products .price ins {
color: #f7be00;
text-decoration: none;
background: none;
}
.products .price ins .amount {
color: #f7be00;
}
/* Details: Actions */
.nm-shop-loop-actions > a,
.nm-shop-loop-actions > a:active,
.nm-shop-loop-actions > a:focus {
color: #191b20;
}
.nm-shop-loop-actions > a {
display: inline-block;
position: relative;
width: 100%;
max-width: 260px;
padding: 0.9rem 1rem 0.75rem;
-webkit-transition: background-color 0.24s ease-in;
-nm-transition: background-color 0.24s ease-in;
transition: background-color 0.24s ease-in;
border: 0;
border-radius: 0;
background: #f7be00;
color: #000;
font-family: din-condensed, Helvetica Neue, HelveticaNeue, Helvetica, Arial,
ArialMT, sans-serif;
font-size: 23px;
letter-spacing: -.5px;
line-height: inherit;
text-align: center;
text-transform: uppercase;
cursor: pointer;
}
.touch .action-link-touch .nm-shop-loop-actions > a,
.action-link-show .nm-shop-loop-actions > a {
display: block;
color: #000000;
margin-top: 11px;
padding: 7px 0px;
margin-left: auto;
margin-right: auto;
}
.no-touch .nm-shop-loop-actions > a:hover {
color: #000000 !important;
}
.nm-shop-menu ul li a:hover,
.nm-shop-menu ul li.current-cat a,
.nm-shop-menu ul li.active a {
/*color: #191b20;*/
color: #f7be00;
}
#nm-shop-sidebar-popup-button {
background: #191b20;
}
#nm-shop-sidebar-popup #nm-shop-search input {
color: #191b20;
}
#nm-shop-sidebar-popup #nm-shop-search span.nm-search-icon {
color: #191b20;
}
#nm-shop-sidebar-popup .nm-shop-sidebar .widget:last-child .nm-widget-title,
#nm-shop-sidebar-popup .nm-shop-sidebar .widget .nm-widget-title {
color: #191b20;
}
#nm-shop-search-close:hover {
color: #191b20;
/*opacity: 0.8;*/
}
.nm-shop-results-bar a span {
color: #191b20;
}
/* Buttons */
.nm-infload-controls a {
color: #191b20;
}
/* Products: No products found */
.nm-shop-no-products h3 {
color: #191b20;
}
@media all and (max-width: 991px) {
.nm-shop-menu .nm-shop-filter-menu li a:hover,
.nm-shop-menu .nm-shop-filter-menu li.active a {
color: #191b20;
}
.nm-shop-categories li.current-cat a {
color: #191b20;
}
#nm-shop-sidebar .widget.show .nm-widget-title,
#nm-shop-sidebar .widget .nm-widget-title:hover {
color: #191b20;
}
}
.nm-single-product-menu a:hover {
color: #f7be00;
}
.woocommerce-product-gallery__trigger:hover {
color: #f7be00;
}
.woocommerce-product-gallery .flex-direction-nav a:hover {
color: #f7be00;
}
.single-product .pswp__button {
color: #191b20;
}
.single-product .pswp__share-tooltip {
background: #191b20;
}
.single-product a.pswp__share--facebook:before {
border-bottom-color: #191b20;
}
.nm-featured-video-icon {
color: #191b20;
}
.product .summary .price .amount {
color: #f7be00;
}
.product .summary .price ins {
color: #f7be00;
}
/* Summary: Variations */
.variations {
color: #191b20;
}
.variations tr .value select {
color: #191b20;
}
.group_table .label a {
color: #191b20;
}
.product .summary .group_table .price ins .amount,
.product .summary .group_table .price > .amount {
color: #191b20;
}
.nm-quantity-wrap .quantity .nm-qty-minus,
.nm-quantity-wrap .quantity .nm-qty-plus {
color: #191b20;
}
.product
.summary
.single_variation_wrap
.nm-quantity-wrap
label:not(.nm-qty-label-abbrev) {
color: #191b20;
}
.nm-product-share a:hover {
color: #191b20;
}
.nm-product-wishlist-button-wrap a:hover {
color: #191b20;
}
.nm-product-wishlist-button-wrap a.added:active,
.nm-product-wishlist-button-wrap a.added:focus,
.nm-product-wishlist-button-wrap a.added:hover,
.nm-product-wishlist-button-wrap a.added {
color: #f7be00;
}
.woocommerce-tabs .tabs li.active a {
color: #191b20;
}
.woocommerce-tabs .tabs li a span {
color: #f7be00;
}
.shop_attributes th {
color: #191b20;
}
.woocommerce-verification-required {
color: #191b20;
}
#review_form .comment-form-rating .stars:hover a,
#review_form .comment-form-rating .stars.has-active a {
color: #f7be00;
}
/* Product meta */
.product_meta {
color: #191b20;
}
.product_meta a:hover {
color: #f7be00;
}
@media (max-width: 1199px) {
.woocommerce-product-gallery.pagination-enabled
.flex-control-thumbs
li
img.flex-active {
border: 2px solid #f7be00;
}
}
@media all and (max-width: 400px) {
.woocommerce-product-gallery.pagination-enabled
.flex-control-thumbs
li
img.flex-active {
background: #f7be00;
}
}
.star-rating span:before {
color: #f7be00;
}
.shop_table.cart .nm-product-details a {
color: #191b20;
}
/* Contents: Details - Quantity */
.shop_table.cart .product-quantity {
color: #191b20;
}
.shop_table.cart .nm-product-quantity-pricing .product-subtotal {
color: #191b20;
}
.shop_table.cart .product-remove a {
color: #191b20;
}
.cart-collaterals {
color: #191b20;
}
.nm-cart-empty {
color: #191b20;
}
#order_review .shop_table {
color: #191b20;
}
#payment .payment_methods li label {
color: #191b20;
}
.woocommerce-thankyou-order-details li strong {
color: #191b20;
}
.bacs_details li strong {
color: #191b20;
}
.nm-myaccount-login,
.nm-myaccount-lost-reset-password {
color: #191b20;
}
.nm-myaccount-login input.input-text,
.nm-myaccount-lost-reset-password input.input-text {
color: #191b20;
}
.nm-login-form-divider span {
color: #191b20;
}
.login .lost_password a {
color: #191b20;
}
.nm-MyAccount-user-info .nm-username strong {
color: #191b20;
}
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
color: #191b20;
}
.woocommerce-MyAccount-content .shop_table tr th {
color: #191b20;
}
.woocommerce-MyAccount-orders tr td.order-total .amount {
color: #191b20;
}
.nm-order-info mark,
.nm-order-info .order-number,
.nm-order-info .order-date,
.nm-order-info .order-status,
.order-info mark,
.order-info .order-number,
.order-info .order-date,
.order-info .order-status {
background: #f7be00;
}
.nm-order-view .commentlist li .comment-text .meta {
color: #f7be00;
}
.nm-order-view .commentlist li .comment-text .description {
color: #191b20;
}
.woocommerce-order-details table.order_details {
color: #191b20;
}
.woocommerce-order-details .order_details tbody tr td.product-name > a {
color: #191b20;
}
/* Widget: Price filter list */
.ab_widget_price_filter ul li.current {
color: #f7be00;
}
.widget_price_filter .ui-slider .ui-slider-handle {
background-color: #191b20;
border: 1px solid #191b20;
}
.widget_product_categories ul li.current-cat > a {
color: #f7be00;
}
.widget_layered_nav ul li.chosen a,
.widget_layered_nav_filters ul li.chosen a {
color: #f7be00;
border: 1px solid #f7be00;
}
.product_list_widget .amount,
.product_list_widget del .amount,
.product_list_widget ins .amount {
color: #191b20;
}
.product_list_widget ins .amount {
color: #f7be00;
}
.woocommerce.widget_rating_filter .wc-layered-nav-rating.chosen > a {
color: #f7be00;
}
.nm-wishlist-button.added:active,
.nm-wishlist-button.added:focus,
.nm-wishlist-button.added:hover,
.nm-wishlist-button.added {
color: #f7be00;
}
#nm-wishlist table tr th {
color: #191b20;
}
#nm-wishlist table tr td.title h3 a {
color: #191b20;
}
#nm-wishlist-empty p.icon i {
color: #191b20;
}
#nm-wishlist-empty .note i {
color: #f7be00;
}
/*.nm-shop-filter-menu {*/
/* width: 100%;*/
/*}*/
/*.archive .nm-products {*/
/* display: table-row;*/
/*}*/
/*.products li {*/
/* display: inline-block;*/
/* float: none;*/
/*}*/
.center_block {
text-align: center;
}
.wc-tabs {
display:none!important;
}
.nm-shop-menu ul li:first-child {
display: none!important;
}
.header_block {
padding: 10px;
border: 3px solid red;
margin: 20px;
margin-bottom: 0px;
background: #fff;
}
.sizes-table, .sizes-table td, .sizes-table tr {
vertical-align:middle;
text-align:center;
}
.sizes-table {
width:100%;
margin-top:20px;
}
@media (max-width: 500px) {
.woocommerce-product-gallery .flex-direction-nav .flex-prev, .flex-next {
opacity: 1!important;
}
.flex-next {
padding-right: 35px;
}
.woocommerce-product-gallery .flex-direction-nav .flex-prev {
padding-left: 10px;
}
.woocommerce-product-gallery .flex-direction-nav .flex-next:after,
.woocommerce-product-gallery .flex-direction-nav .flex-prev:after {
font-size: 60px;
}
.pswp__bg {
opacity: 0!important;
}
.pswp__scroll-wrap {
opacity: 0!important;
display:none!important;
}
}
.tp-mask-wrap {
text-align: center!important;
}
li.product h3 {
height: 64px;
}