@charset "UTF-8";
 :root { --c-primary:           #1C5EA8;
--c-primary-dark:      #154a8a;
--c-primary-darker:    #002347;
--c-primary-light:     #3d7bc4;
--c-primary-tint:      rgba(28, 94, 168, 0.10);
--c-primary-glow:      rgba(28, 94, 168, 0.20); --c-accent:            #ffd54a;
--c-success:           #2e7d32;
--c-success-bg:        #e8f5e9;
--c-warning:           #ff9800;
--c-danger:            #d32f2f;
--c-info-bg:           #f0f7f0; --c-text:              #1a1a1a;
--c-text-muted:        #555;
--c-text-dim:          #888;
--c-text-on-dark:      #fff;
--c-text-on-dark-soft: rgba(255, 255, 255, 0.85);
--c-bg:                #fff;
--c-bg-soft:           #fafbfc;
--c-bg-muted:          #f4f6f9;
--c-border:            #d0d5dd;
--c-border-soft:       rgba(0, 35, 71, 0.08);
--c-border-hairline:   rgba(255, 255, 255, 0.18); --space-0: 0;
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 20px;
--space-6: 24px;
--space-7: 32px;
--space-8: 40px;
--space-10: 56px;
--space-12: 72px; --radius-sm: 4px;
--radius-md: 6px;
--radius-lg: 8px;
--radius-xl: 12px;
--radius-2xl: 16px;
--radius-full: 9999px; --shadow-sm:  0 1px 2px rgba(0, 0, 0, 0.06);
--shadow-md:  0 4px 14px rgba(0, 0, 0, 0.10);
--shadow-lg:  0 12px 40px rgba(0, 35, 71, 0.18), 0 4px 12px rgba(0, 35, 71, 0.08);
--shadow-glow: 0 0 0 3px var(--c-primary-glow); --font-sans:   'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--font-display: 'K2D', var(--font-sans); --container-max: 1320px;
--header-height: 80px;
--z-header: 100;
--z-cookie: 10000000; --t-fast: 0.15s ease;
--t-base: 0.25s ease;
--t-slow: 0.45s ease;
--ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
--ease-bounce: cubic-bezier(0.16, 1, 0.3, 1);
--ease-out-fast: cubic-bezier(0.55, 0, 0.7, 0.2);
} html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
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-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
[hidden],
template {
display: none;
}
.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.comment-content:after,
.entry-content:after,
.site-content:after,
.site-footer:after,
.site-header:after {
clear: both;
}
* {
-webkit-tap-highlight-color: transparent;
}
*,
:after,
:before {
box-sizing: inherit;
}
html {
box-sizing: border-box;
scroll-behavior: smooth;
}
body,
html {
height: 100%;
}
body {
background: #fff;
overflow-x: hidden;
}
blockquote,
q {
quotes: "" "";
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
a {
color: #000;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
a:visited {
color: inherit;
}
a:active,
a:focus,
a:hover {
color: var(--c-primary);
outline: 0 !important;
}
a:focus {
outline: thin dotted;
}
ol,
ul {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ol,
li > ul {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
table {
margin: 0 0 1.5em;
width: 100%;
} .my-preloader {
display: none !important;
}
.my-preloader-off,
.my-preloader-none {
display: none !important;
} .site {
opacity: 1;
transition: opacity 0.3s ease-out;
}
body:not(.page-ready) .site {
opacity: 0;
}
.page-loaded {
opacity: 1 !important;
}
input {
background-color: transparent;
}
input[type="checkbox"] {
cursor: pointer;
}
#map {
height: 100%;
margin: 2em;
}
@media screen and (max-width: 992px) {
#map {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
#map div:first-child {
margin-bottom: 1em;
}
}
@media screen and (min-width: 992px) {
#map div:first-child {
margin-right: 1em;
}
}
#map p {
font-family: Poppins, sans-serif;
font-weight: 600;
text-align: center;
font-size: 16px;
}
@media screen and (min-width: 320px) {
#map p {
font-size: calc(16px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
#map p {
font-size: 20px;
}
}
.checkout-steps {
width: 100%;
display: flex;
justify-content: space-around;
margin: 3em auto 6em;
}
@media screen and (max-width: 992px) {
.checkout-steps {
margin: 3em auto 2em;
}
}
.checkout-steps a {
position: relative;
font-weight: 800;
color: var(--c-primary);
font-family: Poppins, sans-serif;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.checkout-steps a {
font-size: calc(12px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.checkout-steps a {
font-size: 14px;
}
}
.checkout-steps a:before {
top: -3.5em;
position: absolute;
display: block;
content: "1";
line-height: 36px;
width: 40px;
height: 40px;
border: 2px solid var(--c-primary);
border-radius: 100%;
left: 50%;
transform: translate(-50%);
text-align: center;
font-family: Poppins, sans-serif;
}
@media screen and (max-width: 992px) {
.checkout-steps a:before {
top: -4.5em;
}
}
.checkout-steps a:nth-of-type(2):before {
content: "2";
}
.woocommerce-cart .checkout-steps a:nth-of-type(2),
.woocommerce-checkout .checkout-steps a:first-of-type {
opacity: 0.4;
}
.products img {
opacity: 1;
transition: all 0.3s ease-in;
}
.lazy {
opacity: 0 !important;
}
.woocommerce-cart .lazy {
opacity: 1 !important;
}
.imagegalleryplg {
display: inline-block;
text-align: center;
width: 100%;
}
@media screen and (min-width: 992px) {
.imagegalleryplg {
width: 33%;
}
}
.imagegalleryplg img {
max-width: 200px;
}
.plainoverlay {
height: 100vh !important;
z-index: 9999999999 !important;
background-color: rgba(0, 0, 0, 0.8) !important;
display: flex;
}
.plainoverlay:before {
content: "";
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/img/form-loader.gif) no-repeat;
display: block;
align-self: center;
justify-self: center;
margin: auto;
height: 4em;
width: 4em;
background-size: contain;
}
div.woof_info_popup {
z-index: 99999999999 !important;
}
.jQuery-plainOverlay-progress {
display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.my_description_tab {
border: 1px solid var(--c-primary);
border-bottom-color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.my_description_tab:after,
.woocommerce
div.product
.woocommerce-tabs
ul.tabs
li.my_description_tab:before {
border-color: var(--c-primary);
box-shadow: -2px 2px 0 transparent;
}
.woocommerce
div.product
.woocommerce-tabs
ul.tabs
li.my_description_tab
a:hover {
color: #fff;
transform: scale(1.05);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover {
color: #000;
transform: scale(1);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background: var(--c-primary);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: #fff;
}
.count {
background-color: transparent;
}
.showlogin {
text-decoration: underline;
}
.pswp {
height: 0% !important;
opacity: 0 !important;
transition: opacity 0.3s ease-in-out !important;
}
.pswp,
.pswp--open {
display: block !important;
}
.pswp--open {
height: 100% !important;
opacity: 1 !important;
z-index: 100011;
}
.pswp__scroll-wrap .pswp__container {
transition: transform 0.5s ease-in-out;
}
.pswp__scroll-wrap .pswp__img {
padding: 3em;
object-fit: contain;
}
@media screen and (max-width: 992px) {
.pswp__scroll-wrap .pswp__img {
padding: 4em;
}
}
@media screen and (max-width: 992px) {
.pswp__scroll-wrap .pswp__zoom-wrap {
display: flex !important;
align-items: center !important;
}
}
.woocommerce-Reviews textarea {
border-radius: 5px;
}
.comment-reply-title {
font-weight: 600;
}
.comment-form {
margin-top: 1em;
}
.comment-form textarea#comment {
margin-top: 0.5em;
padding: 1em;
}
.comment-form-rating label {
margin-bottom: 0.5em;
}
.comment-form-comment label {
margin-bottom: 0.5em;
font-weight: 600;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
padding: 2em 2em 1em;
}
@media screen and (min-width: 992px) {
.mobile-only {
display: none;
}
}
.woocommerce-form-login .required {
color: #fff !important;
}
.swiper-pagination {
margin-bottom: 20px !important;
}
.scrollToTopBtn {
position: fixed;
bottom: 30px;
right: 30px;
padding: 0;
z-index: 100;
opacity: 0;
transform: translateY(100px);
transition: all 0.5s ease;
}
.scrollToTopBtn__svg-wrapper {
background-color: var(--c-primary);
border: none;
border-radius: 50%;
color: #fff;
cursor: pointer;
font-size: 16px;
line-height: 48px;
width: 50px;
height: 50px;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 4px 12px rgba(28, 94, 168, 0.3);
transition: all 0.3s ease;
}
.scrollToTopBtn__svg-wrapper:hover {
transform: scale(1.1);
box-shadow: 0 6px 20px rgba(28, 94, 168, 0.5);
background-color: var(--c-primary-dark);
}
.showBtn {
opacity: 1;
transform: translateY(0);
}
.fixed-icons {
display: none;
flex-direction: column;
gap: 12px;
padding: 0;
transition: all 0.5s ease;
}
@media screen and (max-width: 992px) {
.fixed-icons {
display: flex;
justify-content: center;
flex-direction: row;
gap: 16px;
margin-bottom: 1em;
}
}
@media screen and (min-width: 992px) {
.fixed-icons {
display: flex;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 100;
}
}
.fixed-icons__icon {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--c-primary);
border: none;
border-radius: 50%;
color: #fff;
cursor: pointer;
width: 50px;
height: 50px;
box-shadow: 0 4px 12px rgba(28, 94, 168, 0.3);
transition: all 0.3s ease-in-out;
}
.fixed-icons__icon:hover {
transform: scale(1.1);
box-shadow: 0 6px 20px rgba(28, 94, 168, 0.5);
}
@media screen and (max-width: 992px) {
.fixed-icons__icon {
width: 48px;
height: 48px;
}
}
.fixed-icons .fixed-ig-icon {
padding: 9px;
}
.grecaptcha-badge {
display: none;
}
body,
button,
input,
optgroup,
select,
textarea {
color: #000;
font-family: K2D, sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: Poppins, sans-serif;
}
p {
margin-bottom: 1.5em;
font-family: K2D, sans-serif;
}
cite,
dfn,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: Courier\10 Pitch, courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
pre,
tt,
var {
font-size: 15px;
font-size: 0.9375rem;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, Andale Mono, DejaVu Sans Mono, monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
ins,
mark {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 0;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:active,
button:focus,
button:hover,
input[type="button"]:active,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="submit"]:hover {
border-color: #aaa #bbb #bbb;
outline: none;
}
textarea {
padding-left: 3px;
width: 100%;
}
input[type="email"],
input[type="password"],
input[type="search"],
input[type="text"],
input[type="url"] {
padding: 3px;
}
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 0;
}
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
color: #111;
}
.woocommerce-ResetPassword {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
}
.woocommerce-ResetPassword .password-input {
max-width: 300px;
margin: auto;
}
.woocommerce-ResetPassword .show-password-input {
position: absolute;
right: 0.5em;
top: 0;
cursor: pointer;
}
.lost_password a {
font-weight: 600;
color: #fff;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
#content[tabindex="-1"]:focus {
outline: 0;
}
.alignleft {
float: left;
margin-right: 1.5em;
}
.alignleft,
.alignright {
display: inline;
margin-bottom: 1.5em;
}
.alignright {
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
embed,
iframe,
object {
max-width: 100%;
}
.custom-logo-link {
display: inline-block;
}
.wp-caption-text {
text-align: center;
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.3333333333%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.6666666667%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.2857142857%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.1111111111%;
}
.gallery-caption {
display: block;
}
.main-navigation {
position: fixed;
display: flex;
justify-content: center;
flex-flow: column;
align-items: stretch;
width: 100%;
background: #fff;
z-index: 9999;
transform: translate(0);
transition: all 0.2s linear;
}
@media screen and (max-width: 992px) {
.main-navigation {
justify-content: flex-start;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: auto;
}
.main-navigation .menu-menu-1-container {
display: none !important;
}
.main-navigation.toggled .menu-menu-1-container {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
}
}
@media screen and (min-width: 992px) {
.main-navigation {
padding: 2em 10%;
}
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul li {
width: 100%;
position: relative;
order: 4;
}
@media screen and (max-width: 992px) {
.main-navigation ul .menu-mobile-shop {
order: 0;
}
.main-navigation ul .menu-wholesale-zone {
order: 1;
}
.main-navigation ul .menu-news {
order: 2;
}
.main-navigation ul .menu-scholarships {
order: 3;
}
}
@media screen and (min-width: 992px) {
.main-navigation ul .menu-mobile-shop {
display: none;
}
}
@media screen and (min-width: 992px) {
.main-navigation ul li:hover > ul {
left: 0;
}
}
.main-navigation a {
text-decoration: none;
font-family: Poppins, sans-serif;
font-weight: 700;
position: relative;
font-size: 14px;
}
@media screen and (min-width: 320px) {
.main-navigation a {
font-size: calc(14px + 3 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.main-navigation a {
font-size: 17px;
}
}
@media screen and (max-width: 992px) {
.main-navigation a {
display: flex;
justify-content: center;
}
}
.main-navigation .page-menu {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
@media screen and (min-width: 992px) {
.main-navigation .page-menu {
margin-top: 1em;
}
}
@media screen and (max-width: 992px) {
.main-navigation .page-menu {
padding: 0.5em 0.5em;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 0;
background-color: #ffffff !important;
}
.main-navigation .page-menu .menu-toggle {
order: 3;
margin-left: auto;
background-color: transparent !important;
}
.main-navigation .page-menu .site-branding {
order: 1;
margin-bottom: 0;
flex-shrink: 0;
}
.main-navigation .page-menu .shop-nav-wrapper {
order: 2;
margin-top: 0;
width: auto;
justify-content: flex-end;
margin-left: auto;
margin-right: 0.5em;
}
}
.menu-woomenu-container {
width: 100%;
height: 100%;
}
.menu-woomenu-container ul.menu {
width: 100%;
display: flex;
justify-content: space-around;
}
.menu-woomenu-container ul.menu li {
width: 100%;
text-align: center;
}
@media screen and (min-width: 992px) and (max-width: 1300px) {
.menu-woomenu-container ul.menu li {
width: auto;
}
}
.menu-woomenu-container ul.menu li a {
overflow: hidden;
}
@media screen and (min-width: 992px) {
.menu-woomenu-container ul.menu li a {
width: 100%;
height: 100%;
display: block;
white-space: nowrap;
text-align: center;
font-size: 12px;
}
}
@media screen and (min-width: 992px) and (min-width: 320px) {
.menu-woomenu-container ul.menu li a {
font-size: calc(12px + 1 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 992px) and (min-width: 1600px) {
.menu-woomenu-container ul.menu li a {
font-size: 13px;
}
}
@media screen and (min-width: 992px) {
.menu-woomenu-container ul.menu li a {
padding: 1em;
}
}
@media screen and (min-width: 992px) {
.menu-woomenu-container > ul#menu-woomenu > li {
transition: 0.2s ease-in-out;
}
.menu-woomenu-container > ul#menu-woomenu > li:hover {
background-color: transparent;
}
.menu-woomenu-container > ul#menu-woomenu > li:hover > a {
color: inherit;
}
}
ul.sub-menu {
background-color: #fff;
}
@media screen and (min-width: 992px) {
ul.sub-menu {
min-width: 100%;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
left: -999em;
z-index: 201;
}
}
ul.sub-menu li {
width: 100% !important;
}
@media screen and (min-width: 992px) {
ul.sub-menu li:hover {
background-color: var(--c-primary);
}
ul.sub-menu li:hover > a {
color: #fff;
}
ul.sub-menu li:hover > ul {
top: 0;
}
ul.sub-menu li.focus > ul,
ul.sub-menu li:hover > ul {
left: 100%;
}
}
@media screen and (min-width: 992px) {
ul.sub-menu li.menu-item a {
padding: 0.9em 2em;
font-size: 10px;
}
}
@media screen and (min-width: 992px) and (min-width: 320px) {
ul.sub-menu li.menu-item a {
font-size: calc(10px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 992px) and (min-width: 1600px) {
ul.sub-menu li.menu-item a {
font-size: 12px;
}
}
.box-shadow-nav {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.hide-element {
display: none;
}
.site-main .comment-navigation,
.site-main .posts-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.menu-menu-1-container,
.menu-menu-2-container {
display: flex;
justify-content: space-around;
text-align: center;
width: 65%;
transition: transform 0.2s linear, opacity 0.2s ease-in-out;
}
@media screen and (max-width: 992px) {
.menu-menu-1-container,
.menu-menu-2-container {
position: absolute;
top: 5em;
left: -200%;
background: #fff;
opacity: 0;
pointer-events: none;
z-index: 100;
width: 100%;
height: 100%;
grid-column-start: 1;
grid-column-end: 3;
transform: translateX(-200%);
}
}
.menu-menu-1-container ul.menu,
.menu-menu-2-container ul.menu {
width: 100%;
display: flex;
justify-content: space-around;
}
@media screen and (max-width: 992px) {
.menu-menu-1-container ul.menu,
.menu-menu-2-container ul.menu {
margin-top: 4em;
display: flex;
flex-flow: column;
align-items: center;
}
}
.menu-menu-1-container ul.sub-menu,
.menu-menu-2-container ul.sub-menu {
width: 100%;
}
.menu-menu-1-container ul.sub-menu a,
.menu-menu-2-container ul.sub-menu a {
display: block;
height: 100%;
width: 100%;
padding: 1em;
}  .main-navigation.toggled ul,
.menu-toggle {
display: flex;
flex-flow: column;
align-items: center;
} .main-navigation.toggled {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100vw !important;
height: 100vh !important;
background-color: #ffffff !important;
z-index: 999999 !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
} .main-navigation.toggled .page-menu {
position: sticky !important;
top: 0 !important;
width: 100% !important;
background-color: #ffffff !important;
padding: 0.5em !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
flex-shrink: 0 !important;
border-bottom: 1px solid #e8e8e8 !important;
} .main-navigation.toggled .menu-menu-1-container {
width: 100% !important;
display: block !important;
padding: 0 !important;
background: #ffffff !important;
position: static !important;
left: auto !important;
top: auto !important;
transform: none !important;
opacity: 1 !important;
pointer-events: all !important;
z-index: 1 !important;
height: auto !important;
grid-column: auto !important;
flex: 1 1 auto !important;
overflow-y: auto !important;
} .main-navigation.toggled .menu-menu-1-container ul.menu {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
display: block !important;
} .main-navigation.toggled .menu-menu-1-container ul.menu li {
width: 100% !important;
display: block !important;
border-bottom: 1px solid #e8e8e8 !important;
} .main-navigation.toggled .menu-menu-1-container ul.menu li a {
display: block !important;
padding: 1em 1.5em !important;
font-size: 16px !important;
color: #333333 !important;
text-decoration: none !important;
font-weight: 500 !important;
width: 100% !important;
text-align: left !important;
}
.main-navigation.toggled .menu-menu-1-container ul.menu li a:hover {
background-color: #f5f5f5 !important;
color: var(--c-primary) !important;
} @media screen and (max-width: 992px) {
body:has(.main-navigation.toggled) .promo-navigation .top-promo,
.main-navigation.toggled ~ .promo-navigation .top-promo {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
.promo-navigation .top-promo {
z-index: 100 !important;
}
} .main-navigation.toggled .shop-menu {
display: none !important;
}
.main-navigation.toggled .search-panel--toggled {
z-index: 101;
} .menu-toggle {
background: transparent !important;
border: none;
display: flex;
flex-flow: column;
outline: none;
justify-content: center;
align-items: center;
height: 60px;
z-index: 1000000;
padding: 1em;
cursor: pointer;
}
@media screen and (max-width: 992px) {
.menu-toggle {
padding: 0.5em;
justify-content: center;
height: 50px;
min-width: 50px;
flex-shrink: 0;
}
}
.menu-toggle .ham {
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: transform 0.4s;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
width: 40px;
height: 40px;
}
@media screen and (max-width: 992px) {
.menu-toggle .ham {
width: 35px;
height: 35px;
}
}
.menu-toggle .hamRotate.active {
transform: rotate(45deg);
}
.menu-toggle .hamRotate180.active {
transform: rotate(180deg);
}
.menu-toggle .line {
fill: none;
transition: stroke-dasharray 0.4s, stroke-dashoffset 0.4s;
stroke: #333333;
stroke-width: 6.5;
stroke-linecap: round;
}
.menu-toggle .ham4 .bottom,
.menu-toggle .ham4 .top {
stroke-dasharray: 40 121;
}
.menu-toggle .ham4.active .bottom,
.menu-toggle .ham4.active .top {
stroke-dashoffset: -68px;
}
@media screen and (min-width: 992px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-branding {
width: auto;
position: relative;
text-align: center;
transition: all 0.2s linear;
display: block;
align-self: center;
justify-self: center;
}
@media screen and (min-width: 992px) {
.site-branding {
width: 15%;
}
}
.site-branding .custom-logo-link {
display: flex;
justify-content: center;
align-items: center;
}
.site-branding .custom-logo-link img {
max-width: 160px;
transition: all 0.2s linear;
}
@media screen and (max-width: 992px) {
.site-branding .custom-logo-link img {
max-width: 70px;
}
}
.site-branding .site-title {
position: absolute;
transition: transform 0.2s linear, opacity 0.2s ease-in-out;
text-align: center;
margin-top: 0;
left: 50%;
transform: translate(-50%);
width: 150%;
line-height: 1;
white-space: nowrap;
}
@media screen and (max-width: 992px) {
.site-branding .site-title {
display: none;
}
}
.site-branding .site-title a {
width: 100%;
font-size: 6px;
}
@media screen and (min-width: 320px) {
.site-branding .site-title a {
font-size: calc(6px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.site-branding .site-title a {
font-size: 8px;
}
}
@media screen and (max-width: 992px) {
.fixed-nav.main-navigation {
height: 4em;
}
}
@media screen and (min-width: 992px) {
.fixed-nav.main-navigation {
height: 6em;
}
}
@media screen and (min-width: 992px) {
.promo-navigation {
padding: 0 5%;
}
.promo-navigation .page-menu {
margin-top: 0;
}
}
@media screen and (min-width: 1200px) {
.promo-navigation {
padding: 0 7.5%;
}
}
@media screen and (min-width: 1600px) {
.promo-navigation {
padding: 0 10%;
}
}
.promo-navigation .top-promo {
position: relative;
width: 100vw;
display: flex;
align-self: center;
text-transform: uppercase;
background: var(--c-primary);
color: #fff;
justify-content: space-evenly;
font-size: 12px;
z-index: 100;
}
@media screen and (min-width: 320px) {
.promo-navigation .top-promo {
font-size: calc(12px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.promo-navigation .top-promo {
font-size: 16px;
}
}
@media screen and (min-width: 992px) {
.promo-navigation .top-promo {
padding: 0 30%;
margin: 0 0 1em;
height: 1.5em;
}
}
.promo-navigation .top-promo:hover .promo-item-2 {
transform: scale(1.1);
}
.promo-navigation .top-promo a {
width: 100px;
font-size: 8px;
}
@media screen and (min-width: 320px) {
.promo-navigation .top-promo a {
font-size: calc(8px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.promo-navigation .top-promo a {
font-size: 12px;
}
}
.promo-navigation .top-promo .top-promo-item {
opacity: 0;
transition: all 0.6s ease-in;
}
@media screen and (min-width: 992px) {
.promo-navigation .top-promo .promo-item-2 {
transition: all 0.3s ease-in-out;
}
}
.promo-navigation .top-promo .top-promo-items-loaded {
opacity: 1;
color: #fff;
}
.promo-navigation #promo-holder {
color: transparent;
display: block;
justify-self: flex-end;
}
.search-panel {
width: 100%;
transition: transform 0.3s ease-in-out;
opacity: 0;
transform: translateY(-200%);
z-index: 100;
align-self: center;
background: #fff;
padding: 1em;
position: fixed;
}
@media screen and (max-width: 992px) {
.search-panel {
margin: 1.5em auto 0.5em;
}
}
@media screen and (min-width: 992px) {
.search-panel .dgwt-wcas-search-wrapp {
max-width: 70% !important;
}
}
.search-panel .dgwt-wcas-search-wrapp .dgwt-wcas-search-input {
background: #f1f1f1 !important;
border: 1px solid transparent !important;
border-radius: 10px !important;
padding: 5px 15px 5px 40px !important;
}
@media screen and (max-width: 992px) {
.search-panel .dgwt-wcas-search-wrapp .dgwt-wcas-search-input {
height: 30px !important;
}
}
.dgwt-wcas-om-return {
background: var(--c-primary) !important;
}
.search-panel--toggled {
transform: translateY(0);
top: 11em;
animation: searchPanelFade 0.5s forwards;
}
@media screen and (max-width: 992px) {
.search-panel--toggled {
top: 2em;
position: fixed;
z-index: 99998;
}
}
@keyframes searchPanelFade {
0% {
opacity: 0;
}
95% {
opacity: 1;
}
to {
opacity: 1;
}
}
.shop-menu {
width: 100%;
margin: 2em auto 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
transition: transform 0.2s linear, opacity 0.4s ease-in-out;
background: transparent;
}
@media screen and (max-width: 992px) {
.shop-menu {
display: none;
height: 0;
opacity: 0;
transform: translateX(-200%);
position: absolute;
top: 5em;
left: -50%;
margin: 0;
padding: 1em 0;
background: #fff;
border-top: none;
border-bottom: none;
}
}
.mobile-list-title {
z-index: 1;
text-align: center;
padding: 0.5em;
cursor: pointer;
position: relative;
font-weight: 600;
}
@media screen and (min-width: 992px) {
.mobile-list-title {
display: none;
}
}
.mobile-list-title:before {
content: "";
position: absolute;
display: block;
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/arrow-right.svg);
width: 24px;
height: 24px;
right: 10%;
top: 15%;
transform: rotate(0deg);
transition: all 0.3s ease-in-out;
}
.mobile-list-title-toggled:before {
transform: rotate(90deg);
}
.show-sub-menu-list-arrow {
position: relative;
}
.category-menu-toggled {
transform: translateX(0) !important;
opacity: 1;
background: #fff;
}
#menu-menu-1,
#menu-woomenu {
transition: all 0.3s ease-in-out;
scroll-behavior: smooth;
}
@media screen and (max-width: 992px) {
#menu-menu-1,
#menu-woomenu {
display: flex;
width: 100%;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
overflow: hidden;
margin: 4em 0;
position: relative;
}
#menu-menu-1 .menu-item,
#menu-woomenu .menu-item {
position: static;
transition: all 0.3s ease-in;
width: 100%;
display: flex;
align-items: center;
border-bottom: 1px solid #efefef;
}
#menu-menu-1 .menu-item .menu-thumbnail-image,
#menu-woomenu .menu-item .menu-thumbnail-image {
display: none;
}
#menu-menu-1 .menu-item a,
#menu-woomenu .menu-item a {
font-size: 14px;
}
#menu-menu-1 .menu-item .sub-menu,
#menu-woomenu .menu-item .sub-menu {
transition: all 0.3s ease-in-out;
transform: translateX(200%);
position: absolute;
height: 100%;
width: 100%;
background: #fff;
z-index: -1;
opacity: 0;
text-align: left;
}
#menu-menu-1 a,
#menu-woomenu a {
transition: height 0.3s ease-in;
width: 100%;
justify-content: space-between;
padding: 1em 1.5em;
}
#menu-menu-1 .expand-menu-toggle,
#menu-woomenu .expand-menu-toggle {
padding: 0.25em 1.5em;
display: block;
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/arrow_right.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
#menu-menu-1 .menu-item-expanded,
#menu-woomenu .menu-item-expanded {
width: 100%;
}
#menu-menu-1 .sub-menu--expanded,
#menu-woomenu .sub-menu--expanded {
transform: translateX(0) !important;
top: 0 !important;
height: 100% !important;
z-index: 1 !important;
opacity: 1 !important;
}
#menu-menu-1 #back-button,
#menu-woomenu #back-button {
order: 0;
background-color: #efefef;
position: static;
transition: all 0.3s ease-in;
width: 100%;
display: flex;
align-items: center;
border-bottom: 1px solid #efefef;
font-weight: 400;
padding: 0.5em 1em;
}
#menu-menu-1 #back-button:before,
#menu-woomenu #back-button:before {
content: "";
display: block;
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/arrow_left.svg);
width: 24px;
height: 24px;
margin-right: 0.5em;
transform: rotate(0deg);
transition: all 0.3s ease-in-out;
}
}
@media screen and (max-width: 992px) {
.menu-woomenu-container {
transform: translateX(200%);
transition: all 0.3s ease-in-out;
}
.menu-woomenu-container #menu-woomenu {
margin: 2em 0 6em;
overflow-y: scroll;
height: 140%;
}
}
.mobile-page-menu-hidden {
opacity: 0;
pointer-events: none;
}
.shop-nav-wrapper {
display: flex;
align-items: center;
justify-content: space-around;
transition: all 0.2s linear;
z-index: 10;
height: 60px;
width: 17%;
}
@media screen and (max-width: 992px) {
.shop-nav-wrapper {
height: 2em;
width: auto;
}
}
@media screen and (min-width: 992px) {
.shop-nav-wrapper {
padding-bottom: 1em;
}
}
.shop-nav-wrapper svg {
z-index: 10;
}
@media screen and (max-width: 992px) {
.shop-nav-wrapper .myaccount {
order: 4;
}
}
.shop-nav-wrapper .myaccount .myaccount-link-unlogged svg {
width: 25px;
height: 25px;
}
.shop-nav-wrapper .myaccount .myaccount-link-unlogged svg path {
transition: all 0.3s ease-in-out;
}
.shop-nav-wrapper .myaccount .myaccount-link-unlogged:hover svg path {
fill: var(--c-primary);
}
.shop-nav-wrapper .myaccount .myaccount-link-logged {
position: relative;
}
.shop-nav-wrapper .myaccount .myaccount-link-logged svg {
width: 25px;
height: 25px;
}
.shop-nav-wrapper .myaccount .myaccount-link-logged svg path:nth-of-type(2) {
transition: all 0.3s ease-in-out;
}
.shop-nav-wrapper
.myaccount
.myaccount-link-logged:hover
svg
path:nth-of-type(2) {
fill: #ccc;
}
.shop-nav-wrapper .cart-customlocation {
display: flex;
justify-content: center;
align-items: center;
flex-flow: column;
}
.shop-nav-wrapper .woocommerce-Price-amount {
margin: 0 0 0 2em;
font-family: K2D, sans-serif;
position: relative;
}
.shop-nav-wrapper .woocommerce-Price-amount bdi {
position: absolute;
bottom: -1.75em;
font-family: K2D, sans-serif;
width: 100px;
text-align: center;
left: 20%;
transform: translate(-63%);
font-size: 9px;
}
@media screen and (min-width: 320px) {
.shop-nav-wrapper .woocommerce-Price-amount bdi {
font-size: calc(9px + 0 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.shop-nav-wrapper .woocommerce-Price-amount bdi {
font-size: 9px;
}
}
@media screen and (max-width: 992px) {
.shop-nav-wrapper .woocommerce-Price-amount bdi {
bottom: -2em;
transform: translate(-60%);
font-size: 10px;
}
}
@media screen and (max-width: 992px) and (min-width: 320px) {
.shop-nav-wrapper .woocommerce-Price-amount bdi {
font-size: calc(10px + 0 * (100vw - 320px) / 1280);
}
}
@media screen and (max-width: 992px) and (min-width: 1600px) {
.shop-nav-wrapper .woocommerce-Price-amount bdi {
font-size: 10px;
}
}
.sub-icon-text {
position: absolute;
bottom: -1.5em;
font-family: K2D, sans-serif;
font-weight: 600;
text-align: center;
left: 50%;
transform: translate(-50%);
white-space: nowrap;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 9px;
}
@media screen and (min-width: 320px) {
.sub-icon-text {
font-size: calc(9px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.sub-icon-text {
font-size: 11px;
}
}
@media screen and (max-width: 992px) {
.sub-icon-text {
bottom: -1.75em;
font-size: 11px;
}
}
@media screen and (max-width: 992px) and (min-width: 320px) {
.sub-icon-text {
font-size: calc(11px + 0 * (100vw - 320px) / 1280);
}
}
@media screen and (max-width: 992px) and (min-width: 1600px) {
.sub-icon-text {
font-size: 11px;
}
}
.sub-login {
left: 60%;
}
@media screen and (max-width: 992px) {
.store-desktop {
order: 2;
}
}
.store-desktop #store-icon svg {
width: 25px;
height: 25px;
}
.store-desktop #store-icon svg path:nth-of-type(2) {
transition: all 0.3s ease-in-out;
}
.store-desktop #store-icon:hover svg path:nth-of-type(2),
body.woocommerce-page #store-icon svg path:nth-of-type(2) {
fill: #639;
}
body.woocommerce-account #store-icon svg path:nth-of-type(2) {
fill: #ccc;
}
body.woocommerce-account .woocommerce-orders-table__cell-order-actions {
display: flex;
flex-flow: column;
justify-content: space-between;
}
body.woocommerce-account .woocommerce-orders-table__cell-order-actions a {
margin: 5px 0;
}
.shop-icon {
width: 25px;
height: 25px;
background-size: cover !important;
transition: all 0.2s ease-in-out;
position: relative;
}
@media screen and (max-width: 992px) {
.shop-icon {
margin: 0;
width: 25px;
height: 25px;
}
}
@media screen and (max-width: 1200px) {
.shop-icon {
margin: 0;
width: 20px;
height: 20px;
}
}
.shop-icon:hover {
background-size: cover;
}
.search-desktop {
cursor: pointer;
}
@media screen and (max-width: 992px) {
.search-desktop {
order: 3;
}
}
.search-desktop #search-icon svg {
width: 25px;
height: 25px;
}
.search-desktop #search-icon svg path:nth-of-type(2) {
transition: all 0.3s ease-in-out;
}
.search-desktop #search-icon:hover svg path:nth-of-type(2),
.search-desktop .search-icon-clicked path:nth-of-type(2) {
fill: var(--c-primary);
}
@media screen and (max-width: 992px) {
.cart-customlocation,
.cart-customlocation-1 {
order: 4;
}
}
.cart-customlocation-1 svg,
.cart-customlocation svg {
width: 25px;
height: 25px;
}
.cart-customlocation-1 path,
.cart-customlocation path {
transition: all 0.3s ease-in-out;
}
.cart-customlocation-1:hover path,
.cart-customlocation:hover path {
fill: #4ab153;
}
.cart-customlocation #cart-wrapper #cart-counter,
.cart-customlocation-1 #cart-wrapper #cart-counter {
position: absolute;
top: -0.75em;
right: -1em;
background: rgba(228, 3, 3, 0.904);
color: #fff;
width: 20px;
height: 20px;
border-radius: 100%;
text-align: center;
line-height: 20px;
font-size: 10px;
}
@media screen and (max-width: 992px) {
.cart-customlocation #cart-wrapper #cart-counter,
.cart-customlocation-1 #cart-wrapper #cart-counter {
top: -0.75em;
right: -1.25em;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 20px;
}
}
.woocommerce-cart #cart-wrapper path {
fill: #4ab153;
}
@media screen and (max-width: 992px) {
.fixed-nav .site-title,
.toggled .site-title {
opacity: 0;
transform: translate(-50%, -200%);
}
}
@media screen and (min-width: 992px) {
.fixed-nav,
.toggled {
position: fixed;
padding: 0 4%;
justify-content: inherit;
transition: all 0.75s ease-in-out;
}
}
@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1300px) {
.fixed-nav,
.toggled {
padding: 0;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-menu-1-container,
.toggled .menu-menu-1-container {
opacity: 0;
transform: translateY(-100%);
}
}
@media screen and (min-width: 992px) {
.fixed-nav .shop-menu,
.toggled .shop-menu {
border-bottom: none;
border-top: none;
animation: categoryMenuAnimation 0.7s forwards;
}
@keyframes categoryMenuAnimation {
0% {
opacity: 1;
transform: translateY(0);
}
70% {
opacity: 1;
transform: translateY(-4.25em);
width: 70%;
margin: 1em auto;
}
to {
opacity: 1;
transform: translateY(-4.25em);
width: 70%;
margin: 1em auto;
}
}
}
@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1300px) {
.fixed-nav .shop-menu,
.toggled .shop-menu {
height: 5em;
animation: categoryMenuAnimationTablet 0.7s forwards;
}
@keyframes categoryMenuAnimationTablet {
0% {
opacity: 1;
transform: translateY(0);
}
70% {
opacity: 1;
transform: translateY(-4.25em);
width: 70%;
margin: 0 auto;
}
to {
opacity: 1;
transform: translateY(-4.25em);
width: 70%;
margin: 0 auto;
}
}
}
@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1300px) {
.fixed-nav .shop-menu ul#menu-woomenu,
.toggled .shop-menu ul#menu-woomenu {
flex-wrap: wrap;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .search-panel--toggled,
.toggled .search-panel--toggled {
transform: translateY(-120%);
}
}
@media screen and (min-width: 992px) {
.fixed-nav .page-menu .site-branding .custom-logo-link .custom-logo,
.toggled .page-menu .site-branding .custom-logo-link .custom-logo {
max-width: 100px;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .site-title,
.toggled .site-title {
opacity: 0;
transform: translate(-50%, -100%);
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a {
padding: 1em 0.5em;
}
}
@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1300px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a {
padding: 1em 2.75em;
}
}
@media screen and (min-width: 992px) and (min-width: 992px) {
.fixed-nav .shop-nav-wrapper,
.toggled .shop-nav-wrapper {
width: 15%;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li,
.toggled .menu-woomenu-container > ul#menu-woomenu > li {
transition: 0.2s ease-in-out;
}
}
@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1300px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li,
.toggled .menu-woomenu-container > ul#menu-woomenu > li {
width: auto;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li:hover,
.toggled .menu-woomenu-container > ul#menu-woomenu > li:hover {
background-color: transparent;
}
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li:hover > a,
.toggled .menu-woomenu-container > ul#menu-woomenu > li:hover > a {
color: #000;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a {
transition: 0.2s ease-in-out;
}
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a:after {
content: "";
display: block;
position: absolute;
height: 2px;
width: 0;
background: var(--c-primary);
bottom: 0;
top: 85%;
transition: 0.2s ease-in-out;
z-index: -1;
}
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a:hover,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a:hover {
color: #000;
}
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a:hover:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a:hover:after {
width: 100%;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a.in-bottom:after,
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a.in-left:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a.in-bottom:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a.in-left:after {
width: 100%;
left: 0;
}
}
@media screen and (min-width: 992px) {
.fixed-nav
.menu-woomenu-container
> ul#menu-woomenu
> li
> a.out-bottom:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a.out-bottom:after {
width: 0;
left: 0;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a.in-top:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a.in-top:after {
width: 100%;
left: 0;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a.out-top:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a.out-top:after {
width: 0;
left: 0;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a.in-right:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a.in-right:after {
width: 100%;
right: 0;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a.out-left:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a.out-left:after {
width: 0;
left: 0;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a.out-right:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a.out-right:after {
width: 0;
right: 0;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .sub-menu,
.toggled .sub-menu {
width: auto;
}
}
@media screen and (max-width: 992px) {
.fixed-nav.promo-navigation {
height: 5em;
}
}
@media screen and (min-width: 992px) {
.fixed-nav.promo-navigation {
height: 7em;
}
.fixed-nav.promo-navigation .search-panel--toggled {
transform: translateY(-100%);
}
}
@media screen and (max-width: 992px) {
.fixed-nav.promo-navigation .search-panel--toggled {
top: 3.25em;
}
}
.site-header {
margin-bottom: 1em;
}
.woocommerce nav.woocommerce-pagination.my-pagination ul.page-numbers {
border-color: transparent;
}
.woocommerce nav.woocommerce-pagination.my-pagination ul.page-numbers li {
padding: 0;
margin: 0.25em;
height: 2.5em;
width: 2em;
border: none;
border-right: 1px solid transparent;
}
.woocommerce nav.woocommerce-pagination.my-pagination ul.page-numbers li a,
.woocommerce nav.woocommerce-pagination.my-pagination ul.page-numbers li span {
color: var(--c-primary);
background: transparent;
height: 100%;
width: 100%;
padding: 0;
line-height: 2.5em;
transition: all 0.2s ease-in-out;
}
.woocommerce
nav.woocommerce-pagination.my-pagination
ul.page-numbers
li
a:hover,
.woocommerce
nav.woocommerce-pagination.my-pagination
ul.page-numbers
li
span.current,
.woocommerce
nav.woocommerce-pagination.my-pagination
ul.page-numbers
li
span:hover {
border: 1px solid var(--c-primary);
}
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
z-index: 9;
}
.woocommerce-password-strength.short {
background-color: #e35b5b;
border-color: #e35b5b;
}
.woocommerce-password-strength.bad {
background-color: #ff9517;
border-color: #ff9517;
}
.woocommerce-password-strength.good {
background-color: #56b4a2;
border-color: #56b4a2;
}
.woocommerce-password-strength.strong {
background-color: #4dcb62;
border-color: #4dcb62;
}
.main-carousel {
height: 88vh;
position: relative;
overflow: hidden;
width: 100vw;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
@media screen and (min-height: 736px) and (max-width: 992px) {
.main-carousel {
height: 82vh;
}
}
@media screen and (min-width: 992px) {
.main-carousel {
height: 88vh;
min-height: 650px;
margin-bottom: 0;
}
}
.main-carousel .swiper-slide {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
transition: transform 0.3s ease;
}
@media screen and (max-width: 992px) {
.main-carousel .swiper-slide {
background-position: 50%;
}
} .main-carousel .hero-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(28, 94, 168, 0.85) 0%, rgba(28, 94, 168, 0.5) 50%, rgba(0, 0, 0, 0.4) 100%);
z-index: 1;
} .main-carousel .hero-content {
position: relative;
z-index: 2;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.main-carousel .swiper-container {
height: 100%;
}
.main-carousel .swiper-scrollbar {
display: none;
}
.main-carousel .swiper-button-next,
.main-carousel .swiper-button-prev {
color: #ffffff !important;
background: transparent;
width: 50px;
height: 50px;
transition: all 0.3s ease;
z-index: 10;
}
.main-carousel .swiper-button-next:hover,
.main-carousel .swiper-button-prev:hover {
transform: scale(1.2);
opacity: 0.8;
}
.main-carousel .swiper-button-next:after,
.main-carousel .swiper-button-prev:after {
font-size: 1.25rem;
font-weight: bold;
}
@media screen and (max-width: 992px) {
.main-carousel .swiper-button-next,
.main-carousel .swiper-button-prev {
width: 40px;
height: 40px;
}
.main-carousel .swiper-button-next:after,
.main-carousel .swiper-button-prev:after {
font-size: 1rem;
}
}
.main-carousel .swiper-pagination-bullet {
background: #ffffff !important;
width: 12px;
height: 12px;
opacity: 0.6;
transition: all 0.3s ease;
}
.main-carousel .swiper-pagination-bullet-active {
opacity: 1;
width: 30px;
border-radius: 6px;
background: var(--c-primary) !important;
}
.main-carousel .parallax-title {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
text-align: center;
color: #fff;
max-width: 900px;
padding: 2em;
animation: fadeInUp 0.8s ease-out;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .main-carousel .hero-badge {
display: inline-block;
padding: 0.5em 1.5em;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 50px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 1em;
color: #ffffff;
}
.main-carousel .hero-headline {
font-size: 48px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 0.5em;
text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
letter-spacing: -0.5px;
}
@media screen and (max-width: 992px) {
.main-carousel .hero-headline {
font-size: 36px;
}
}
@media screen and (max-width: 992px) and (min-width: 320px) {
.main-carousel .hero-headline {
font-size: calc(36px + 12 * (100vw - 320px) / 672);
}
}
@media screen and (min-width: 992px) and (max-width: 1400px) {
.main-carousel .hero-headline {
font-size: 42px;
}
}
.main-carousel .hero-subheadline {
font-size: 20px;
font-weight: 400;
line-height: 1.6;
margin-bottom: 1.5em;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
opacity: 0.95;
max-width: 700px;
}
@media screen and (max-width: 992px) {
.main-carousel .hero-subheadline {
font-size: 16px;
}
}
@media screen and (max-width: 992px) and (min-width: 320px) {
.main-carousel .hero-subheadline {
font-size: calc(16px + 4 * (100vw - 320px) / 672);
}
} .main-carousel .hero-cta-button {
display: inline-block;
padding: 1em 2.5em;
background: #ffffff;
color: var(--c-primary);
font-size: 16px;
font-weight: 700;
text-decoration: none;
border-radius: 50px;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
text-transform: uppercase;
letter-spacing: 0.5px;
border: 2px solid #ffffff;
}
.main-carousel .hero-cta-button:hover {
background: var(--c-primary);
color: #ffffff;
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 992px) {
.main-carousel .hero-cta-button {
padding: 0.8em 2em;
font-size: 14px;
}
}
.main-carousel .parallax-title p {
font-size: 18px;
}
}
@media screen and (min-width: 992px) and (min-width: 320px) {
.main-carousel .parallax-title p {
font-size: calc(18px + 6 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 992px) and (min-width: 1600px) {
.main-carousel .parallax-title p {
font-size: 24px;
}
}
.main-carousel .parallax-title p:after {
content: "";
background: #fff;
height: 1px;
width: 110%;
position: absolute;
left: 50%;
top: 120%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 992px) {
.main-carousel .parallax-title p:after {
display: none;
}
}
.brands-carousel {
position: relative;
width: 100vw;
margin-left: calc(50% - 50vw);
padding: 4em 0 4.5em;
background:
radial-gradient(ellipse at top, rgba(255, 255, 255, 0.06) 0%, transparent 70%),
linear-gradient(180deg, var(--c-primary) 0%, var(--c-primary-dark) 100%);
border-top: 1px solid rgba(255, 255, 255, 0.08);
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
overflow: hidden;
}
@media screen and (max-width: 992px) {
.brands-carousel {
padding: 2.5em 0 3em;
}
}
@media screen and (max-width: 576px) {
.brands-carousel {
padding: 2em 0 2.25em;
}
}
.brands-carousel h2,
.brands-carousel h3 {
text-align: center;
margin: 0 0 1.75em;
font-size: 1.75rem;
letter-spacing: 0.04em;
color: #fff;
text-transform: uppercase;
font-weight: 600;
}
.brands-carousel h2:after,
.brands-carousel h3:after {
content: "";
display: block;
width: 48px;
height: 2px;
background: rgba(255, 255, 255, 0.5);
margin: 0.6em auto 0;
}
@media screen and (max-width: 576px) {
.brands-carousel h2,
.brands-carousel h3 {
font-size: 1.25rem;
margin: 0 0 1.25em;
}
}
.brands-carousel .swiper-container-brands {
overflow: hidden;
width: 100%;
-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}
.brands-carousel .swiper-wrapper {
transition-timing-function: linear;
}
.brands-carousel .swiper-slide {
margin: 0 1em;
}
.brands-carousel .swiper-slide a {
display: flex;
align-items: center;
justify-content: center;
height: 5.5rem;
padding: 0 var(--space-5);
background: var(--c-bg);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-md), 0 0 0 1px rgba(255, 255, 255, 0.05);
transition: transform var(--t-base), box-shadow var(--t-base);
text-decoration: none;
}
.brands-carousel .swiper-slide a:hover {
transform: translateY(-3px);
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.10);
}
.brands-carousel .swiper-container-brands img {
height: 3.5rem;
max-width: 140px;
object-fit: contain;
display: block;
}
@media screen and (max-width: 992px) {
.brands-carousel .swiper-slide a {
height: 4.5rem;
padding: 0 14px;
}
.brands-carousel .swiper-container-brands img {
height: 3rem;
max-width: 110px;
}
}
@media screen and (max-width: 576px) {
.brands-carousel .swiper-slide {
margin: 0 0.6em;
}
.brands-carousel .swiper-slide a {
height: 3.5rem;
padding: 0 12px;
border-radius: 6px;
}
.brands-carousel .swiper-container-brands img {
height: 2.4rem;
max-width: 90px;
}
}
@media screen and (max-width: 992px) {
.categories-carousel {
margin-bottom: 7em;
text-align: center;
}
}
@media screen and (min-width: 992px) {
.categories-carousel {
overflow: hidden;
}
}
.categories-carousel .swiper-pagination-categories {
margin: 1em 0 3em;
position: static;
padding-top: 0.25em;
display: flex;
justify-content: center;
}
@media screen and (min-width: 992px) {
.categories-carousel .swiper-pagination-categories {
text-align: left;
}
}
@media screen and (max-width: 992px) {
.categories-carousel .swiper-pagination-categories {
justify-content: space-around;
padding: 1em 0;
}
}
.categories-carousel .swiper-pagination-bullet {
width: auto;
background: transparent;
margin: 0.5em 2em !important;
opacity: 1;
height: 32px;
border-radius: 15px;
padding: 0.25em 2em;
color: var(--c-primary);
position: relative;
width: 200px;
text-align: center;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
transition: all 0.2s ease-in-out;
font-weight: 600;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.categories-carousel .swiper-pagination-bullet {
font-size: calc(12px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.categories-carousel .swiper-pagination-bullet {
font-size: 16px;
}
}
@media screen and (max-width: 992px) {
.categories-carousel .swiper-pagination-bullet {
margin: 0 0.5em !important;
padding: 0.25em 1em;
width: 140px;
line-height: 2;
}
}
.categories-carousel .swiper-pagination-bullet-active {
background: var(--c-primary);
color: #fff;
}
.categories-carousel ul.products {
padding: 1em;
}
@media screen and (max-width: 992px) {
.categories-carousel ul.products {
padding: 2em 1em 1em;
}
}
.checkout-button,
.my-blue-bg-button,
.order-again a,
.woocommerce #review_form #respond .form-submit input,
.woocommerce-error a,
.woocommerce-message a {
background: var(--c-primary) !important;
transition: all 0.2s ease-in !important;
border: 1px solid var(--c-primary) !important;
color: #fff !important;
cursor: pointer !important;
font-family: Poppins, sans-serif;
}
.checkout-button:hover,
.my-blue-bg-button:hover,
.order-again a:hover,
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce-error a:hover,
.woocommerce-message a:hover {
background-color: transparent !important;
border: 1px solid var(--c-primary) !important;
color: var(--c-primary) !important;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.my-checkout-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button.my-checkout-button {
font-size: 14px;
}
@media screen and (min-width: 320px) {
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.my-checkout-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button.my-checkout-button {
font-size: calc(14px + 6 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.my-checkout-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button.my-checkout-button {
font-size: 20px;
}
}
@media screen and (max-width: 992px) {
.woocommerce-message {
padding: 1em 1.5em;
display: flex;
flex-flow: column;
}
.woocommerce-message a {
margin: 1em auto !important;
}
}
@media screen and (max-width: 992px) and (min-width: 992px) {
.woocommerce-message a {
max-width: 60%;
}
}
.woocommerce-message a {
padding: 0.25em 1em;
margin-top: 1em;
}
@media screen and (min-width: 992px) {
.woocommerce-message a {
margin-left: 0.5em;
}
}
.restore-item {
margin: 2em auto 0 !important;
min-width: 150px;
}
.add_to_cart_button,
.my-blue-outline-button,
.outofstock .button,
.product_type_simple,
.product_type_variable,
.single_add_to_cart_button,
.woof_reset_search_form {
background-color: transparent !important;
color: var(--c-primary) !important;
border: 1px solid var(--c-primary) !important;
transition: all 0.2s ease-in;
cursor: pointer;
display: inline-block !important;
font-family: Poppins, sans-serif;
white-space: nowrap;
}
.add_to_cart_button:hover,
.my-blue-outline-button:hover,
.outofstock .button:hover,
.product_type_simple:hover,
.product_type_variable:hover,
.single_add_to_cart_button:hover,
.woof_reset_search_form:hover {
color: #fff !important;
background-color: var(--c-primary) !important;
}
.read-more,
.read-more:visited,
.woocommerce-error .wc-backward {
background-color: var(--c-primary) !important;
color: #fff !important;
padding: 0.5em 2em !important;
font-weight: 600 !important;
border-radius: 100rem !important;
text-decoration: none !important;
transition: all 0.2s ease-in !important;
border: 1px solid var(--c-primary) !important;
cursor: pointer;
}
.read-more:hover,
.read-more:visited:hover,
.woocommerce-error .wc-backward:hover {
background-color: transparent !important;
border: 1px solid var(--c-primary) !important;
color: var(--c-primary) !important;
}
.woocommerce-error .wc-backward {
margin-left: 1em;
}
.mobile-to-shop-button {
width: 90% !important;
max-width: 400px !important;
text-align: center !important;
display: block !important;
margin: 0 auto 2em auto !important;
padding: 1em 2em !important;
font-size: 18px !important;
line-height: 1.4 !important;
box-sizing: border-box !important;
}
@media screen and (min-width: 992px) {
.mobile-to-shop-button {
display: none !important;
}
}
.my-woobutton,
.my-woobutton:visited {
background-color: transparent !important;
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
color: var(--c-primary) !important;
padding: 0.75em 2em !important;
font-weight: 600 !important;
border-radius: 100rem !important;
text-decoration: none !important;
transition: all 0.2s ease-in !important;
border: 1px solid var(--c-primary) !important;
cursor: pointer;
margin: 0 auto;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.my-woobutton,
.my-woobutton:visited {
font-size: calc(12px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.my-woobutton,
.my-woobutton:visited {
font-size: 16px;
}
}
.my-woobutton:hover,
.my-woobutton:visited:hover {
background-color: var(--c-primary) !important;
border: 1px solid var(--c-primary) !important;
color: #fff !important;
}
#toggle-filters {
background-color: transparent;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: var(--c-primary);
font-weight: 600;
border-radius: 100rem;
text-decoration: none;
transition: all 0.2s ease-in;
border: 2px solid var(--c-primary);
cursor: pointer;
width: 100%;
padding: 0.5em 1em 0.5em 2em;
font-size: 13px;
}
@media screen and (min-width: 320px) {
#toggle-filters {
font-size: calc(13px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
#toggle-filters {
font-size: 15px;
}
}
.my-wooselect,
.my-wooselect:visited {
background-color: var(--c-primary) !important;
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
color: #fff !important;
font-weight: 600 !important;
border-radius: 100rem !important;
text-decoration: none !important;
transition: all 0.2s ease-in !important;
border: 1px solid var(--c-primary) !important;
outline: none !important;
cursor: pointer;
}
@media screen and (max-width: 992px) {
.my-wooselect,
.my-wooselect:visited {
width: 100% !important;
}
}
.outline-button {
background-color: transparent !important;
color: #fff !important;
border: 1px solid #fff !important;
transition: all 0.2s ease-in;
min-width: 100px;
margin: 1em !important;
outline: none !important;
cursor: pointer;
}
.outline-button:hover {
color: var(--c-primary) !important;
background-color: #fff !important;
}
.my-submit-button,
.wpcf7-submit {
background-color: var(--c-primary) !important;
border: 0 !important;
border-radius: 0 !important;
color: #fff !important;
width: 70% !important;
display: block;
margin: 1em !important;
font-family: Poppins, sans-serif;
padding: 0.75em 1.5em !important;
transition: all 0.2s ease-in;
outline: none !important;
float: none !important;
cursor: pointer;
}
.my-submit-button:hover,
.wpcf7-submit:hover {
color: var(--c-primary) !important;
background-color: transparent !important;
}
.edit {
position: relative;
}
.edit:after {
content: "";
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/add_circle_outline.svg) no-repeat;
background-size: contain;
background-position: 50%;
position: absolute;
display: block;
width: 20px;
height: 100%;
top: 0;
right: 32%;
display: flex;
align-items: center;
}
@media screen and (max-width: 1680px) {
.edit:after {
right: 27%;
}
}
@media screen and (max-width: 1260px) {
.edit:after {
right: 23%;
}
}
@media screen and (max-width: 768px) {
.edit:after {
right: 32%;
}
}
@media screen and (max-width: 360px) {
.edit:after {
right: 32%;
}
}
.my-nav-button {
background-color: rgba(1, 34, 65, 0.84706) !important;
border: 0 !important;
border-radius: 0 !important;
color: #fff !important;
width: 70%;
display: block;
margin: 1em !important;
font-family: Poppins, sans-serif;
padding: 0.75em 1.5em !important;
transition: all 0.2s ease-in;
outline: none !important;
}
.my-nav-button:hover {
color: rgba(1, 34, 65, 0.84706) !important;
background-color: #fff !important;
}
.button-outline-navy {
background-color: transparent !important;
border: 1px solid rgba(1, 34, 65, 0.84706) !important;
border-radius: 0 !important;
color: rgba(1, 34, 65, 0.84706) !important;
display: block;
font-family: Poppins, sans-serif;
padding: 0.5em 1em !important;
transition: all 0.2s ease-in;
outline: none !important;
font-size: 11px;
}
@media screen and (min-width: 320px) {
.button-outline-navy {
font-size: calc(11px + 3 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.button-outline-navy {
font-size: 14px;
}
}
.button-outline-navy:hover {
color: #fff !important;
background-color: rgba(1, 34, 65, 0.84706) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}
.woocommerce-password-strength {
padding: 10px 0.5em;
}
.choose {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
transition: all 0.2s ease-in;
padding: 1em;
cursor: pointer;
font-family: Poppins, sans-serif;
width: 8em;
background-color: transparent;
color: #fff;
border: 1px solid #fff;
}
.choose:hover {
background-color: #fff;
color: rgba(1, 34, 65, 0.84706);
border: 1px solid #fff;
}
.choose:hover svg {
fill: rgba(1, 34, 65, 0.84706);
}
.choose svg {
fill: #fff;
height: 40px;
width: 40px;
margin-bottom: 0.5em;
transition: all 0.2s ease-in;
}
.customer-type-chosen {
background-color: #fff;
color: rgba(1, 34, 65, 0.84706);
border: 1px solid #fff;
}
.customer-type-chosen svg {
fill: rgba(1, 34, 65, 0.84706);
}
.order-again a {
padding: 1em;
}
.price_slider {
background-color: #f1f1f1 !important;
}
.price_slider .ui-slider-handle,
.price_slider .ui-slider-range {
background-color: var(--c-primary) !important;
}
.price_slider .ui-slider-handle {
border: none !important;
}
.woocommerce ul.products li.product {
text-align: center;
}
@media screen and (max-width: 992px) {
.woocommerce ul.products li.product {
width: 45% !important;
}
}
.woocommerce ul.products li.product a {
outline: none;
font-size: 10px;
}
@media screen and (min-width: 320px) {
.woocommerce ul.products li.product a {
font-size: calc(10px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.woocommerce ul.products li.product a {
font-size: 14px;
}
}
@media screen and (max-width: 992px) {
.woocommerce ul.products li.product a {
text-align: center;
}
}
.woocommerce ul.products li.product a img {
object-fit: contain;
height: 250px;
margin: auto;
max-width: 90%;
padding: 1em;
}
@media screen and (max-width: 992px) {
.woocommerce ul.products li.product a img {
height: 200px;
}
}
.woocommerce ul.products li.product a bdi {
font-size: 1.5em;
}
.woocommerce ul.products li.product button {
float: left;
}
@media screen and (max-width: 330px) {
.woocommerce ul.products li.product button {
padding: 0.618em 0.75em;
}
}
.woocommerce ul.products li.product:hover img {
transform: scale(1.1);
}
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product del {
color: #999999 !important;
text-decoration: line-through;
text-decoration-thickness: 2px;
text-decoration-color: #ff0000;
text-decoration-style: solid;
text-underline-offset: 0;
-webkit-text-decoration-line: line-through;
-webkit-text-decoration-color: #ff0000;
-webkit-text-decoration-thickness: 2px;
opacity: 1;
font-weight: 400;
margin-right: 0.3em;
display: inline-block;
line-height: 1.5;
vertical-align: baseline;
position: relative;
top: 4px;
}
body.archive ul.products {
margin-top: 9em;
}
@media screen and (min-width: 992px) {
body.archive ul.products {
margin-top: 7em;
}
}
@media screen and (max-width: 992px) {
body.archive ul.products li {
text-align: center;
}
}
body.archive ul.products li .original-computed-price {
display: none !important;
}
@media screen and (max-width: 992px) {
body.home ul.products li {
text-align: center;
}
}
body.home ul.products li .original-computed-price {
display: none;
}
.added_to_cart {
font-size: 11px !important;
text-align: center;
}
@media screen and (max-width: 500px) {
.added_to_cart {
margin-left: 0;
}
}
@media screen and (min-width: 500px) {
.added_to_cart {
margin-left: 0.5em;
}
}
.sales-badge {
border: 2px solid #d32f2f;
color: #d32f2f !important;
width: auto;
height: 30px;
display: flex;
align-content: center !important;
align-items: center;
justify-content: center;
min-height: 0 !important;
line-height: 26px !important;
font-size: 0.85rem !important;
padding: 0 8px !important;
z-index: 1 !important;
border-radius: 3px !important;
background-color: #fff !important;
margin: 0 1em 0 0 !important;
font-weight: 700 !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important;
}
@media screen and (max-width: 992px) {
body.single-product .sales-badge {
top: 0;
left: 0;
}
}
@media screen and (max-width: 992px) {
body.single-product .my_description_tab {
text-align: center;
}
}
body.single-product .my_description_tab a {
height: 100%;
}
.archive .sales-badge,
.home .sales-badge,
.related .sales-badge {
right: 0 !important;
}
.itsnew {
border: none;
color: #fff !important;
width: auto;
height: 22px;
text-align: center !important;
align-content: center !important;
min-height: 0 !important;
line-height: 20px !important;
font-size: 0.8rem !important;
position: absolute !important;
padding: 0 8px !important;
top: 0 !important;
left: 0 !important;
z-index: 1 !important;
border-radius: 3px !important;
background-color: #1976d2 !important;
margin: 1em 0 0 1em !important;
font-weight: 600 !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}
.bestseller-wrapper,
.itsnew {
display: flex;
align-items: center;
justify-content: center;
}
.bestseller-wrapper {
position: absolute;
right: 0;
top: 200px;
flex-flow: column;
}
@media screen and (max-width: 992px) {
.bestseller-wrapper {
top: 165px;
}
.itsnew {
margin: 0.5em 0 0 0.5em !important;
font-size: 0.7rem !important;
}
.sales-badge {
font-size: 0.75rem !important;
padding: 0 6px !important;
height: 26px !important;
margin: 0.5em 0.5em 0 0 !important;
}
}
@media screen and (max-width: 350px) {
.bestseller-wrapper {
top: 175px;
}
}
.bestseller-wrapper span {
display: block;
z-index: 1;
font-size: 9px;
color: #1a1a1a;
font-weight: 700;
text-shadow: 0 1px 2px rgba(255,255,255,0.8);
}
@media screen and (min-width: 320px) {
.bestseller-wrapper span {
font-size: calc(9px + 3 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.bestseller-wrapper span {
font-size: 12px;
}
}
.bestseller {
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/bestseller3.svg) no-repeat;
background-size: contain;
height: 28px;
width: 28px;
opacity: 1;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
@media screen and (min-width: 1300px) {
.bestseller {
height: 35px;
width: 35px;
}
}
.added_to_cart {
font-size: 10px;
}
@media screen and (min-width: 320px) {
.added_to_cart {
font-size: calc(10px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.added_to_cart {
font-size: 12px;
}
}
.woocommerce-loop-product__title {
margin-bottom: 1em !important;
transition: all 0.4s ease-in;
line-height: 1.4 !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
text-overflow: ellipsis !important;
word-wrap: break-word !important;
max-height: 4.2em !important;
height: auto !important;
}
@media screen and (max-width: 440px) {
.woocommerce-loop-product__title {
height: auto;
min-height: 3.9em;
max-height: 5.2em;
}
}
@media screen and (max-width: 1200px) {
.woocommerce-loop-product__title {
font-size: 12px !important;
}
}
@media screen and (min-width: 1200px) {
.woocommerce-loop-product__title {
font-size: 0.9rem !important;
}
}
@media screen and (max-width: 992px) {
.woocommerce-products-header__title {
text-align: center;
}
}
.single-product #primary #main .product .summary {
width: 100%;
}
@media screen and (min-width: 992px) {
.single-product #primary #main .product .summary {
width: 48%;
}
}
@media screen and (max-width: 992px) {
.single-product .woocommerce-breadcrumb {
display: none;
}
}
@media screen and (min-width: 992px) {
.single-product .woocommerce-breadcrumb {
margin: 0 0 2em;
}
}
.single-product .product_title {
text-align: center;
font-size: 20px;
}
@media screen and (min-width: 320px) {
.single-product .product_title {
font-size: calc(20px + 6 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product .product_title {
font-size: 26px;
}
}
@media screen and (min-width: 992px) {
.single-product .product_title {
text-align: left;
}
}
.single-product .pswp__bg {
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1) !important;
opacity: 0.8 !important;
}
.single-product .pswp__caption {
display: none;
}
.single-product .pswp__top-bar {
z-index: 1001;
display: flex;
flex-flow: row-reverse;
align-items: center;
height: 66px;
}
@media screen and (max-width: 992px) {
.single-product .pswp__top-bar {
top: auto;
bottom: 0;
}
}
.single-product .woocommerce-product-gallery .flex-control-thumbs {
margin: 2em 0 0 !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li {
padding: 1em;
}
.single-product .slick-track {
display: flex !important;
}
.single-product .flex-control-thumbs {
z-index: 1;
}
@media screen and (max-width: 992px) {
.single-product .product {
display: flex;
flex-flow: column;
align-items: center;
}
}
.single-product
.product
.entry-summary
.woocommerce-product-details__short-description
ul {
margin: 1em 0;
padding: 0 1em;
list-style: none;
}
.single-product
.product
.entry-summary
.woocommerce-product-details__short-description
ul
li:before {
content: "\2022";
color: var(--c-primary);
font-weight: 700;
display: inline-block;
width: 1em;
margin-left: -1em;
font-size: 20px;
}
@media screen and (min-width: 320px) {
.single-product
.product
.entry-summary
.woocommerce-product-details__short-description
ul
li:before {
font-size: calc(20px + 0 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product
.product
.entry-summary
.woocommerce-product-details__short-description
ul
li:before {
font-size: 20px;
}
}
@media screen and (max-width: 992px) {
.single-product
.product
.entry-summary
.woocommerce-product-details__short-description
p {
margin-bottom: 0;
}
}
.single-product .product .entry-summary .price {
text-align: center;
}
@media screen and (min-width: 992px) {
.single-product .product .entry-summary .price {
text-align: left;
margin-bottom: 1em;
}
}
.single-product .product .entry-summary .price {
font-size: 18px;
}
@media screen and (min-width: 320px) {
.single-product .product .entry-summary .price {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product .product .entry-summary .price {
font-size: 22px;
}
}
.single-product .product .entry-summary .price bdi,
.single-product .product .entry-summary .price span {
font-size: 18px;
}
@media screen and (min-width: 320px) {
.single-product .product .entry-summary .price bdi,
.single-product .product .entry-summary .price span {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product .product .entry-summary .price bdi,
.single-product .product .entry-summary .price span {
font-size: 22px;
}
}
.single-product .product .entry-summary .price del {
color: #999999 !important;
font-size: 18px;
text-decoration: line-through;
text-decoration-thickness: 2.5px;
text-decoration-color: #ff0000;
text-decoration-style: solid;
text-underline-offset: 0;
-webkit-text-decoration-line: line-through;
-webkit-text-decoration-color: #ff0000;
-webkit-text-decoration-thickness: 2.5px;
opacity: 1;
margin-right: 0.5em;
font-weight: 400;
display: inline-block;
line-height: 1.2;
}
@media screen and (min-width: 320px) {
.single-product .product .entry-summary .price del {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product .product .entry-summary .price del {
font-size: 22px;
}
}
.single-product .product .entry-summary .price ins {
font-weight: 400;
}
.single-product .product .entry-summary .price .original-computed-price bdi {
font-size: 16px;
}
@media screen and (min-width: 320px) {
.single-product .product .entry-summary .price .original-computed-price bdi {
font-size: calc(16px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product .product .entry-summary .price .original-computed-price bdi {
font-size: 18px;
}
}
.single-product .product img {
max-height: 400px;
max-width: 500px;
width: auto;
object-fit: contain;
}
@media screen and (max-width: 992px) {
.single-product .product img {
max-height: 190px;
max-width: 280px;
margin: 2em auto 0;
}
}
@media screen and (min-width: 992px) {
.single-product .product .woocommerce-product-gallery__image img {
margin: 4em auto 0;
padding: 0 4em;
}
}
.single-product .product .slick-slider {
margin: auto;
}
.single-product .product .slick-slide:focus {
outline: none;
}
.single-product .product .slick-slider:nth-of-type(2) {
margin-top: 1em;
}
.single-product .product .slick-slider:nth-of-type(2) .slick-slide {
display: flex;
}
.single-product .product .slick-slider:nth-of-type(2) .slick-slide img {
margin: auto;
}
@media screen and (min-width: 992px) {
.single-product .product .slick-slider:nth-of-type(2) .slick-slide img {
width: auto;
}
}
@media screen and (max-width: 992px) {
.single-product .product .slick-slider:nth-of-type(2) .slick-slide img {
max-width: 70px;
}
}
.single-product .product .stock {
display: none;
}
@media screen and (min-width: 992px) {
.single-product .product .stock {
text-align: left;
}
}
.single-product .qty {
font-weight: 600;
}
.single-product .product-type-simple .price {
display: flex;
flex-flow: column;
margin-bottom: 0 !important;
}
.single-product .product .sale .price {
display: flex;
flex-flow: column;
}
.single-product .product-type-variable .price:first-of-type {
font-size: 18px;
}
@media screen and (min-width: 320px) {
.single-product .product-type-variable .price:first-of-type {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product .product-type-variable .price:first-of-type {
font-size: 22px;
}
}
.single-product .product-type-variable .woocommerce-variation-price .price {
margin-bottom: 0;
}
.single-product
.product-type-variable
.woocommerce-variation-price
.price
.woocommerce-Price-amount {
font-size: 18px;
}
@media screen and (min-width: 320px) {
.single-product
.product-type-variable
.woocommerce-variation-price
.price
.woocommerce-Price-amount {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product
.product-type-variable
.woocommerce-variation-price
.price
.woocommerce-Price-amount {
font-size: 22px;
}
}
.single-product .product_meta {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 992px) {
.single-product .product_meta {
justify-content: flex-start;
align-items: flex-start;
}
}
.single-product .product_meta .posted_in {
order: 2;
text-align: left;
}
.single-product .product_meta .tagged_as {
order: 3;
}
.single-product .product_meta .producent {
display: flex;
align-items: center;
margin-bottom: 2em;
}
@media screen and (max-width: 992px) {
.single-product .product_meta .producent {
flex-flow: column;
}
}
.single-product .product_meta .producent img {
height: auto;
width: 150px;
max-height: 100px;
object-fit: contain;
order: 1;
margin-top: 1em;
}
@media screen and (min-width: 992px) {
.single-product .product_meta .producent img {
align-self: flex-start;
margin-top: 0;
margin-left: 1em;
}
}
.single-product .woocommerce-product-details__short-description {
text-align: left;
}
@media screen and (min-width: 992px) {
.single-product .woocommerce-product-details__short-description {
padding-right: 20%;
}
}
.single-product .woocommerce-product-details__short-description p {
font-size: 16px;
}
@media screen and (min-width: 320px) {
.single-product .woocommerce-product-details__short-description p {
font-size: calc(16px + 0 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product .woocommerce-product-details__short-description p {
font-size: 16px;
}
}
.single-product .cart {
display: flex;
justify-content: flex-start;
align-items: baseline;
flex-wrap: wrap;
width: 260px;
}
@media screen and (max-width: 992px) {
.single-product .cart {
justify-content: center;
margin: auto;
}
}
.single-product .cart #my_simple_add_to_cart_ajax,
.single-product .cart button {
margin-top: 1em;
}
.single-product .cart .qty,
.single-product .cart .quantity {
width: 4em;
}
.single-product .cart .quantity {
text-align: center;
}
.single-product .cart .qty {
text-align: left;
}
.single-product .single_add_to_cart_button {
float: none;
}
.single-product .added_to_cart {
width: 100%;
margin-left: 0;
font-size: 13px;
}
@media screen and (min-width: 320px) {
.single-product .added_to_cart {
font-size: calc(13px + 0 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product .added_to_cart {
font-size: 13px;
}
}
.single-product .quantity {
padding: 1em;
}
@media screen and (max-width: 992px) {
.single-product .quantity {
padding: 0.5em;
}
}
.single-product .quantity input {
border: none;
}
.single-product input::-webkit-inner-spin-button {
opacity: 1;
}
.single-product .variations_form {
display: flex;
justify-content: center;
align-items: flex-start;
flex-flow: column;
}
.single-product .variations_form .woocommerce-variation-add-to-cart {
display: flex;
flex-flow: column;
width: 260px;
}
@media screen and (max-width: 992px) {
.single-product .variations_form .woocommerce-variation-add-to-cart {
margin: auto;
}
}
.single-product
.variations_form
.woocommerce-variation-add-to-cart
.quantity-wrapper {
display: flex;
justify-content: center;
align-items: center;
align-content: center;
width: 9em;
}
@media screen and (min-width: 992px) {
.single-product
.variations_form
.woocommerce-variation-add-to-cart
.quantity-wrapper {
justify-content: flex-start;
}
}
@media screen and (max-width: 992px) {
.single-product
.variations_form
.woocommerce-variation-add-to-cart
.quantity-wrapper {
align-self: center;
margin-bottom: 0.5em;
}
}
.single-product
.variations_form
.woocommerce-variation-add-to-cart
.quantity-wrapper
.qty {
width: 4em;
text-align: left;
}
@media screen and (max-width: 992px) {
.single-product
.variations_form
.woocommerce-variation-add-to-cart
.quantity-wrapper
.qty {
text-align: center;
}
}
.single-product
.variations_form
.woocommerce-variation-add-to-cart
.quantity-wrapper
.quantity {
width: 4em;
padding-left: 0;
}
@media screen and (max-width: 992px) {
.single-product
.variations_form
.woocommerce-variation-add-to-cart
.quantity-wrapper
.quantity {
text-align: center;
}
}
.single-product .variations_form .variations {
display: flex;
justify-content: space-between;
position: relative;
flex-flow: column;
width: 260px !important;
}
@media screen and (max-width: 992px) {
.single-product .variations_form .variations {
flex-flow: column;
margin: auto;
}
}
.single-product .variations_form .variations select {
background: transparent;
padding: 0.4em 4em 0.4em 0.4em;
width: 260px;
margin-right: 0 !important;
text-overflow: ellipsis;
}
.single-product .variations_form .single_variation_wrap {
width: 100%;
}
@media screen and (min-width: 992px) {
.single-product .variations_form .single_variation_wrap {
width: 25em !important;
}
}
@media screen and (min-width: 992px) {
.single-product
.variations_form
.single_variation_wrap
.woocommerce-variation-description {
text-align: left;
}
}
.single-product .variations_form .label {
width: 100%;
padding-bottom: 0.5em;
}
@media screen and (max-width: 992px) {
.single-product .variations_form .label {
margin-bottom: 1em;
}
}
@media screen and (min-width: 992px) {
.single-product .variations_form .label {
max-width: 200px;
text-align: left;
}
}
.single-product .variations_form .value {
position: relative;
}
.single-product .variations_form .value:after {
content: "";
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/arrow_down.svg) no-repeat;
background-position: 50%;
position: absolute;
display: block;
width: 20px;
height: 100%;
top: 0;
right: 1em;
display: flex;
align-items: center;
pointer-events: none;
}
@media screen and (max-width: 992px) {
.single-product .in-stock {
text-align: center;
}
}
.single-product .woocommerce-tabs {
padding-top: 1em;
width: 100%;
}
.single-product .woocommerce-Tabs-panel .woocommerce-product-attributes {
border-top: 0;
}
.single-product .woocommerce-Tabs-panel .woocommerce-product-attributes tr {
border: 1px solid #ccc;
}
@media screen and (max-width: 992px) {
.single-product .woocommerce-Tabs-panel .woocommerce-product-attributes tr {
display: flex;
flex-flow: column;
}
}
.single-product .woocommerce-Tabs-panel .woocommerce-product-attributes tr td,
.single-product .woocommerce-Tabs-panel .woocommerce-product-attributes tr th {
border: 0;
padding: 10px;
}
.single-product .woocommerce-Tabs-panel p {
font-family: K2D, sans-serif !important;
}
.single-product .woocommerce-Tabs-panel ul {
padding-left: 1.5em;
margin-left: 0;
list-style: none;
}
.single-product .woocommerce-Tabs-panel ul li:before {
content: "\2022";
color: var(--c-primary);
font-weight: 700;
display: inline-block;
width: 1em;
margin-left: -1em;
font-size: 20px;
}
@media screen and (min-width: 320px) {
.single-product .woocommerce-Tabs-panel ul li:before {
font-size: calc(20px + 0 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product .woocommerce-Tabs-panel ul li:before {
font-size: 20px;
}
}
.single-product .woocommerce-product-details__short-description p,
.single-product .woocommerce-product-details__short-description span,
.single-product .woocommerce-Tabs-panel--description p,
.single-product .woocommerce-Tabs-panel--description span {
font-family: K2D, sans-serif !important;
}
.vbox-content {
display: flex;
height: 100vh;
justify-content: center;
align-items: center;
}
.vbox-container {
overflow: hidden;
}
.vbox-container img {
width: auto;
object-fit: contain;
max-height: 50vh;
}
@media screen and (min-width: 992px) {
.vbox-container img {
padding: 4em !important;
}
}
.vbox-next {
right: 10em;
}
.vbox-prev {
left: 10em;
}
.woof_remove_ppi {
background-image: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/clear-24px.svg) !important;
background-size: 12px 12px;
background-repeat: no-repeat;
background-position: 100%;
}
.chosen-drop .highlighted,
.chosen-results .highlighted {
background: var(--c-primary) !important;
}
.chosen-drop ::-webkit-scrollbar,
.chosen-results ::-webkit-scrollbar {
width: 10px;
}
.chosen-drop ::-webkit-scrollbar-track,
.chosen-results ::-webkit-scrollbar-track {
background: #f1f1f1;
}
.chosen-drop ::-webkit-scrollbar-thumb,
.chosen-results ::-webkit-scrollbar-thumb {
background: rgba(100, 135, 185, 0.6);
border-radius: 5px;
}
@media screen and (min-width: 992px) {
.woocommerce-cart .entry-content {
width: 80%;
}
.woocommerce-cart .shop_table thead tr th {
padding: 20px 12px;
font-family: Poppins, sans-serif;
}
.woocommerce-cart #my_cart_totals {
width: 100%;
}
.woocommerce-cart #my_cart_totals tr td {
text-align: right;
}
.woocommerce-cart #my_cart_totals tr td,
.woocommerce-cart #my_cart_totals tr th {
padding: 1em;
}
.woocommerce-cart #my_cart_totals .order-total {
font-size: 20px;
}
}
@media screen and (min-width: 992px) and (min-width: 320px) {
.woocommerce-cart #my_cart_totals .order-total {
font-size: calc(20px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 992px) and (min-width: 1600px) {
.woocommerce-cart #my_cart_totals .order-total {
font-size: 24px;
}
}
@media screen and (min-width: 992px) {
.woocommerce-cart .cart-discount {
text-transform: uppercase;
}
}
@media screen and (min-width: 992px) {
.woocommerce-cart .woocommerce-remove-coupon {
color: var(--c-primary);
}
}
.woocommerce-cart .woocommerce-cart-form__cart-item a.my-remove {
text-indent: -9999px;
border: 0;
color: transparent !important;
}
.woocommerce-cart .woocommerce-cart-form__cart-item a.my-remove:hover {
background: transparent !important;
}
.woocommerce-cart .woocommerce-cart-form__cart-item a.my-remove:hover:before {
transform: rotate(180deg);
}
.woocommerce-cart .woocommerce-cart-form__cart-item a.remove:before {
content: "";
float: left;
text-indent: 0;
width: 25px;
height: 25px;
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/remove.svg) no-repeat !important;
background-size: contain !important;
transition: all 0.75s cubic-bezier(0.65, 0.05, 0.36, 1);
outline: none;
}
@media screen and (max-width: 992px) {
.woocommerce-cart .woocommerce-cart-form__cart-item .product-thumbnail {
display: block !important;
text-align: center !important;
border-top: 1px solid transparent !important;
}
.woocommerce-cart
.woocommerce-cart-form__cart-item
.product-thumbnail:before {
display: none;
}
}
.woocommerce-cart .wrapper-flex-row-around a {
margin-bottom: 0 !important;
}
@media screen and (min-width: 992px) {
.woocommerce-cart .wrapper-flex-row-around div {
padding-top: 0;
}
}
.woocommerce-cart .wrapper-flex-row-around a,
.woocommerce-cart .wrapper-flex-row-around div {
margin: 0.25em;
text-align: center;
}
.woocommerce-cart .shipping-calculator-button {
color: var(--c-primary);
display: flex !important;
align-items: center;
}
@media screen and (max-width: 992px) {
.woocommerce-cart .shipping-calculator-button {
justify-content: center;
}
}
.woocommerce-cart .shipping-calculator-button:after {
content: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/img/truck-xs.png) !important;
}
.woocommerce-cart #my_cart_totals,
.woocommerce-cart .woocommerce {
width: 100%;
}
.woocommerce-cart #my_cart_totals h2,
.woocommerce-cart .woocommerce h2 {
text-align: center;
}
.woocommerce-cart #my_cart_totals .woocommerce-info,
.woocommerce-cart #my_cart_totals .woocommerce-message,
.woocommerce-cart .woocommerce .woocommerce-info,
.woocommerce-cart .woocommerce .woocommerce-message {
padding: 1em 2em;
display: flex;
flex-flow: column;
justify-content: center;
text-align: center;
line-height: 2.25;
font-size: 14px;
}
@media screen and (min-width: 320px) {
.woocommerce-cart #my_cart_totals .woocommerce-info,
.woocommerce-cart #my_cart_totals .woocommerce-message,
.woocommerce-cart .woocommerce .woocommerce-info,
.woocommerce-cart .woocommerce .woocommerce-message {
font-size: calc(14px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.woocommerce-cart #my_cart_totals .woocommerce-info,
.woocommerce-cart #my_cart_totals .woocommerce-message,
.woocommerce-cart .woocommerce .woocommerce-info,
.woocommerce-cart .woocommerce .woocommerce-message {
font-size: 16px;
}
}
.woocommerce-cart #my_cart_totals .woocommerce-info a,
.woocommerce-cart #my_cart_totals .woocommerce-message a,
.woocommerce-cart .woocommerce .woocommerce-info a,
.woocommerce-cart .woocommerce .woocommerce-message a {
margin: auto;
}
@media screen and (max-width: 992px) {
.woocommerce-cart #my_cart_totals .woocommerce-info a,
.woocommerce-cart #my_cart_totals .woocommerce-message a,
.woocommerce-cart .woocommerce .woocommerce-info a,
.woocommerce-cart .woocommerce .woocommerce-message a {
width: 100%;
}
}
.woocommerce-cart #my_cart_totals .woocommerce-info .add_to_cart_button,
.woocommerce-cart #my_cart_totals .woocommerce-message .add_to_cart_button,
.woocommerce-cart .woocommerce .woocommerce-info .add_to_cart_button,
.woocommerce-cart .woocommerce .woocommerce-message .add_to_cart_button {
margin-top: 1em;
order: 3;
}
.woocommerce-cart #my_cart_totals .woocommerce-info:before,
.woocommerce-cart #my_cart_totals .woocommerce-message:before,
.woocommerce-cart .woocommerce .woocommerce-info:before,
.woocommerce-cart .woocommerce .woocommerce-message:before {
display: none;
}
.woocommerce-cart #my_cart_totals p.woocommerce-shipping-destination,
.woocommerce-cart .woocommerce p.woocommerce-shipping-destination {
text-align: right;
}
@media screen and (max-width: 992px) {
.woocommerce-cart #my_cart_totals p.woocommerce-shipping-destination,
.woocommerce-cart .woocommerce p.woocommerce-shipping-destination {
text-align: center;
}
}
.woocommerce-cart .update-cart-button {
display: none;
}
@media screen and (min-width: 992px) {
.woocommerce-cart .woocommerce-notices-wrapper {
min-width: 400px;
}
}
.cart-collaterals .my-cross-sells {
margin-top: 4em;
width: 100% !important;
}
.cart-collaterals .my-cross-sells h2 {
margin-bottom: 2em;
}
@media screen and (min-width: 992px) {
.cart-collaterals .my-cross-sells .products li {
max-width: 22.05%;
}
}
.cart-collaterals .wrapper-flex-row-around {
margin-top: 2em;
}
.cart-collaterals .wrapper-flex-row-around .wc-proceed-to-checkout {
padding: 0;
}
.cart-collaterals .wrapper-flex-row-around .button {
padding: 1em !important;
}
@media screen and (max-width: 992px) {
.cart-collaterals .wrapper-flex-row-around .button {
padding: 1em 0.5em !important;
}
}
.woocommerce-shipping-methods {
display: flex;
flex-flow: column;
}
.woocommerce-shipping-methods li {
display: flex;
justify-content: flex-start;
margin: 0.5em 0 !important;
width: 100%;
}
@media screen and (max-width: 992px) {
.woocommerce-shipping-methods li {
width: 100%;
}
}
.woocommerce-shipping-methods li input {
cursor: pointer;
margin: 0 1em 0 0 !important;
grid-column: 1;
grid-row: 1;
}
.woocommerce-shipping-methods li label {
grid-row: 1;
width: auto;
cursor: pointer;
}
.woocommerce-shipping-methods li label .woocommerce-Price-amount {
margin-left: 1em;
}
@media screen and (max-width: 992px) {
.woocommerce-shipping-methods li label {
width: 100%;
flex-flow: column;
margin: none;
width: auto;
}
.woocommerce-shipping-methods li label .woocommerce-Price-amount {
margin-left: 0;
margin-bottom: 1em;
margin-top: 1em;
}
}
.woocommerce-shipping-methods li p.shipping-method-description {
grid-column-start: 1;
grid-column-end: 3;
}
@media screen and (max-width: 992px) {
body.woocommerce-cart .woocommerce-shipping-totals td ul#shipping_method {
margin-top: 4em;
}
}
body.woocommerce-cart
.woocommerce-shipping-totals
td
ul#shipping_method
li
label {
display: flex;
align-items: flex-end;
flex-flow: column;
width: 200px;
}
body.woocommerce-cart
.woocommerce-shipping-totals
td
ul#shipping_method
li
label
img {
object-fit: contain;
width: 10em;
margin: 1em 0;
}
body.woocommerce-cart
.woocommerce-shipping-totals
td
ul#shipping_method
li
label
img#free-shipping-check {
width: 6em;
}
body.woocommerce-checkout .woocommerce-shipping-totals {
display: block;
width: 100%;
}
body.woocommerce-checkout .woocommerce-shipping-totals th {
display: block;
width: 100%;
}
body.woocommerce-checkout .woocommerce-shipping-totals td {
display: block;
width: 100%;
padding-top: 0.5em !important;
}
body.woocommerce-checkout .woocommerce-shipping-methods {
text-align: left;
justify-content: flex-start;
width: 100%;
}
body.woocommerce-checkout .woocommerce-shipping-methods li {
display: flex;
width: 100%;
justify-content: flex-start;
}
body.woocommerce-checkout .woocommerce-shipping-methods li label {
display: flex !important;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
min-width: unset;
flex: 1;
}
body.woocommerce-checkout .woocommerce-shipping-methods li img {
object-fit: contain;
width: 10em;
margin: 1em 0;
}
#free-shipping-check {
width: 5em;
margin-top: 1em;
}
.shop_table {
border: 1px solid transparent !important;
}
.shop_table .has-coupon-text {
font-family: Poppins, sans-serif;
text-align: center;
font-weight: 700;
}
@media screen and (min-width: 768px) {
.shop_table .has-coupon-text {
text-align: left;
}
}
@media screen and (max-width: 768px) {
.shop_table .coupon {
flex-flow: column;
}
}
.shop_table .coupon .input-text,
.shop_table .coupon .my-woobutton {
font-size: 1.1rem !important;
}
.shop_table .coupon .input-text {
padding: 0.5em 1em !important;
}
.shop_table .product-total {
text-align: right;
}
.shop_table td.my-cart-actions {
padding: 2em 12px !important;
}
@media screen and (max-width: 992px) {
.shop_table td.my-cart-actions .update-cart-button {
margin: 0.75em auto;
}
.shop_table td.my-cart-actions .my-woobutton {
padding: 1.25em 2.5em !important;
}
}
.shop_table #coupon_code {
width: 150px !important;
margin-right: 2em;
text-align: center;
}
@media screen and (max-width: 768px) {
.shop_table #coupon_code {
margin: 0.5em 0 2em;
}
}
.woocommerce-account .main-navigation,
.woocommerce-cart .main-navigation {
margin-bottom: 0;
}
.woocommerce-account header.common-template,
.woocommerce-cart header.common-template {
height: 5em;
}
.woocommerce-account .entry-content .woocommerce,
.woocommerce-cart .entry-content .woocommerce {
display: flex;
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.woocommerce-account .entry-content .woocommerce .woocommerce-cart-form,
.woocommerce-cart .entry-content .woocommerce .woocommerce-cart-form {
width: 100%;
}
.woocommerce-account .entry-content .woocommerce .cart_item,
.woocommerce-cart .entry-content .woocommerce .cart_item {
height: 4em;
}
@media screen and (max-width: 768px) {
.woocommerce-account .entry-content .woocommerce .cart_item,
.woocommerce-cart .entry-content .woocommerce .cart_item {
display: table-row;
}
}
.woocommerce-account .entry-content .woocommerce .product-thumbnail,
.woocommerce-cart .entry-content .woocommerce .product-thumbnail {
min-width: 90px;
}
.woocommerce-account .entry-content .woocommerce .product-thumbnail img,
.woocommerce-cart .entry-content .woocommerce .product-thumbnail img {
width: auto;
max-height: 130px;
object-fit: contain;
width: 200px;
}
.woocommerce-account .entry-content .woocommerce .qty,
.woocommerce-cart .entry-content .woocommerce .qty {
border: 1px solid #ccc;
padding-left: 15px;
}
.woocommerce-account .entry-content,
.woocommerce-cart .entry-content {
min-height: 70vh;
margin-top: 4em;
}
.woocommerce-account .woocommerce-error a {
background: transparent !important;
transition: all 0.2s ease-in !important;
border: none !important;
color: #000 !important;
cursor: pointer !important;
font-family: K2D, sans-serif !important;
text-decoration: underline;
}
.woocommerce-account .woocommerce-error a:hover {
border: none !important;
}
.woocommerce-account .woocommerce-error li {
display: block;
}
.woocommerce-MyAccount-navigation {
width: 100% !important;
}
.woocommerce-MyAccount-navigation ul {
display: flex;
margin: auto;
justify-content: center;
list-style: none;
padding-left: 0;
}
@media screen and (max-width: 992px) {
.woocommerce-MyAccount-navigation ul {
flex-flow: column;
}
}
.woocommerce-MyAccount-navigation ul li {
height: auto;
}
.woocommerce-MyAccount-navigation ul li .my-nav-button {
margin: auto !important;
width: 100%;
}
.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
padding: 1.5em 10px;
font-size: 15px;
}
@media screen and (min-width: 320px) {
.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
font-size: calc(15px + 1 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
font-size: 16px;
}
}
.entry-content {
width: 100%;
}
@media screen and (min-width: 992px) {
.entry-content {
width: 80%;
}
}
form.woocommerce-form {
border: none !important;
}
#customer_login,
.sign-in-up-form-wrapper {
position: relative;
box-shadow: 0 2px 24px 2px rgba(19, 17, 54, 0.75);
margin: auto;
}
@media screen and (min-width: 992px) {
#customer_login,
.sign-in-up-form-wrapper {
width: 100%;
min-width: 400px;
}
}
#customer_login #switch-sign-in,
#customer_login #switch-sign-up,
.sign-in-up-form-wrapper #switch-sign-in,
.sign-in-up-form-wrapper #switch-sign-up {
width: 50%;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
#customer_login #switch-sign-in h2,
#customer_login #switch-sign-up h2,
.sign-in-up-form-wrapper #switch-sign-in h2,
.sign-in-up-form-wrapper #switch-sign-up h2 {
font-size: 14px;
}
@media screen and (min-width: 320px) {
#customer_login #switch-sign-in h2,
#customer_login #switch-sign-up h2,
.sign-in-up-form-wrapper #switch-sign-in h2,
.sign-in-up-form-wrapper #switch-sign-up h2 {
font-size: calc(14px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
#customer_login #switch-sign-in h2,
#customer_login #switch-sign-up h2,
.sign-in-up-form-wrapper #switch-sign-in h2,
.sign-in-up-form-wrapper #switch-sign-up h2 {
font-size: 18px;
}
}
#customer_login #switch-sign-in:hover,
#customer_login #switch-sign-up:hover,
.sign-in-up-form-wrapper #switch-sign-in:hover,
.sign-in-up-form-wrapper #switch-sign-up:hover {
background-color: rgba(100, 135, 185, 0.726);
}
#customer_login .switch-active,
.sign-in-up-form-wrapper .switch-active {
background-color: var(--c-primary);
}
#customer_login .sign-in-wrapper,
#customer_login .sign-up-wrapper,
.sign-in-up-form-wrapper .sign-in-wrapper,
.sign-in-up-form-wrapper .sign-up-wrapper {
width: 100% !important;
opacity: 0;
display: none;
}
#customer_login .form-active,
.sign-in-up-form-wrapper .form-active {
opacity: 1;
display: block;
}
#customer_login form,
.sign-in-up-form-wrapper form {
margin: 0;
}
#customer_login .form-header,
#customer_login .sign-in-wrapper,
#customer_login .sign-up-wrapper,
.sign-in-up-form-wrapper .form-header,
.sign-in-up-form-wrapper .sign-in-wrapper,
.sign-in-up-form-wrapper .sign-up-wrapper {
background-color: rgba(1, 34, 65, 0.84706);
}
#customer_login .sign-up-wrapper form,
.sign-in-up-form-wrapper .sign-up-wrapper form {
opacity: 0;
height: 0;
padding: 0 !important;
transition: all 0.3s ease-in-out;
margin-top: 0;
}
#customer_login .sign-up-wrapper .form-type-chosen,
.sign-in-up-form-wrapper .sign-up-wrapper .form-type-chosen {
opacity: 1;
height: 100%;
padding: 20px;
margin-top: 1em;
}
#customer_login .choose-customer-type,
.sign-in-up-form-wrapper .choose-customer-type {
padding: 2em 1em 4em;
display: flex;
flex-flow: column;
justify-content: space-around;
}
@media screen and (min-width: 992px) {
#customer_login .choose-customer-type,
.sign-in-up-form-wrapper .choose-customer-type {
padding: 2em 2em 4em;
}
}
#customer_login .wholesale-info,
.sign-in-up-form-wrapper .wholesale-info {
color: #fff;
text-align: center;
transition: all 0.3s ease-in-out;
margin: 0;
height: 0;
opacity: 0;
}
#customer_login .show-info,
.sign-in-up-form-wrapper .show-info {
margin: 2em 0;
height: auto;
opacity: 1;
display: block;
}
#customer_login .form-header,
.sign-in-up-form-wrapper .form-header {
padding: 2em 1em;
}
#customer_login a,
#customer_login h2,
#customer_login p,
.sign-in-up-form-wrapper a,
.sign-in-up-form-wrapper h2,
.sign-in-up-form-wrapper p {
color: #fff;
}
#customer_login .input-text,
#customer_login .woocommerce-Input:focus,
.sign-in-up-form-wrapper .input-text,
.sign-in-up-form-wrapper .woocommerce-Input:focus {
background: transparent;
border: none;
border-bottom: 1px solid #ccc;
padding: 0.5em;
border-radius: 0;
color: #fff;
}
#customer_login .login-and-remember,
.sign-in-up-form-wrapper .login-and-remember {
flex-flow: column-reverse;
}
#customer_login .woocommerce-LostPassword,
#customer_login .woocommerce-privacy-policy-text,
.sign-in-up-form-wrapper .woocommerce-LostPassword,
.sign-in-up-form-wrapper .woocommerce-privacy-policy-text {
text-align: center;
}
.woocommerce-MyAccount-content {
margin: 2em;
}
.woocommerce-MyAccount-content .woocommerce-Address-title {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.woocommerce-MyAccount-content .woocommerce-Address-title h3 {
width: 100%;
margin-bottom: 0.5em;
}
.woocommerce-MyAccount-content .woocommerce-Address-title .edit {
width: 100%;
margin-bottom: 1em;
}
.woocommerce-MyAccount-content input {
background: transparent;
}
.woocommerce-MyAccount-content fieldset {
margin: 5em auto;
padding: 2em;
background: rgba(1, 34, 65, 0.84706);
border: none;
color: #fff;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.woocommerce-MyAccount-content fieldset {
font-size: calc(12px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.woocommerce-MyAccount-content fieldset {
font-size: 14px;
}
}
@media screen and (min-width: 992px) {
.woocommerce-MyAccount-content fieldset {
padding: 2em 3em;
width: 80%;
}
}
.woocommerce-MyAccount-content fieldset label {
font-weight: 600;
padding-bottom: 2em;
font-size: 14px;
}
@media screen and (min-width: 320px) {
.woocommerce-MyAccount-content fieldset label {
font-size: calc(14px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.woocommerce-MyAccount-content fieldset label {
font-size: 18px;
}
}
.woocommerce-MyAccount-content fieldset p {
margin: 0 0 1.5em !important;
}
.woocommerce-MyAccount-content fieldset p label {
margin-bottom: 1em;
font-weight: 400;
padding-bottom: 0;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.woocommerce-MyAccount-content fieldset p label {
font-size: calc(12px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.woocommerce-MyAccount-content fieldset p label {
font-size: 14px;
}
}
.woocommerce-MyAccount-content fieldset p:first-of-type {
margin: 1.5em 0 !important;
}
.woocommerce-MyAccount-content fieldset input {
border-bottom: 1px solid #fff !important;
color: #fff !important;
}
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm {
margin: auto;
}
@media screen and (min-width: 992px) {
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm {
width: 80%;
max-width: 600px;
}
}
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm p {
width: 100%;
}
.woocommerce-MyAccount-content
.woocommerce-address-fields__field-wrapper
.input-text,
.woocommerce-MyAccount-content
.woocommerce-address-fields__field-wrapper
input[type="text"],
.woocommerce-MyAccount-content
.woocommerce-address-fields__field-wrapper
select,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .input-text,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type="text"],
.woocommerce-MyAccount-content .woocommerce-EditAccountForm select {
padding: 0.5em;
border: none;
border-bottom: 1px solid #000;
text-align: center;
}
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper label,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm label {
font-family: Poppins, sans-serif;
}
.woocommerce-MyAccount-content
.woocommerce-address-fields__field-wrapper
.woocommerce-form-row
em,
.woocommerce-MyAccount-content
.woocommerce-EditAccountForm
.woocommerce-form-row
em {
font-size: 12px;
}
.woocommerce-MyAccount-content
.woocommerce-address-fields__field-wrapper
.selection
span,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .selection span {
height: 2.75em;
line-height: 2.75em;
}
.woocommerce-MyAccount-content .woocommerce-message--info {
display: flex;
flex-flow: column;
}
@media screen and (max-width: 520px) {
.woocommerce-MyAccount-content .woocommerce-message--info:before {
left: 0.5em;
}
}
.woocommerce-MyAccount-content .woocommerce-message--info .add_to_cart_button {
order: 2;
margin: 2em auto;
}
@media screen and (min-width: 992px) {
.woocommerce-MyAccount-content
.woocommerce-message--info
.add_to_cart_button {
max-width: 60%;
}
}
.shop-wrapper {
align-items: flex-start !important;
position: relative;
}
@media screen and (max-width: 1200px) {
.shop-wrapper {
flex-flow: column !important;
}
}
.subcategories-list {
padding: 0;
margin: 0 0 2em;
display: flex;
flex-wrap: wrap;
list-style: none;
}
.subcategories-list li {
padding: 0.5em 0 0;
margin-right: 1em;
margin-bottom: 1em;
}
@media screen and (max-width: 992px) {
.subcategories-list li {
width: 100%;
margin-right: 0;
}
}
.subcategories-list li a {
font-family: Poppins, sans-serif;
transition: all 0.3s ease-in-out;
padding: 1.5em 1.75em !important;
font-size: 1em !important;
}
@media screen and (max-width: 992px) {
.subcategories-list li a {
width: 100%;
text-align: center;
}
}
.main-shop-products {
width: 100%;
}
.woocommerce-Price-amount {
font-family: Poppins, sans-serif;
}
.sidebar-filters {
width: 100%;
}
.sidebar-filters .chosen-choices,
.sidebar-filters .chosen-single {
box-shadow: none;
background: transparent;
border-radius: 0;
border: none;
border-bottom: 1px solid #000;
}
.sidebar-filters .chosen-choices input,
.sidebar-filters .chosen-choices span,
.sidebar-filters .chosen-single input,
.sidebar-filters .chosen-single span {
font-size: 1rem;
line-height: 1.2;
}
.sidebar-filters .chosen-choices {
padding-bottom: 0.5em;
font-size: 1rem;
display: flex;
}
@media screen and (max-width: 992px) {
.sidebar-filters .chosen-choices {
flex-wrap: wrap;
}
}
.sidebar-filters .chosen-choices .search-field {
margin-right: 2em !important;
}
.sidebar-filters .chosen-results {
max-height: 350px;
}
.sidebar-filters .chosen-results li {
font-size: 1rem;
padding: 8px;
}
.sidebar-filters .chosen-container-active.chosen-with-drop .chosen-single {
background-image: none;
}
.sidebar-filters .chosen-container-active {
background: transparent;
}
.sidebar-filters .chosen-container-multi {
position: relative;
}
.sidebar-filters .chosen-container-multi:after {
content: "";
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/arrow_down_grey.svg) no-repeat;
background-position: 50%;
position: absolute;
display: block;
width: 20px;
height: 70%;
top: 0;
right: 5px;
display: flex;
align-items: center;
pointer-events: none;
}
@media screen and (max-width: 992px) {
.sidebar-filters .chosen-container-multi:after {
right: 0.25em;
}
}
.sidebar-filters .chosen-container-multi .chosen-choices,
.sidebar-filters .chosen-container-multi .chosen-choices input {
cursor: pointer !important;
}
.sidebar-filters
.chosen-container-multi
.chosen-choices
li.search-field
input[type="text"] {
transition: 0.3s ease-in-out;
}
.sidebar-filters .chosen-container-multi .chosen-choices li.search-choice {
box-shadow: none !important;
background-image: none !important;
border: none !important;
background-color: transparent !important;
}
@media screen and (max-width: 992px) {
.sidebar-filters .chosen-container-multi .chosen-choices li.search-choice {
width: 80%;
}
}
.sidebar-filters .chosen-container-multi .chosen-choices li.search-choice span {
white-space: nowrap;
}
.sidebar-filters .woof_reset_search_form {
margin-bottom: 1rem;
}
#toggle-filters {
display: flex;
justify-content: space-between;
}
@media screen and (min-width: 992px) {
#toggle-filters {
display: none;
}
}
#toggle-filters .filters-icon {
display: block;
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/filter.svg) no-repeat;
background-size: contain;
width: 20px;
height: 20px;
}
@media screen and (max-width: 992px) {
.woof {
display: none;
}
}
.woof__show {
display: block;
}
.woof_list label {
vertical-align: baseline;
vertical-align: initial;
}
.woof_list_checkbox {
padding: 0;
}
.woof_list_checkbox li[class*="woof_term"] {
display: inline-table;
}
.woof_list_checkbox li[class*="woof_term"] a {
display: flex;
flex-wrap: nowrap;
align-items: baseline;
}
.woof_childs_list {
padding-left: 0.5em;
margin: 7px 0 0 !important;
}
.woof_childs_list li {
display: flex;
align-items: baseline;
}
.woof_redraw_zone {
padding-top: 1em;
}
.woof_products_top_panel {
width: 80%;
z-index: 3;
}
.woof_products_top_panel .woof_remove_ppi {
font-family: Poppins, sans-serif;
}
span.woof_is_closed {
transform: rotate(0deg);
}
span.woof_is_closed,
span.woof_is_opened {
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/add_circle_outline.svg) no-repeat !important;
background-size: contain !important;
width: 22px;
height: 22px;
transition: all 0.2s ease-in-out;
outline: none;
}
span.woof_is_opened {
transform: rotate(135deg);
}
.chosen-container {
width: 100% !important;
}
.woof_redraw_zone {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 1em;
grid-row-gap: 1em;
align-items: flex-end;
}
@media screen and (max-width: 992px) {
.woof_redraw_zone {
grid-template-columns: 1fr;
}
}
.woof_redraw_zone .woof_submit_search_form_container {
margin: 0 !important;
}
.woof_redraw_zone .woof_container_mselect .chosen-choices li input {
width: 100% !important;
}
.woof_reset_button_2 {
display: none;
}
.woof_price_search_container {
grid-column-start: 1;
grid-column-end: 4;
}
@media screen and (max-width: 992px) {
.woof_price_search_container {
grid-column-start: 1;
grid-column-end: 1;
}
}
@media screen and (min-width: 992px) {
.woof_price_search_container .woof_container_inner {
width: 25%;
}
}
.woof_submit_search_form_container {
grid-row-start: 4;
}
@media screen and (max-width: 992px) {
.woof_submit_search_form_container {
grid-row-start: 1;
}
}
select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: "";
outline: none;
}
.woocommerce-ordering {
margin-bottom: 4em !important;
}
@media screen and (min-width: 992px) {
.woocommerce-ordering {
z-index: 3;
top: 0;
right: 0;
}
}
.woocommerce-ordering:after {
content: "";
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/swap_vert.svg) no-repeat;
background-position: 50%;
position: absolute;
display: block;
width: 20px;
height: 100%;
top: 0;
right: 1em;
display: flex;
align-items: center;
pointer-events: none;
}
.woocommerce-ordering select:first-child {
background-color: var(--c-primary) !important;
width: 100%;
color: #fff !important;
padding: 0.5em 4em 0.5em 2em !important;
font-weight: 600 !important;
border-radius: 100rem !important;
text-decoration: none !important;
transition: all 0.2s ease-in !important;
border: 1px solid var(--c-primary) !important;
font-size: 13px;
}
@media screen and (min-width: 320px) {
.woocommerce-ordering select:first-child {
font-size: calc(13px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.woocommerce-ordering select:first-child {
font-size: 15px;
}
}
.woocommerce-ordering select:first-child option {
background-color: #fff !important;
color: #000;
width: 100%;
}
.woocommerce-result-count {
height: 3em;
display: flex;
align-items: center;
margin: 0 0 1rem !important;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.woocommerce-result-count {
font-size: calc(12px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.woocommerce-result-count {
font-size: 14px;
}
}
.vg-sort-show {
display: flex;
align-items: center;
height: 3em;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.vg-sort-show {
font-size: calc(12px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.vg-sort-show {
font-size: 14px;
}
}
@media screen and (max-width: 992px) {
.vg-sort-show {
margin-right: 1em;
float: right;
}
}
@media screen and (min-width: 992px) {
.vg-sort-show {
float: left;
margin-left: 1em;
}
}
.vg-sort-show select {
cursor: pointer;
padding: 5px 7px;
margin-left: 5px;
background: transparent;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.vg-sort-show select {
font-size: calc(12px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.vg-sort-show select {
font-size: 14px;
}
}
.vg-sort-show select option {
cursor: pointer;
}
.vg-sort-show select:focus {
border-color: #66afe9;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08),
0 0 8px rgba(102, 175, 233, 0.6);
}
@media screen and (max-width: 992px) {
.dgwt-wcas-suggestions-wrapp {
height: calc(100% - 45px) !important;
}
}
@media screen and (min-width: 992px) {
.dgwt-wcas-suggestions-wrapp {
overflow-y: scroll !important;
max-height: 65vh !important;
}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion {
text-decoration: none !important;
}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-selected {
background: var(--c-primary) !important;
}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-selected .dgwt-wcas-st,
.dgwt-wcas-suggestions-wrapp
.dgwt-wcas-suggestion-selected
.dgwt-wcas-st-title {
color: #fff;
}
}
.dgwt-wcas-details-wrapp {
height: auto !important;
}
.dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc-form {
align-items: center;
justify-content: center;
}
.dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc-form .quantity {
margin-right: 2em;
}
.dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc-form .add_to_cart_inline {
text-align: center;
}
.dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc-form input {
border: 1px solid #ccc;
padding-left: 15px;
}
.dgwt-wcas-details-wrapp .dgwt-wcas-details-main-image {
padding: 2em;
}
.dgwt-wcas-si {
width: 8em !important;
height: 5em !important;
}
.dgwt-wcas-si img {
border: none;
max-height: 100%;
height: 100%;
object-fit: contain;
}
.dgwt-wcas-pd-rating {
height: 4em;
line-height: -4em;
display: flex;
align-items: center;
}
.dgwt-wcas-stock {
display: none;
}
.woocommerce-message {
border-top-color: var(--c-primary);
}
@media screen and (max-width: 992px) {
.woocommerce-message {
text-align: center;
}
}
.woocommerce-message:before {
content: "";
}
.showcoupon {
text-decoration: underline;
}
#customer_details .woocommerce-billing-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#customer_details p {
width: 100%;
margin-bottom: 2em;
}
@media screen and (min-width: 992px) {
#customer_details #billing_city_field,
#customer_details #billing_first_name_field,
#customer_details #billing_last_name_field,
#customer_details #billing_postcode_field {
width: 45%;
}
}
#customer_details #order_comments_field {
margin-top: 2em;
}
@media screen and (max-width: 992px) {
#customer_details #order_comments {
min-height: 90px;
}
}
#customer_details .input-text,
#customer_details input[type="text"],
#customer_details select {
padding: 1em;
}
#customer_details textarea {
min-height: 100px;
}
#customer_details label {
font-family: Poppins, sans-serif;
text-align: left;
}
#customer_details .selection span {
height: 2.75em;
line-height: 2.75em;
}
#customer_details .col-1,
#customer_details .col-2 {
width: 100% !important;
padding: 0 10%;
}
@media screen and (max-width: 992px) {
#customer_details .col-1,
#customer_details .col-2 {
padding: 0 5%;
}
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
background-color: transparent;
}
.woocommerce-error {
border-top-color: rgba(228, 3, 3, 0.904);
}
.woocommerce-error:before {
color: rgba(228, 3, 3, 0.904);
}
.woocommerce-error li {
display: flex;
flex-flow: column;
text-align: center;
justify-content: center;
align-items: center;
}
.woocommerce-error li a {
order: 2;
width: 100%;
max-width: 300px;
text-align: center;
margin: 1em auto !important;
}
.woocommerce-thankyou-order-details {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.woocommerce-thankyou-order-details li {
border-right: none !important;
padding: 1em;
}
.woocommerce-loop-category__title {
text-align: center;
}
.woocommerce-checkout .entry-content {
width: 100%;
}
@media screen and (min-width: 1300px) {
.woocommerce-checkout .entry-content {
padding: 0 5em;
}
}
.woocommerce-checkout .woocommerce-form-coupon-toggle {
display: none;
}
.woocommerce-checkout .woocommerce-form-login {
margin: 2em auto !important;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
background-color: rgba(1, 34, 65, 0.847);
}
@media screen and (max-width: 992px) {
.woocommerce-checkout .woocommerce-form-login {
width: 100%;
margin: auto auto 7em !important;
}
}
@media screen and (min-width: 992px) {
.woocommerce-checkout .woocommerce-form-login {
width: 40%;
}
}
.woocommerce-checkout .woocommerce-form-login p {
text-align: center;
}
.woocommerce-checkout .woocommerce-form-login input,
.woocommerce-checkout .woocommerce-form-login p {
color: #fff;
}
.woocommerce-checkout .woocommerce-form-login .form-row {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.woocommerce-checkout .woocommerce-form-login .form-row-first,
.woocommerce-checkout .woocommerce-form-login .form-row-last {
margin-bottom: 1em;
}
.woocommerce-checkout .woocommerce-form-login input {
background: transparent;
border: none;
border-bottom: 1px solid #ccc;
padding: 1em;
border-radius: 0;
}
.woocommerce-checkout .woocommerce-form-login .input-text {
color: #fff;
}
@media screen and (min-width: 992px) {
.woocommerce-checkout .woocommerce-form-login .input-text {
min-width: 300px;
}
}
.woocommerce-checkout
.woocommerce-form-login
.input-text:-ms-input-placeholder {
color: #fff;
}
.woocommerce-checkout
.woocommerce-form-login
.input-text::-ms-input-placeholder {
color: #fff;
}
.woocommerce-checkout .woocommerce-form-login .input-text::placeholder {
color: #fff;
}
.woocommerce-checkout .woocommerce-form-login .outline-button {
font-family: Poppins, sans-serif;
}
.woocommerce-checkout .woocommerce-form-login .woocommerce-LostPassword {
text-align: center;
}
.woocommerce-checkout .checkout-steps {
margin: 5em auto 2em;
}
.woocommerce table.shop_table td {
padding: 1em;
}
form.woocommerce-checkout #billing_country_field,
form.woocommerce-checkout #shipping_country_field {
text-align: left;
display: none;
}
@media screen and (max-width: 992px) {
form.woocommerce-checkout .woocommerce-input-wrapper #order_comments {
text-align: center;
margin-top: 1em;
}
}
form.woocommerce-checkout #ship-to-different-address {
float: none !important;
width: 100%;
}
@media screen and (min-width: 992px) {
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order {
margin-top: 7em;
}
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.cart_item {
width: 100%;
padding: 0.5em 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.cart_item
.product-name {
text-align: left;
width: 60%;
}
@media screen and (min-width: 992px) {
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.cart_item
.product-name {
width: 70%;
}
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.cart_item
.my-product-quantity {
margin-right: 1em;
}
@media screen and (min-width: 992px) {
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.cart_item
.my-product-quantity,
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.cart_item
.product-total {
width: 15%;
}
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.woocommerce-checkout-review-order-table {
margin-top: 2em;
border-collapse: collapse;
table-layout: fixed;
}
@media screen and (min-width: 992px) {
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.woocommerce-checkout-review-order-table
tfoot {
display: table-row-group;
}
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.woocommerce-checkout-review-order-table
.cart-subtotal {
border-bottom: 1px solid #fff;
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.woocommerce-checkout-review-order-table
.cart-subtotal
td,
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.woocommerce-checkout-review-order-table
.cart-subtotal
th {
border: none;
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.woocommerce-checkout-review-order-table
.cart-subtotal
td {
margin-left: 100%;
text-align: right !important;
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.woocommerce-checkout-review-order-table
.cart-discount {
text-transform: uppercase;
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.woocommerce-checkout-review-order-table
.cart-discount
td {
text-align: right !important;
}
@media screen and (min-width: 992px) {
form.woocommerce-checkout .checkout-fields-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
}
form.woocommerce-checkout .checkout-fields-wrapper .col2-set {
grid-column-start: 1;
grid-column-end: 1;
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order,
form.woocommerce-checkout .checkout-fields-wrapper h3 {
grid-column-start: 2;
grid-column-end: 2;
grid-row-start: 1;
}
form.woocommerce-checkout .checkout-fields-wrapper .order-total {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
form.woocommerce-checkout .checkout-fields-wrapper .order-total td,
form.woocommerce-checkout .checkout-fields-wrapper .order-total th {
padding: 1em;
}
form.woocommerce-checkout .checkout-fields-wrapper .order-total td {
text-align: right;
}
form.woocommerce-checkout
.checkout-fields-wrapper
.order-total
.woocommerce-Price-amount {
font-size: 20px;
}
}
@media screen and (min-width: 992px) and (min-width: 320px) {
form.woocommerce-checkout
.checkout-fields-wrapper
.order-total
.woocommerce-Price-amount {
font-size: calc(20px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 992px) and (min-width: 1600px) {
form.woocommerce-checkout
.checkout-fields-wrapper
.order-total
.woocommerce-Price-amount {
font-size: 24px;
}
}
@media screen and (min-width: 992px) {
form.woocommerce-checkout
.checkout-fields-wrapper
#ship-to-different-address {
float: none !important;
}
}
form.woocommerce-checkout .woocommerce-shipping-totals td,
form.woocommerce-checkout .woocommerce-shipping-totals th {
border-top: none !important;
}
@media screen and (max-width: 992px) {
form.woocommerce-checkout .order-total {
font-size: 24px;
}
}
@media screen and (max-width: 992px) and (min-width: 320px) {
form.woocommerce-checkout .order-total {
font-size: calc(24px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (max-width: 992px) and (min-width: 1600px) {
form.woocommerce-checkout .order-total {
font-size: 26px;
}
}
@media screen and (max-width: 992px) {
form.woocommerce-checkout .order-total td {
text-align: right;
}
}
.woocommerce-checkout-payment {
background: #f3f3f3 !important;
}
body.woocommerce-order-received .woocommerce-order {
max-width: 800px;
margin: auto;
}
.woocommerce-thankyou-order-received {
color: #77a464;
font-weight: 600;
margin-top: 3em;
}
.star-rating span:before,
.stars a:before {
color: gold;
transition: all 0.2s ease-in-out;
}
.stars span {
cursor: pointer;
}
.empty-star-rating,
.star-rating {
margin-top: -0.5em !important;
}
@media screen and (max-width: 992px) {
.star-rating {
margin: 0.5em !important;
}
}
.star-text {
font-size: 10px;
}
@media screen and (min-width: 320px) {
.star-text {
font-size: calc(10px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.star-text {
font-size: 12px;
}
}
@media screen and (min-width: 992px) {
.woocommerce-review-link {
padding-left: 0.75em;
}
}
.empty-star-rating:before {
color: gold !important;
transition: all 0.2s ease-in-out;
}
.empty-star-rating:hover:before {
content: "SSSSS";
color: gold !important;
}
.woocommerce .woocommerce-product-rating {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 992px) {
.woocommerce .woocommerce-product-rating {
justify-content: flex-start;
align-items: flex-start;
}
}
.woocommerce-review-link {
font-size: 10px;
}
@media screen and (min-width: 320px) {
.woocommerce-review-link {
font-size: calc(10px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.woocommerce-review-link {
font-size: 12px;
}
}
#reviews .commentlist {
padding: 0;
}
#reviews .commentlist .avatar {
display: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0;
}
@media screen and (max-width: 992px) {
.woocommerce #reviews #comments ol.commentlist li .comment-text {
display: flex;
flex-flow: column;
}
}
.woocommerce div.product .woocommerce-tabs .panel {
width: 100%;
}
.woocommerce .blockUI.blockOverlay {
z-index: 10 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs.my-wc-tabs {
display: flex;
}
.woocommerce div.product .woocommerce-tabs ul.tabs.my-wc-tabs:before {
border-bottom: 1px solid var(--c-primary);
}
body.tax-product_cat .term-description {
display: none;
}
@media screen and (max-width: 992px) {
.wholesale_price_container {
display: flex !important;
flex-flow: column;
justify-content: center;
align-items: center;
}
}
.wpdesk-notice-container .woocommerce-message {
padding: 1em 2em;
display: flex;
flex-flow: column;
justify-content: center;
text-align: center;
line-height: 2.25;
font-size: 14px;
}
@media screen and (min-width: 320px) {
.wpdesk-notice-container .woocommerce-message {
font-size: calc(14px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.wpdesk-notice-container .woocommerce-message {
font-size: 16px;
}
}
.wpdesk-notice-container .woocommerce-message a {
margin: auto;
}
.wpdesk-notice-container .woocommerce-message .add_to_cart_button {
margin-top: 1em;
order: 3;
}
@media screen and (max-width: 992px) {
.wpdesk-notice-container .woocommerce-message .add_to_cart_button {
width: 100%;
}
}
.wpdesk-notice-container .woocommerce-message:before {
display: none;
}
.payment_methods .wc_payment_method {
margin: 2em 1em !important;
}
.payment_methods .wc_payment_method label {
font-family: Poppins, sans-serif;
}
.payment_methods .wc_payment_method input,
.payment_methods .wc_payment_method label {
cursor: pointer;
}
.woocommerce-privacy-policy-link {
text-decoration: underline;
transition: all 0.3s ease-in-out;
}
.woocommerce-thankyou-order-details {
padding-right: 0;
padding-left: 0 !important;
}
.woocommerce-thankyou-order-details li {
margin: auto !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.bacs_details {
display: flex;
padding-left: 0;
justify-content: center;
}
.bacs_details li {
margin: auto !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.woocommerce-order-received tfoot td {
text-align: right;
}
.checkout ul.wc_payment_methods {
padding: 2em;
}
.checkout .woocommerce-form__label-for-checkbox input[type="checkbox"] {
position: relative;
cursor: pointer;
padding: 0;
margin-right: 10px;
width: 29px;
height: 26px;
}
.checkout .woocommerce-form__label-for-checkbox input[type="checkbox"]:before {
content: "";
margin-right: 10px;
display: inline-block;
margin-top: -2px;
width: 30px;
height: 30px;
background: #fff;
border: 1px solid #ccc;
}
.checkout
.woocommerce-form__label-for-checkbox
input[type="checkbox"]:checked:before {
background: var(--c-primary);
border-color: #fff;
}
.checkout
.woocommerce-form__label-for-checkbox
input[type="checkbox"]:disabled {
color: var(--c-primary);
cursor: auto;
}
.checkout
.woocommerce-form__label-for-checkbox
input[type="checkbox"]:disabled:before {
box-shadow: none;
background: var(--c-primary);
}
.checkout
.woocommerce-form__label-for-checkbox
input[type="checkbox"]:checked:after {
content: "";
position: absolute;
left: 10px;
top: 12px;
background: #fff;
width: 3px;
height: 3px;
box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff,
4px -6px 0 #fff, 4px -8px 0 #fff;
transform: rotate(45deg);
}
.checkout .wc_payment_method input[type="radio"] {
position: relative;
cursor: pointer;
padding: 0;
margin-right: 10px;
width: 20px;
height: 20px;
}
.checkout .wc_payment_method input[type="radio"]:before {
content: "";
margin-right: 10px;
display: inline-block;
margin-top: -2px;
width: 30px;
height: 30px;
background: #fff;
border: 1px solid #ccc;
}
.checkout .wc_payment_method input[type="radio"]:checked:before {
background: var(--c-primary);
border-color: #fff;
}
.checkout .wc_payment_method input[type="radio"]:disabled {
color: var(--c-primary);
cursor: auto;
}
.checkout .wc_payment_method input[type="radio"]:disabled:before {
box-shadow: none;
background: var(--c-primary);
}
.checkout .wc_payment_method input[type="radio"]:checked:after {
content: "";
position: absolute;
left: 10px;
top: 12px;
background: #fff;
width: 3px;
height: 3px;
box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff,
4px -6px 0 #fff, 4px -8px 0 #fff;
transform: rotate(45deg);
}
.checkout .woocommerce-form__label {
display: flex;
justify-content: center;
align-self: center;
}
.blog-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 3em;
column-gap: 3em;
margin: 3em 0;
grid-row-gap: 6em;
}
@media screen and (max-width: 992px) {
.blog-grid {
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr 1fr;
}
}
.blog-posts-header {
text-align: center;
font-size: 18px;
}
@media screen and (min-width: 320px) {
.blog-posts-header {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.blog-posts-header {
font-size: 22px;
}
}
.blog-grid-home {
margin: auto;
}
@media screen and (max-width: 992px) {
.blog-grid-home {
height: 100%;
}
}
body.blog .post-wrapper {
display: flex;
flex-flow: column;
justify-content: space-between;
opacity: 0;
transition: all 0.4s ease-in;
}
body.blog .post-wrapper p {
height: 100%;
padding: 1em;
font-size: 16px;
}
@media screen and (min-width: 320px) {
body.blog .post-wrapper p {
font-size: calc(16px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
body.blog .post-wrapper p {
font-size: 18px;
}
}
body.blog .post-wrapper a.read-more {
width: 50%;
text-align: center;
margin: 0 auto;
}
.blog-post {
position: relative;
height: 100%;
background-size: cover;
display: flex;
min-height: 20em;
}
@media screen and (min-width: 992px) {
.blog-post {
min-height: 32em;
background-position: 50%;
}
}
.blog-post:hover:before {
opacity: 0.25;
}
.blog-post-caption {
align-self: flex-end;
z-index: 2;
width: 100%;
height: 8em;
}
@media screen and (max-width: 992px) {
.blog-post-caption {
align-self: center;
height: 0;
}
}
.blog-post-caption h3 {
text-align: center;
height: 100%;
width: 100%;
padding: 0 2em;
color: #fff;
margin: 0;
font-size: 18px;
}
@media screen and (min-width: 320px) {
.blog-post-caption h3 {
font-size: calc(18px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.blog-post-caption h3 {
font-size: 20px;
}
}
.blog-post:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(1, 34, 65, 0);
background-image: linear-gradient(
0deg,
#012241,
#012241 1%,
rgba(1, 34, 65, 0.59)
);
opacity: 0.75;
transition: all 0.4s ease-in-out;
}
.single-post .entry-content p {
font-size: 18px;
}
@media screen and (min-width: 320px) {
.single-post .entry-content p {
font-size: calc(18px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-post .entry-content p {
font-size: 20px;
}
}
.single-post .entry-footer {
display: none;
}
.blog-post-container {
width: 90% !important;
align-items: flex-start !important;
}
@media screen and (max-width: 1200px) {
.blog-post-container {
flex-flow: column !important;
}
}
.blog-post-container .post-thumbnail {
width: 60%;
padding-top: 0;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 1200px) {
.blog-post-container .post-thumbnail {
width: 100%;
margin: auto 0 2em;
order: 1;
}
}
@media screen and (min-width: 1200px) {
.blog-post-container .post-thumbnail {
padding: 0 3em;
align-items: flex-start;
}
}
.blog-post-container .post-thumbnail img {
margin: auto;
}
.blog-post-container .post-content {
width: 100%;
text-align: left;
font-size: 20px;
}
@media screen and (min-width: 320px) {
.blog-post-container .post-content {
font-size: calc(20px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.blog-post-container .post-content {
font-size: 22px;
}
}
@media screen and (max-width: 1200px) {
.blog-post-container .post-content {
order: 2;
}
}
.blog-post-container .post-content .itemIntroText p {
margin-top: 0;
text-indent: 1em;
}
.post-navigation {
width: 80%;
margin: 5em auto 0;
display: flex;
flex-flow: row;
align-items: flex-start;
justify-content: space-between;
transition: all 0.3s ease-in;
}
@media screen and (max-width: 992px) {
.post-navigation {
width: 70%;
}
}
.post-navigation div {
display: flex;
flex-flow: column;
justify-content: center;
width: 14em;
}
@media screen and (min-width: 992px) {
.post-navigation div {
align-items: center;
}
}
.post-navigation div:nth-of-type(2) p {
text-align: right;
}
.post-navigation span {
display: flex;
flex-flow: row;
align-items: center;
}
.post-navigation__next,
.post-navigation__prev {
color: #ccc;
}
.post-navigation__next :after,
.post-navigation__next:before,
.post-navigation__prev :after,
.post-navigation__prev:before {
font-size: 16px;
}
@media screen and (min-width: 320px) {
.post-navigation__next :after,
.post-navigation__next:before,
.post-navigation__prev :after,
.post-navigation__prev:before {
font-size: calc(16px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.post-navigation__next :after,
.post-navigation__next:before,
.post-navigation__prev :after,
.post-navigation__prev:before {
font-size: 18px;
}
}
.post-navigation__prev:before {
content: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/arrow_left.svg);
display: block;
line-height: 0;
margin-right: 0.25em;
}
.post-navigation__next {
justify-content: flex-end;
text-align: right;
}
.post-navigation__next:after {
content: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/arrow_right.svg);
display: block;
line-height: 0;
margin-left: 0.25em;
}
.post-navigation--wide {
animation: navWide 1s forwards;
}
@media screen and (max-width: 992px) {
@keyframes navWide {
0% {
width: 80%;
}
75% {
width: 100%;
}
to {
width: 100%;
}
}
}
@media screen and (min-width: 992px) {
@keyframes navWide {
0% {
width: 70%;
}
75% {
width: 100%;
}
to {
width: 100%;
}
}
}
.cookie-law-notification {
z-index: 10000000;
opacity: 0;
transition: all 0.3s ease-in 0s;
position: fixed;
width: 100%;
bottom: 0;
left: 50%;
transform: translate(-50%, 100%);
padding: 1em 5em;
border-radius: 0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
font-size: 15px;
box-shadow: 0 7px 28px rgba(23, 43, 99, 0.4);
display: none;
justify-content: space-between;
align-items: center;
flex-flow: row-reverse;
}
@media screen and (max-width: 992px) {
.cookie-law-notification {
border-radius: 0;
max-width: 100%;
width: 100%;
right: 0;
bottom: 0;
flex-flow: column-reverse;
padding: 1em;
}
}
.cookies-notification-on {
display: flex;
opacity: 1;
animation: cookieInfoUp 1s forwards;
transition: all 0.3s ease-in-out;
}
@keyframes cookieInfoUp {
0% {
transform: translate(-50%, 100%);
opacity: 0;
}
90% {
transform: translate(-50%);
opacity: 1;
}
to {
transform: translate(-50%);
opacity: 1;
}
}
.cookies-notification-off {
display: none;
}
.cookie-law-accepted {
transform: translate(-50%, 100%) !important;
opacity: 0 !important;
}
.cookie-law-notification a {
font-size: 15px;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.cookie-law-notification p {
margin: 0;
color: #000;
}
@media screen and (max-width: 992px) {
.cookie-law-notification p {
text-align: center;
}
}
.cookie-law-notification button {
align-self: center;
line-height: 40px;
height: 40px;
white-space: nowrap;
color: #fff;
background-color: rgba(1, 34, 65, 0.84706);
border: none;
font-size: 12px;
font-weight: 600;
cursor: pointer;
border-radius: 50px;
margin: auto 2em;
transition: all 0.3s ease-in-out;
padding: 0 2em !important;
}
.cookie-law-notification button:active,
.cookie-law-notification button:focus {
outline: none;
}
@media screen and (max-width: 992px) {
.cookie-law-notification button {
margin: 1em auto auto;
}
}
.cookie-law-notification button:hover {
opacity: 1;
}
.txt-centered {
padding: 3em;
text-align: center;
}
.wrapper-flex-column {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
position: relative;
}
.wrapper-flex-row {
justify-content: space-around;
}
.wrapper-flex-row,
.wrapper-flex-row-around {
display: flex;
flex-flow: row;
align-items: center;
position: relative;
}
.wrapper-flex-row-around {
justify-content: space-between;
}
main {
padding: 0 10% 1em;
margin: auto;
}
@media screen and (max-width: 992px) {
main {
padding: 0 5% 1em;
}
}
.categories-showcase__wrapper {
display: flex;
justify-content: center;
align-items: center;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 992px) {
.categories-showcase__wrapper {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
}
.categories-showcase__wrapper a {
height: 20em;
width: 100%;
padding: 1em;
overflow: hidden;
position: relative;
transition: all 0.2s ease-in-out;
}
.categories-showcase__wrapper a:after {
height: 2px;
bottom: 0;
}
.categories-showcase__wrapper a:after,
.categories-showcase__wrapper a:before {
content: "";
display: block;
position: absolute;
width: 0;
background: var(--c-primary);
transition: 0.2s ease-in-out;
}
.categories-showcase__wrapper a:before {
height: 3px;
top: 0;
}
.categories-showcase__wrapper a:hover p {
transform: scale(1.2);
}
.categories-showcase__wrapper a .categories-showcase__box {
height: 100%;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: flex;
}
.categories-showcase__wrapper a .categories-showcase__box p {
transition: all 0.2s ease-in-out;
text-align: justify;
color: #fff;
margin: auto;
font-family: Poppins, sans-serif;
text-shadow: 1px 1px 10px #000;
font-size: 18px;
}
@media screen and (min-width: 320px) {
.categories-showcase__wrapper a .categories-showcase__box p {
font-size: calc(18px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.categories-showcase__wrapper a .categories-showcase__box p {
font-size: 20px;
}
}
.categories-showcase__wrapper a.in-bottom:after,
.categories-showcase__wrapper a.in-bottom:before,
.categories-showcase__wrapper a.in-left:after,
.categories-showcase__wrapper a.in-left:before {
width: 100%;
left: 0;
}
.categories-showcase__wrapper a.out-bottom:after,
.categories-showcase__wrapper a.out-bottom:before {
width: 0;
left: 0;
}
.categories-showcase__wrapper a.in-top:after,
.categories-showcase__wrapper a.in-top:before {
width: 100%;
left: 0;
}
.categories-showcase__wrapper a.out-top:after,
.categories-showcase__wrapper a.out-top:before {
width: 0;
left: 0;
}
.categories-showcase__wrapper a.in-right:after,
.categories-showcase__wrapper a.in-right:before {
width: 100%;
right: 0;
}
.categories-showcase__wrapper a.out-left:after,
.categories-showcase__wrapper a.out-left:before {
width: 0;
left: 0;
}
.categories-showcase__wrapper a.out-right:after,
.categories-showcase__wrapper a.out-right:before {
width: 0;
right: 0;
}
.move-up {
transform: translateY(15em);
opacity: 0;
animation: moveUp 2s forwards;
}
@keyframes moveUp {
0% {
transform: translateY(15em);
opacity: 0;
}
75% {
transform: translateY(0);
opacity: 1;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.site-content {
margin-top: 8em;
z-index: 1;
}
@media screen and (max-width: 992px) {
.site-content {
margin-top: 5em;
}
}
.sticky {
display: block;
}
.byline,
.updated:not(.published) {
display: none;
}
.group-blog .byline,
.single .byline {
display: inline;
}
.entry-content,
.entry-summary,
.page-content {
margin: 0 auto;
text-align: center;
}
@media screen and (min-width: 1300px) {
.entry-content,
.entry-summary,
.page-content {
width: 60%;
}
}
body.single-post .entry-content,
body.single-post .entry-summary,
body.single-post .page-content {
width: 100% !important;
}
.single-product .woocommerce-Tabs-panel {
text-align: left;
}
@media screen and (min-width: 992px) {
.woocommerce-account.logged-in .entry-content {
width: 90%;
}
}
.woocommerce-account.logged-in .woocommerce-Input {
padding-right: 0.5em !important;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page-wrapper {
padding: 1em 5%;
}
@media screen and (min-width: 992px) {
.page-wrapper {
padding: 1em 10%;
}
}
.archive .format-aside .entry-title,
.blog .format-aside .entry-title {
display: none;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
header.common-template {
height: 10em;
display: flex;
align-items: center;
justify-content: center;
background: rgba(1, 34, 65, 0.59);
background-image: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/img/entry-header.jpg);
background: linear-gradient(
0deg,
rgba(1, 34, 65, 0.75),
rgba(1, 34, 65, 0.55)
),
url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/img/entry-header.jpg);
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
}
@media screen and (max-width: 992px) {
header.common-template {
height: 7em;
}
}
header.common-template h1.entry-title {
color: #fff;
padding: 1em;
font-size: 16px;
}
@media screen and (min-width: 320px) {
header.common-template h1.entry-title {
font-size: calc(16px + 8 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
header.common-template h1.entry-title {
font-size: 24px;
}
}
header.wholesale-header {
height: 5em;
}
.wholesale-login .entry-content {
margin-top: 4em;
}
.page-template-contact-page h2 {
text-align: center;
font-size: 26px;
}
@media screen and (min-width: 320px) {
.page-template-contact-page h2 {
font-size: calc(26px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.page-template-contact-page h2 {
font-size: 30px;
}
}
.page-template-contact-page .entry-content {
margin: 3em auto 1em;
font-size: 18px;
}
@media screen and (min-width: 320px) {
.page-template-contact-page .entry-content {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.page-template-contact-page .entry-content {
font-size: 22px;
}
}
.contact-data {
padding: 1em;
}
.contact-data h2 {
margin-bottom: 0.25em;
font-size: 28px;
}
@media screen and (min-width: 320px) {
.contact-data h2 {
font-size: calc(28px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.contact-data h2 {
font-size: 32px;
}
}
.contact-data h3 {
margin-top: 0;
text-align: center;
font-size: 18px;
}
@media screen and (min-width: 320px) {
.contact-data h3 {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.contact-data h3 {
font-size: 22px;
}
}
.contact-data p {
margin: 0;
padding-bottom: 0.25em;
font-size: 18px;
}
@media screen and (min-width: 320px) {
.contact-data p {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.contact-data p {
font-size: 22px;
}
}
.contact-data a {
font-weight: 600;
color: var(--c-primary);
font-size: 18px;
}
@media screen and (min-width: 320px) {
.contact-data a {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.contact-data a {
font-size: 22px;
}
}
.our-shops,
.salesmen-wrapper {
margin: 3em;
}
@media screen and (min-width: 992px) {
.our-shops,
.salesmen-wrapper {
margin: 2em 3em;
}
}
.our-shops .wrapper-flex-row,
.salesmen-wrapper .wrapper-flex-row {
width: 85%;
}
@media screen and (max-width: 992px) {
.our-shops .wrapper-flex-row,
.salesmen-wrapper .wrapper-flex-row {
flex-flow: column;
align-items: center;
width: 100%;
}
}
.our-shops a,
.salesmen-wrapper a {
font-weight: 600;
color: var(--c-primary);
}
@media screen and (min-width: 992px) {
.our-shops .wrapper-flex-row {
align-items: flex-start;
width: 70%;
justify-content: space-evenly;
}
}
.salesman-single,
.shop-single {
display: flex;
flex-flow: column;
justify-content: space-evenly;
align-items: center;
margin: 0 2em 1em;
min-width: 15em;
font-size: 1em;
}
.salesman-single h3,
.shop-single h3 {
margin-bottom: 0.5em;
}
.salesman-single a,
.shop-single a {
margin-bottom: 0.25em;
}
.salesman-single__avatar {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
height: 8em;
width: 8em;
margin-top: 1em;
}
.shop-single .opening-hours__title {
font-weight: 700;
margin-top: 1em;
}
.shop-single .opening-hours {
width: 100%;
}
.shop-single .opening-hours p {
display: flex;
justify-content: space-between;
}
.single-post .entry-header {
text-align: center;
margin-bottom: 3em;
}
.page-template-single-brand-page-template .post-thumbnail {
margin: 2em auto;
text-align: center;
}
.contact-form {
padding: 2em 0;
}
.contact-form h3 {
margin-bottom: 0.5em;
}
.contact-form form.wpcf7-form p {
margin-bottom: 0;
}
.contact-form form.wpcf7-form input {
width: 100%;
border: 1px solid var(--c-primary);
border-radius: 20px;
padding: 0.25em 1em;
}
@media screen and (max-width: 992px) {
.contact-form form.wpcf7-form input {
border-radius: 10px;
}
}
.contact-form form.wpcf7-form textarea {
border: 1px solid var(--c-primary);
border-radius: 20px;
padding: 0.25em 1em;
}
.contact-form form.wpcf7-form input:focus {
outline: none;
}
.contact-form form.wpcf7-form input[type="checkbox"] {
width: 20px;
}
.contact-form form.wpcf7-form :nth-child(6) label {
display: flex;
flex-flow: row-reverse;
justify-content: center;
}
@media screen and (max-width: 992px) {
.contact-form form.wpcf7-form :nth-child(6) label {
flex-flow: column;
}
.contact-form form.wpcf7-form :nth-child(6) label .wpcf7-list-item {
margin: 0;
}
}
.contact-form form.wpcf7-form :nth-child(6) .wpcf7-list-item {
margin-left: 0;
margin-right: 1em;
cursor: pointer;
}
.contact-form form.wpcf7-form .wpcf7-submit {
margin: auto !important;
padding: 1.25em 1.75em !important;
font-size: 14px;
}
@media screen and (min-width: 320px) {
.contact-form form.wpcf7-form .wpcf7-submit {
font-size: calc(14px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.contact-form form.wpcf7-form .wpcf7-submit {
font-size: 18px;
}
}
.advantages-container,
.offer-container {
width: 100%;
display: flex;
justify-content: space-around;
margin-bottom: 1em;
background: hsla(0, 0%, 94.5%, 0.26667) !important;
}
.advantages-container .advantage-box,
.offer-container .advantage-box {
display: flex;
flex-flow: column;
align-items: center;
}
.advantages-container .advantage-box img,
.offer-container .advantage-box img {
width: 40px;
}
.advantages-container .advantage-box p,
.offer-container .advantage-box p {
text-align: center;
margin: 0.25em auto;
font-weight: 600;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.advantages-container .advantage-box p,
.offer-container .advantage-box p {
font-size: calc(12px + 6 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.advantages-container .advantage-box p,
.offer-container .advantage-box p {
font-size: 18px;
}
}
@media screen and (max-width: 992px) {
.advantages-container .advantage-box p,
.offer-container .advantage-box p {
margin: 0.5em auto 0.25em;
line-height: 1.25;
font-size: 20px;
}
}
@media screen and (max-width: 992px) and (min-width: 320px) {
.advantages-container .advantage-box p,
.offer-container .advantage-box p {
font-size: calc(20px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (max-width: 992px) and (min-width: 1600px) {
.advantages-container .advantage-box p,
.offer-container .advantage-box p {
font-size: 22px;
}
}
.advantages-container .advantage-box span,
.offer-container .advantage-box span {
text-align: center;
width: 100%;
display: block;
}
@media screen and (max-width: 992px) {
.advantages-container .advantage-box span,
.offer-container .advantage-box span {
font-size: 14px;
}
}
@media screen and (max-width: 992px) and (min-width: 320px) {
.advantages-container .advantage-box span,
.offer-container .advantage-box span {
font-size: calc(14px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (max-width: 992px) and (min-width: 1600px) {
.advantages-container .advantage-box span,
.offer-container .advantage-box span {
font-size: 18px;
}
}
.advantages-container .advantage-box .offer-text,
.offer-container .advantage-box .offer-text {
font-size: 12px;
}
@media screen and (min-width: 320px) {
.advantages-container .advantage-box .offer-text,
.offer-container .advantage-box .offer-text {
font-size: calc(12px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.advantages-container .advantage-box .offer-text,
.offer-container .advantage-box .offer-text {
font-size: 14px;
}
}
.advantages-wrapper {
width: 100%;
display: flex;
justify-content: space-around;
}
@media screen and (max-width: 992px) {
.advantages-wrapper {
flex-wrap: wrap;
}
}
#map_wrapper {
height: 600px;
}
.info_content {
text-align: center;
}
.info_content img {
width: 50%;
}
#map_canvas {
width: 100%;
height: 100%;
}
.advantages-container {
padding: 2em 0;
width: 100vw;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
@media screen and (max-width: 992px) {
.advantages-container {
flex-flow: row;
flex-wrap: wrap;
}
}
@media screen and (min-width: 992px) {
.advantages-container {
height: auto;
}
}
.home .blog-posts-header h3 {
font-size: 24px;
}
@media screen and (min-width: 320px) {
.home .blog-posts-header h3 {
font-size: calc(24px + 6 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.home .blog-posts-header h3 {
font-size: 30px;
}
}
.home .blog-posts .blog-posts-header h3 {
margin-bottom: 2em;
}
.home .blog-posts .txt-centered {
padding: 5em 0;
}
.home .blog-posts .txt-centered .read-more {
font-size: 18px;
}
@media screen and (min-width: 320px) {
.home .blog-posts .txt-centered .read-more {
font-size: calc(18px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.home .blog-posts .txt-centered .read-more {
font-size: 20px;
}
}
@media screen and (max-width: 992px) {
.home .advantage-box {
margin: 1em;
width: 35%;
}
.home .advantage-box img {
width: 55px;
}
}
.offer-container {
padding: 1em;
display: flex;
justify-content: space-around;
margin-bottom: 1em;
background: hsla(0, 0%, 94.5%, 0.26667) !important;
}
@media screen and (max-width: 992px) {
.offer-container {
flex-flow: column;
}
}
.offer-container img {
width: 70px;
margin-bottom: 1em;
}
.offer-container .offer-box {
display: flex;
flex-flow: column;
align-items: center;
padding: 1.5em;
}
.offer-container .offer-box .offer-text {
text-align: center;
font-weight: 600;
font-size: 16px;
}
@media screen and (min-width: 320px) {
.offer-container .offer-box .offer-text {
font-size: calc(16px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.offer-container .offer-box .offer-text {
font-size: 18px;
}
}
.page-template-about-page-template .common-page-subheader:last-of-type {
font-size: 24px;
}
@media screen and (min-width: 320px) {
.page-template-about-page-template .common-page-subheader:last-of-type {
font-size: calc(24px + 10 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.page-template-about-page-template .common-page-subheader:last-of-type {
font-size: 34px;
}
}
h1.common-page-header {
text-align: center;
font-size: 24px;
}
@media screen and (min-width: 320px) {
h1.common-page-header {
font-size: calc(24px + 10 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
h1.common-page-header {
font-size: 34px;
}
}
p.common-page-subheader {
text-align: center;
font-weight: 600;
font-size: 16px;
}
@media screen and (min-width: 320px) {
p.common-page-subheader {
font-size: calc(16px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
p.common-page-subheader {
font-size: 18px;
}
}
.team-container {
display: flex;
flex-flow: column;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 992px) {
.team-container {
margin: 2.5em auto;
}
}
.team-container .logo {
padding-top: 2em;
}
.team-inner {
position: relative;
margin-top: 1em;
}
.team-inner h5 {
text-align: center;
display: flex;
flex-flow: column;
color: var(--c-primary);
z-index: 1;
font-weight: 600;
font-size: 22px;
}
@media screen and (min-width: 320px) {
.team-inner h5 {
font-size: calc(22px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.team-inner h5 {
font-size: 24px;
}
}
.team-inner h5 a {
text-align: center;
color: #000;
font-weight: 400;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.team-inner h5 a {
font-size: calc(12px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.team-inner h5 a {
font-size: 14px;
}
}
#menu-shop-category-grid,
#menu-woomenu-mobile-1,
.brands-grid,
.categories-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
}
@media screen and (min-width: 992px) {
#menu-shop-category-grid,
#menu-woomenu-mobile-1,
.brands-grid,
.categories-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
#menu-shop-category-grid,
#menu-woomenu-mobile-1,
.categories-grid {
grid-row-gap: 2em;
grid-column-gap: 2em;
margin: 2em 0;
padding-bottom: 2em;
justify-content: center;
list-style: none;
padding-left: 0;
}
.brand-tile {
height: 100px;
width: auto;
background: no-repeat;
background-size: contain;
background-position: 50%;
margin: 2em;
}
#menu-shop-category-grid > li,
#menu-woomenu-mobile-1 > li {
border: 2px solid transparent;
border-radius: 10px;
transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 992px) {
#menu-shop-category-grid > li,
#menu-woomenu-mobile-1 > li {
height: 18em;
}
}
#menu-shop-category-grid > li:hover,
#menu-woomenu-mobile-1 > li:hover {
border: 2px solid var(--c-primary);
border-radius: 10px;
box-shadow: 0 0 15px 0 rgba(32, 91, 171, 0.35);
}
#menu-shop-category-grid > li a,
#menu-woomenu-mobile-1 > li a {
position: relative;
padding: 1em;
display: flex;
flex-flow: column;
justify-content: center;
text-align: center;
flex-flow: column-reverse;
font-family: Poppins, sans-serif;
font-weight: 700;
transition: all 0.3s ease-in-out;
}
#menu-shop-category-grid > li a .menu-thumbnail-image,
#menu-woomenu-mobile-1 > li a .menu-thumbnail-image {
background: no-repeat;
background-size: contain;
background-position: 50%;
height: 11em;
margin: 5px 5px 1em;
z-index: 0;
}
.page-template-filler #page {
opacity: 1 !important;
}
.filler-main {
height: 100vh;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.filler-main .filler-logo {
background-image: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/img/venus-logo.PNG) !important;
width: 20em;
height: 5em;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
margin-bottom: 4em;
}
.filler-main .filler-text {
text-align: center;
font-size: 24px;
}
@media screen and (min-width: 320px) {
.filler-main .filler-text {
font-size: calc(24px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.filler-main .filler-text {
font-size: 28px;
}
}
.page-template-termsandconditions #content #main {
padding: 0 5% 1em;
}
@media screen and (min-width: 992px) {
.page-template-termsandconditions #content #main {
padding: 0 15% 1em;
}
}
.page-template-termsandconditions #content #main a {
text-decoration: underline;
}
.page-template-termsandconditions #content #main ol,
.page-template-termsandconditions #content #main ul {
margin: 1.5em 0;
}
.page-template-termsandconditions #content #main ol {
padding-left: 1em;
}
.page-template-termsandconditions #content #main li {
margin: 0 0 1em;
}
.page-template-termsandconditions #content #main li > ol,
.page-template-termsandconditions #content #main li > ul {
margin-left: 0;
}
.no-sidebar .content-area {
float: none;
margin-left: auto;
margin-right: auto;
}
.no-sidebar .site-main {
margin-right: 0;
}
footer#colophon {
width: 100%;
color: var(--c-text-on-dark);
margin-top: 5em;
text-align: center;
background: var(--c-primary);
}
@media screen and (min-width: 992px) {
footer#colophon {
text-align: left;
}
}
footer#colophon .page {
width: 100%;
}
footer#colophon a,
footer#colophon a:hover,
footer#colophon a:visited {
color: #fff;
}
footer#colophon .icons-info {
font-size: 1px;
color: transparent;
}
footer#colophon .icons-info a {
color: transparent;
}
footer#colophon .footer-top {
position: relative;
text-align: center;
height: 280px;
}
@media screen and (min-width: 992px) {
footer#colophon .footer-top {
text-align: center;
height: 280px;
}
}
@media screen and (max-width: 480px) {
footer#colophon .footer-top {
height: 240px;
}
}
footer#colophon .footer-top:before {
content: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/img/venus-logo-fb-xs.png);
display: flex;
align-items: center;
justify-content: center;
width: 100vw;
height: 250px;
border-radius: 100%;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-color: #fff;
position: absolute;
left: 50%;
transform: translate(-50%);
} footer#colophon .footer-social-icons {
position: absolute;
top: 180px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 16px;
z-index: 10;
}
footer#colophon .footer-social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: var(--c-primary);
color: #ffffff;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
footer#colophon .footer-social-icon:hover {
transform: scale(1.1);
box-shadow: 0 4px 12px rgba(28, 94, 168, 0.4);
background-color: var(--c-primary-dark);
}
footer#colophon .footer-social-icon svg {
width: 24px;
height: 24px;
}
footer#colophon .footer-ig-icon {
padding: 6px;
}
@media screen and (max-width: 992px) {
footer#colophon .footer-social-icons {
top: 200px;
gap: 20px;
}
footer#colophon .footer-social-icon {
width: 48px;
height: 48px;
}
footer#colophon .footer-social-icon svg {
width: 28px;
height: 28px;
}
}
@media screen and (max-width: 480px) {
footer#colophon .footer-social-icons {
top: 190px;
gap: 18px;
}
footer#colophon .footer-social-icon {
width: 46px;
height: 46px;
}
footer#colophon .footer-social-icon svg {
width: 26px;
height: 26px;
}
}
footer#colophon .site-info {
margin: 0 auto;
padding: 1em 0 0;
display: flex;
flex-flow: column;
justify-content: flex-start;
background: transparent;
}
@media screen and (max-width: 992px) {
footer#colophon .site-footer__main .col {
margin-bottom: 4em;
}
}
@media screen and (min-width: 992px) {
footer#colophon .site-footer__main {
display: flex;
justify-content: space-between;
width: 80%;
margin: auto auto 2em;
}
footer#colophon .site-footer__main .col {
margin-right: 2em;
}
}
footer#colophon .payment-method {
height: 3em;
width: 6em;
margin: 1em auto;
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (max-width: 992px) {
footer#colophon .payment-method {
background-position: 50%;
}
}
footer#colophon .method-paypal {
background-image: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/img/paypal-logo.png);
}
@media screen and (max-width: 992px) {
footer#colophon .method-paypal {
margin-top: 2em;
}
}
footer#colophon .method-przelewy24 {
background-image: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/img/przelewy24.jpg);
}
footer#colophon .method-zapobraniem {
background-image: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/img/zapobraniem.png);
}
footer#colophon #menu-footer-menu {
display: flex;
list-style: none;
width: 100%;
justify-content: space-around;
text-align: center;
}
footer#colophon #menu-footer-menu li a {
text-decoration: none;
font-size: 12px;
}
@media screen and (min-width: 320px) {
footer#colophon #menu-footer-menu li a {
font-size: calc(12px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
footer#colophon #menu-footer-menu li a {
font-size: 14px;
}
}
footer#colophon .footer-bottom {
text-align: center;
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%;
margin-top: 1.5em;
padding: 1.5em 2em 1.75em;
justify-content: center;
align-items: center;
gap: var(--space-1);
font-size: 13px;
letter-spacing: 0.01em;
color: var(--c-text-on-dark-soft);
background: rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 576px) {
footer#colophon .footer-bottom {
padding: 1.25em 1em 1.5em;
font-size: 12px;
line-height: 1.6;
}
}
footer#colophon .footer-bottom:before {
content: "";
height: 1px;
width: min(80%, 720px);
background-color: var(--c-border-hairline);
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.do-more-soft {
margin-left: var(--space-1);
font-weight: 600;
position: relative;
display: inline-flex;
align-items: center;
gap: var(--space-1);
text-decoration: none;
color: var(--c-text-on-dark) !important;
transition: color var(--t-fast), transform var(--t-fast);
}
.do-more-soft:hover {
color: var(--c-accent) !important;
transform: translateY(-1px);
}
.do-more-soft:after {
content: "→";
display: inline-block;
font-weight: 400;
transition: transform 0.2s ease;
}
.do-more-soft:hover:after {
transform: translateX(2px);
}
footer#colophon .footer-bottom__sep {
opacity: 0.4;
margin: 0 2px;
}
@media screen and (max-width: 480px) {
footer#colophon .footer-bottom__sep {
display: none;
}
footer#colophon .footer-bottom > span {
flex-basis: 100%;
}
}
.form-row label {
color: #000;
}
.woocommerce-form-login .required {
color: red !important;
}
#customer_login h2,
#customer_login p,
.woocommerce-privacy-policy-link,
#customer_login a,
#customer_login .input-text {
color: #000 !important;
}
.woocommerce-MyAccount-navigation ul li {
margin: 0 10px;
}
.woocommerce-MyAccount-navigation .is-active {
color: #4152a7;
font-weight: 600;
}
legend {
color: #000;
font-weight: 600;
font-size: 16px;
}
.woocommerce-MyAccount-content fieldset {
background: none;
}
.woocommerce-MyAccount-content fieldset input {
border-bottom: 1px solid #000 !important;
color: #000 !important;
}
.woocommerce-MyAccount-content fieldset {
color: #000;
}
@media screen and (min-width: 992px) {
.woocommerce-MyAccount-content fieldset {
width: 100%;
}
}
.woocommerce-account .entry-content {
min-height: unset;
}
.woocommerce-form-register {
display: flex;
flex-direction: column;
}
.g-recaptcha {
order: 8;
}  body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table,
body.woocommerce-checkout table.shop_table,
.woocommerce-checkout-review-order-table {
display: table !important;
width: 100% !important;
table-layout: fixed !important;
border-collapse: collapse !important;
} body.woocommerce-checkout .shop_table thead {
display: table-header-group !important;
width: 100% !important;
}
body.woocommerce-checkout .shop_table thead tr {
display: table-row !important;
width: 100% !important;
}
body.woocommerce-checkout .shop_table thead th {
display: table-cell !important;
padding: 15px !important;
} body.woocommerce-checkout .shop_table tbody {
display: table-row-group !important;
width: 100% !important;
}
body.woocommerce-checkout .shop_table tbody tr,
body.woocommerce-checkout .shop_table tbody tr.cart_item,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr.cart_item,
form.woocommerce-checkout .woocommerce-checkout-review-order .cart_item,
.woocommerce-checkout-review-order-table tr.cart_item {
display: table-row !important;
width: 100% !important;
}
body.woocommerce-checkout .shop_table tbody td,
body.woocommerce-checkout .shop_table tbody tr.cart_item td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td,
form.woocommerce-checkout .woocommerce-checkout-review-order .cart_item td,
.woocommerce-checkout-review-order-table tr.cart_item td {
display: table-cell !important;
padding: 15px !important;
} body.woocommerce-checkout .shop_table tfoot,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot,
.woocommerce-checkout-review-order-table tfoot {
display: table-footer-group !important;
width: 100% !important;
} body.woocommerce-checkout .shop_table tfoot tr,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr,
.woocommerce-checkout-review-order-table tfoot tr,
body.woocommerce-checkout .shop_table tfoot tr.cart-subtotal,
body.woocommerce-checkout .shop_table tfoot tr.order-total,
body.woocommerce-checkout .shop_table tfoot tr.woocommerce-shipping-totals,
body.woocommerce-checkout .shop_table tfoot tr.shipping {
display: table-row !important;
width: 100% !important;
} body.woocommerce-checkout .shop_table tfoot th,
body.woocommerce-checkout .shop_table tfoot td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td,
body.woocommerce-checkout .shop_table tfoot tr.cart-subtotal th,
body.woocommerce-checkout .shop_table tfoot tr.cart-subtotal td,
body.woocommerce-checkout .shop_table tfoot tr.order-total th,
body.woocommerce-checkout .shop_table tfoot tr.order-total td,
body.woocommerce-checkout .shop_table tfoot tr.woocommerce-shipping-totals th,
body.woocommerce-checkout .shop_table tfoot tr.woocommerce-shipping-totals td,
body.woocommerce-checkout .shop_table tfoot tr.shipping th,
body.woocommerce-checkout .shop_table tfoot tr.shipping td,
body.woocommerce-checkout td[data-title="Wysyłka"] {
display: table-cell !important;
padding: 15px 10px !important;
border-bottom: 1px solid #e9ecef !important;
vertical-align: top !important;
box-sizing: border-box !important;
} body.woocommerce-checkout .shop_table tfoot th {
width: 30% !important;
text-align: left !important;
font-weight: 600 !important;
color: #333 !important;
} body.woocommerce-checkout .shop_table tfoot td {
width: 70% !important;
text-align: right !important;
} body.woocommerce-checkout .shop_table tfoot tr.woocommerce-shipping-totals td,
body.woocommerce-checkout .shop_table tfoot tr.shipping td,
body.woocommerce-checkout td[data-title="Wysyłka"] {
text-align: left !important;
} body.woocommerce-checkout .shop_table tfoot tr.order-total {
border-top: 2px solid var(--c-primary) !important;
}
body.woocommerce-checkout .shop_table tfoot tr.order-total th {
font-weight: 700 !important;
font-size: 1.1em !important;
color: var(--c-primary) !important;
text-transform: uppercase !important;
}
body.woocommerce-checkout .shop_table tfoot tr.order-total td .woocommerce-Price-amount {
font-size: 1.3em !important;
color: var(--c-primary) !important;
font-weight: 700 !important;
}  body.woocommerce-checkout .shop_table tfoot tr.woocommerce-shipping-totals td,
body.woocommerce-checkout .shop_table tfoot tr.shipping td,
body.woocommerce-checkout td[data-title="Wysyłka"] {
padding: 15px 10px 20px 10px !important;
}
body.woocommerce-checkout #shipping_method,
body.woocommerce-checkout ul#shipping_method,
body.woocommerce-checkout .woocommerce-shipping-methods,
body.woocommerce-checkout ul.woocommerce-shipping-methods,
body.woocommerce-checkout td[data-title="Wysyłka"] ul,
body.woocommerce-checkout .shop_table tfoot td ul#shipping_method,
body.woocommerce-checkout .shop_table tfoot td .woocommerce-shipping-methods,
#shipping_method,
ul#shipping_method,
ul.woocommerce-shipping-methods {
display: block !important;
width: calc(100% - 20px) !important;
margin: 15px 0 20px 20px !important;
padding: 0 !important;
list-style: none !important;
}
body.woocommerce-checkout #shipping_method li,
body.woocommerce-checkout ul#shipping_method li,
body.woocommerce-checkout .woocommerce-shipping-methods li,
body.woocommerce-checkout ul.woocommerce-shipping-methods li,
body.woocommerce-checkout td[data-title="Wysyłka"] ul li,
#shipping_method li,
ul#shipping_method li,
ul.woocommerce-shipping-methods li {
display: flex !important;
align-items: flex-start !important;
width: 100% !important;
box-sizing: border-box !important;
margin: 0 0 10px 0 !important;
padding: 15px 20px !important;
background: #f8f9fa !important;
border: 1px solid #e9ecef !important;
border-radius: 8px !important;
cursor: pointer !important;
transition: all 0.2s ease-in-out !important;
}
body.woocommerce-checkout #shipping_method li:last-child,
body.woocommerce-checkout ul#shipping_method li:last-child {
margin-bottom: 0 !important;
}
body.woocommerce-checkout #shipping_method li:hover,
body.woocommerce-checkout ul#shipping_method li:hover {
background: #e8f4fc !important;
border-color: var(--c-primary) !important;
}
body.woocommerce-checkout #shipping_method li input[type="radio"],
body.woocommerce-checkout ul#shipping_method li input[type="radio"] {
flex-shrink: 0 !important;
width: 20px !important;
height: 20px !important;
margin: 2px 15px 0 0 !important;
accent-color: var(--c-primary) !important;
transform: scale(1.1) !important;
}
body.woocommerce-checkout #shipping_method li label,
body.woocommerce-checkout ul#shipping_method li label {
flex: 1 !important;
cursor: pointer !important;
font-weight: 500 !important;
line-height: 1.4 !important;
}
body.woocommerce-checkout .shipping-method-description {
display: block !important;
margin-top: 5px !important;
font-size: 0.85em !important;
color: #666 !important;
font-weight: 400 !important;
} @media screen and (max-width: 768px) {
body.woocommerce-checkout .shop_table tfoot,
body.woocommerce-checkout .shop_table tfoot tr,
body.woocommerce-checkout .shop_table tfoot th,
body.woocommerce-checkout .shop_table tfoot td {
display: block !important;
width: 100% !important;
}
body.woocommerce-checkout .shop_table tfoot tr {
padding: 12px 0 !important;
border-bottom: 1px solid #eee !important;
}
body.woocommerce-checkout .shop_table tfoot th {
padding-bottom: 5px !important;
border-bottom: none !important;
}
body.woocommerce-checkout .shop_table tfoot td {
text-align: left !important;
padding-top: 0 !important;
}
}
.woocommerce-privacy-policy-text {
order: 7;
}
.register > p.form-row:last-of-type {
order: 9;
} #payment ul.wc_payment_methods,
#payment ul.payment_methods {
width: 100% !important;
box-sizing: border-box !important;
}
#payment ul.wc_payment_methods li,
#payment ul.payment_methods li {
width: 100% !important;
box-sizing: border-box !important;
}
#payment ul.wc_payment_methods li label,
#payment ul.payment_methods li label {
width: 100% !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
gap: 0.5rem !important;
}  .single-product .woocommerce-Tabs-panel li p,
.single-product .woocommerce-Tabs-panel li p:not([class]):not([id]),
.single-product .woocommerce-Tabs-panel--description li p,
.single-product #tab-description li p,
.single-product .woocommerce-product-details__short-description li p {
display: block !important;
visibility: visible !important;
height: auto !important;
margin: 0 0 0.5em 0 !important;
padding: 0 !important;
overflow: visible !important;
font-size: 1rem !important;
line-height: 1.6 !important;
opacity: 1 !important;
color: #333 !important;
} .single-product .woocommerce-Tabs-panel li *,
.single-product .woocommerce-Tabs-panel--description li *,
.single-product #tab-description li *,
.single-product .woocommerce-product-details__short-description li * {
visibility: visible !important;
opacity: 1 !important;
} .single-product .woocommerce-Tabs-panel li b,
.single-product .woocommerce-Tabs-panel li strong,
.single-product .woocommerce-Tabs-panel li em,
.single-product .woocommerce-Tabs-panel li i,
.single-product .woocommerce-Tabs-panel li span,
.single-product #tab-description li b,
.single-product #tab-description li strong,
.single-product #tab-description li em,
.single-product #tab-description li i,
.single-product #tab-description li span {
display: inline !important;
visibility: visible !important;
opacity: 1 !important;
font-size: inherit !important;
} .single-product .woocommerce-Tabs-panel [data-path-to-node],
.single-product .woocommerce-Tabs-panel li [data-path-to-node],
.single-product #tab-description [data-path-to-node],
.single-product #tab-description li [data-path-to-node] {
display: block !important;
visibility: visible !important;
height: auto !important;
overflow: visible !important;
opacity: 1 !important;
font-size: inherit !important;
line-height: 1.6 !important;
color: inherit !important;
} .single-product [data-index-in-node],
.single-product .woocommerce-Tabs-panel [data-index-in-node],
.single-product #tab-description [data-index-in-node] {
display: inline !important;
visibility: visible !important;
opacity: 1 !important;
} .single-product .woocommerce-Tabs-panel ol,
.single-product .woocommerce-Tabs-panel--description ol,
.single-product #tab-description ol,
.single-product .woocommerce-product-details__short-description ol {
display: block !important;
visibility: visible !important;
list-style: decimal !important;
list-style-position: outside !important;
padding-left: 1.5em !important;
margin: 1em 0 !important;
}
.single-product .woocommerce-Tabs-panel ol li,
.single-product .woocommerce-Tabs-panel--description ol li,
.single-product #tab-description ol li,
.single-product .woocommerce-product-details__short-description ol li {
display: list-item !important;
visibility: visible !important;
list-style-type: decimal !important;
margin-bottom: 0.5em !important;
line-height: 1.6 !important;
color: #333 !important;
} .single-product .woocommerce-Tabs-panel ul li,
.single-product .woocommerce-Tabs-panel--description ul li,
.single-product #tab-description ul li,
.single-product .woocommerce-product-details__short-description ul li {
display: list-item !important;
visibility: visible !important;
margin-bottom: 0.5em !important;
line-height: 1.6 !important;
color: #333 !important;
} .single-product .woocommerce-Tabs-panel ul li::before,
.single-product #tab-description ul li::before {
position: relative !important;
float: none !important;
} body.single-post .entry-header {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 18em;
padding: 8em 1.5em 3em;
margin: 0 0 3em;
text-align: center;
background:
linear-gradient(180deg, rgba(0, 35, 71, 0.92) 0%, rgba(28, 94, 168, 0.88) 100%),
radial-gradient(circle at 30% 30%, rgba(255, 213, 74, 0.12), transparent 60%);
background-color: var(--c-primary-darker, #002347);
color: #fff;
overflow: hidden;
}
body.single-post .entry-header::before {
content: "";
position: absolute;
inset: auto 0 0 0;
height: 4px;
background: linear-gradient(90deg, transparent 0%, var(--c-accent, #ffd54a) 50%, transparent 100%);
opacity: 0.7;
}
body.single-post .entry-header h1.entry-title,
body.single-post .entry-title {
color: #fff !important;
font-size: clamp(1.5rem, 3.4vw, 2.5rem);
line-height: 1.2;
font-weight: 700;
max-width: 60rem;
margin: 0 auto 1em;
letter-spacing: -0.01em;
}
body.single-post .entry-header .entry-meta,
body.single-post .entry-header .entry-meta span,
body.single-post .entry-header .entry-meta time {
color: rgba(255, 255, 255, 0.85) !important;
font-size: 0.92rem;
letter-spacing: 0.04em;
text-transform: uppercase;
}
body.single-post .entry-header .entry-meta a {
color: var(--c-accent, #ffd54a) !important;
text-decoration: none;
}
body.single-post .entry-header .entry-meta a:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
body.single-post .entry-header {
min-height: 14em;
padding: 7em 1em 2em;
margin-bottom: 2em;
}
} body.single-post .blog-post-container {
max-width: 48rem;
margin: 0 auto;
padding: 0 1.5em;
}
body.single-post .post-content > * {
margin-bottom: 1.1em;
line-height: 1.7;
}
body.single-post .post-content h2 {
font-size: clamp(1.3rem, 2.2vw, 1.7rem);
color: var(--c-primary-darker, #002347);
margin: 2em 0 0.7em;
padding-bottom: 0.4em;
border-bottom: 2px solid var(--c-accent, #ffd54a);
display: inline-block;
}
body.single-post .post-content h3 {
font-size: clamp(1.1rem, 1.8vw, 1.35rem);
color: var(--c-primary, #1C5EA8);
margin: 1.6em 0 0.5em;
}
body.single-post .post-content ul,
body.single-post .post-content ol {
padding-left: 1.5em;
margin: 0.8em 0 1.4em;
}
body.single-post .post-content li {
margin-bottom: 0.4em;
line-height: 1.6;
}
body.single-post .post-content a {
color: var(--c-primary, #1C5EA8);
text-decoration: underline;
text-underline-offset: 2px;
text-decoration-thickness: 1px;
transition: color 0.15s ease;
}
body.single-post .post-content a:hover {
color: var(--c-primary-darker, #002347);
text-decoration-thickness: 2px;
}
body.single-post .post-content hr {
border: none;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(0, 35, 71, 0.2), transparent);
margin: 2.5em 0;
}
body.single-post .post-content strong {
color: var(--c-primary-darker, #002347);
font-weight: 600;
} body.single-post .post-navigation {
width: 100%;
max-width: 48rem;
margin: 4em auto 3em;
padding: 0 1.5em;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1em;
}
@media (max-width: 768px) {
body.single-post .post-navigation {
grid-template-columns: 1fr;
gap: 0.75em;
}
}
body.single-post .post-navigation > div {
width: auto;
display: flex;
flex-direction: column;
margin: 0;
}
body.single-post .post-navigation > div:empty {
display: none;
}
body.single-post .post-navigation a {
display: block;
padding: 1.2em 1.4em;
background: #f4f6f9;
border: 1px solid rgba(0, 35, 71, 0.08);
border-radius: 8px;
color: var(--c-primary-darker, #002347);
text-decoration: none;
transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
height: 100%;
}
body.single-post .post-navigation a:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(0, 35, 71, 0.12);
border-color: var(--c-primary, #1C5EA8);
}
body.single-post .post-navigation > div:nth-of-type(2) a {
text-align: right;
}
body.single-post .post-navigation__prev,
body.single-post .post-navigation__next {
display: flex !important;
align-items: center;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--c-primary, #1C5EA8);
margin-bottom: 0.5em;
}
body.single-post .post-navigation > div:nth-of-type(2) .post-navigation__next {
justify-content: flex-end;
}
body.single-post .post-navigation p {
margin: 0;
color: var(--c-primary-darker, #002347);
font-weight: 600;
font-size: 1rem;
line-height: 1.4;
}