/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Rbcode
Author URI: https://rbcode.pl/
Template: hello-elementor
Version: 2.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
/* CI/CD Deployment Test - Automated FTP deployment is now active! */
/* usunięcie z widoku przycisku place order*/
/* .wc-block-components-checkout-place-order-button {display: none!important;} */
/***
FONTS
***/
html {
font-size: 13px;
}
@font-face {
font-family: "MuktaVaani-Light";
font-display: swap;
src: url("assets/fonts/Mukta/MuktaVaani-Light.ttf");
font-style: "normal";
}
@font-face {
font-family: "MuktaVaani-Regular";
font-display: swap;
src: url("assets/fonts/Mukta/MuktaVaani-Regular.ttf");
font-style: "normal";
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("assets/fonts/Helvetica/Helvetica.ttf");
font-style: "normal";
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-headings-regular) !important;
text-transform: capitalize;
}
body a {
color: var(--color-links);
font-family: var(--font-headings-light) !important;
}
body p a,
.term-description ul li a,
body td a {
color: var(--color-links-hover);
font-family: var(--font-headings-light) !important;
}
a:where(:not(.wp-element-button)) {
text-decoration: none !important;
}
body a:hover {
color: var(--color-links-hover);
transition: 0.4s;
}
body p a:hover,
body td a:hover,
.term-description ul li a:hover {
text-decoration: underline !important;
}
footer a {
color: var(--color-links) !important;
font-family: var(--font-headings-light) !important;
}
footer a:hover {
color: var(--color-links-hover) !important;
transition: 0.4s;
}
div,
p {
font-family: var(--font-headings-light) !important;
font-size: 1.25rem;
}
[id] {
scroll-margin-top: 80px; /* ustaw offset np. 80px */
}
/***
BODY
***/
body {
padding-top: 93px!important;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.grecaptcha-badge {
display: none;
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus {
background-color: transparent;
}
@media (max-width: 991px) {
#cmplz-manage-consent .cmplz-manage-consent {
display: none;
}
}
/***
PRELOADER
***/
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(var(--color-white-rgb));
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}
.spinner {
width: 50px;
height: 50px;
border: 5px solid rgba(var(--color-default-rgb), .2);
border-top-color: var(--color-button);
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
*/ #preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.5s ease;
opacity: 1;
}
.cup-container {
position: relative;
width: 80px;
height: 80px;
}
.cup-outline {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.cup-fill {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background-color: gold;
z-index: 1;
animation: fillCup .6s ease-in-out forwards;
}
@keyframes fillCup {
0% {
height: 0;
}
100% {
height: 100%;
}
}
/***
STORE BUTTONS
***/
a.btn-cart-red,
button.btn-cart-red,
button.woocommerce-form-login__submit {
background: #e32e3d !important;
text-align: center !important;
border: none !important;
border-radius: 35px !important;
color: var(--color-secondary) !important;
display: flex;
font-weight: 400 !important;
align-items: center !important;
justify-content: center !important;
font-size: 1.5rem !important;
font-family: var(--font-headings-regular) !important;
line-height: 1.7rem !important;
padding: 10px 18px !important;
width: auto !important;
-webkit-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32) !important;
-moz-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32) !important;
box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32) !important;
transition: .2s ease-in-out;
}
.btn-cart-red img {
width: 27px !important;
margin: 0 0.7rem 0 0 !important;
}
a.back-button {
background-color: var(--color-white)!important;
padding: 12px 30px!important;
border: 1px solid var(--color-border)!important;
border-radius: 35px!important;
cursor: pointer!important;
transition: background-color 0.3s, color 0.3s!important;
color: var(--color-default)!important;
font-weight: bold!important;
margin-right: 10px!important;
width: 100%;
text-align: center;
margin-bottom: 5px !important;
}
a.back-button:hover {
background-color: var(--color-default)!important;
color: var(--color-secondary)!important;
}
a.btn-cart-red-sm:hover,
a.btn-cart-red:hover,
button.btn-cart-red-sm:hover,
button.btn-cart-red:hover,
button.woocommerce-form-login__submit:hover,
input.btn-cart-red-sm:hover {
background: var(--color-button-hover) !important;
color: var(--color-secondary) !important;
transition: transform 0.6s;
}
a.btn-cart-red-sm,
button.btn-cart-red-sm,
input.btn-cart-red-sm {
background: #e32e3d !important;
border: none !important;
border-radius: 35px !important;
color: var(--color-secondary) !important;
display: flex !important;
font-weight: 400 !important;
align-items: center !important;
justify-content: center !important;
font-size: 1rem !important;
font-family: var(--font-headings-regular) !important;
line-height: 1.5rem !important;
padding: 8px 14px !important;
text-transform: capitalize !important;
width: 80%;
margin: auto !important;
-webkit-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32) !important;
-moz-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32) !important;
box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32) !important;
transition: .2s ease-in-out;
}
.btn-cart-red-sm img {
width: 20px !important;
margin: 0 0.5rem 0 0 !important;
}
[type=button]:focus,
[type=submit]:focus,
button:focus {
/* background-color: transparent !important; */
color: var(--color-default);
}
@media (max-width:576.98px) {
a.btn-cart-red-sm,
button.btn-cart-red-sm {
width: 95% !important;
font-size: 1rem !important;
}
.double-mobile .owl-item li.item a.btn-cart-red-sm {
font-size: 1.25rem !important;
padding: 8px 11px !important;
}
}
.float-add-to-cart {
position: fixed;
bottom: 72px;
left: 0;
right: 0;
width: 100%;
display: none; /* domyślnie ukryte */
justify-content: center;
z-index: 998;
padding: 10px;
}
@media (max-width: 767.98px) {
.float-add-to-cart.show {
display: flex !important;
}
}
@media (max-width: 576.98px) {
a.btn-cart-red-sm,
button.btn-cart-red-sm {
width: 95% !important;
font-size: 1rem !important;
}
.float-add-to-cart {
justify-content: start;
}
.float-add-to-cart button.btn-cart-red {
width:calc(100% - 75px)!important;
}
.double-mobile .owl-item li.item a.btn-cart-red-sm {
font-size: 0.8rem !important;
padding: 8px 11px !important;
}
.float-add-to-cart.show {
display: flex !important;
}
}
/***
404
***/
#btn_404 span.elementor-button-text {
color: var(--color-white) !important
}
#btn_404 a.elementor-button:hover span.elementor-button-text {
color: var(--color-white) !important
}
/***
FOOTER
***/
footer {
padding-top: 30px;
background-image: url("images/footer-bg.webp");
background-size: cover;
background-position: top left;
}
.footer-container p {
color: var(--color-secondary) !important;
font-size: 1.1rem;
margin: 0;
padding-left: 10px;
}
.footer-container a {
font-size: 1.1rem;
margin: 0;
}
.footer-container h6,
.footer-container h5 {
position: relative;
color: #f4f8fa;
font-size: 1.2rem;
}
.footer-container h6::after,
.footer-container h5::after {
content: '';
width: 50px;
height: 1px;
background-color: #E32E3D;
position: absolute;
bottom: 0;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
}
img.footer-icon {
width: 24px;
}
.footer-container i.fas {
margin-right: 8px;
}
.footer-container p a {
font-size: 1.1rem;
}
#menu-footer-menu li.menu-item a.nav-link {
padding: 0 0 0.5rem;
}
.navbar-light .navbar-nav .nav-link {
color: #333;
}
p.copyright {
padding-top: 6px;
font-size: 0.9rem;
}
p.copyright a {
font-size: 0.9rem;
}
a.social-link {
display: inline-block;
margin: 0 20px;
transition: transform 0.2s;
}
a.social-link:hover {
transform: scale(1.3);
}
footer img.social-icon {
height: 20px;
}
.stars span.star {
background-image: url("images/star.svg");
display: inline-block;
height: 20px;
width: 21px;
}
.stars span.rating {
font-size: 22px;
line-height: 22px;
color: var(--color-secondary) !important;
font-family: var(--font-headings-light) !important;
}
footer .footer-part {
margin-top: 60px;
}
.display-mobile {
display: none;
}
.display-large {
display: block;
}
.footer-mobile {
width: 100vw;
display: -webkit-box;
display: none;
justify-content: space-between;
flex-direction: row;
position: fixed;
bottom: 0;
left: 0;
z-index: 998;
background: #fff;
padding: 10px 0 5px;
-webkit-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
box-shadow: 0 0 4px 1px #eee;
}
#scrollTopBtn {
position: fixed;
bottom: 80px;
right: 20px;
display: none;
background: var(--color-button);
color: #fff;
border: none;
padding: 14px;
border-radius: 50px;
cursor: pointer;
z-index: 100;
transition: ease 0.5s;
}
#scrollTopBtn:hover {
bottom: 85px;
}
.footer-mobile .mobile-cart {
display: flex;
justify-content: center;
}
.footer-mobile span.basket-count {
position: absolute;
right: -5px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.footer__payment-icons {
display: grid;
grid-template-columns: repeat(5, 1fr);
align-items: center;
gap: 0.75rem;
}
.footer__payment-icons img {
width: 55px;
}
.footer__payment-wrapper p {
margin: 0;
padding: 0;
text-align:center;
}
@media (max-width:991.98px) {
.footer-container {
margin-bottom: 69px;
}
.footer-mobile {
display: flex;
}
.footer-mobile>div {
flex: 1;
text-align: center;
}
.footer-mobile>div>a,
.footer-mobile>div>button {
position: relative;
display: inline-block;
line-height: 14px;
font-size: 13px;
color: var(--color-default) !important;
}
}
@media (max-width:576.98px) {
.display-mobile {
display: block;
margin-bottom: 30px;
}
.display-large {
display: none;
}
footer .footer-part {
margin-top: 30px;
}
.footer-mobile p {
font-size: 13px;
}
}
/***
ELEMENTOR BUTTONS
***/
span.elementor-button-text {
color: var(--color-white)
}
/***
HEADER
***/
.shop-top {
position: fixed;
top: 0;
width: 100vw;
z-index: 1049;
background-color: var(--color-white);
height: 93px;
}
.shop-top a {
color: var(--color-default) !important;
}
.shop-top a:hover {
text-decoration: none !important;
}
.shop-logo img.logo {
width: 80px;
}
.navbar {
background-color: var(--color-default);
}
.shop-mobile-search,
.shop-top .shop-search .product-search {
align-items: center;
display: flex;
flex-direction: row;
height: 50px;
justify-items: center;
width: 100%;
}
.shop-top .shop-search .product-search input[type="search"],
.shop-mobile-search input[type="search"],
.coupon input[type=text],
input[type=text],
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
border-radius: 35px;
font-size: 1.3rem;
line-height: 1.5rem;
padding: 10px 18px;
border: 1px solid var(--color-border);
}
input[type=text]:focus {
border-color: var(--color-border) !important;
}
.shop-top .shop-search .product-search input[type="search"]:focus,
.shop-mobile-search input[type="search"]:focus,
.coupon input[type=text]:focus {
outline: none;
}
.shop-top .shop-search button[type="submit"],
.shop-mobile-search button[type="submit"] {
color: var(--color-button);
border: none;
}
.shop-top .shop-search button[type="submit"]:hover,
.shop-mobile-search button[type="submit"]:hover {
background: transparent;
transform: scale(1.2);
}
.shop-mobile-search {
height: 40px;
width: auto;
}
.shop-mobile-search input[type="search"] {
margin-left: auto;
padding: 8px 12px;
width: 75%;
}
.shop-mobile-search button[type="submit"] {
margin-right: 0;
width: 20%;
}
body.menu-open {
overflow: hidden;
}
.mobile-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 68px) !important;
background-color: var(--color-white);
z-index: 999;
overflow-y: auto;
box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
transition: transform 0.5s ease;
transform: translateX(-100%);
}
.mobile-menu.show {
transform: translateX(0);
}
ul.mega-menu a.mega-menu-link {
color: var(--color-white) !important;
font-weight: 300 !important;
font-family: var(--font-headings-light) !important;
}
ul.mega-sub-menu {
margin-top: 13px !important;
}
ul.mega-sub-menu a.mega-menu-link {
color: #333 !important;
}
ul.mega-menu a.mega-menu-link:hover {
color: #fff !important;
font-family: var(--font-headings-light) !important;
}
ul.mega-sub-menu a.mega-menu-link:hover {
color: #333 !important;
}
.info-line {
background-color: var(--color-button);
}
.info-line .carousel-item {
height: 35px;
text-align: center;
}
.info-line .carousel-item svg {
padding-bottom: 3px;
}
.info-line .carousel-item {
color: var(--color-white);
font-weight: 400;
font-size: 1.1em;
padding: 4px 15px 7px;
margin-bottom: 0;
}
#mega-menu-wrap-primary ul#mega-menu-primary>li.mega-menu-item>a.mega-menu-link:after {
display: block !important;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 0;
content: '.';
color: transparent;
background: var(--color-links);
height: 1px;
transition: all 0.5s;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover:after {
width: 80%;
}
ul#mega-menu-primary li.mega-menu-item a.mega-menu-link svg {
display: inline-block;
}
.shop-menu-short {
display: flex;
}
.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
flex-wrap: nowrap !important;
}
/* Menu dyscypliny sportowe */
#mega-menu-wrap-primary #mega-menu-primary li.rbcode-grid-menu {
padding-right: 10px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row {
background: var(--color-white);
padding-bottom: 40px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
padding: 0 10px 0 30px;
border-bottom: 1px solid #ddd;
height: 40px;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
font-size: 16px;
text-transform: capitalize;
margin-top: 6px;
}
@media(max-width:991.98px) {
.shop-top {
height: 0px;
z-index:1055;
}
.shop-top .navbar {
background-color: var(--color-white);
}
body {
padding-top: 120px;
}
.navbar-alone {
position: fixed;
top: 0;
z-index: 1054;
}
.navbar-alone .navbar {
background-color: var(--color-white) !important;
}
#mega-menu-wrap-primary ul#mega-menu-primary>li.mega-menu-item>a.mega-menu-link:after {
display: none !important;
}
.mobile-menu ul#mega-menu-primary li.mega-menu-item {
border-bottom: 1px solid rgba(var(--color-border-rgb), .8) !important;
padding: 18px 0 !important;
margin-left: 19.5px !important;
margin-right: 19.5px !important;
}
.mobile-menu ul#mega-menu-primary li.mega-menu-item:last-child {
border-bottom: none!important;
}
.mobile-menu ul#mega-menu-primary li.mega-menu-item a.mega-menu-link {
font-size: 23px;
color: var(--color-default) !important;
padding: 0 !important;
}
.mobile-menu ul#mega-menu-primary li.mega-menu-item a.mega-menu-link svg {
display: inline-block;
color: var(--color-button);
}
.mobile-menu .shop-logo {
margin-bottom: 50px !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
padding: 18px 0px 18px 0px !important;
height: auto;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item a.mega-menu-link {
height: 40px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
padding: 0;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
float: none;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
width: auto !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.rbcode-grid-menu {
padding-right: 0px;
}
}
@media(max-width:767.98px) {
.shop-menu-short {
display: none;
}
}
@media(max-width:576.98px) {
.shop-top p {
font-size: 0.8em;
}
.shop-top .shop-logo img.logo {
width: 60px;
}
}
.basket,
.mobile-cart {
position: relative;
}
span.basket-count {
position: absolute;
font-size: 14px;
width: 25px;
height: 25px;
padding: 2px;
color: #fff;
background-color: var(--color-button);
border-radius: 50%;
right: 10px;
top: 0;
}
/***
SEARCH PAGE
***/
#content.search {
min-height: 60vh;
}
.search-summary {
padding-top: 80px !important;
background-position: top !important;
}
.search-results .all-search-results ul.products li {
padding: 5px;
margin: 0;
margin-bottom: 30px;
height: auto;
}
.all-search-results {
padding: 0 0 !important;
}
.all-search-results h1.section-title {
font-family: var(--font-headings-light) !important;
text-align: center;
position: relative;
font-size: 2rem;
}
.all-search-results h1.section-title::before {
content: '';
position: absolute;
left: calc(50% - 310px);
width: 620px;
height: 65px;
background-color: var(--color-white);
z-index: -1;
}
.all-search-results h1.section-title::after {
content: '';
position: absolute;
left: 0;
top: calc(50% - 1px);
width: 100%;
height: 1px;
background-color: var(--color-secondary-dark);
z-index: -2;
}
@media (max-width:576.98px) {
.all-search-results h1.section-title {
font-size: 1.5em;
}
.all-search-results h1.section-title::before,
.all-search-results h1.section-title::after {
display: none;
}
}
/***
WOOCOMMERCE - PRODUCT RATING
***/
span.break-line {
color: var(--color-secondary-light);
padding: 0 12px;
}
.woocommerce .products .star-rating {
display: inline;
}
.woocommerce div.product .woocommerce-product-rating {
margin-bottom: 1.2rem;
}
.viewed_products_list .woocommerce-product-rating {
display: flex;
justify-content: center;
line-height: 2.2;
}
img.star-rating {
float: none;
width: 14px !important;
height: 14px !important;
}
img.cus-star-rating {
width: 16px;
}
.review-btn a.btn-cart-red-sm {
width: 90%;
}
@media (max-width:576.98px) {
span.break-line {
padding: 0 4px;
}
}
/***
WOOCOMMERCE - PRODUCT IMAGE
***/
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
top: 0;
right: 55px;
}
.product a img.wp-post-image {
max-width: 520px;
}
/***
WOOCOMMERCE - SINGLE PRODUCT
***/
.description-hidden {
max-height: 400px;
overflow: hidden;
position: relative;
transition: max-height 1s ease;
}
#toggleBtn {
margin: auto;
margin-top: 30px;
background-color: var(--color-white);
color:var(--color-default);
border: 1px solid var(--color-secondary-dark);
padding:10px 40px;
border-radius: 0px;
font-size:16px;
text-transform: uppercase;
}
#toggleBtn:hover {
background-color: var(--color-secondary-dark);
color: var(--color-default);
}
.woocommerce div.product div.images img {
width: auto;
}
.bordered-part {
border: 1px solid var(--color-secondary-light);
padding: 0 20px;
}
.bordered-part .product-price {
justify-content: start;
}
.single-product .bordered-part span.old-price {
position: absolute;
bottom: 50px;
left: 25px;
color: var(--color-links);
}
img.battery {
max-width: 35px;
margin-bottom: 5px;
}
.simple-atributes {
margin-bottom: 5px;
}
.woocommerce div.product form.cart {
margin-bottom: 0;
}
.woocommerce p.product-price,
.woocommerce span.product-price {
font-size: 2.6rem !important;
font-weight: bold !important;
font-family: var(--font-headings-regular) !important;
color: var(--color-default) !important;
margin: 0 0 10px 0;
text-decoration: none !important;
}
.woocommerce .quantity {
display: flex;
flex-direction: row;
width: auto;
text-align: center;
font-size: 1rem;
border: 1px solid var(--color-links);
border-radius: 30px;
outline: none;
}
.woocommerce .quantity .qty {
border: none;
font-size: 1.2em;
font-weight: 900;
outline: none;
padding: 8px 0;
width: 20px;
background: transparent;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
.quantity .plus,
.quantity .minus {
background: transparent;
border: none;
padding: 0 10px;
cursor: pointer;
color: var(--color-default) !important;
font-size: 1.2em;
font-weight: bold;
width: 30px;
}
.quantity .plus:hover,
.quantity .minus:hover {
background: transparent;
color: var(--color-default);
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom: 1px solid var(--color-secondary-light);
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0 0 0 5px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 1px solid var(--color-secondary-light);
position: static;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
background-color: var(--color-white) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 1.4rem;
letter-spacing: 2px;
font-family: var(--font-headings-light) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: var(--color-default) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
box-shadow: none !important;
}
#description {
width: 60%;
}
#additional_information {
width: 40%;
}
.woocommerce table.shop_attributes {
border: 1px solid var(--color-border) !important;
width: 80%;
margin: auto;
text-align: left;
}
table th,
table td {
border: none !important;
}
.woocommerce table.shop_attributes th {
width: 50%;
}
.woocommerce table.shop_attributes td {
font-style: normal;
padding: 10px;
}
td.woocommerce-product-attributes-item__value p {
padding: 0 0 !important;
}
table.shop_attributes tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
background-color: var(--color-white) !important;
}
section.product-content {
display: block;
position: relative;
margin: 5rem 0;
overflow: hidden;
}
.woocommerce-tabs {
padding-top: 5rem;
}
.product-content-nav {
text-align: center;
}
.product-content-nav a {
font-size: 1.2rem;
font-family: var(--font-headings-light) !important;
color: var(--color-default) !important;
padding: 10px 1rem;
border: 1px solid var(--color-secondary-dark);
margin-right: 3px;
}
.product-content-nav a:hover {
text-decoration: underline;
}
section.product-content h2.section-title,
section.viewed h2.section-title {
margin-bottom: 5rem;
}
.all-products-cross-sell section.viewed h2.section-title {
margin-bottom: 1rem;
margin-top: 2em;
}
.comments-summary {
padding-top: 130px;
background-image: url(images/view.webp) !important;
background-position: center;
float: left;
position: relative;
padding-bottom: 27px;
width: 270px;
overflow-wrap: anywhere;
hyphens: auto;
}
.comments-summary h4 {
/* font-size: 2.125rem; */
font-weight: 800;
text-transform: uppercase;
text-align: center;
padding: 1em;
}
.comments-summary h5 {
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0px;
margin-top: 4px;
text-align: center;
}
.all-comments,
.all-search-results {
width: calc(100% - 323px);
padding: 5px 45px;
float: left;
}
#reply-title {
display: none;
}
.owl-carousel-comments .comment_container {
margin: 0 0 0 0;
display: flex;
padding: 40px 10px 30px 10px;
}
.owl-carousel-comments .comment_container img {
width: 80px;
/* height: 80px; */
border-radius: 50px;
}
.owl-carousel-comments .comment_container .star-rating {
font-family: WooCommerce !important;
margin-bottom: 7px;
}
.owl-carousel-comments .comment_container .star-rating span::before {
color: var(--color-gold);
}
.owl-carousel-comments .comment_container .description p {
font-size: 1.4rem;
}
.owl-prev,
.owl-next {
border: 1px solid var(--color-secondary-dark) !important;
border-radius: 0px;
}
.owl-prev span,
.owl-next span {
font-size: 25px;
padding: 0px 20px;
}
.owl-theme .owl-nav [class*=owl-]:hover span {
background: var(--color-default);
color: var(--color-white);
border-radius: 2px;
}
.owl-carousel-comments .owl-prev {
position: absolute;
left: -48px;
top: 37%;
}
.owl-carousel-comments .owl-next {
position: absolute;
right: -55px;
top: 37%;
}
.value-title.shipping {
position: relative;
background-image: url(images/shipping-24h.webp);
background-position: top right;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
min-height: 170px;
border: 1px solid var(--color-border);
}
.value-title.plate-mount {
position: relative;
background-position: top right;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
min-height: 170px;
border: 1px solid var(--color-border);
}
.trophy-cups {
background-image: url(images/free-mounting-plate-trophy.webp);
}
.medals {
background-image: url(images/free-mounting-plate-medals.webp);
}
.other {
background-image: url(images/free-mounting-plate-other.webp);
}
.shipping h2,
.plate-mount h2 {
display: flex;
width: 50%;
min-height: 170px;
align-items: center;
padding-left: 15px;
text-transform: uppercase;
font-weight: 500;
}
.variation_atributes {
width: 80%;
margin: auto;
}
.woocommerce table.shop_variation_atributes {
width: 100%;
margin-bottom: 4px;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
color: var(--color-white);
background-color: var(--color-button);
}
.nav-pills .nav-item button {
color: var(--color-default);
border: 1px solid rgba(var(--color-border-rgb), .8);
margin-right: 4px;
margin-bottom: 4px;
border-radius: 0;
}
.nav-pills .nav-item button:hover {
color: var(--color-white);
background-color: var(--color-button);
}
.nav-pills .nav-item button:focus {
color: var(--color-white);
background-color: var(--color-button) !important;
}
.single-product .single_product_wrap .product-price {
margin-bottom: 0 !important;
}
@media(max-width: 1199.98px) {
#description {
width: 55%;
}
#additional_information {
width: 45%;
}
.shipping h2,
.plate-mount h2 {
font-size: 22px;
}
}
@media(max-width:991.98px) {
.all-search-results,
.search-summary {
width: 100%;
}
.search-summary {
background-repeat: repeat-x;
}
}
@media only screen and (max-width: 767px) {
.product-content-nav {
line-height: 3.8rem;
text-align: left;
}
#description,
#additional_information {
width: 100%;
}
section.product-content#reviews {
padding-left: 1rem;
padding-right: 1rem;
}
.comments-summary,
.product-summary {
margin: 0;
width: 100%;
margin-top: 0;
padding-left: 30px;
padding-right: 30px;
}
.all-comments {
width: 100%;
clear: both;
}
.owl-theme .owl-nav {
display: flex;
justify-content: center;
gap: 1rem;
text-align: center;
}
}
@media(max-width: 576.98px) {
section.product-information .variation_atributes,
.woocommerce table.shop_attributes {
width: 100%;
}
.div-bg {
background-image: url(images/div-bg.webp);
background-size: contain;
background-repeat: repeat-x;
}
.value-title.shipping,
.value-title.plate-mount {
background-size: contain;
min-height: 70px;
}
.shipping h2,
.plate-mount h2 {
font-size: 18px;
min-height: 50px;
}
}
/***
WOOCOMMERCE - PRODUCT LOAD FILE FOR PROJECT
***/
textarea.project-comment {
border: 1px solid rgba(var(--color-border-rgb), .8) !important;
width: 80%;
border-radius: 0px;
}
textarea.project-comment:focus {
outline: none !important;
}
/***
WOOCOMMERCE - EMBLEM
***/
p.no-emblem,
p.no-ribbon {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: 80px;
height: 80px;
border-radius: 50%;
border: 1px solid var(--color-links) !important;
font-size: .9em;
}
p.custom-emblem {
background-color: #000;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: 80px;
height: 80px;
border-radius: 50%;
border: 1px solid var(--color-links) !important;
font-size: .9em;
}
.select-more-emblem a {
color: var(--color-default) !important;
}
.image-checkbox .emblem-img,
.image-checkbox .ribbon-img {
width: 80px;
}
.d-emblem-none {
display: none;
}
@media(min-width:1200px) and (max-width:1287px) {
p.no-emblem,
p.custom-emblem,
.image-checkbox .emblem-img,
p.no-ribbon,
.image-checkbox .ribbon-img {
width: 72px;
height: 72px;
}
}
@media (min-width:992px) and (max-width:1098px) {
p.no-emblem,
p.custom-emblem,
.image-checkbox .emblem-img,
p.no-ribbon,
.image-checkbox .ribbon-img {
width: 70px;
height: 70px;
}
}
@media (max-width:576.98px) {
p.no-emblem,
p.custom-emblem,
p.no-ribbon {
width: 70px;
height: 70px;
}
.image-checkbox .emblem-img,
.image-checkbox .ribbon-img {
width: 70px;
}
}
/***
WOOCOMMERCE - EMBLEM MODAL
***/
[id*="selectEmblemModal"] .modal-dialog,
[id*="selectRibbonModal"] .modal-dialog {
max-width: 1200px;
}
button.modal-close {
width: 44px;
}
button.modal-close:hover {
border: 1px solid var(--color-default) !important;
;
}
#selectEmblemModal .modal-header {
border-bottom: 0;
}
#selectEmblemModal .modal-footer {
border-top: 0;
}
/***
WOOCOMMERCE - ADD PLATE TEXT SQUARE
***/
.font-24 {
font-size: 24px !important;
line-height: 24px;
}
.font-20 {
font-size: 20px !important;
line-height: 20px;
}
.font-16 {
font-size: 16px !important;
line-height: 16px;
}
.font-14 {
font-size: 14px !important;
line-height: 14px;
}
.font-13 {
font-size: 13px !important;
line-height: 13px;
}
.font-12 {
font-size: 12px !important;
line-height: 12px;
}
.font-10 {
font-size: 10px !important;
line-height: 10px;
}
/***
WOOCOMMERCE - ADD PLATE TEXT ROUND
***/
.font-r-24 {
font-size: 24px !important;
line-height: 26px;
}
.font-r-22 {
font-size: 22px !important;
line-height: 24px;
}
.font-r-18 {
font-size: 18px !important;
line-height: 20px;
}
.font-r-16 {
font-size: 16px !important;
line-height: 18px;
}
.font-r-15 {
font-size: 15px !important;
line-height: 17px;
}
.font-r-13 {
font-size: 13px !important;
line-height: 15px;
}
.font-bold {
font-weight: 900 !important;
}
.font-italic {
font-style: italic !important;
}
.add-plate p.title {
line-height: 1em;
padding-top: 5px;
}
.smaller-price {
font-size: .8em;
}
.btn-clear {
border: none !important;
color: var(--color-default) !important;
padding-left: 0 !important;
font-size: 1em !important;
}
.btn-clear img {
transition: ease-in-out .4s;
margin-top: -2px;
}
.btn-clear:hover,
.btn-clear:active,
.btn-clear:focus {
background: transparent !important;
}
.btn-clear:hover img {
scale: 1.2;
}
.add-plate-textarea {
border: 1px solid var(--color-secondary-light) !important;
padding: .5em 1em;
}
#plate-textarea {
outline: 1px solid var(--color-default-light) !important;
}
#plate-textarea:focus-visible {
outline: 1px solid var(--color-default) !important;
}
.plate-line {
align-items: center;
border-bottom: 1px solid var(--color-secondary-light);
display: flex;
flex-direction: row;
padding: 14px 10px;
}
.plate-line label {
background: var(--color-white);
border: 1px solid var(--color-secondary-light);
box-sizing: border-box;
border-radius: 100%;
display: inline-block;
line-height: 26px;
padding-left: 1px;
margin: 0 16px 0 0;
min-height: 28px;
min-width: 28px;
text-align: center;
}
.plate-line label.active {
background: linear-gradient(315deg, var(--color-green-accent-hover) 0, var(--color-green-accent) 100%);
color: var(--color-white);
font-weight: 600;
}
.single-plate-input {
width: 90%;
border: none;
border-radius: 0;
margin-left: 1%;
}
.single-plate-input:focus-visible {
outline: none !important;
}
.plate-line span.checkmark {
padding: 0 2px;
color: var(--color-white);
background: linear-gradient(315deg, var(--color-green-accent-hover) 0, var(--color-green-accent) 100%);
border-radius: 50%;
}
.sample {
position: relative;
transition: 0.3s ease-in-out;
background-color: transparent;
}
.image-checkbox {
cursor: pointer;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 0;
margin-bottom: 0;
outline: 0;
}
.image-checkbox img {
border-radius: 50%;
width: 70px;
border: 1px solid var(--color-border) !important;
}
.select-plate-color .image-checkbox img {
border-radius: 0;
}
.image-checkbox input[type="radio"] {
display: none;
}
.image-checkbox-checked {
border: none;
}
.image-checkbox span.checkmark {
padding: 5px;
position: absolute;
color: var(--color-white);
background: linear-gradient(315deg, var(--color-green-accent-hover) 0, var(--color-green-accent) 100%);
top: -2px;
right: -2px;
display: none;
border-radius: 50%;
}
.image-checkbox-checked span.checkmark {
display: block !important;
}
.product-important-features [type=radio] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
[type=radio]+img {
cursor: pointer;
}
[type=radio]:checked+img {
outline: none;
}
.plate-checkbox {
cursor: pointer;
}
[id*="plate-view"] {
position: relative !important;
background-image: url('/wp-content/themes/helloelementor-child/images/plates/plate_gold_sm.webp');
margin-left: 9.8px;
}
.round-plate-view {
background-image: none;
}
div.sets_class {
font-size: 20px;
font-weight: 900;
}
.tooltip .tooltip-inner {
font-size: 13px;
padding:10px;
}
/* Złoty medal */
.round-plate-view.gold-class {
background-image: url('/wp-content/themes/helloelementor-child/images/plates/G.webp');
}
.square-medal-view.gold-med {
background-image: url('/wp-content/themes/helloelementor-child/images/plates/kwadrat_tyl_medalu_g.webp');
}
.rectangle-medal-view.gold-med-rec {
background-image: url('/wp-content/themes/helloelementor-child/images/plates/prostokat_tyl_medalu_g.webp');
}
/* Srebrny medal */
.round-plate-view.silver-class {
background-image: url('/wp-content/themes/helloelementor-child/images/plates/S.webp');
}
.square-medal-view.silver-med {
background-image: url('/wp-content/themes/helloelementor-child/images/plates/kwadrat_tyl_medalu_s.webp');
}
.rectangle-medal-view.silver-med-rec {
background-image: url('/wp-content/themes/helloelementor-child/images/plates/prostokat_tyl_medalu_s.webp');
}
/* Brązowy medal */
.round-plate-view.braun-class {
background-image: url('/wp-content/themes/helloelementor-child/images/plates/B.webp');
}
.square-medal-view.braun-med {
background-image: url('/wp-content/themes/helloelementor-child/images/plates/kwadrat_tyl_medalu_b.webp');
}
.rectangle-medal-view.braun-med-rec {
background-image: url('/wp-content/themes/helloelementor-child/images/plates/prostokat_tyl_medalu_b.webp');
}
[id*="plate-view"]::before {
content: '';
position: absolute;
top: 6%;
left: 3%;
width: 94%;
height: 88%;
border: 1px dashed var(--color-default);
}
.plate-text {
font-family: var(--font-custom-plate) !important;
}
.select-plate-color .image-checkbox img.round-image {
border-radius: 50%;
overflow: hidden;
}
.square-medal-view,.rectangle-medal-view {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
overflow: hidden;
background-size: contain;
background-repeat: repeat-x;
}
.square-medal-view::before, .rectangle-medal-view::before {
content: '';
position: absolute;
top: 4%;
left: 4%;
width: 92%;
height: 92%;
border: 1px dashed var(--color-default);
}
.round-plate-view {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
border-radius: 50%;
overflow: hidden;
background-size: contain;
background-repeat: repeat-x;
}
.round-plate-view::before {
content: '';
position: absolute;
top: 12.5%;
left: 8%;
width: 85%;
height: 85%;
border: 1px dashed var(--color-default);
border-radius: 50%;
}
/***
WOOCOMMERCE - SOLD OUT
***/
.single_variation_wrap,
.single_product_wrap {
position: relative;
}
.sold-out-en {
content: '';
position: absolute;
left: 0;
top: 0;
width: 190px;
height: 115px;
background-image: url('images/sold-out/sold-out-en.webp');
background-size: contain;
background-repeat: no-repeat;
background-color: rgba(255, 255, 255, .6);
z-index: 999;
}
.sold-out-de {
content: '';
position: absolute;
left: 0;
top: 0;
width: 190px;
height: 115px;
background-image: url('images/sold-out/sold-out-de.webp');
background-size: contain;
background-repeat: no-repeat;
background-color: rgba(255, 255, 255, .6);
z-index: 999;
}
.sold-out-cz {
content: '';
position: absolute;
left: 0;
top: 0;
width: 190px;
height: 115px;
background-image: url('images/sold-out/sold-out-cz.webp');
background-size: contain;
background-repeat: no-repeat;
background-color: rgba(255, 255, 255, .6);
z-index: 999;
}
/***
WOOCOMMERCE - VARIATION PRODUCT
***/
.single_variation {
margin: 20px 0;
}
.summary p.price-variable {
display: none;
}
.woocommerce div.product form.cart .variations {
border: 1px solid var(--color-secondary-light);
margin-bottom: 5px;
}
.woocommerce div.product form.cart .variations label {
font-weight: 600;
padding-left: 10px;
font-size: 1.2rem;
line-height: 1.2rem;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
background-color: #fff !important;
}
.woocommerce div.product form.cart .variations label,
.woocommerce div.product form.cart .variations select {
margin-right: 0 !important;
padding-right: 20px !important;
margin-bottom: 0px;
}
select {
background: #fff;
background-clip: padding-box;
border: 1px solid var(--color-border) !important;
border-radius: 23px !important;
color: var(--color-default);
font-family: var(--font-headings-light) !important;
font-size: 1.2rem !important;
height: inherit;
line-height: 22px;
padding: 8px 24px;
vertical-align: baseline;
width: 100%;
box-sizing: border-box;
outline: none !important;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position-x: 97%;
background-position-y: 6px;
}
.woocommerce div.product form.cart .variations select {
min-width: 45%;
width: 80%;
}
@media(max-width: 576.98px) {
.woocommerce div.product form.cart .variations select {
width: 80%;
}
}
/*************
* WOOCOMMERCE - RECENTLY VIEWED PRODUCTS
*************/
section.viewed {
clear: both;
}
section.viewed h2.section-title,
section.product-content h2.section-title {
font-family: var(--font-headings-light) !important;
text-align: center;
position: relative;
font-size: 2rem;
}
section.viewed h2.section-title::before,
section.product-content h2.section-title::before {
content: '';
position: absolute;
left: calc(50% - 170px);
width: 340px;
height: 30px;
background-color: var(--color-white);
z-index: -1;
}
section.viewed h2.section-title::after,
section.product-content h2.section-title::after {
content: '';
position: absolute;
left: 0;
top: calc(50% - 1px);
width: 100%;
height: 1px;
background-color: var(--color-secondary-dark);
z-index: -2;
}
.viewed_products_list img.attachment-woocommerce_thumbnail {
background-color: transparent !important;
display: block;
padding: 30px 10px;
}
.viewed_products_list h2 {
font-family: var(--font-headings-light) !important;
margin-bottom: .3rem;
text-align: center;
font-size: 1.3rem;
}
/* h2.woocommerce-loop-product__title,
h4.woocommerce-loop-product__title {
height: 70px;
padding: 0 1.6em !important;
text-align: center;
}
h2.woocommerce-loop-product__title a,
h4 woocommerce-loop-product__title a {
text-transform: uppercase !important;
font-family: var(--font-headings-light) !important;
margin-bottom: .3rem;
text-align: center;
font-size: 1.6rem;
color: var(--font-headings-light) !important;
font-weight: 900;
}
@media (max-width: 1200px) {
h2.woocommerce-loop-product__title {
height: 40px;
}
h2.woocommerce-loop-product__title a {
font-size: 1.225rem;
}
}
h2.woocommerce-loop-product__title:hover a,
h4.woocommerce-loop-product__title:hover a {
text-decoration: underline !important;
} */
h4.woocommerce-loop-product__title {
height: 70px;
padding: 0 1.6em !important;
margin-bottom: 1em !important;
display: flex;
justify-content: center;
align-items: center;
}
h4.woocommerce-loop-product__title a {
text-transform: uppercase !important;
font-family: var(--font-headings-light) !important;
margin-bottom: 0.3rem;
text-align: center;
font-size: 1.4rem;
color: var(--font-headings-light) !important;
font-weight: 700;
}
@media (max-width: 1200px) {
h4.woocommerce-loop-product__title {
/* height: 40px; */
padding: 0 .8em !important;
margin-bottom: 0 !important;
}
h4.woocommerce-loop-product__title a {
font-size: 1.225rem;
}
}
@media (max-width: 576px) {
h4.woocommerce-loop-product__title a {
font-size: 1.1rem;
}
}
h4.woocommerce-loop-product__title:hover a {
text-decoration: underline !important;
}
.viewed_products_list .owl-item.active:not(:last-child)::after {
content: '';
display: block;
width: 1px;
height: 80%;
position: absolute;
top: 10%;
right: -5px;
border-right: 1px solid #e3e3e3;
}
.viewed_products_list a:hover h2,
.viewed_products_list a:hover span {
color: var(--color-default);
transition: ease-in .6s;
}
.viewed_products_list span.price {
display: block;
font-size: 1.3rem !important;
font-weight: 400 !important;
font-family: var(--font-headings-regular) !important;
color: var(--color-default) !important;
text-align: center;
}
.viewed_products_list.owl-carousel .owl-item img {
display: inline;
}
.viewed_products_list.owl-carousel .owl-item {
padding-bottom: 15px;
}
.viewed_products_list.owl-carousel .owl-nav,
.commentlist.owl-carousel .owl-nav {
display: block !important;
}
.owl-carousel-viewed .owl-prev {
position: absolute;
left: 0;
top: 40%;
}
.owl-carousel-viewed .owl-next {
position: absolute;
right: 0;
top: 40%;
}
.owl-carousel-viewed .owl-nav button.owl-next,
.owl-carousel-viewed .owl-nav button.owl-prev {
background-color: var(--color-white)!important;
}
@media (max-width:1199.98px) {
a.btn-cart-red-sm,
button.btn-cart-red-sm {
width: 90% !important;
}
}
@media (max-width:991.98px) {}
@media (max-width:576.98px) {
section.viewed h2.section-title {
font-size: 1.5em;
}
section.viewed h2.section-title::before {
left: calc(50% - 140px);
width: 280px;
height: 30px;
}
.viewed_products_list h2 {
font-size: 1.2rem;
}
.owl-carousel-viewed a.btn-cart-red-sm {
width: 60% !important;
}
}
/***
WOOCOMMERCE - PRODUCT INFO LABELS
***/
.info-labels,
.info-labels-sm {
position: relative;
}
.info-labels .left-corner {
position: absolute;
left: 130px;
top: 0;
}
.info-labels .right-corner {
position: absolute;
right: 10px;
top: 0;
}
.info-labels-sm .left-corner {
position: absolute;
left: 10px;
top: 0;
}
.info-labels-sm .right-corner {
position: absolute;
right: 10px;
top: 0;
}
.info-labels .right-corner-bottom {
position: absolute;
right: 0;
bottom: 75px;
display: flex;
flex-direction: column;
align-items: end;
gap:0;
z-index:1055;
}
.info-labels .right-corner-bottom .personalization-icon {
max-width:80%;
float: right;
right:0;
}
.info-labels .right-corner-bottom .personalization-text {
color:var(--color-default);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
font-size:12px;
text-align:right;
line-height:1.2;
background-color: var(--color-white);
padding-left:10px;
border-radius: 15px;
}
.info-labels-sm .right-corner-bottom {
position: absolute;
right: 0;
bottom: 0px;
display: flex;
flex-direction: column;
align-items: end;
gap:0;
z-index:99;
}
.info-labels-sm .right-corner-bottom .personalization-icon {
max-width:55%;
float: right;
right:0;
}
.info-labels-sm .right-corner-bottom .personalization-text {
color:var(--color-default);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
font-size:9px;
text-align:right;
line-height:1.2;
background-color: var(--color-white);
padding-left:10px;
border-radius: 15px;
}
.left-corner span,
.right-corner span {
writing-mode: vertical-lr;
display: flex;
justify-content: center;
align-items: center;
margin-right: 0;
}
.info-labels #flag {
width: 40px;
height: 60px;
box-sizing: content-box;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
color: white;
font-size: 16px;
letter-spacing: 0;
text-align: center;
text-transform: uppercase;
line-height: normal;
}
.info-labels #flag:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 0;
border-bottom: 13px solid #fff;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}
.info-labels-sm #flag {
width: 30px;
height: 50px;
box-sizing: content-box;
padding-top: 0;
padding-bottom: 7px;
position: relative;
color: white;
font-size: 13px;
letter-spacing: 0;
text-align: center;
text-transform: uppercase;
line-height: normal;
}
.info-labels-sm #flag:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 0;
border-bottom: 13px solid var(--color-white);
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
.flag-sale {
background: var(--color-button);
}
.label-sale-2:after {
border-bottom: 13px solid var(--color-orange) !important;
}
.info-labels .flag-best-seller {
padding-top: 0 !important;
height: 100px !important;
background-color: var(--color-orange);
}
.info-labels-sm .flag-best-seller {
padding-top: 0 !important;
height: 90px !important;
background-color: var(--color-orange);
}
.flag-new {
background: var(--color-green-new);
}
.label-new-2:after {
border-bottom: 13px solid var(--color-green) !important;
}
.info-labels .flag-best-price {
height: 100px !important;
background-color: var(--color-yellow-best);
}
.info-labels-sm .flag-best-price {
height: 90px !important;
background-color: var(--color-yellow-best);
}
@media(max-width: 1199px) {
.info-labels .left-corner {
left: 10px;
}
}
/***
WOOCOMMERCE - LIGHTBOX
***/
.pswp__bg {
background-color: var(--color-white);
}
button.pswp__button.pswp__button--fs {
display: none !important;
}
button.pswp__button,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
opacity: 1;
background-color: var(--color-button) !important;
border: 1px solid var(--color-button) !important;
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
width: 50px;
height: 80px;
}
.pswp__button--arrow--right:before {
background-position: -94px -54px;
}
.pswp__button--arrow--left:before {
background-position: -138px -54px;
}
button.pswp__button--arrow--left:hover::before,
button.pswp__button--arrow--right:hover::before,
button.pswp__button:hover {
background-color: var(--color-default) !important;
}
button.pswp__button.pswp__button--close {
padding: 0px;
margin: 5px 5px 5px 2.5px !important;
}
button.pswp__button.pswp__button--zoom {
margin: 5px 2.5px 5px 5px !important;
}
.pswp__button--arrow--right,
.pswp__button--arrow--left {
margin: 5px !important;
}
.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
background-color: transparent !important;
}
.pswp__caption__center {
text-align: center !important;
color: var(--color-default) !important;
}
/***
WOOCOMMERCE - PRODUCT CATEGORY PAGE
***/
form.woocommerce-ordering {
min-width: 220px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 33% !important;
padding: 5px;
margin: 0;
margin-bottom: 30px;
height: auto;
display: flex;
flex-direction: column;
}
.woocommerce ul.products li.product a img {
margin-bottom: .5em;
}
.products img.attachment-woocommerce_thumbnail {
background-color: transparent;
display: block;
margin: 0;
padding: 30px 10px;
}
ul.products li.product::after {
content: '';
display: block;
width: 1px;
height: 80%;
position: absolute;
top: 10%;
right: 0;
border-right: 1px solid #e3e3e3;
}
ul.products.columns-3 li.product:nth-child(3n)::after {
display: none;
}
.products h2 {
font-family: var(--font-headings-light) !important;
margin-bottom: 2.5rem;
text-align: center;
font-size: 1.4rem;
}
.products a:hover h2,
.products a:hover span {
color: var(--color-default);
transition: ease-in .6s;
}
.products span.price {
display: block;
max-width: 150px;
font-size: 1.1rem !important;
font-weight: 400 !important;
font-family: var(--font-headings-regular) !important;
color: var(--color-default) !important;
text-align: center;
}
ul.products a.btn-cart-red-sm,
ul.products button.btn-cart-red-sm {
width: 75%;
}
form.woocommerce-ordering {
padding-left: 0px;
padding-right: 0px;
}
.filters {
display: flex;
align-items: baseline;
}
.wpc-filters-section {
margin-bottom: 1.5em !important;
}
input.wpc-filters-range-max,
input.wpc-filters-range-min {
border-radius: 50px !important;
border: 1px solid var(--color-border) !important;
}
.wpc-filter-title {
border-top: 1px solid rgba(var(--color-border-rgb), 0.3);
padding: 25px 0 0 !important;
padding-top: 1em;
margin-bottom: 1em !important;
}
.wpc-filters-widget-main-wrapper .wpc-filter-title,
.wpc-filters-main-wrap .wpc-filter-title {
font-weight: 600 !important;
color: var(--color-default);
font-size: 1.15em !important;
}
.wpc-filter-label-wrapper:hover a,
.wpc-filter-label-wrapper:hover span {
color: var(--color-white) !important;
}
.wpc-filters-labels input[type="checkbox"]:checked~label a,
.wpc-filters-labels input[type="checkbox"]:checked~label .wpc-term-count {
color: var(--color-white) !important;
opacity: 1 !important;
}
li.wpc-filter-chip {
margin: 14px 7px 7px 0 !important;
}
body .wpc-filter-chips-list li.wpc-chip-reset-all a {
border-color: var(--color-button) !important;
}
body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a {
border-color: var(--color-border) !important;
}
.wpc-filter-chips-list a,
body .wpc-filter-chips-list li.wpc-filter-chip a {
padding: 3px 12px 3px !important;
}
.wpc-chip-remove-icon {
font-size: 1.5em !important;
line-height: 1em !important;
}
.wpc-posts-found {
display: none !important;
}
.wpc-filters-main-wrap input[type=checkbox],
.wpc-filters-main-wrap input[type=radio] {
position: relative;
width: 20px;
height: 20px;
border: 1px solid var(--color-border);
border: 1px solid var(--color-border);
background: #fff;
border-radius: 5px;
min-width: 20px;
}
input[type='checkbox'] {
accent-color: var(--color-button);
}
.woocommerce .woocommerce-result-count {
margin: 0 0 0 0;
}
.woocommerce nav.woocommerce-pagination,
.search__pagination-wrapper {
text-align: right;
}
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li,
.search__pagination-wrapper a {
padding: 0;
border: 1px solid var(--color-border) !important;
margin-right: 4px;
}
.search__pagination-wrapper span.current {
padding: 3px 12px;
border: 1px solid var(--color-border) !important;
margin-right: 3px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
padding: 8px 12px;
}
.search__pagination-wrapper a {
padding: 2px 12px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.search__pagination-wrapper a:focus,
.search__pagination-wrapper a:hover,
.search__pagination-wrapper span.current {
background: var(--color-default) !important;
color: var(--color-white) !important;
}
.loop-product {
display: block;
width: 100%;
}
.loop-product span.pa-attributes,
.loop-product span.price {
width: 50%;
float: left
}
.loop-product span.woocommerce-Price-amount {
font-size: 1.9rem !important;
padding: 10px 12px;
overflow-wrap: break-word;
hyphens: auto;
display: flex;
justify-content: center;
}
.loop-product span.pa-attributes {
font-size: 1.1rem;
font-family: var(--font-headings-regular);
padding: 0px 12px;
position: relative;
}
span.pa-attributes::after {
content: '';
display: block;
width: 1px;
height: 70%;
position: absolute;
top: 10%;
right: 0;
border-right: 1px solid #e3e3e3;
}
@media (max-width:1199.98px) {}
@media (max-width:991.98px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 50% !important;
}
ul.products.columns-3 li.product:nth-child(3n)::after {
display: block;
}
ul.products.columns-3 li.product:nth-child(2n)::after {
display: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
clear: none;
}
}
@media (max-width:768.98px) {
.loop-product span.pa-attributes,
.products span.price {
font-size: 1.1rem !important
}
}
@media (max-width:575.98px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 100% !important;
}
ul.products.columns-3 li.product:nth-child(n)::after {
display: none;
}
ul.products a.btn-cart-red-sm {
width: 60% !important;
}
.woocommerce nav.woocommerce-pagination {
text-align: center;
}
}
/***
WOOCOMMERCE - SINGLE PRODUCT CROSS SELL
***/
.woocommerce ul.cross-sell-products-list {
clear: both;
height: 100px;
padding-left: 0;
}
.woocommerce ul.cross-sell-products-list li.cross-sell-product,
.woocommerce-page ul.cross-sell-products-list li.cross-sell-product {
width: 100px;
padding: 5px;
margin: 0;
margin-bottom: 0px;
height: auto;
float: left;
box-sizing: border-box;
list-style-type: none;
}
.woocommerce ul.cross-sell-products-list li.cross-sell-product:hover {
background-color: rgba(26, 31, 36, 0.03);
border: 1px solid rgba(var(--color-border-rgb), .8);
}
/***
WOOCOMMERCE - SHOP FILTERS
***/
.filter-close {
border-bottom: 1px solid rgba(var(--color-border-rgb), 0.3);
}
.filter-close button {
padding: 10px 12px;
}
.filter-close button i {
color: var(--color-white);
font-size: 1.3em;
line-height: 1em;
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9998;
display: none;
transition: opacity 0.3s ease-in-out;
}
#toggle-filters {
border: none;
padding: 0 !important;
color: var(--color-links);
}
.close-filters {
position: absolute;
top: 10px;
right: 10px;
z-index: 10000;
}
.shop-filters {
position: fixed;
top: 0;
left: -100%;
height: 100vh;
width: 300px;
background-color: #fff;
z-index: 9999;
transition: left 0.3s ease-in-out;
overflow-y: auto;
}
.shop-filters a {
color: var(--color-default) !important;
}
.shop-filters.active {
left: 0;
}
.overlay.active {
display: block;
opacity: 1;
}
.wpc-custom-selected-terms ul.wpc-filter-chips-list {
flex-flow: row-reverse;
justify-content: left;
}
@media (min-width: 991.98px) {
.shop-filters {
position: static;
height: auto;
width: 25%;
z-index: 99;
transition: none;
}
.overlay {
display: none;
}
}
@media (max-width: 768px) {
.wpc-custom-selected-terms:not(.wpc-show-on-mobile) {
display: flex !important;
}
.wpc-custom-selected-terms ul.wpc-filter-chips-list {
display: flex !important;
overflow-x: auto;
padding-left: 0;
}
}
@media (max-width: 630px) {}
@media (max-width: 575.98px) {}
/***
WOOCOMMERCE - WOO PRODUCT SALE LABEL
***/
.woocommerce span.onsale {
display: none !important;
}
ins {
text-decoration: none !important;
}
.woocommerce .summary p.price del,
.woocommerce .summary span.price del {
color: var(--color-links);
opacity: 1 !important;
font-size: 1.2rem;
font-weight: normal;
}
.viewed_products_list span.price del span.woocommerce-Price-amount,
.loop-product span.product-price-loop del span.woocommerce-Price-amount {
font-size: 1.1rem !important;
}
.woocommerce .summary p.price ins,
.woocommerce .summary span.price ins,
.viewed_products_list span.price ins,
.woocommerce-variation-price span.product-price ins,
.loop-product span.product-price-loop ins {
color: var(--color-button);
font-weight:700;
}
.viewed_products_list span.price del,
.loop-product span.product-price-loop del {
color: var(--color-links);
position:absolute;
left:0;
right:0;
bottom:-5px;
}
.product-price,
.product-price-loop {
position: relative;
}
.product-price .discount {
position: absolute;
top: -5px;
left: 0;
color: var(--color-button);
font-size: 13px;
}
.loop-product .product-price-loop .discount {
position: absolute;
left: 30%;
color: var(--color-button);
font-size: 13px;
}
.viewed_products_list .loop-product .product-price-loop .discount {
display:none;
}
.viewed_products_list .discount-img {
width:70px;
height:70px;
font-size: 19px;
}
.single-product .viewed_products_list .discount-img {
width:100px;
height:100px;
font-size: 25px;
}
span.product-price,
span.product-price-loop {
margin-bottom: 19px !important;
}
/* span.sale-price {
padding-top: 5px;
margin-top: 11px;
margin-bottom: 3px !important;
} */
.single-product .bordered-part span.old-price {
position: absolute;
bottom: 50px;
left: 25px;
color: var(--color-links);
}
.single_product_wrap.bordered-part span.old-price {
bottom: 55px;
}
ul.products.columns-3 span.old-price {
position:absolute;
left:0;
right:0;
bottom:-5px;
}
.bordered-part .product-price {
justify-content:start;
}
.discount-img {
position: absolute;
top: 40px;
right: 0;
background-image: url('/wp-content/themes/helloelementor-child/images/sold-out/sale-flag.webp');
width: 100px;
height: 100px;
background-size: contain;
display: flex;
justify-content: space-evenly;
align-items: center;
font-size: 25px;
font-weight: 700;
color: #fff;
flex-direction: column;
z-index:99;
}
ul.products .discount-img {
top: 0px;
}
/***
WOOCOMMERCE - BREADCRUMBS
***/
.shop-breadcrumbs {
background-image: url('images/view-bg.webp');
background-size: contain;
background-repeat: repeat-x;
}
.shop-breadcrumbs .woocommerce-breadcrumb,
.elementor-breadcrumbs .woocommerce-breadcrumb {
margin: 1em 0 1em !important;
}
/***
WOOCOMMERCE - CATEGORY PAGE
***/
.category-banner {
min-height: 250px;
max-height: 300px;
overflow: hidden;
position: relative;
}
.category-banner img {
width: 100%;
height: 300px;
object-fit: cover;
overflow: hidden;
}
.category-banner .breadcrumbs {
position: absolute;
top: 25%;
left: 50%;
transform: translate(-50%, 0%);
width: 600px;
text-align: center;
}
.woocommerce-breadcrumb a {
color: var(--color-default) !important;
}
.category-banner .breadcrumbs .cat-description {
color: var(--color-default) !important;
background: rgb(255, 255, 255);
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(249, 248, 249, 1) 25%, rgba(245, 243, 245, 1) 75%, rgba(255, 255, 255, 0) 100%);
}
.category-banner .breadcrumbs header h1 {
font-size: 40px;
font-family: var(--font-headings-regular);
text-transform: uppercase !important;
font-weight: bold;
margin-bottom: 0;
width: auto;
background: rgb(255, 255, 255);
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(249, 248, 249, 1) 25%, rgba(245, 243, 245, 1) 75%, rgba(255, 255, 255, 0) 100%);
}
body.error404 .p-section-3 {
margin: 0 0 0 0 !important;
}
.p-section-1 {
margin: 0 0 70px 0 !important;
}
.p-section-2 {
margin: 70px 0 70px 0 !important;
}
.p-section-3 {
margin: 70px auto 0 auto !important;
}
.p-section-4 {
padding: 20px 0 !important;
}
.p-section-5 {
margin: 30px auto 0 auto !important;
}
.p-section-6 {
margin: 70px auto 70px auto !important;
}
.clearfix::after {
content: "";
display: block;
clear: both;
}
.term-description {
margin: 70px 0;
}
@media(max-width:576.98px) {
.category-banner .breadcrumbs .cat-description,
.category-banner .breadcrumbs header h1 {
background: rgba(var(--color-white-rgb), .8);
}
.category-banner .breadcrumbs header h1 {
font-size: 35px;
padding: 10px 10px 10px 0;
}
.category-banner .breadcrumbs .cat-description {
padding: 0 12px 12px 12px;
}
.category-banner img {
height: 300px;
}
.category-banner .breadcrumbs {
transform: translate(-50%, -40%);
width: 100%;
}
.p-section-1 {
margin: 0 0 40px 0 !important;
}
.p-section-2 {
margin: 40px 0 40px 0 !important;
}
.p-section-3 {
margin: 40px auto !important;
}
}
/***
FRONT PAGE
***/
.hero-banner-container {
max-width: 2560px;
width: 100%;
margin: 0 auto;
}
.hero-banner {
position: relative;
margin-bottom: 15rem;
}
@media (max-width: 1440px) {
.hero-banner {
margin-bottom: 3rem;
}
}
.hero-banner-grid {
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-rows: 1fr 1fr;
gap: 1.5rem;
}
@media (max-width: 1200px) {
.hero-banner-grid {
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.banner-el-large {
grid-row: auto;
}
}
.banner-el-small {
width: 100%;
height: auto;
}
.banner-el-large {
width: 100%;
height: 100%;
grid-row: span 2;
/* object-fit: cover; */
background-size: cover;
background-position: left;
}
.hero-icons {
display: grid;
grid-template-columns: repeat(4, 1fr);
left: 50%;
gap: 1rem;
max-width: 1320px;
width: 100%;
top: 92%;
background: white;
margin: 0 auto;
padding: 2rem;
}
@media (max-width: 1440px) {
.hero-icons {
position: unset;
justify-content: center;
margin-bottom: 3rem;
flex-wrap: wrap;
transform: unset;
}
}
@media (max-width: 1200px) {
.hero-icons {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.hero-icons {
display: grid;
grid-template-columns: 1fr;
}
}
.hero-icon-element {
display: flex;
flex-direction: column;
color: black;
text-align: center;
padding: 1rem 2rem;
border: 1px solid rgb(232 232 232 / 36%);
border-radius: 5px;
}
.hero-icon-resize {
width: 80%;
margin: 0 auto;
}
.hero-icon-resize p {
font-size:12px;
}
.trending-bottom-product button.btn-cart-red-sm {
display: inline-block !important;
padding: 8px 40px !important;
width: auto !important;
}
.trending-line-container {
display: flex;
align-items: center;
text-align: center;
position: relative;
margin: 20px 0;
}
.trending-line-container::before,
.trending-line-container::after {
content: '';
flex: 1;
height: 1px;
background-color: #e9e9e9;
margin: 0 10px;
}
.trending-products-title {
position: relative;
z-index: 1;
background: white;
padding: 0 .75rem;
}
.trending-products-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 1.5rem;
margin-top: 2rem;
padding: 20px;
justify-items: center;
/* Wyśrodkowanie elementów */
text-align: center;
/* Wyśrodkowanie tekstów */
}
.trending-product-small {
width: 100%;
height: auto;
border-radius: 5px;
border: 1px solid var(--color-border);
padding: 20px 20px 0 20px;
}
.trending-product-small h2 {
font-size: 20px;
margin-bottom: 0px;
}
.trending-product-large a,
.trending-product-small a {
color: var(--color-default);
}
.trending-product-large a:hover h2,
.trending-product-small a:hover h2 {
text-decoration: underline;
}
.trending-product-large {
width: 100%;
height: 100%;
object-fit: cover;
grid-row: span 2;
border-radius: 5px;
border: 1px solid var(--color-border);
padding: 20px 20px 0 20px;
}
.trending-product-large h2 {
font-size: 32px;
margin-bottom: 0px;
}
.trending-product-large:hover,
.trending-product-small:hover {
background-color: var(--color-border);
cursor: pointer;
}
@media (max-width: 992px) {
.trending-products-grid {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
}
.trending-product-large {
grid-column: span 2;
}
}
@media (max-width: 576px) {
.trending-products-grid {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
gap: .5rem;
}
.trending-product-large {
grid-row: auto;
grid-column: span 2;
}
}
.trending-bottom-products {
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
gap: 1.5rem;
align-items: center;
margin-top: 5rem;
}
@media (max-width: 1200px) {
.trending-bottom-products {
flex-wrap: wrap;
}
}
.trending-bottom-product {
display: flex;
justify-content: space-between;
align-items: center;
gap: .5rem;
padding: 2rem 3rem;
background: #F5F5F5
}
@media (max-width: 556px) {
.trending-bottom-product {
flex-direction: column-reverse;
text-align: center;
padding: 2rem 1rem;
}
}
/* .trending-bottom-product-desc {
flex: 1 1 70%;
max-width: 70%;
} */
.trending-bottom-product-thumb {
display: flex;
justify-content: center;
/* flex: 1 1 30%;
max-width: 30%; */
}
.get-discount-section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 1rem;
margin-top: 5rem;
margin-bottom: 5rem;
}
.get-discount-form {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 1rem;
text-align: center;
}
.get-discount-form button {
color: var(--color-default);
margin-top: 1.5rem;
width: 150px;
border-radius: 35px;
border: 1px solid var(--color-border-rgb);
-webkit-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32) !important;
-moz-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32) !important;
box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32) !important;
}
.get-discount-form form input[type=date],
.get-discount-form input[type=email],
.get-discount-form input[type=number],
.get-discount-form input[type=password],
.get-discount-form input[type=search],
.get-discount-form input[type=tel],
.get-discount-form input[type=text],
.get-discount-form input[type=url],
.get-discount-form select,
.get-discount-form textarea {
text-align: center !important;
border-top: transparent !important;
border-left: transparent !important;
border-right: transparent !important;
border-bottom: 1px solid #e4e4e4 !important;
width: 500px !important;
border-radius: 0 !important;
}
@media (max-width: 576px) {
.get-discount-form form input[type=date],
.get-discount-form input[type=email],
.get-discount-form input[type=number],
.get-discount-form input[type=password],
.get-discount-form input[type=search],
.get-discount-form input[type=tel],
.get-discount-form input[type=text],
.get-discount-form input[type=url],
.get-discount-form select,
.get-discount-form textarea {
width: 250px !important;
}
}
.get-discount-form input:focus-visible {
border-bottom: 1px solid var(--color-button) !important;
outline: none !important;
}
.trophy-categories {
display: grid;
/* grid-template-columns: repeat(4, 1fr); */
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
/* Tworzy siatkę dostosowaną do szerokości ekranu */
text-align: center;
gap: 1.5rem;
}
@media (max-width: 1240px) {
.trophy-categories {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 1040px) {
.trophy-categories {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768) {
.trophy-categories {
gap: 1rem;
}
}
@media (max-width: 576px) {
.trophy-categories {
grid-template-columns: 1fr;
}
}
.trophy-cat-img-wrapper {
position: relative;
}
.trophy-cat-thumb {
width: 100% !important;
height: 100% !important;
object-fit: scale-down;
}
.trophy-cat-title {
position: absolute;
background: #5d5d5dd6;
color: #fff;
font-weight: bold;
width: 100%;
bottom: 0;
margin: 0;
padding: 1rem;
box-shadow: -2px 3px 12px 0px #aaaaaa66;
transition: all .2s;
}
.category-title {
border: 2px solid #c1c1c13b;
border-radius: 5px;
transition: all .2s;
}
.category-title:hover {
/* border: 4px solid #f9d5d83b; */
border-radius: 8px;
transition: all .2s;
box-shadow: 8px 8px 11px #dedede78;
}
.category-title:hover .trophy-cat-title {
background: #9a1313d6;
transition: all .2s;
border-radius: 4px;
}
section.front-page-content h2.section-title {
font-family: var(--font-headings-light) !important;
text-align: center;
position: relative;
font-size: 2rem;
}
section.front-page-content h2.section-title::before {
content: '';
position: absolute;
left: calc(50% - 310px);
width: 620px;
height: 30px;
background-color: var(--color-white);
z-index: -1;
}
section.front-page-content h2.section-title::after {
content: '';
position: absolute;
left: 0;
top: calc(50% - 1px);
width: 100%;
height: 1px;
background-color: var(--color-secondary-dark);
z-index: -2;
}
span.onsale {
display: none;
}
.owl-carousel .owl-item li::marker,
footer ul li::marker {
content: none;
}
.product-summary {
display: flex;
flex-direction: column;
justify-content: end;
min-height: 480px;
background-image: url(images/sale.webp) !important;
background-size: contain;
background-repeat: no-repeat;
padding-top: 130px;
background-position: top center;
float: left;
position: relative;
padding-bottom: 27px;
margin-right: 30px;
width: 270px;
}
.product-summary.bestsellers {
background-image: url(images/bestsetllers.webp) !important;
}
.product-summary.best-price {
background-image: url(images/best-price.webp) !important;
}
.product-summary::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* Tło w pseudo-elementcie */
background-image: url(images/view.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
z-index: -1;
/* Pseudo-element za treścią */
}
.product-summary h4 {
font-size: 38px;
line-height: 39px;
margin-bottom: 0;
font-weight: 800;
text-transform: uppercase;
text-align: center;
color: var(--color-button);
}
.all-products {
width: 100%;
float: left;
}
.all-products .woocommerce-product-rating {
display: flex;
justify-content: center;
}
.all-products ul.owl-carousel-sale.owl-theme .owl-prev,
.all-search-results ul.owl-carousel-sale.owl-theme .owl-prev {
position: absolute;
left: 0;
top: 40%;
background-color: var(--color-white);
}
.all-products ul.owl-carousel-sale.owl-theme .owl-next,
.all-search-results ul.owl-carousel-sale.owl-theme .owl-next {
position: absolute;
right: 0;
top: 40%;
background-color: var(--color-white);
}
/*media breapoints for sale product slider*/
@media(max-width:991.98px) {
.product-summary {
min-height: 420px;
background-position: top center;
}
.product-summary h4 {
font-size: 33px;
line-height: 34px;
}
section.front-page-content h2.section-title::before {
width: 100%;
left: 0;
}
}
@media(max-width:776.98px) {
.product-summary {
background-position: top center;
margin-right: 20px;
width: 230px;
padding-left: 10px;
padding-right: 10px;
}
.product-summary h4 {
font-size: 32px;
line-height: 33px;
}
.all-products {
width: calc(100% - 250px);
}
}
@media(max-width:684.98px) {
.product-summary {
margin-right: 10px;
width: 190px;
}
.product-summary h4 {
font-size: 30px;
line-height: 31px;
}
.all-products {
width: calc(100% - 200px);
}
}
@media(max-width:634.98px) {
.product-summary {
background-image: url(images/sale-image-winmedal.webp);
background-size: contain;
background-repeat: no-repeat;
background-position: left;
clear: both;
flex-direction: row;
align-items: center;
margin-right: 0;
margin-bottom: 10px;
min-height: 200px;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
}
.product-summary h4 {
width: 200px;
font-size: 30px;
text-align: right;
word-wrap: break-word;
}
.all-products {
width: 100%;
}
.all-products span.pa-attributes, .all-products-cross-sell span.pa-attributes {
display: none;
}
.all-products span.price, .all-products-cross-sell span.price {
width: 100%;
max-width: 100%;
text-align: center;
}
.all-products ul.owl-carousel-sale.owl-theme .owl-prev,
.all-products ul.owl-carousel-sale.owl-theme .owl-next,
.all-search-results ul.owl-carousel-sale.owl-theme .owl-prev,
.all-search-results ul.owl-carousel-sale.owl-theme .owl-next {
top: 30%;
}
}
/***
FRONT PAGE PRODUCT REVIEWS
***/
#comments .card.card-comments {
border: 1px solid rgba(var(--color-border-rgb), .8);
-webkit-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .12) !important;
-moz-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .12) !important;
box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .12) !important;
}
#comments .card.card-comments .card-header {
border-bottom: 1px solid rgba(var(--color-border-rgb), .8);
}
#comments .card.card-comments span.rating {
display: flex;
justify-content: start;
}
#comments .card.card-comments .card-footer {
border-top: 1px solid rgba(var(--color-border-rgb), .8);
}
.card-comments .card-header {
background-color: var(--color-white);
}
.img-review-logo {
width: 40px;
height: 40px;
}
.more-comments a.btn-cart-red-sm {
width: 250px;
}
/***
BLOG LOOP ITEMS
***/
.rbcode-post-featured-img a {
height: 250px;
width: 100%;
position: relative;
}
.rbcode-post-featured-img a img {
width: 100%;
height: 100%;
object-fit: cover;
}
.rbcode-post-info ul>li {
/* list-style-type: none; */
}
.rbcode-post-btn a.elementor-button {
width: 50%;
-webkit-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .12) !important;
-moz-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .12) !important;
box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .12) !important;
}
.rbcode-post-btn span.elementor-button-text {
color: var(--color-default) !important;
}
.rbcode-post-btn a.elementor-button:hover span.elementor-button-text {
color: var(--color-white) !important;
}
@media(max-width:576.98px) {
.rbcode-post-btn a.elementor-button {
width: 70%;
}
}
/***
CART
***/
.sticky-xl-top {
z-index:998;
}
.alignwide {
margin-left: 0 !important;
margin-right: 0 !important;
}
.woocommerce div.product div.images .flex-control-thumbs li {
padding: 5px 5px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (min-width: 768px) and (max-width:991px) {
.woocommerce-page div.product div.images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: center;
align-self: center;
}
.woocommerce div.product div.images .flex-control-thumbs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 0 120px;
flex: 1 0 120px;
max-height: 425px;
overflow: auto;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 100%;
padding: 0 10px 10px 0;
}
}
@media (min-width: 1200px) {
.woocommerce-page div.product div.images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: center;
align-self: center;
}
.woocommerce div.product div.images .flex-control-thumbs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 0 120px;
flex: 1 0 120px;
max-height: 425px;
overflow: auto;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 100%;
padding: 0 10px 10px 0;
}
}
/****
CART TOTALS
****/
.bg-pokalzentrum {
background-color: var(--color-button);
}
.rbcode_shop_table {
display: flex;
flex-direction: column;
}
.cart-header,
.cart-item {
display: grid;
grid-template-columns: 1fr 2fr .5fr 1fr 1fr .5fr;
gap: 10px;
padding: 10px;
border-bottom: 1px solid rgba(var(--color-border-rgb), 0.3);
}
.cart-footer {
border: 1px solid rgba(var(--color-border-rgb), 0.3);
border-top: none;
display: flex;
justify-content: end;
padding: 10px;
}
.cart-header {
font-weight: bold;
background-color: #f9f9f9;
}
.cart-item {
align-items: center;
}
.cart-column,
.product-thumbnail,
.product-price,
.product-quantity,
.product-subtotal,
.product-remove {
display: flex;
align-items: center;
justify-content: center;
}
.product-name {
justify-content: start;
flex-direction: column;
}
.product-price,
.product-quantity,
.product-subtotal {
font-weight: bold;
}
.product-name a {
color: var(--color-button);
}
.product-name .variation {
font-size: 16px;
font-weight: normal;
}
.product-remove a {
color: var(--color-button);
text-decoration: none;
}
a.cart-thumb {
display: block;
width: 100%;
}
.woocommerce .rbcode_shop_table {
border: 1px solid rgba(107, 107, 107, 0.1);
background-color: #fff;
box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .12);
border-collapse: collapse;
overflow: hidden;
margin-bottom: 30px;
}
.woocommerce-cart .wc-proceed-to-checkout a.rbcode-checkout-button {
padding: 10px;
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
width: 150px;
}
.woocommerce .rbcode_shop_table button.btn-cart-red {
padding: 6px 12px;
font-size: 14px !important;
}
.rbcode-basket-totals {
padding: 20px;
background-color: #fff;
box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .12);
border-collapse: collapse;
overflow: hidden;
/* max-height:580px; */
}
.rbcode-basket-totals .cart_totals {
padding-top: 39px;
}
.rbcode-basket-totals .cart_totals .cart-subtotal td {
background-color: #fff;
}
table tbody tr:hover>td,
table tbody tr:hover>th {
background-color: inherit !important;
}
.cart-subtotal th,
.order-total th,
.shipping th {
font-size: 17px;
font-weight: 400;
}
.cart-subtotal td span.woocommerce-Price-amount,
.shipping td ul.woocommerce-shipping-methods {
font-size: 18px;
font-weight: 700;
}
.order-total td span.woocommerce-Price-amount {
font-size: 22px;
font-weight: 700;
}
.order-total small {
display: block;
}
.woocommerce-shipping-destination {
display: none;
}
.woocommerce table.shop_table td small {
font-size: 11px;
}
.order-total small span.woocommerce-Price-amount {
font-size: 11px;
font-weight: 300;
}
.rbcode-cross-sells a.btn-cart-red-sm {
font-size: .9rem !important;
}
.d-mobile {
display: none;
}
.cart-item .product-name {
color: var(--color-default);
}
.cart-item .product-name .variation {
color: var(--color-default);
}
table tbody>tr:nth-child(2n+1)>td {
background-color: var(--color-white) !important;
}
button.btn-w-100 {
margin: 20px 0;
width: 100% !important;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: rgba(var(--color-default-rgb), .1);
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
color: #fff;
background-color: var(--color-white);
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
border: 1em solid var(--color-white);
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}
.woocommerce-checkout-review-order table.shop_table tr.cart-subtotal th,
.woocommerce-checkout-review-order table.shop_table tr.shipping th,
.woocommerce-checkout-review-order table.shop_table tr.cart-subtotal td,
.woocommerce-checkout-review-order table.shop_table tr.shipping li,
.woocommerce ul#shipping_method label {
font-weight: 400;
}
.woocommerce-checkout-review-order table.shop_table tr.order-total th,
.woocommerce-checkout-review-order table.shop_table tr.order-total td {
font-size: 20px;
font-weight: 700;
}
#terms_description {
display: none !important;
}
.woocommerce-invalid #terms {
outline: none !important;
}
p.form-row.validate-required,
.woocommerce-privacy-policy-text p,
p#order_comments_field label,
.validate-not-required label.checkbox {
margin-bottom: 0;
font-size: 13px;
text-decoration: none;
}
.woocommerce-privacy-policy-text {
padding-bottom: 15px;
}
.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox,
.validate-not-required label.checkbox {
line-height: 1.5 !important;
display: flex !important;
}
.cart-items .accordion {
width: 100%;
}
.cart-items .accordion .accordion-item {
border: 0px;
}
.cart-items .accordion .accordion-item .accordion-button {
padding: 5px;
margin-top: 8px;
border-radius: 0;
cursor: pointer;
font-weight: normal;
}
.cart-items .accordion .accordion-item .accordion-button:not(.collapsed) {
background-color: transparent;
box-shadow: none;
}
.front-side p.label,
.front-side p.data,
.back-side p.label,
.back-side p.data {
font-size: 14px;
font-weight: normal;
}
/* Złoty medal */
.front-side .gold-class,
.modal-emblem .gold-class {
background-color: #BBA956;
border-radius: 50%;
}
/* Srebrny medal */
.front-side .silver-class,
.modal-emblem .silver-class {
background-color: #ACA693;
border-radius: 50%;
}
/* Brązowy medal */
.front-side .braun-class,
.modal-emblem .braun-class {
background-color: #DEA382;
border-radius: 50%;
}
.woocommerce-message .cart-empty {
display: none !important;
}
/***
WOOCOMMERCE - CART TOTALS MOBILE VIEW
***/
@media (max-width:767.98px) {
.cart-header {
display: none;
/* Ukryj nagłówki na urządzeniach mobilnych */
}
.d-mobile {
display: block;
}
.cart-item {
display: inline-block;
width: 100%;
clear: both;
padding: 20px 10px;
border-bottom: 0px;
}
.cart-item:nth-child(2) {
background-color: #f9f9f9;
}
.cart-item .product-thumbnail,
.cart-item .product-name,
.cart-item .product-subtotal {
width: 50%;
}
.cart-item .product-price,
.cart-item .product-quantity {
width: 50%;
padding-top: 15px;
}
.cart-item .product-thumbnail,
.cart-item .product-name {
float: left
}
.cart-item .product-name {
padding-top: 35px;
}
.cart-item .product-price,
.cart-item .product-price p {
line-height: 45px;
font-size: 16px;
font-weight: normal;
clear: both;
}
.cart-item .product-subtotal {
font-size: 19px;
font-weight: bold;
}
.cart-item .product-quantity {
float: left
}
.cart-item .product-subtotal {
clear: both;
}
.cart-item .product-subtotal,
.cart-item .product-remove {
float: left
}
.cart-item .product-subtotal {
padding-top: 10px;
justify-content: start;
padding-left: 65px;
}
.cart-item .product-price {
justify-content: center;
}
.product-remove {
padding-top: 10px;
padding-right: 10px;
justify-content: end;
width: 50%;
}
.cart-footer {
padding: 0 10px 10px 10px;
}
}
@media (max-width:576.98px) {
.cart-item .product-subtotal {
padding-left: 25px;
}
.cart-item .product-price {
padding-left: 0;
}
.rbcode-cross-sells a.btn-cart-red-sm {
font-size: .8rem !important;
padding: 8px 11px !important;
}
}
/****
WOOCOMERCE CART CHECKOUT
****/
.woocommerce table.shop_table td,
.woocommerce table.shop_table_responsive td {
text-align: right;
}
a.cart-product-link {
color: var(--color-default) !important;
}
.is-large .wc-block-checkout__sidebar {
top: 210px;
}
span.optional {
display: none;
}
.customer-type-radio .woocommerce-input-wrapper {
display: flex;
flex-direction: row;
}
.customer-type-radio input[type="radio"] {
display: none;
}
.customer-type-radio label {
padding: 8px 40px;
border: 1px solid var(--color-border);
border-radius: 35px;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
color: var(--color-default);
font-weight: bold;
margin-right: 10px;
}
.customer-type-radio input[type="radio"]:checked+label {
background: linear-gradient(315deg, rgba(227, 46, 61, 1) 0%, rgba(226, 34, 43, 1) 100%) !important;
border: none;
color: var(--color-secondary);
}
.customer-type-radio label:hover {
background-color: var(--color-default);
color: var(--color-secondary);
}
#customer_details input, .woocommerce-MyAccount-content .woocommerce-address-fields input {
/* border: 1px solid var(--color-border); */
outline:none!important;
border-radius: 35px;
}
.woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus {
border-color: var(--color-border);
}
#customer_details input:focus, #customer_details input:focus-visible, #customer_details input:active {
outline:none!important;
}
#customer_details textarea {
height: 150px;
outline:none!important;
border-radius: 25px;
border: 1px solid var(--color-border);
}
/* Stylizuj kontener Select2 */
.select2-container .select2-selection--single {
background-color: #ffffff;
border: 1px solid var(--color-border);
border-radius: 35px;
height: 40px;
/* Wysokość selecta */
display: flex;
align-items: center;
padding: 0 10px;
}
/* Stylizuj tekst wybranej opcji */
.select2-container .select2-selection__rendered {
color: var(--color-default);
font-size: 16px;
}
.select2-container .select2-selection__arrow {
color: var(--color-default);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 5px
}
/* Stylizuj otwarte menu z opcjami */
.select2-container .select2-dropdown {
background-color: var(--color-white);
border: 1px solid var(--color-border);
}
/* Stylizuj każdą opcję w rozwijanym menu */
.select2-container .select2-results__option {
padding: 10px;
font-size: 16px;
color: var(--color-default);
cursor: pointer;
}
/* Efekt hover na opcjach */
.select2-container .select2-results__option--highlighted {
background-color: var(--color-button);
color: var(--color-white);
}
/* Zmiana koloru aktywnej opcji */
.select2-container .select2-results__option[aria-selected="true"] {
background-color: var(--color-button);
color: var(--color-white);
}
/* Stylizuj pole Select2, aby dostosować border-radius przy otwarciu */
.select2-container .select2-selection--single {
border-radius: 35px;
/* Zaokrąglenie górnych rogów tylko przy otwarciu */
}
/* Stylizuj po otwarciu tak, aby dolne rogi miały ten sam border-radius */
.select2-container.select2-container--open .select2-selection--single {
border-radius: 19px 19px 0 0;
}
.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
margin-bottom:20px;
}
/* Inny adres wysyłki */
label.woocommerce-form__label-for-checkbox, .form-row label.woocommerce-form__label-for-checkbox {
display: flex !important;
align-items: center;
}
.woocommerce form .form-row label.woocommerce-form__label-for-checkbox {
line-height:1.5;
}
input#ship-to-different-address-checkbox,
.acceptance input.woocommerce-form__input-checkbox,
label.woocommerce-form-login__rememberme input.woocommerce-form__input-checkbox {
-webkit-appearance: none;
appearance: none;
background-color: var(--form-background);
margin: 0;
font: inherit;
color: currentColor;
border: 1px solid var(--color-border);
border-radius: 0.15em;
transform: translateY(-0.075em);
display: grid;
place-content: center;
margin-right: 5px;
}
input#ship-to-different-address-checkbox::before,
.acceptance input.woocommerce-form__input-checkbox::before,
label.woocommerce-form-login__rememberme input.woocommerce-form__input-checkbox::before {
content: "";
width: 0.85em;
height: 0.85em;
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
transform: scale(0);
transform-origin: bottom left;
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em var(--form-control-color);
/* Windows High Contrast Mode */
background-color: green;
}
/* formy płatnosci */
li.wc_payment_method input.input-radio,
li input.shipping_method {
-webkit-appearance: none;
appearance: none;
background-color: var(--color-white);
margin: 0;
font: inherit;
color: currentColor;
width: 1.2em;
height: 1.2em;
border: 1px solid var(--color-border);
border-radius: 0.15em;
transform: translateY(-0.075em);
display: grid;
place-content: center;
margin-right: 5px;
}
li.wc_payment_method input.input-radio::before,
li input.shipping_method::before {
content: "";
width: 0.65em;
height: 0.65em;
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
transform: scale(0);
transform-origin: bottom left;
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em var(--form-control-color);
/* Windows High Contrast Mode */
/* background-color: CanvasText; */
background-color: green;
}
input#ship-to-different-address-checkbox:checked::before,
li.wc_payment_method input.input-radio:checked::before,
li input.shipping_method:checked::before,
.acceptance input.woocommerce-form__input-checkbox:checked::before,
label.woocommerce-form-login__rememberme input.woocommerce-form__input-checkbox:checked::before {
transform: scale(1);
}
.checkout-ordering-items .variation {
display: none;
}
.checkout-ordering-items .product-thumbnail {
width: 80px;
}
.checkout-ordering-items {
width: 100%;
max-height: 310px;
overflow-y: auto;
padding: 10px;
border: 1px solid var(--color-border);
margin-bottom: 24px;
border-radius: 5px;
}
.checkout-ordering-items .cart_item {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px solid var(--color-border);
}
.checkout-ordering-items::-webkit-scrollbar {
width: 8px;
}
.checkout-ordering-items::-webkit-scrollbar-track {
background: var(--color-white);
}
.checkout-ordering-items::-webkit-scrollbar-thumb {
background-color: var(--color-button);
}
.checkout-ordering-items::-webkit-scrollbar-thumb:hover {
background-color: var(--color-button);
}
/***
WOOCOMMERCE - EMBLEM CROPPER
***/
.cropper-crop-box,
.cropper-view-box,
.cropper-face {
border-radius: 50%;
/* Zaokrąglenie obszaru przycinania */
}
.img-container .cropper-container {
min-height: 450px;
}
#outputImage {
display: block;
margin-bottom: 10px;
max-width: 80px;
border-radius: 50%;
/* Okrągły wynik */
padding: 0;
}
.custom-file-upload {
background-color: var(--color-white);
border: 1px solid rgba(var(--color-border-rgb), .8);
color: var(--color-default);
cursor: pointer;
display: block;
padding: 8px 12px;
width: 150px;
text-align: center;
}
.custom-file-upload:hover {
background-color: var(--color-button-hover);
color: var(--color-white);
}
input[type="file"] {
display: none;
}
#errorModal .modal-dialog {
max-width: 450px;
}
#errorModal .modal-body {
text-align: center;
}
/***
WOOCOMMERCE - THANK YOU PAGE
***/
a.download-btn {
display: inline-block !important;
width: auto !important;
}
/***
WOOCOMMERCE - NOTICES
***/
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
margin: 1em 0 0 0 !important;
color: var(--color-default);
}
.woocommerce-info {
background-color: rgba(var(--color-default-rgb), 0.1);
border-top-color: var(--color-button);
border-top: 3px solid var(--color-button);
color: var(--color-default);
padding: 0.7em 2em 0.7em 3.5em;
border-radius: 4px;
}
.woocommerce-error {
background-color: rgba(215, 38, 61, 0.1);
border-top-color: var(--color-button);
border-top: 3px solid var(--color-button);
color: var(--color-default);
padding: 0.7em 2em 0.7em 3.5em;
border-radius: 4px;
}
ul.woocommerce-error li a {
color: var(--color-default);
}
.woocommerce-NoticeGroup-checkout {
margin: 0 0 2em;
}
.woocommerce-info a.showlogin {
text-decoration: underline;
color: var(--color-default);
}
.woocommerce-info::before {
color: var(--color-button);
top: 1rem;
}
.woocommerce-message:focus-visible {
outline: none !important;
}
.custom-notice {
display: flex;
align-items: center;
justify-content: space-between;
padding: .7em 2em .7em 3.5em;
border-radius: 4px;
margin-bottom: 10px;
}
.custom-notice p {
margin: 0;
flex: 1;
/* Zajmuje całą dostępną przestrzeń */
}
.custom-notice a {
color: #333 !important;
text-decoration: underline;
}
.woocommerce-message.product-add {
border-top-color: #8fae1b;
}
.woocommerce-message.product-add::before {
content: "\e015";
color: #8fae1b;
}
.woocommerce-message.empty-cart {
border-top-color: #797979;
}
.woocommerce-message.empty-cart::before {
font-family: "Font Awesome 6 Free";
/* Wskazanie fontu */
content: "\f05a";
color: #797979;
}
.woocommerce-message.error-notice {
border-top-color: var(--color-button);
}
.woocommerce-message.error-notice::before {
font-family: "Font Awesome 6 Free";
/* Wskazanie fontu */
content: "\f057";
color: var(--color-button);
}
.product-add {
background-color: rgba(214, 255, 206, 0.3);
}
.empty-cart {
background-color: rgba(214, 216, 217);
}
.error-notice {
background-color: rgb(248, 215, 218, 0.5);
}
.product-add .notice-close-button {
background: var(--color-button);
}
.empty-cart .notice-close-button {
background: #797979;
}
.error-notice .notice-close-button {
background: var(--color-button);
}
.notice-close-button {
border: 1px solid var(--color-border);
color: var(--color-white);
font-size: 20px;
line-height: 1;
cursor: pointer;
padding: 6px 12px;
margin-left: 15px;
}
.notice-close-button:hover,
.notice-close-button:focus,
.notice-close-button:active {
background: var(--color-button-hover);
color: var(--color-white) !important;
}
.notice-close-button:hover {
color: #000;
}
/***
WOOCOMMERCE - MY PAGE/LOGIN/REGISTER
***/
.woocommerce-account {
background: rgb(243, 245, 248);
}
.my-account h2 {
text-align: center;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border-radius: 35px;
border: 1px solid #ddd;
background-color: var(--color-white);
}
button.woocommerce-form-login__submit {
margin-top: 20px;
width: 100% !important;
}
p.lost_password {
text-align: center;
padding-top: 40px;
}
.register-section a {
margin: auto;
display: block;
color: var(--color-default);
width: 180px !important;
border-radius: 35px;
border: 1px solid var(--color-border-rgb);
-webkit-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32) !important;
-moz-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32) !important;
box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32) !important;
padding: 8px 12px;
background-color: var(--color-white);
}
.register-section a:hover {
outline: none !important;
border: none !important;
background: linear-gradient(315deg, rgba(227, 46, 61, 1) 0%, rgba(226, 34, 43, 1) 100%) !important;
color: var(--color-white);
}
.checkout-form .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
width: 200px !important;
margin-top: 20px;
}
input[type="text"]:focus-visible {
border-color:var(--color-button)!important;
}
/***
Custom complaint form styles
***/
form.wpcf7-form {
border: 1px solid #ddd;
border-radius: 5px;
padding: 2rem 2.5rem;
box-shadow: 0px 0px 15px 3px #e6e6e6;
}
.complaint-form-fields-wrapper input,
.complaint-form-fields-wrapper select,
.complaint-form-fields-wrapper textarea {
/* text-align: center !important; */
border-top: transparent !important;
border-left: transparent !important;
border-right: transparent !important;
border-bottom: 1px solid #e4e4e4 !important;
/* width: 500px !important; */
border-radius: 0 !important;
}
@media (max-width: 1200px) {
.complaint-form-fields-wrapper input[type=date],
.complaint-form-fields-wrapper input[type=email],
.complaint-form-fields-wrapper input[type=number],
.complaint-form-fields-wrapper input[type=password],
.complaint-form-fields-wrapper input[type=search],
.complaint-form-fields-wrapper input[type=tel],
.complaint-form-fields-wrapper input[type=text],
.complaint-form-fields-wrapper input[type=url],
.complaint-form-fields-wrapper select,
.complaint-form-fields-wrapper textarea {
width: 90% !important;
}
}
@media (max-width: 768px) {
.complaint-form-fields-wrapper input[type=date],
.complaint-form-fields-wrapper input[type=email],
.complaint-form-fields-wrapper input[type=number],
.complaint-form-fields-wrapper input[type=password],
.complaint-form-fields-wrapper input[type=search],
.complaint-form-fields-wrapper input[type=tel],
.complaint-form-fields-wrapper input[type=text],
.complaint-form-fields-wrapper input[type=url],
.complaint-form-fields-wrapper select,
.complaint-form-fields-wrapper textarea {
width: 100% !important;
}
}
.complaint-form-fields-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
@media (max-width: 768px) {
.complaint-form-fields-wrapper {
grid-template-columns: 1fr;
}
}
.complaint-form-submit-wrapper {
text-align: center;
margin-top: 2rem;
}
.complaint-form-submit-wrapper .wpcf7-spinner {
display: none;
}
.complaint-form-acceptance {
margin-top: .25rem;
}
.complaint-form-asterisk {
margin-bottom: .5rem;
}
form.wpcf7-form textarea,
form.wpcf7-form input {
background: #dfdfdf3b;
border-radius: 8px;
padding: 1rem 1.25rem !important;
margin-top: 1rem !important;
}
form.wpcf7-form .complaint-form-fields-wrapper textarea,
input {
text-align: left !important;
}
.complaint-form-submit-wrapper .complaint-form-submit {
margin-top: 1rem;
font-weight: bold;
font-size: 1.25rem;
width: 150px;
text-align: center !important;
background: #e32e3d !important;
color: white;
padding: .5rem !important;
border-radius: 30px;
}
form.wpcf7-form input:focus-visible,
form.wpcf7-form textarea:focus-visible {
outline: none;
border: none;
}
#interestModal span.wpcf7-not-valid-tip,
#contactModal span.wpcf7-not-valid-tip,
#salePersonModal span.wpcf7-not-valid-tip {
position:absolute;
top:-24px;
font-size: 12px;
margin-top: 0.25rem;
left: 50%;
transform: translate(-50%, 0%);
}
#interestModal .wpcf7-form-control-wrap[data-name="radio-amount-wrapper"] {
text-align:center;
display:block;
}
#interestModal .wpcf7-form-control-wrap[data-name="your-message"] .wpcf7-not-valid-tip,
#contactModal .wpcf7-form-control-wrap[data-name="your-message"] .wpcf7-not-valid-tip,
#salePersonModal .wpcf7-form-control-wrap[data-name="your-message"] .wpcf7-not-valid-tip {
top:-233px;
}
#interestModal .wpcf7-form-control-wrap[data-name="radio-amount-wrapper"] .wpcf7-not-valid-tip,
#contactModal .wpcf7-form-control-wrap[data-name="radio-amount-wrapper"] .wpcf7-not-valid-tip,
#salePersonModal .wpcf7-form-control-wrap[data-name="radio-amount-wrapper"] .wpcf7-not-valid-tip {
top:-12px;
}
.complaint-form-upload-info {
font-size: 12px;
margin-top: .25rem;
color: #a8a8a8;
}
p:has(.complaint-form-upload-wrapper) {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
gap: .25rem;
text-align: center;
}
.complaint-form-upload-wrapper {
display: flex;
align-items: center;
flex-direction: column;
gap: .25rem;
text-align: center;
}
.complaint-form-upload-wrapper svg {
margin-right: .25rem;
}
.complaint-form-upload-wrapper label {
border: 1px solid #ddd;
padding: 1.5rem 1rem;
cursor: pointer;
border-radius: 5px;
width: 220px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row-reverse;
text-align: center;
}
.complaint-file-name-display {
margin-top: 10px;
font-size: 12px;
color: #51ba46;
}
.complaint-form-textarea {
resize: none;
}
.complaint-file-name-display {
font-size: 12px;
color: #51ba46;
font-weight: bold;
}
/* additional styles to the 'get discount' form */
@media (max-width: 1200px) {
.get-discount-form input[type="text"] {
width: 100% !important;
}
.get-discount-form {
width: 90%;
}
}
/* contact us modal styles */
button.btn-modal-close:hover {
background-color: var(--color-button) !important;
opacity: 1 !important;
}
.btn-modal-close {
position: absolute !important;
right: 20px;
top: 20px;
}
#contactModal .modal-dialog,
#salePersonModal .modal-dialog {
max-width: 800px;
width: 100%;
padding: 1rem;
}
@media (max-width: 576px) {
#contactModal .modal-dialog,
#salePersonModal .modal-dialog {
padding: .25rem;
}
}
.modal-wrapper {
padding: 2rem;
}
.modal-title-wrapper {
margin-top: 4rem;
}
#contactModal .modal-title-wrapper,
#salePersonModal .modal-title-wrapper {
text-align: center;
}
#contactModal .modal-title-wrapper h3,
#salePersonModal .modal-title-wrapper h3 {
font-size: 3rem;
font-weight: bold;
color: var(--color-button);
}
#contactModal form.wpcf7-form,
#salePersonModal form.wpcf7-form {
border: none;
padding: 0;
box-shadow: none;
}
.modal-form-acceptance-text {
user-select: none;
}
#contactModal form.wpcf7-form input,
#contactModal form.wpcf7-form textarea,
#contactModal form.wpcf7-form select,
#salePersonModal form.wpcf7-form input,
#salePersonModal form.wpcf7-form textarea,
#salePersonModal form.wpcf7-form select {
border-top: transparent !important;
border-left: transparent !important;
border-right: transparent !important;
border-bottom: 1px solid #e4e4e4 !important;
border-radius: 0;
margin-bottom: 1rem;
}
#contactModal form.wpcf7-form label,
#salePersonModal form.wpcf7-form label {
width: 70%;
}
@media (max-width: 568px) {
#contactModal form.wpcf7-form label,
#salePersonModal form.wpcf7-form label {
width: 100%;
}
}
.contact-modal-submit {
margin-top: 1rem !important;
font-weight: bold !important;
font-size: 1.25rem !important;
text-align: center !important;
background: #e22530 !important;
color: white !important;
padding: .5rem !important;
border-radius: 30px !important;
}
#contactModal .wpcf7-spinner,
#salePersonModal .wpcf7-spinner {
display: none;
}
#contactModal textarea,
#salePersonModal textarea {
resize: none;
}
@media (max-width: 576px) {
#contactModal .modal-dialog.modal-dialog-centered,
#salePersonModal .modal-dialog.modal-dialog-centered {
margin: 0;
}
}
@media (max-width: 556px) {
#contactModal .modal-title-wrapper h3,
#salePersonModal .modal-title-wrapper h3 {
font-size: 2rem;
}
#contactModal .modal-title-wrapper p,
#salePersonModal .modal-title-wrapper p .modal-title-wrapper p {
font-size: 1rem;
margin-top: 1rem;
}
}
/* header icon mobile */
@media (max-width: 568px) {
.header-support-icon svg {
width: 25px;
height: 25px;
}
.header-account-icon svg {
width: 25px;
height: 25px;
}
.header-basket-icon svg {
width: 25px;
height: 25px;
}
}
@media (max-width: 768px) {
.product-search {
display: flex;
align-items: center;
}
.header-menu-row {
display: none;
}
.shop-menu-short {
display: none !important;
}
}
@media (max-width: 360px) {
.search-container {
justify-content: center !important;
gap: 1rem;
}
}
/***
WOOCOMMERCE - MY ACCOUNT
***/
/* Account dashboard */
.account-nav {
padding: .5rem;
background: #3b3b3b;
padding: 1rem;
border-radius: 10px;
box-shadow: 0px 0px 6px 4px #ddd;
width: 22% !important;
}
@media (max-width: 768px) {
.account-nav {
margin-bottom: 2rem;
width: 100% !important;
}
}
.account-nav ul {
display: grid;
gap: .5rem;
margin-left: 0;
padding-left: 0;
transition: all .2s;
}
@media (max-width: 768px) {
.account-nav ul {
text-align: center;
gap: .75rem;
}
}
.account-nav a:hover {
background: #e32e3d;
border-radius: 10px;
transition: all .2s;
}
.account-nav ul li a {
display: block;
font-size: 1.25rem;
text-decoration: none;
width: 100%;
color: white;
padding: .5rem 1.25rem;
border-bottom: 1px solid #4d4d4d
}
.account-content p {
font-size: 1.25rem;
}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
text-align:left;
border: 1px solid rgba(0, 0, 0, .1) !important;
}
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
margin-bottom:5px!important;
}
tr.woocommerce-orders-table__row.woocommerce-orders-table__row--status-processing.order {
border-bottom: 2px solid #808080;
}
td.woocommerce-orders-table__cell {
border: 1px solid #eee !important
}
.woocommerce-order-details td,
.woocommerce-order-details th {
border: 1px solid #eee !important
}
.woocommerce table.shop_table td {
/* justify-content: stretch; */
justify-content: space-between;
flex-direction: row;
gap: 4rem;
}
@media (max-width: 768px) {
.woocommerce table.shop_table td {
flex-direction: column;
gap: 1rem;
}
}
.woocommerce-table__product-name .product-name .wc-item-meta {
font-weight: lighter;
font-size: 1rem;
}
.woocommerce-table__product-name ul.wc-item-meta {
/* display: flex;
flex-direction: row;
gap: 1.25rem;
padding: 0;*/
text-align: left;
}
.woocommerce-table__product-name ul.wc-item-meta li:nth-child(2) {
/* border-left: 2px solid #eee;
padding-left: 1rem; */
}
.item-details-order {
border-left: 2px solid #eee;
padding-left: 1rem;
}
ul.wc-item-meta li {
padding-bottom: 3px;
}
.account-address {
background: #eee;
padding: 1rem;
border-radius: 10px;
border: 1px solid #dbdbdb;
}
@media (max-width: 768px) {
.account-address {
margin-bottom: 2rem;
}
}
.account-address address {
margin-bottom: 4rem;
}
@media (max-width: 768px) {
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 0;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
border-right: none;
border-bottom: 1px solid #eee;
}
}
@media (max-width: 768px) {
.addresses .woocommerce-column--shipping-address {
margin-top: 2rem !important;
}
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 77%;
background-color: var(--color-white);
padding: 15px;
border-radius: 10px;
}
@media (max-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
}
}
.woocommerce-order-details table.woocommerce-table td.woocommerce-table__product-name.product-name {
justify-content: stretch;
}
nav.woocommerce-MyAccount-navigation.account-nav+.woocommerce-MyAccount-content.account-content section.woocommerce-order-details table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td.woocommerce-table__product-name.product-name {
display: flex;
/* Ustawienie Flexboxa dla | */
justify-content: space-between;
/* Rozmieszczenie elementów */
}
.woocommerce-ResetPassword.lost_reset_password p {
width: 100%;
text-align: center;
}
small {
line-height: 1.3em !important;
}
/* #billing_address_2_field {
display:none!important;
} */
.form-row.form-col-60 {
width: 60%;
float: left;
padding-right: 10px;
box-sizing: border-box;
}
.form-row.form-col-40 {
width: 40%;
float: left;
box-sizing: border-box;
}
.woocommerce form .form-row::after {
content: "";
display: block;
clear: both;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last {
width:50%;
}
#billing_eu_vat_number_field label, #billing_company_field label {
font-size:13px;
}
#billing_country_readonly_field {
display:none;
}
#billing_eu_vat_number_field label::after {
content: "Geben Sie am Anfang die Ländervorwahl ein (AT oder DE), z. B. DE913567345.";
display: block;
font-size: 12px;
padding-left:25px;
line-height: 1.5;
margin-top: -6px;
color: #EEA10B;
background-image: url('https://pokalzentrum.de/wp-content/themes/helloelementor-child/images/icon-info.webp');
background-repeat: no-repeat;
background-position: left;
}
#alg_wc_eu_vat_progress {
font-size: 11px;
padding-left: 22px;
display:none;
}
/***
WOOCOMMERCE - Custom block loader for basket price review
***/
#order-summary-table {
position: relative;
}
#orderLoader {
display: none;
place-content: center;
top: 0;
right: 0;
bottom: 0;
background: #6969694a;
z-index: 99;
border-radius: 5px;
backdrop-filter: blur(3px);
box-shadow: 0 4px 6px hsla(0, 0%, 0%, 0.1);
position: absolute;
width: 100%;
}
.orderSpinner {
border: 4px solid rgb(244, 244, 244);
border-top-width: 4px;
border-top-style: solid;
border-top-color: rgb(244, 244, 244);
border-top: 4px solid #f4232d;
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/***
WOOCOMMERCE - SHIPPING
***/
.shipping-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
align-items: stretch;
justify-content: center;
}
.shipping-card {
display: grid;
grid-template-columns: auto 1fr;
align-items: stretch;
gap: 2rem;
border-radius: 5px;
border: 1px solid #e32e3d;
box-shadow: 6px -6px 5px #e8e8e8;
}
@media (max-width: 767.98px) {
.shipping-wrapper {
grid-template-columns: 1fr;
}
.shipping-card {
grid-template-columns: 1fr;
text-align: center;
gap: 1rem;
}
}
.shipping-card__icon {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 12rem;
background: #e32e3d;
max-width: 12rem;
width: 100%;
height: 100%;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
padding: 2rem;
}
@media (max-width: 960px) {
.shipping-card__icon {
width: 100%;
max-width: unset;
border-radius: 0;
padding: .5rem;
}
}
.shipping-card__icon {
img {
width: 6rem;
height: 6rem;
}
}
@media (max-width: 576px) {
.shipping-card__icon img {
width: 4rem;
height: 4rem;
}
}
.shipping-card__content {
display: flex;
flex-direction: column;
margin: 1rem;
}
.shipping-card__content h3 {
font-size: 1.8rem;
font-weight: bold;
color: var(--color-button);
}
.shipping-card__content p {
color: var(--color-default);
}
.woocommerce-shipping-totals.shipping td {
vertical-align: middle;
}
/***
WOOCOMMERCE - FILTERS
***/
select[name="orderby"] {
font-size: 13px !important;
}
.shop-filters {
border-right: 1px solid var(--color-border);
}
body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a:hover {
border: 1px solid var(--color-links-hover) !important;
transition: all .2s;
}
/***
WOOCOMMERCE - LAYOUT WIDTH
***/
@media (max-width:767.98px) {
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
padding: 0 6.5px;
}
}
@media (min-width:768px) {
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body .site-main {
max-width: calc(100vw - 40px) !important;
margin: auto;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
width: 90%;
/* margin:0 5% 30px 5%; */
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
width: 100%;
/* margin:0 5% 30px 5%; */
}
}
@media (min-width:880px) {
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body .site-main {
max-width: calc(100vw - 80px) !important;
margin: auto;
}
}
@media (min-width:992px) {
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body .site-main {
max-width: calc(100vw - 80px) !important;
margin: auto;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
margin: 0 0 0 0;
width: 43%;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
margin: 0 0 70px 0;
width: 55%;
}
}
@media (min-width:1200px) {
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body.site-main {
max-width: 1140px !important;
margin: auto;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
margin: 0 0 0 0;
width: 48%;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
margin: 0 0 70px 0;
width: 48%;
}
}
@media (min-width:1400px) {
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body .site-main {
max-width: 1340px !important;
margin: auto;
}
}
/* Update pozycji flagi (best price) dla widoku tablet oraz dla mobile */
@media (max-width: 992px) {
.info-labels #flag {
left: 9rem !important;
opacity: .2;
}
}
@media (max-width: 768px) {
.info-labels #flag {
display: none !important;
}
}
.woocommerce-loop-product__title {
position: relative;
}
.woocommerce-loop-product__title a {
display: flex;
align-items: center;
justify-content: center;
overflow-wrap: anywhere;
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
/* Na urzadzeniach mobilnych */
.hero-banner-grid {
display: none;
opacity: 0;
transition: opacity 0.5s ease;
}
@media (min-width: 1200px) {
.hero-banner-grid {
opacity: 1 !important;
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-rows: 1fr 1fr;
gap: 1.5rem;
}
}
/* new footer */
.footer__socials-wrapper {
display: flex;
align-items: center;
gap: 1rem;
margin-top: 2rem;
}
.footer__socials-wrapper a {
background: #e52e3c;
padding: .5rem;
border-radius: 50%;
margin: 0 !important;
}
.img-footer-logo {
width: 120px;
margin-left: 0px;
margin-bottom: .25rem;
}
.footer__wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
align-items: baseline;
}
@media (max-width: 992px) {
.footer__wrapper {
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
}
}
@media (max-width: 768px) {
.footer__wrapper {
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
}
@media (max-width: 480px) {
.footer__wrapper {
grid-template-columns: 1fr;
gap: 2rem;
}
}
footer .footer__wrapper .footer-part {
margin-top: 0;
}
.footer__bottom-bar {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 2rem;
padding-top: 1.5rem;
border-top: 1px solid #8181812b;
}
@media (max-width: 768px) {
.footer__bottom-bar {
display: flex;
flex-direction: column-reverse;
align-items: center;
gap: 2rem;
}
}
.footer__reviewed-with {
font-size: 12px !important;
padding: 0 !important;
}
.footer__informations,
.footer__customer-support {
display: flex;
justify-content: center;
}
.footer__contact {
display: flex;
flex-direction: column;
align-items: end;
}
@media (max-width: 768px) {
.footer__contact {
grid-column: span 3;
justify-self: center;
}
}
@media (max-width: 480px) {
.footer__contact {
align-items: center;
margin-top: 2rem;
grid-column: auto;
justify-self: unset;
}
}
.footer__contact-row svg {
width: 19px;
}
.footer__address-container {
display: flex;
justify-content: flex-start;
flex-direction: column;
align-items: start;
text-align: left;
gap: .5rem;
}
@media (max-width: 480px) {
.footer__address-container {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
text-align: center;
}
}
.footer__address-container .img-footer-logo {
margin-left: unset;
}
.footer__address-location,
.footer__address-hours {
display: flex;
}
@media (max-width: 480px) {
.footer__address-location,
.footer__address-hours {
flex-direction: column;
gap: 1rem;
margin-top: 2.5rem;
align-items: center;
}
}
.footer__contact-wrapper {
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
text-align: left;
}
@media (max-width: 1200px) {
.hero-banner-grid.banner-desktop {
display: none !important;
}
.hero-banner-grid.banner-mobile {
display: block !important;
opacity: 1 !important;
}
}
@media (min-width: 1200px) {
.hero-banner-grid.banner-mobile {
display: none !important;
}
}
.cart__mobile-price-wrapper {
display: none;
}
.customCartModalWrapper {
display: none;
}
@media (max-width: 768px) {
.product-name .accordion {
display: none;
}
.cart__product-details-desktop {
display: none;
}
.customCartModalWrapper {
display: inline-block;
font-size: 1rem;
color: var(--color-default);
border: 1px solid rgba(107, 107, 107, 0.1);
padding: 6px 18px;
border-radius: 25px;
}
.cart__mobile-price-wrapper {
display: flex;
width: 100%;
font-weight: 200;
}
.cart-item .product-price,
.cart-item .product-quantity {
float: none !important
}
.product-remove {
width: auto;
}
.cart__product-details-mobile {
display: flex;
flex-direction: row;
align-items: baseline;
gap: 1rem;
justify-content: space-evenly;
width: 100%;
}
.cart__product-details-mobile .product-quantity {
order: 4;
}
.cart__product-details-mobile .product-subtotal {
order: 3;
}
.cart__product-details-mobile .product-remove {
order: 4;
padding: 0;
}
.cart__product-details-mobile .woocommerce .product-quantity .quantity input {
padding: 0 !important;
}
.cart__product-price-desktop {
display: none;
}
}
@media (max-width: 448px) {
.cart__product-details-mobile .product-subtotal {
padding: 0;
margin-top: 1.5rem;
justify-content: center;
}
.rbcode_shop_table .cart-footer {
text-align: center;
margin: 0 auto;
}
}
#customCartModal .front-side div,
#customCartModal .back-side div {
border: 1px solid #f7f7f7;
padding: .5rem;
}
@media (min-width: 768px) {
.cart__price-mobile {
display: none;
}
}
ul#menu-informacje,
ul#menu-dla-klienta {
padding: 0;
}
nav.woocommerce-MyAccount-navigation.account-nav ul {
list-style-type: none;
}
@media (max-width: 992px) {
a.navbar-brand.navbar-logo img {
max-width: 120px !important;
}
}
.loop-product a.button {
text-align: center;
font-weight: 500 !important;
font-size: 1.25rem !important;
}
.woocommerce-loop-product__title a {
font-size: 1.4rem !important;
font-weight: 700 !important;
color: #333 !important;
}
.owl-nav {
display: flex;
justify-content: center;
align-items: center;
margin-top: 1.5rem;
gap: 1.5rem;
}
.woocommerce .quantity .qty {
text-align: center !important;
font-size: 1.5rem;
font-weight: 700;
}
.woocommerce #review_form #respond .form-submit input {
left: auto;
text-align: center !important;
}
.card-header {
padding: .25rem;
gap: 1rem;
}
.card-header .prod-title {
overflow-x: hidden;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details,
.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 address,
.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 address {
background: white;
}
.comments-summary .review-btn {
display: none;
}
.comments__wrapper {
display: flex;
justify-content: stretch;
width: 100%;
}
@media (max-width: 768px) {
.comments__wrapper {
flex-direction: column;
gap: 1rem;
}
}
.cart-items .product-name p {
font-size: 12px !important;
}
.cart-items .product-name a.cart-product-link {
font-size: 19px !important;
font-weight: bold;
}
/*****
* MODALS
*****/
.saleperson-form a {
color: var(--color-white);
width: auto;
border-radius: 35px;
border: 1px solid var(--color-border-rgb);
-webkit-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32);
-moz-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32);
box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32);
padding: 5px 14px;
background-color: var(--color-button);
}
.saleperson-form a:hover {
outline: none !important;
border: none !important;
background: #000;
color: var(--color-white);
}
.modal-form-acceptance-text svg,
.complaint-form__svg {
margin-bottom: 15px;
margin-left: -5px;
}
.contact-modal-submit {
transition: .2s ease-in-out !important;
}
.contact-modal-submit:hover {
background: #000 !important;
color: var(--color-white) !important;
transition: .2s ease-in-out !important;
}
.saleperson-form.bordered-part svg {
width: 22px;
height: 22px;
margin-right: .75rem;
}
.woocommerce-variation-add-to-cart button {
transition: .2s ease-in-out !important;
}
.woocommerce-variation-add-to-cart button:hover {
transition: .2s ease-in-out !important;
}
.complaint-form-submit-wrapper .complaint-form-submit {
transition: all .2s ease-in-out;
}
.complaint-form-submit-wrapper .complaint-form-submit:hover {
background-color: #000 !important;
transition: all .2s ease-in-out;
}
/* Main menu hover state */
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover {
color: #e32e3d !important;
}
.header-account-icon p,
.basket .header p,
.header-support-icon p {
transition: all .2s ease-in-out;
}
.header-account-icon:hover p,
.basket .header:hover p,
.header-support-icon:hover p {
color: #e32e3d !important;
}
.woocommerce-loop-product__title a {
color: #333 !important;
}
@media (min-width: 992px) {
.shop-logo-mobile {
display: none;
}
html {
margin-top: 0 !important;
}
}
.hero-banner__page-title {
position: absolute;
top: 100%;
color: white;
font-size: 1rem;
text-align: center;
margin-inline: auto;
display: flex;
align-items: center;
justify-content: center;
z-index: -1;
}
.product-summary .sale-text h2 {
font-size: 38px;
line-height: 39px;
margin-bottom: 0;
font-weight: 800;
text-transform: uppercase;
text-align: center;
color: var(--color-button);
}
/* GALERIA CUSTOM */
.overlay-custom {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: 0.3s ease;
background-color: var(--color-button);
z-index: 99;
}
.icon {
background-image: url("images/pointer.webp");
background-repeat: no-repeat;
background-position: center;
transition: 0.3s ease;
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99;
}
.trophy-gallery__item-wrapper {
position: relative;
overflow: hidden;
z-index: 0;
padding: .5rem;
}
.trophy-gallery__item-wrapper:hover .icon {
opacity: 1;
}
.trophy-gallery__item-wrapper:hover .overlay-custom {
opacity: 0.5;
}
.wpc-filter-title .wpc-open-icon {
left: 1rem;
bottom: .25rem;
}
.pagination span.page-numbers,
.pagination a.page-numbers {
padding: 3px 12px;
border: 1px solid var(--color-border) !important;
margin-right: 4px;
}
.pagination span.page-numbers.current {
background: var(--color-default);
color: var(--color-white);
}
@media (max-width: 992px) {
.trophy-gallery__item-wrapper {
margin-top: 2rem;
}
}
@media (max-width: 600px) {
.wpc-filter-title .wpc-open-icon {
left: unset;
}
}
.trophy-gallery__item-wrapper .cat {
color: var(--color-links-hover);
border: 1px solid var(--color-links-hover);
padding: 0px 10px;
font-size: 12px;
border-radius: 0px;
text-transform: uppercase;
letter-spacing: 1px;
}
/* Navbar menu items */
.navigation #mega-menu-primary {
text-align: center !important;
}
@media (min-width: 992px) and (max-width: 1184px) {
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
border: 0;
border: none;
}
}
@media (min-width: 992px) {
.mega-sub-menu {
box-shadow: 0px 3px 13px 0 hsl(0deg 0% 58.29%) !important;
}
}
@media (max-width: 992px) {
.search-container {
display: flex;
width: 100%;
align-items: center;
justify-content: space-around;
}
}
@media (min-width: 992px) and (max-width: 1189px) {
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
font-size: 1.25rem;
padding: 0 20px 0 20px;
}
}
@media (max-width: 1024px) {
.elementor-13085 .elementor-element.elementor-element-1a5e9281>.elementor-element-populated {
padding: 30px 0px 20px 0px;
}
}
/***************
SINGLE PAGE PRODUKTU CUSTOM
***************/
.ratio-16x9 {
--bs-aspect-ratio: 100% !important;
}
.top-border-line {
border-top: 1px solid #eaeaea;
}
.owl-thumbs .owl-thumb-item {
border: none;
padding-bottom: 10px;
}
.owl-thumbs .owl-thumb-item:hover {
transform: scale(1.1);
background-color: unset !important;
color: unset !important;
}
.owl-thumbs .owl-thumb-item:focus {
background-color: unset !important;
border: none !important;
}
.owl-thumbs .owl-thumb-item img:focus-visible {
background-color: unset !important;
border: none !important;
outline: none;
}
.owl-carousel.owl-carousel-thumbs .owl-item {
padding: 1px;
}
@media (max-width:991px) {
.owl-thumbs .owl-thumb-item {
width: 25%;
}
}
.modal-xl {
max-width: 700px !important;
}
.modal-xl button {
font-size: 1.25rem;
background: none !important;
border: none;
}
.lightbox-slide {
transition: none !important;
}
.tags-pink {
color: var(--color-default);
border: 1px solid var(--color-border);
padding: 0px 10px;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
outline: 0;
border-radius: 0px;
transition: all .2s;
}
.tags-pink:hover {
border: 1px solid var(--color-button);
color: var(--color-button);
}
.product-details__table {
margin-top: 3rem;
margin-bottom: 2rem;
}
.product-details__table table {
width: 100%;
margin: 0 auto;
border-collapse: collapse;
}
.product-details__table th,
.product-details__table td {
border: 1px solid var(--color-border) !important;
padding: 1rem !important;
}
.product-details__table th {
width: 33%;
}
.product-details__table td {
text-align: center;
}
.product-details__table .product-details__material a {
color: var(--color-button);
cursor: pointer;
}
.product-details__table .product-details__material a:hover {
text-decoration: underline;
}
.action-button {
margin-right:7px;
margin-bottom:7px;
}
/* Interes modal styles */
#interestModal .modal-dialog {
width: 100%;
max-width: 50em;
padding: 1rem;
}
#interestModal form.wpcf7-form {
border: none;
padding: 0;
box-shadow: none;
}
#interestModal form.wpcf7-form textarea,
form.wpcf7-form input {
border-top: transparent;
border-left: transparent;
border-right: transparent;
border-bottom: 1px solid var(--color-border)!important;
border-radius: 0;
margin-bottom: 1rem;
}
#interestModal form.wpcf7-form p {
text-align: center;
}
#interestModal .modal-title-wrapper h3 {
font-size: 3rem;
font-weight: bold;
color: var(--color-button);
}
#interestModal form.wpcf7-form label {
width: 70%;
}
[data-name="radio-amount-wrapper"] .wpcf7-radio {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
[data-name="radio-amount-wrapper"] .wpcf7-list-item {
margin-inline: 1em;
}
//* Instrukcja tabliczki */
#customPlateModal .modal-dialog {
max-width:800px;
}
.modal-text {
font-size:1rem;
}
#customPlateModal button.modal-close {
width:50px;
padding: .5rem 1rem;
}
.alert-warning {
font-size:14px;
}
/* NIeopłacone zamówienie strona */
p.woocommerce-thankyou-order-received {
margin-top:20px;
}
ul#p24-bank-grid {
margin-bottom:40px;
}
.moreStuff {
display:none!important;
}
#przelewy_payment_form a.cancel {
font-weight: 400;
text-align: center;
margin: auto;
color: var(--color-default);
width: 200px !important;
border-radius: 35px;
border: 1px solid var(--color-border-rgb);
-webkit-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32) !important;
-moz-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32) !important;
box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32) !important;
padding: 8px 12px;
background-color: var(--color-white);
}
#przelewy_payment_form a.cancel:hover{
outline: none !important;
border: none !important;
background: linear-gradient(315deg, rgba(227, 46, 61, 1) 0%, rgba(226, 34, 43, 1) 100%) !important;
color: var(--color-white);
}
#przelewy_payment_form input[type="submit"] {
background: #e32e3d !important;
border: none !important;
border-radius: 35px !important;
color: var(--color-secondary) !important;
display: flex;
font-weight: 400 !important;
align-items: center !important;
justify-content: center !important;
font-size: 1.5rem !important;
font-family: var(--font-headings-regular) !important;
line-height: 1.7rem !important;
padding: 10px 18px !important;
text-transform: capitalize !important;
width: auto !important;
-webkit-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32) !important;
-moz-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32) !important;
box-shadow: 0 5px 7px 1px rgba(0, 0, 0, .32) !important;
transition: .2s ease-in-out;
margin-bottom:10px;
}
@media (max-width:575.98px) {
#przelewy_payment_form p {
text-align:center!important;
}
#przelewy_payment_form a.cancel {
display:flex;
align-items: center !important;
justify-content: center !important;
}
#przelewy_payment_form input[type="submit"], #przelewy_payment_form a.cancel {
margin:auto;
}
}
ul.payment_methods.methods li.wc_payment_method .d-flex.flex-row {
align-items: center !important;
}
/* stripe */
#payment .payment_methods li img.stripe-icon {
width: 45px;
}
.payment_box.payment_method_stripe_klarna fieldset:last-child {
color:var(--color-default);
line-height:1.3!important;
}
.woocommerce-SavedPaymentMethods-saveNew label, .woocommerce-SavedPaymentMethods.wc-saved-payment-methods {
color:var(--color-default);
line-height:1!important;
}
#wc-stripe-express-checkout-button-separator {
display:none!important;
}
/* style dla obrazka w widoku single product */
.woocommerce-product-gallery__image.flex-active-slide img[data-large_image_width="550"] {
/* Twoje style tutaj */
width: 100% !important;
}
/* Style dla podmianyt emblematu na zdjeciu produktu */
.overlay-emblem {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
opacity: 1;
border-radius: 50%;
pointer-events: none;
}
.emblem-small {
width: 38% !important;
}
.emblem-extra-small {
width: 32% !important;
}
.emblem-mega-small {
width: 25% !important;
}
.emblem-big {
width: 55% !important;
}
.overlay-emblem.overlay-emblem-active {
opacity: 1;
}
.woocommerce-product-gallery__image {
position: relative !important;
}
.emblems-container-inactive {
pointer-events: none;
opacity: .3;
filter: blur(3px);
}
.bg-braun {
background-color: #dea382;
}
.bg-silver {
background-color: #aca693;
}
.bg-gold {
background-color: #bba956;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover {
opacity: .5;
}
.flex-control-nav.flex-control-thumbs img.custom-thumb-active {
opacity: 1 !important;
/* gold border, or your preferred style */
box-shadow: 0 0 8px hsl(0, 0%, 81%);
/* Add any other highlight styles you want */
}
.custom-emblem-blur {
filter: blur(4px);
transition: filter 0.3s;
pointer-events: none;
}
.custom-emblem-spinner {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
width: 48px; height: 48px;
pointer-events: none;
}
div.woocommerce-product-gallery__image.flex-active-slide > a > :first-child {
width: 100% !important;
}
img.zoomImg {
pointer-events: none!important;
}
img.zoomImg:hover {
pointer-events: none!important;
}
/* Payment methods styling */
li.wc_payment_method .flex-row label{
width:100%;
}
li.wc_payment_method.payment_method_przelewy24_extra_92 label img{
width:20px;
}
li.wc_payment_method.payment_method_przelewy24_extra_242 label img{
width:70px;
}
li.wc_payment_method.payment_method_przelewy24_extra_253 label img,
li.wc_payment_method.payment_method_przelewy24_extra_265 label img{
width:40px;
}
ul#p24-bank-grid a.bank-box {
display: flex;
}
ul#p24-bank-grid a.bank-box .bank-logo {
align-self: center;
}
ul#p24-bank-grid a.bank-box .bank-name {
display:none!important;
}
a.bank-box.selected::before {
margin: -10px 0 0 100px!important;
font-size:2em!important;
}
@media (max-width: 1024px) {
.woocommerce-form.woocommerce-form-login.login {
width: 90% !important;
margin: 0 auto;
}
}
@media (max-width: 475px) {
.double-mobile .owl-item li.item a.btn-cart-red-sm {
font-size: 1rem !important;
}
}
.payer-buyer-heading {
background: #E8E8E9;
padding: 5px 10px !important;
border-radius: 5px;
}
/* Sekcja strona główna - medale z nadrukiem */
section.front-page-content h2.section-title__medale-nadruk {
text-align:left!important;
font-size: 4.5rem;
font-weight: bold;
text-transform: uppercase;
color: var(--color-white);
font-family: var(--font-headings-regular) !important;
text-shadow: 1px -1px 13px rgba(0, 0, 0, 1);
}
.btn-medale-nadruk {
background: var(--color-button)!important;
border: none !important;
border-radius: 35px !important;
color: var(--color-secondary) !important;
display: inline-block;
font-weight: 400 !important;
align-items: center !important;
justify-content: center !important;
font-size: 1.4rem !important;
font-family: var(--font-headings-regular) !important;
line-height: 1.5rem !important;
padding: 10px 25px !important;
text-transform: capitalize !important;
width: auto !important;
-webkit-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.32) !important;
-moz-box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.32) !important;
box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.32) !important;
}
.slider-marquee {
width: 100%;
overflow: hidden;
position: relative;
height: 300px;
}
.slider-track {
display: flex;
width: max-content;
animation: scroll-left 70s linear infinite;
will-change: transform;
}
.slider-track img {
width: 300px;
height: 300px;
object-fit: contain;
flex-shrink: 0;
}
@keyframes scroll-left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-2400px); /* 10 obrazków × 300px = przesuwamy dokładnie jedną taśmę */
}
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(245, 245, 245, 0); /* półprzezroczyste tło #f5f5f5 */
background-image: url('/wp-content/uploads/2025/10/background-overlay.webp');
background-position: center left;
background-repeat: no-repeat;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
z-index: 2;
padding: 20px;
}
.overlay .lead {
width:auto;
background-color: rgba(245, 245, 245, .9);
padding:8px 18px;
}
.overlay .btn {
padding: 12px 24px;
background-color: #333;
color: #fff;
text-decoration: none;
border-radius: 4px;
font-weight: bold;
transition: background-color 0.3s ease;
}
.overlay .btn:hover {
background-color: #555;
}
.overlay {
display:flex;
}
.overlay-m {
display:none;
}
@media(max-width:576px) {
.slider-marquee {
height: 360px;
}
.overlay {
display:none;
}
.overlay-m {
display:flex;
background-color: rgba(245, 245, 245, 0); /* półprzezroczyste tło #f5f5f5 */
background-image: url('/wp-content/uploads/2025/10/background-overlay.webp');
background-position: center left;
background-repeat: no-repeat;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding:20px 20px 30px 20px;
}
.overlay-m .lead {
font-size:14px;
padding:8px 18px;
}
.slider-track img {
width: 150px;
height: 150px;
}
@keyframes scroll-left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-1200px); /* 10 obrazków × 300px = przesuwamy dokładnie jedną taśmę */
}
}
section.front-page-content h2.section-title__medale-nadruk {
color:var(--color-default);
font-size: 2.5rem;
text-shadow: none;
}
.btn-medale-nadruk {
margin:auto;
font-size: 1.1rem !important;
}
}
/* Strona kategorii produktu do promocji medali z nadrukiem*/
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
clear:none;
}
.woocommerce ul.products {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 1400px) {
.custom-award-loop-item {
height:633px;
}
.custom-award-loop-item a img.cutom-award-loop-item {
max-height:570px;
object-fit:contain;
width: auto;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.custom-award-loop-item {
height:570px;
}
.custom-award-loop-item a img.cutom-award-loop-item {
max-height:509px;
object-fit:contain;
width: auto;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.custom-award-loop-item {
height:527.77px;
}
.custom-award-loop-item a img.cutom-award-loop-item {
object-fit:contain;
width: auto;
padding-bottom:20px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.custom-award-loop-item {
height:646.86px;
}
.custom-award-loop-item a img.cutom-award-loop-item {
max-height:582px;
object-fit:contain;
width: auto;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.custom-award-loop-item {
height:546.61px;
}
.custom-award-loop-item a img.cutom-award-loop-item {
max-height:482px;
object-fit:contain;
width: auto;
}
}
@media (max-width: 575.98px) {
.custom-award-loop-item {
height:auto;
max-height:826.61px;
}
.custom-award-loop-item a img.cutom-award-loop-item {
max-height:764px;
object-fit:contain;
width: auto;
}
}
.payer-buyer-heading {
background: #E8E8E9;
padding: 5px 10px !important;
border-radius: 5px;
}
/* TAGS PAGE */
.tags-big {
padding: 4px 20px;
font-size: 16px;
transition: all 0.2s;
}
.tags-other h3 {
margin-top:0px;
margin-bottom:0px;
margin-right:15px;
}
.custom-thumbnail-loop {
padding: 30px 10px;
}
a.btn-tag {
background: #e32e3d !important;
}
a.btn-tag:hover {
background: #000 !important;
}
.tag-description-with-image {
overflow: hidden;
margin-bottom: 30px;
}
.tag-description-with-image .tag-image {
float: right;
padding: 28px 20px 20px 20px;
}
.tag-description-with-image img {
border-radius: 0;
max-width: 400px;
height: auto;
}
@media (max-width:767px) {
.tag-description-with-image .tag-image {
float: none;
text-align: center;
padding: 0px 0px 10px 0px;
}
.tag-description-with-image img {
max-width: 100%;
height: auto;
}
}
/* form-pay.php stylizacja formularza */
.pay-for-order table.shop_table tr>th.product-name {
width:30%;
}
.pay-for-order table.shop_table tr>th.product-quantity {
width:40%;
}
.pay-for-order table.shop_table tr>th.product-total {
width:30%;
}
.pay-for-order table.shop_table tr>th{
text-align: center;
font-size:1.5rem;
display:table-cell!important;
font-weight: normal;
}
.pay-for-order table.shop_table tfoot tr>th {
text-align: right;
font-size:18px;
font-weight: normal;
}
.pay-for-order table.shop_table tfoot tr>th.product-quantity,
.pay-for-order table.shop_table tfoot tr>th.product-total {
text-align: left!important;
}
.pay-for-order table.shop_table tfoot tr>td {
font-size:22px;
font-weight: bold;
text-align:left;
line-height: 20px;
}
.pay-for-order .product-details-order {
text-align: center;
padding-top:5px;
}
.pay-for-order .product-quantity,
.pay-for-order .product-total,
.pay-for-order .product-subtotal {
font-size:20px;
text-align: left!important;
font-weight: normal;
}
.pay-for-order table.shop_table tr.order_item .product-quantity,
.pay-for-order table.shop_table tr.order_item .product-subtotal {
display:table-cell!important;
}
@media (max-width:576px) {
.pay-for-order table.shop_table tr>th.product-name {
width:100%;
}
.pay-for-order table.shop_table tr>th.product-quantity {
width:10%;
}
.pay-for-order table.shop_table tr>th.product-total {
width:50%;
}
.pay-for-order table.shop_table tr>th {
font-size:1.2rem;
}
}
/* HERO NOWY */
.hero {
display: grid;
grid-template-columns: 3fr 1fr;
gap: 8px;
height: min(70vh, 650px);
}
.hero-left {
display: grid;
grid-template-rows: 2fr 1fr;
gap: 8px;
min-height: 0;
}
.hero-bottom {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
min-height: 0;
}
.hero-right {
display: grid;
grid-template-rows: 1fr 1fr;
gap: 8px;
min-height: 0;
}
.tile {
position: relative;
overflow: hidden;
border-radius: 20px;
background: #f8f8f8;
border: 1px solid #efefef;
min-height: 0;
}
.hero-bottom .tile img.tile-img,
.hero-right .tile img.tile-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.hero-bottom a,
.hero-right a {
color: #333 !important;
}
.hero-bottom a:hover,
.hero-right a:hover {
color: #333 !important;
background-color: #e1dfdfff;
}
.hero-bottom a span.btn-sym,
.hero-left a span.btn-sym-main,
.hero-right a span.btn-sym {
transition: padding-left 0.25s ease;
}
.hero-bottom a:hover span.btn-sym,
.hero-left a:hover span.btn-sym-main,
.hero-right a:hover span.btn-sym {
padding-left: 30px;
}
.hero-bold {
display: inline-block;
font-weight: bold;
font-size: 1em;
color: #E32E3D;
background-color: var(--color-white);
border-radius: 30px;
padding: 10px 20px 3px;
font-family: var(--font-headings-regular) !important;
text-transform: uppercase;
}
.hero-bold-main {
display: block;
font-weight: bold;
font-size: 1.8em;
line-height: 1em;
color: var(--color-white);
border-radius: 30px;
padding: 10px 20px 3px 0;
font-family: var(--font-headings-regular) !important;
text-transform: uppercase;
}
.hero-bold-m {
font-weight: bold;
font-size: 1.2em;
color: #E32E3D;
padding: 5px 10px 3px;
display: none;
}
.hero-bold-m span {
display: block;
line-height: 1.1;
}
span.hero-sm {
font-size: 0.5em;
padding-left: 20px;
color: #333;
font-weight: normal;
}
.hero-sm-main {
max-width: 90%;
font-size: 0.3em;
line-height: 16px;
padding-left: 10px;
color: var(--color-white);
letter-spacing: 1px;
font-weight: normal;
text-transform: none;
margin: 0;
}
span.hero-sm-m {
font-size: 0.7em;
padding-left: 10px;
color: #333;
font-weight: normal;
}
.hero-desc {
position: absolute;
bottom: 2%;
left: 5%;
text-align: left;
font-size: 1.5em;
line-height: 0.6em;
pointer-events: none;
}
.hero-desc-main {
position: absolute;
bottom: 0;
left: 0;
text-align: left;
font-size: 1.6em;
line-height: 0.6em;
pointer-events: none;
padding: 30px 0 60px 30px;
}
span.btn-sym {
display: block;
margin-top: 10px;
padding: 8px 16px;
background-color: #E32E3D;
color: var(--color-white);
font-size: 0.6em;
border-radius: 20px;
border: 1px solid #E32E3D;
pointer-events: auto;
}
span.btn-sym-main {
display: inline-block;
margin-top: 7px;
padding: 11px 19px;
background-color: #E32E3D;
color: var(--color-white);
font-size: 0.7em;
border-radius: 22px;
border: 1px solid #E32E3D;
pointer-events: auto;
}
span.btn-sym-m {
position: absolute;
bottom: 4%;
right: 5%;
text-align: center;
line-height: 0.6em;
padding: 10px;
background-color: var(--color-white);
color: #333;
font-size: 0.5em;
border-radius: 13px;
border: 1px solid #efefef;
pointer-events: auto;
}
.glass {
max-width: 40%;
background: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(10px);
border-radius: 0 200px 0 0;
}
.glass-dark {
max-width: 40%;
background: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(10px);
border-radius: 0 200px 0 0;
}
.tile-img-m {
display: none;
}
.tile-img {
display: block;
}
.hero-left .hero-top {
min-height: 0;
height: 100%;
overflow: hidden;
}
.hero-left .owl-carousel-hero {
position: relative;
/* mega ważne */
}
.owl-carousel-hero .owl-nav {
position: absolute;
bottom: 2%;
right: 1%;
gap: 1px;
display: flex;
flex-direction: column;
}
.owl-next span,
.owl-prev span {
color: var(--color-default);
}
.owl-nav .owl-next,
.owl-nav .owl-prev {
color:var(--color-default);
}
.owl-carousel-hero .owl-nav .owl-next,
.owl-carousel-hero .owl-nav .owl-prev {
margin: 7px 0;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-white);
background: var(--color-button)!important;
border: 1px solid var(--color-button)!important;
border-radius: 45px;
font-size: 22px;
transition: 0.5s;
outline: none;
border-radius: 25px!important;
}
.owl-carousel-hero .owl-next span,
.owl-carousel-hero .owl-prev span {
color: var(--color-white);
}
.owl-carousel-hero.owl-theme .owl-nav [class*=owl-]:hover {
background: var(--color-primary);
color: var(--color-white);
text-decoration: none;
}
.owl-carousel-hero.owl-theme .owl-nav [class*='owl-']:hover span {
background: transparent;
color: var(--color-white);
}
.hero-left .hero-slide,
.hero-left .hero-slide > a.tile-main,
.hero-left .owl-carousel-hero,
.hero-left .owl-item,
.hero-left .owl-stage,
.hero-left .owl-stage-outer {
height: 100%;
}
.hero-left .hero-slide > a.tile-main {
display: block !important;
width: 100% !important;
}
.hero-left .owl-carousel-hero a.tile-main > img.tile-img.tile-main {
display: block !important;
width: 100% !important;
height: 100% !important;
padding: 0 !important;
object-fit: cover !important;
object-position: left bottom;
}
button.btn-survey {
background-color: var(--color-button)!important;
color: var(--color-white)!important;
border-radius: 5px!important;
text-transform: uppercase!important;
font-family: var(--font-headings-regular) !important;
border: none!important;
box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.32)!important;
transition: padding-left 0.25s ease;
}
button.btn-survey:focus {
outline:none!important;
background-color: var(--color-button)!important;
}
button.btn-survey:hover {
padding-left: 30px;
}
/* RESPONSYWNOŚĆ */
@media (max-width: 1200px) {
.hero-left .owl-carousel-hero a.tile-main > img.tile-img.tile-main {
object-position: center bottom!important;
}
.glass, .glass-dark {
max-width: 50%;
}
}
@media (max-width: 991.98px) {
.single-product .shop-breadcrumbs {
margin-top:25px;
}
.hero {
grid-template-columns: 1fr;
height: auto;
}
.hero-right {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
}
.glass, .glass-dark {
max-width: 60%;
}
}
@media (max-width: 768px) {
.hero-left .owl-carousel-hero a.tile-main > img.tile-img.tile-main {
min-height: 318px;
}
.hero-slide {
min-height: 318px;
}
span.btn-sym {
display: none;
}
.hero-bold {
display: none;
}
.hero-bold-m {
display: block;
}
.hero-bottom .tile img.tile-img,
.hero-right .tile img.tile-img {
height: auto;
padding: 10px;
}
span.hero-sm {
padding-left: 10px;
}
.hero-desc-main {
font-size: 1.3em;
line-height: 0.5em;
padding: 10px 0 10px 10px;
}
.hero-bold-main {
font-size: 1.4em;
line-height: 1em;
padding: 10px 20px 3px 0;
}
.glass, .glass-dark {
max-width: 80%;
}
.hero-sm-main {
font-size: 0.4em;
}
.tile-img {
display: none;
}
.tile-img-m {
display: block;
}
} |