html {
font-size: 16px !important;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.font-modal {
margin: 0;
font-size: .95rem;
padding-top: 10px;
padding-bottom: 10px;
}
p.custom-slide-title {
font-size: 2rem;
font-weight: 300 !important;
color: #0f0f0f !important;
line-height: 1 !important;
}
.products-filters-ico-name {
line-height: 14px !important;
}
.col-12.col-lg-4.mb-2 span {
color: #323232;
}
.flaga-ue{
position: fixed;
}
p, li {
line-height: 1.5rem !important;
font-family: "Manrope", Sans-serif;
font-size: 1rem;
font-weight: 300 !important;
color: #323232 !important;
}
h1 {
font-size: 2.5rem;
font-family: 'Manrope';
color: #0f0f0f !important;
}
h2 {
font-size: 2rem;
font-family: 'Manrope';
color: #0F0F0F !important;
}
.elementor-button-text, .elementor-button span {
font-size: 0.95rem !important;
font-family: 'Manrope';
}
.academy-word-brake a {
padding: 0;
}
.academy-word-brake {
word-break: break-word;
}
span.product-title-2 {
font-size: 0.95rem;
font-weight: 300;
padding-bottom: 4px;
}
.video-global .videoWrapper {
padding-top: 0 !important;
aspect-ratio: 16 / 9;
height: 100%;
display: flex;
}
h1.product_title_new {
display: grid;
gap: 1rem;
}
h3.product_title_new {
display: grid;
gap: 0.5rem;
}
h3.product_title_new span {
font-size: 18px;
font-weight: 400;
}
span.main-part-2 {
font-size: 1.25rem;
}
.academy-sticky {
margin-top: -1px !important;
border-top: 1px solid var(--e-global-color-99934c3) !important;
}
.elementor-field-type-acceptance.elementor-field-group.elementor-column.elementor-field-group-consent_newsletter.elementor-col-100.elementor-field-required.elementor-mark-required {
margin-left: 29px;
}
.elementor-field-type-acceptance.elementor-field-group.elementor-column.elementor-field-group-consent_distributor.elementor-col-100 {
margin-left: 29px;
}
.new-idh-grid .elementor-heading-title a {
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
h1, h2, h3, h4, h5, h6, h7, p, a, span, ul, ol, li {
font-family: "Manrope", Sans-serif !important;
}
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
padding: 0 !important;
}
p, li {
color: #323232;
font-family: "Manrope", Sans-serif;
font-weight: 300;
line-height: 22px;
letter-spacing: 0.2px;
}
a.soft-title {
color: #3A3A3A !important;
}
.padding-custom {
padding-left: 64px;
padding-right: 64px;
}
.modal .modal-header {
background-color: #00000000 !important;
color: #323232 !important;
font-size: 1em;
font-weight: 700;
}
.bttn-academy-menu:hover {
border-bottom: 2px solid #007eff;
color: #323232 !important;
}
.animated.pulse a {
border-radius: 0px !important;
border: 1px solid;
background: #ffffff00 !important;
font-weight: 500;
}
.bug-report {
margin-top: 32px;
}
p.d-block.master-cta-border {
margin: 0;
}
.animated.pulse a:hover {
border-radius: 0px !important;
border: 1px solid;
font-weight: 500;
background: #007EFF !important;
color: #FFFFFF;
border-color: #007EFF;
}
.custom-p-2.custom-text-center span {
word-break: break-word;
}
input {
color: #323232 !important;
}
.icons {
margin-top: 32px;
}
h1.product_title_new {
font-size: 2.5rem;
font-weight: 300;
letter-spacing: .2px;
line-height: 1.25;
margin-bottom: 20px;
}
h3.custom-slide-title {
font-size: 2rem;
font-weight: 300 !important;
color: #0f0f0f !important;
line-height: 1 !important;
}
h2.custom-mb-3 {
font-weight: 300;
font-size: 2rem;
color: var(--e-global-color-a6a0972);
}
.bttn-academy-menu {
border-bottom: 2px solid #00000000;
}
h2.global-section-intro-first{
font-weight: 300;
font-size: 2rem !important;
color: var(--e-global-color-a6a0972);
margin-bottom: 20px !important;
}
a.master-cta-border {
font-family: manrope;
color: #0f0f0f;
border: 1px solid !important;
font-weight: 700;
padding: 10px 24px;
font-size: 14px;
display: inline-block;
width: auto !important;
}
.products-filters-icon-svg {
height: 46px !important;
margin: auto;
display: block;
width: auto;
}
.nav-tab-img {
justify-content: center;
display: flex;
align-items: center;
}
p.nav-tab-desc {
font-size: 14px;
line-height: 16px !important;
}
h3.nav-tab-title {
font-size: 16px;
line-height: 18px;
font-weight: 300;
}
p.nav-tab-more {
font-size: 14px;
}
.form-wyniki {
background: #fff;
margin-bottom: 10px !important;
border: 1px solid #32323220;
padding: 10px;
margin-left: 0;
margin-right: 0;
}
p.form-wyniki-intro {
font-size: 2rem !important;
margin-bottom: 2rem !important;
font-weight: 300;
}
a.d-block.master-cta-border.py-1.px-3 {
margin-top: 32px;
margin-bottom: 32px;
}
.cpel-switcher__code {
padding: 10px;
width: 100%;
display: flex;
text-align: center;
flex-flow: column;
}
.flaga-ue {
width: auto;
margin-bottom: 85px;
z-index: 99;
background: #fff;
padding: 5px;
align-items: center;
border-radius: 4px 0px 0px 4px;
}
.pierwszy-produkt {
border: 1px solid #0f0f0f !important;
padding: 10px;
margin-bottom: 15px;
align-items: center;
box-shadow: none !important;
border-radius: 0px !important;
display: flex;
}
.col-3.check-img img {
margin: auto;
display: block;
width: auto;
}
.flaga-ue img {
width: 3.9rem;
}
time {
color: #007EFF;
font-size: 14px;
}
.cpel-switcher--layout-dropdown .cpel-switcher__lang a:hover, .elementor-598723 .elementor-element.elementor-element-4c85725.cpel-switcher--layout-dropdown .cpel-switcher__lang a:focus {
background-color: #e5e5e5 !important;
color: #007eff !important;
}
.cpel-switcher--layout-dropdown.elementor-widget__width-auto.cpel-switcher--drop-on-click.cpel-switcher--drop-to-down.elementor-widget.elementor-widget-polylang-language-switcher {
margin-left: -15px;
}
.btn-filter-typ.is-checked .products-filters-ico-name {
color: #007EFF;
}
.col-6.cursor-pointer {
padding: 0;
}
img[src$="Svantek-logo-de.svg"] {
width: 150px !important;
}
img[src$="svantek-logo-soundandvibration_UK.svg"] {
width: 150px !important;
}
img[src$="Svantek-logo-it.svg"] {
width: 150px !important;
}
#form-prod-tabs-selector .product-form-switcher {
transition: all 0.5s ease-in-out;
cursor: pointer;
border: 1px solid;
border-radius: 0;
padding: 6px 12px;
color: #0f0f0f !important;
text-transform: uppercase;
}
.global-section-intro .nav-tabs .nav-link:hover {
color: #007eff;
}
.btn-filter-typ:hover .products-filters-ico-name {
color: #007EFF !important;
}
p.products-filters-ico-name.text-center.py-0:hover {
color: #007EFF !important;
}
.card {
border-radius: 0px !important;
}
.shadow {
box-shadow: 0 !important;
}
.event-date {
color: #007EFF;
font-size: 14px;
}
.event-upcoming {
color: #4bc355;
border: 1px solid;
display: inline-flex;
padding: 3px 9px;
border-radius: 4px;
}
.elementor-field-subgroup {
gap: 10px;
}
span.elementor-field-option {
display: flex;
}
span.elementor-field-option label {
margin-left: 10px;
}
.row.reverse {
flex-direction: row-reverse;
}
.text-szary.text-justify h3 {
font-size: 16px;
font-weight: 400;
}
picture.img-fluid img {
margin: auto;
display: flex;
}
.software-slide img {
margin-bottom: 1rem;
}
.padding-lr {
padding-left: 55px !important;
padding-right: 32px !important;
}
.col-4.col-lg-6 img {
margin: auto;
display: flex;
}
li.related_card {
gap: 20px;
}
.row.gap {
gap: 20px;
}
.col-12.font-szary.text-justify h2 {
font-weight: 300;
font-size: 2rem;
color: var(--e-global-color-a6a0972);
}
.col-12.font-szary.text-justify h3 {
font-size: 16px;
font-weight: 400;
}
.custom-global-section-intro-first {
color: var(--e-global-color-a6a0972);
font-family: "Manrope", Sans-serif;
font-size: 2rem;
font-weight: 300;
}
li.related_card {
display: flex;
border: 1px solid #32323220;
width: 33.333%;
flex-wrap: wrap;
align-content: center;
padding: 32px;
font-family: Manrope;
align-content: space-between;
}
.elementor-field-type-checkbox.elementor-field-group.elementor-column.elementor-field-group-communication_category.elementor-col-100 {
background: rgb(0 126 255 / 5%);
padding: 30px;
border-radius: 4px;
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
}
.list-description {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
line-height: 1.5;
font-size: 1rem;
max-height: 6rem;
font-family: 'Manrope';
font-weight: 300;
color: #323232;
margin-bottom: 16px;
}
.elementor-598666 .elementor-element.elementor-element-ada241f .elementor-nav-menu--main .elementor-item {
padding-left: 0px !important;
padding-right: 18px !important;
padding-top: 8px;
padding-bottom: 8px;
}
.elementor-598694 .elementor-element.elementor-element-ada241f .elementor-nav-menu--main .elementor-item {
padding-left: 0px !important;
padding-right: 18px !important;
padding-top: 8px;
padding-bottom: 8px;
}
.elementor-598720 .elementor-element.elementor-element-ada241f .elementor-nav-menu--main .elementor-item {
padding-left: 0px !important;
padding-right: 18px !important;
padding-top: 8px;
padding-bottom: 8px;
}
.elementor-598698 .elementor-element.elementor-element-ada241f .elementor-nav-menu--main .elementor-item {
padding-left: 0px !important;
padding-right: 18px !important;
padding-top: 8px;
padding-bottom: 8px;
}
.elementor-598723 .elementor-element.elementor-element-ada241f .elementor-nav-menu--main .elementor-item {
padding-left: 0px !important;
padding-right: 18px !important;
padding-top: 8px;
padding-bottom: 8px;
}
.elementor-598747 .elementor-element.elementor-element-ada241f .elementor-nav-menu--main .elementor-item {
padding-left: 0px !important;
padding-right: 18px !important;
padding-top: 8px;
padding-bottom: 8px;
}
.elementor-598757 .elementor-element.elementor-element-ada241f .elementor-nav-menu--main .elementor-item {
padding-left: 0px !important;
padding-right: 18px !important;
padding-top: 8px;
padding-bottom: 8px;
}
.elementor-598764 .elementor-element.elementor-element-ada241f .elementor-nav-menu--main .elementor-item {
padding-left: 0px !important;
padding-right: 18px !important;
padding-top: 8px;
padding-bottom: 8px;
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:after {
left: 100%;
content: "|";
position: absolute;
right: 0px;
color: #ccc;
margin: auto;
top: 0;
margin-top: 20px;
margin-left: -4px;
}
.product_title {
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.list-description {
margin-bottom: 16px !important;
}
#form-prod-tabs-selector .product-form-switcher-or {
color: #0f0f0f;
padding: 0 !important;
display: inline-flex;
align-content: center;
flex-wrap: wrap;
margin: auto;
margin-left: 10px;
margin-right: 10px;
align-items: center;
}
p.nowy-szary {
font-weight: 400 !important;
font-size: 16px;
}
ul#form-prod-tabs-selector {
margin-top: 16px;
}
.features-table-wiersz-sekcja {
color: #007EFF !important;
}
input::placeholder {
color: #323232 !important;
font-size: 14px;
}
.thumbnail-item.slick-slide {
gap: 10px !important;
display: inline-flex;
}
.form-box.modal-box {
width: 48%;
display: flex;
margin: 0px 5px 0px 5px;
}
.button-holder .row {
margin: auto;
}
.button-holder {
padding: 22px;
display: flex;
}
.row.padding {
padding: 32px;
}
.modal-body{
margin: 2rem;
}
button.slide-arrow.next-arrow.slick-arrow:hover {
background: #fff !important;
}
button.slide-arrow.prev-arrow.slick-arrow:hover {
background: #fff !important;
}
button.slide-arrow.next-arrow.slick-arrow:focus {
background: #fff !important;
}
button.slide-arrow.prev-arrow.slick-arrow:focus {
background: #fff !important;
}
.img-thumbnail{
border-radius: 24px !important;
border: 1px solid #32323220 !important;
}
div#slick_main_gallery {
border: 1px solid #32323220;
border-radius: 24px;
}
.thumbnail-item {
margin: 5px;
}
.carousel-control-prev-icon::before {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
content: "\f053";
margin-right: 2px;
margin-top: 2px;
-webkit-font-smoothing: antialiased;
}
.carousel-control-next-icon::before {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
content: "\f054";
margin-left: 2px;
margin-top: 2px;
-webkit-font-smoothing: antialiased;
}
.custom-table {
padding-top: 32px;
padding-bottom: 32px;
font-size: 14px;
}
.slick-dots button {
display: block;
width: 10px;
height: 10px;
padding: 0;
border: none;
border-radius: 60px;
background-color: #cccccc;
text-indent: -9999px;
transition: all 0.5s ease-in-out;
}
.slick-dots li.slick-active button {
background-color: #5c5d59;
width: 1.5rem;
}
[type="button"]:focus, [type="button"]:hover, [type="submit"]:focus, [type="submit"]:hover, button:focus, button:hover {
background-color: #007eff !important;
}
ul.slick-dots {
width: auto;
}
.slick-dots {
display: flex;
padding: 10px;
list-style-type: none;
margin-bottom: -15px;
position: absolute;
bottom: 0;
background: #fff;
left: 50%;
transform: translateX(-50%);
border-radius: 6px;
border: 1px solid #32323220;
}
a.download-link {
border: 1px solid #32323220;
padding: 10px;
}
.row.mt-3.slick-features-for.slick-initialized.slick-slider.slick-dotted {
border: 1px solid #32323220;
border-radius: 4px;
padding: 16px;
}
.slick-features-nav .slick-slide {
border-radius: 4px !important;
min-height: 200px !important;
}
.slick-applications-nav .slick-slide {
border-radius: 4px !important;
border: 1px solid;
padding: 10px;
margin-top: 20px;
border-color: #32323220;
min-height: 210px;
align-content: space-around;
margin-right: 0.5rem !important;
}
a.carousel-control-prev {
margin-left: -15px;
}
.slick-applications-for.slick-initialized.slick-slider.slick-dotted {
border: 1px solid #32323220;
border-radius: 4px;
}
.text-link {
transition: all 0.5s ease-in-out;
cursor: pointer;
text-decoration: none;
margin: 0;
width: auto;
display: inline-flex;
color: #323232 !important;
font-weight: 700 !important;
}
.new-row {
display: inline-grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.download-link-box {
display: inline-grid;
}
.nav-tabs-zakladki {
display: grid;
grid-template-columns: 1fr 1fr;
border: 0;
}
li.nav-item {
display: flex;
}
.product-download-section .nav-tabs .nav-link {
margin-left: 0;
margin-right: 0;
}
.col-3.col-lg-1.btn-filter.btn-filter-typ.is-checked p {
color: #007EFF !important;
}
a.w-100.d-block.fancybox-gallery-idh.cursor-pointer img {
padding: 24px;
}
.order-accessories-not-active {
border: 1px solid #e5e5e5;
margin-bottom: 10px;
padding: 24px !important;
align-items: center;
min-height: 90px;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.pierwszy-produkt {
padding: 24px !important;
margin-bottom: 15px;
align-items: center;
}
.order-accessories-active {
border-color: #0f0f0f !important;
}
p.master-cta-border {
font-family: manrope;
color: #0f0f0f;
border: 1px solid;
font-weight: 700 !important;
padding: 10px 24px;
font-size: 14px;
display: inline-block;
width: auto !important;
cursor: pointer;
margin-top: 16px;
}
p.master-cta-border:hover {
color: #FFFFFF !important;
background-color: #007EFF;
border-color: #007EFF;
}
.col-3.zdjecie-modal {
padding: 0 !important;
}
picture.box-pic img {
width: 100px;
}
.slick-slide > div {
padding: 12px;
}
.w3 {
width: 33.333%;
display: grid;
gap: 10px;
align-content: flex-start;
}
.w3-holder {
display: flex;
gap: 10px;
}
.w100 {
display: flex;
}
#form-prod-tabs-selector .product-form-switcher {
transition: all 0.5s ease-in-out;
cursor: pointer;
border: 1px solid;
border-radius: 0px;
padding: 3px 12px;
color: #0f0f0f !important;
font-size: 14px;
margin-bottom: 16px;
font-weight: 500;
}
#form-prod-tabs-selector .product-form-switcher-or {
color: #0f0f0f;
padding: 0 !important;
display: inline-flex;
align-content: center;
flex-wrap: wrap;
margin: auto;
margin-left: 10px;
margin-right: 10px;
align-items: center;
margin-top: 5px
}
.video-card {
border: 1px solid #32323220 !important;
padding: 16px;
margin: 5px;
min-height: 323px;
border-radius: 4px;
margin-left: 0;
}
.custom-row.align-items-center {
gap: 32px;
}
.catalog_pic.text-center {
display: inline-flex;
width: auto;
margin: auto;
}
.catalogue-column-photo {
width: 50%;
display: flex;
}
.col-3.wysrodkuj picture {
margin: auto;
}
.col-3.wysrodkuj {
margin: auto;
width: 100%;
display: flex;
}
.slick-slider .slick-track, .slick-slider .slick-list{
display: flex;
align-items: center;
}
.custom-d-flex.custom-justify-start {
display: flex;
gap: 55px;
text-align: center;
}
input[name="filename"][type="text"].ui-autocomplete-input {
box-sizing: border-box;
width: 100%;
padding: 8px 12px 8px 12px;
line-height: 1.5;
transition: background-color 0.3s, border-bottom-color 0.3s;
margin: 0;
font-family: 'Manrope';
font-weight: 300;
background: #fff;
border: 1px solid #32323220 !important;
}
select[name="typ"][id="typ"].form-control {
box-sizing: border-box;
width: 100%;
padding: 8px 12px 8px 12px;
line-height: 1.5;
transition: background-color 0.3s, border-bottom-color 0.3s;
margin: 0;
font-family: 'Manrope';
font-weight: 300;
border: 1px solid #32323220 !important;
}
.download-link-box span {
color: #3a3a3a;
margin-left: 10px;
}
.card-body.p-3 {
padding: 2rem !important;
}
.nav-tabs {
border-bottom: 0 !important;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
color: #3a3a3a;
background-color: #ffffff00 !important;
border-bottom: 2px solid #007eff !important;
border-left: 0 !important;
border-right: 0 !important;
border-top: 0 !important;
}
.nav-tabs-zakladki .nav-link:hover {
background-color: #fcfcfc !important;
color: #3a3a3a;
border-bottom: 2px solid #007eff !important;
border-left: 0px !important;
border-right: 0px !important;
border-top: 0px !important;
}
a.download-link {
color: #323232 !important;
font-size: 16px !important;
font-weight: 400 !important;
}
.order-accessories-not-active {
border: 1px solid #e5e5e5;
margin-bottom: 10px;
padding: 10px;
border-radius: 0px;
align-items: center;
min-height: 90px;
box-shadow: none !important;
}
.soft-box {
display: grid;
}
.flex-buttons {
display: inline;
width: 50% !important;
align-content: center;
flex-wrap: wrap;
text-align: center;
}
.elementor-580940 .elementor-element.elementor-element-d0eeee4 {
text-align: center;
display: inline-block;
}
#isotope_grid h3.product_title {
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
#isotope_grid .list-description {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 0 !important;
}
.col-lg-1 {
flex: 1 0 auto !important;
}
span.d-block.mx-auto.text-link.cursor-pointer.font-700.addToCompare {
font-size: 15px;
font-family: manrope;
color: #0f0f0f;
font-weight: 700;
}
.container {
padding: 0 !important;
}
.card-block .master-cta-border {
margin-top: 24px;
}
.elementor-580940 .elementor-element.elementor-element-d0eeee4:hover {
background: #e5e5e5;
transition-duration: 0.3s;
}
button.btn.btn-primary.mb-2.notActive.cmprBtn.active {
font-family: manrope;
font-size: 15px;
text-transform: capitalize;
color: #0f0f0f;
font-weight: 700;
border-radius: 0;
border: 1px solid #0f0f0f;
background: #fff;
}
button.btn.btn-primary.mb-2.notActive.cmprBtn.active:hover {
font-family: manrope;
font-size: 15px;
text-transform: capitalize;
font-weight: 700;
border-radius: 0;
color: #FFFFFF;
background-color: #007EFF;
border-color: #007EFF;
}
button.btn.btn-primary.mb-2.notActive.cmprBtn {
font-family: manrope;
font-size: 15px;
text-transform: capitalize;
color: #0f0f0f;
font-weight: 700;
border-radius: 0;
border: 1px solid #0f0f0f;
background: #fff;
}
.text-start {
text-align: left !important;
font-family: 'Manrope';
font-size: 16px;
font-weight: 700;
margin: auto !important;
}
.text-end{
margin: auto !important;
}
button.btn-close.modal-close span {
display: none;
}
td.features-table-lewa strong {
color: #007EFF !important;
}
.table > :not(:first-child) {
border: none !important;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
--bs-table-accent-bg: #fff !important;
}
table .features-table-prawa {
width: 60% !important;
}
.features-table-wiersz-sekcja {
color: #007EFF !important;
}
.comparePanle {
border-top: 1px solid #e2e2e2;
}
.titleMargin1 {
display: inline-flex;
font-size: 14px;
font-weight: 400;
margin-left: 10px;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
font-size: 16px;
font-weight: 700 !important;
}
div#modal_files_body .font-700 {
font-weight: 300 !important;
text-decoration: none;
}
body.single-academy h1 {
padding-top: 36px;
}
.accesoies-img-box .product-image img {
border-radius: 24px !important;
}
.accesoies-img-box {
border: 1px solid #32323220;
display: inline-flex;
border-radius: 24px;
}
.modal-body{
font-family: 'Manrope';
}
.badge{
font-size: 1em !important;
}
.table{
font-family: Manrope;
}
button.btn.btn-secondary {
font-family: 'Manrope' !important;
font-size: 15px;
font-weight: 600;
background: #fff !important;
color: #0f0f0f !important;
border: 1px solid !important;
text-transform: capitalize;
}
.pierwszy-produkt {
border: 1px solid #e5e5e5;
padding: 10px;
margin-bottom: 15px;
align-items: center;
}
.lista{
border: 1px solid #e5e5e5;
font-size: 14px !important;
padding: 3px 12px;
}
.lista i {
margin-left: 7px;
}
form.wpcf7-form.init textarea{
color: #323232;
}
.product_title {
font-family: "Manrope", Sans-serif;
font-weight: 500;
letter-spacing: 0.2px;
font-size:18px;
color: var(--e-global-color-a6a0972);
margin-bottom: 0 !important;
}
.button-margin{
margin-top: auto !important;
}
.list-title {
margin-bottom: 0;
}
.custom-font-gray {
margin-top: 0;
}
span.d-block.mx-auto.text-link.cursor-pointer.font-700.addToCompare {
padding: 10px 24px;
}
div#breadcrumbs {
font-size: 15px;
}
.list-description-related {
margin-top: 0.5rem;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
#about h3{
font-family: 'manrope'
}
h1.p-font-48.font-granatowy.font-700.pt-5 {
font-size: 2.5rem;
font-weight: 300;
}
h2.p-font-24.font-niebieski-jasny.pb-4 {
font-size: 18px;
font-weight: 700;
color: #007EFF;
margin-top: 32px;
}
h3 {
font-size: 24px;
font-weight: 300;
}
.academy-description {
color: #323232;
font-family: "Manrope", Sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 22px;
letter-spacing: 0.2px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
h1.title-new {
font-size: 28px;
font-weight: 300;
}
p.title-new {
font-size: 28px;
font-weight: 300 !important;
}
.catalogue-column {
width: 50%;
}
div#carousel_main_gallery {
border: 1px solid #32323220;
padding: 32px;
border-radius: 24px;
margin-bottom: 10px;
}
.elementor-583124 .elementor-element.elementor-element-5ba8c0b > .elementor-element-populated{
align-content: space-evenly;
}
.elementor-581013 .elementor-element.elementor-element-d040471 > .elementor-element-populated{
align-content:space-evenly !important;
}
.elementor-582183 .elementor-element.elementor-element-2d5e1ae > .elementor-element-populated{
align-content: space-evenly;
}
.elementor-583857 .elementor-element.elementor-element-0478b9b > .elementor-element-populated{
align-content: space-evenly;
}
.elementor-583857 .elementor-element.elementor-element-0478b9b > .elementor-element-populated{
align-content:space-evenly;
}
.page-desc-text p {
line-height: 20px !important;
font-family: "Manrope", Sans-serif;
font-size: 16px;
font-weight: 300 !important;
color: #323232 !important;
}
li.nav-item.first a {
padding-left: 0;
}
.carousel-control-prev, .carousel-control-next{
opacity: 1;
}
p.elementor-icon-box-description {
color: #323232 !important;
font-family: "Manrope", Sans-serif;
font-size: 14px !important;
font-weight: 300;
line-height: 22px !important;
letter-spacing: 0.2px !important;
}
span.wpcf7-list-item {
font-size: 1rem;
}
.text18 p {
font-size: 1rem;
color: #323232;
font-weight: 300;
}
span.ui-icon {
display: none;
}
.box-grid{
display: inline-flex;
gap: 10px;
width: 100%;
}
a.page-desc-text {
line-height: 20px !important;
font-family: "Manrope", Sans-serif;
font-size: 16px;
font-weight: 300 !important;
color: #323232 !important;
}
span.master-cta-border strong {
font-family: manrope;
color: #0f0f0f;
border: 1px solid;
font-weight: 700;
padding: 10px 24px;
font-size: 14px;
display: inline-flex;
margin-top: 30px;
}
a.master-cta-border:hover {
color: #FFFFFF !important;
background-color: #007EFF;
border-color: #007EFF;
}
span.master-cta-border strong:hover {
color: #FFFFFF !important;
background-color: #007EFF;
border-color: #007EFF;
}
.col-3.col-lg.btn-filter.btn-filter-typ {
gap: 16px;
display: grid;
align-content: baseline;
}
.software-slide{
border:1px solid rgba(0, 0, 0, 0.125);
padding: 24px;
}
a.master-cta-border {
font-family: manrope;
color: #0f0f0f;
border: 1px solid;
font-weight: 700;
padding: 10px 24px;
font-size: 14px;
display: inline-block;
width: auto !important;
}
.products-filters-icon-svg{
height: 46px !important;
}
.products-filters-ico-name {
font-size: 13px;
color: #212529;
font-weight: 300;
transition: all 0.5sease-in-out;
line-height: 14px !important;
font-family: 'Manrope';
white-space: normal;
margin: auto;
padding: 5px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.elementor-element.elementor-element-711aa33.elementor-widget.elementor-widget-theme-post-excerpt {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.list-description {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
line-height: 1.5;
font-size: 1rem;
max-height: 6rem;
}
div#logo {
width: 53%;
}
.list-title h1 {
color: var(--e-global-color-a6a0972);
font-family: "Manrope", Sans-serif;
font-size: 18px;
font-weight: 300;
letter-spacing: 0.2px;
}
.elementor-580940 .elementor-element.elementor-element-053e08c{
margin:0;
}
.product_list_img {
width:190px !important;}
.col-3.col-lg-1.btn-filter.btn-filter-typ {
gap: 16px;
display: grid;
align-content: baseline;
}
.btn-filter-typ:hover .products-filters-ico-name {
color: #007EFF;
}
.products-filters-icon-svg{
opacity: 1 !important;
}
.btn-filter-typ.is-checked .products-filters-ico-name{
color: #007EFF;
}
picture.img-fluid.products-filters-icon-svg img {
height: 46px;
}
.col-12.col-lg-10.filters {
width: 100%;
}
.col-lg-1 {
flex: 1 0 auto;}
.filters-button-group {
display: inline-flex;
width: 100%;
}
.filtry {
display: flex;
}
.btnff.btn-filtr img {
height: 46px;
opacity: 1 !important;
}
.ui-selectmenu-text{
margin-right: 0;
}
#lang_choice_1-button span.ui-selectmenu-text{
padding-left: 0;
}
.product-list-content {
font-size: 14px;
font-family: manrope;
font-weight: 300;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 20px;
color: #323232 !important;
}
.col-3.col-lg-1.btn-filter.btn-filter-typ{
padding-left: 5px;
flex: 1 0 auto;
}
.blend{
background-color: transparent;
mix-blend-mode: multiply;
}
.features-table-wiersz {
width: 100%;
display: flex;
padding: 8px 0;
}
.features-table-lewa {
flex: 0 0 auto;
width: 50%;
font-weight: 700;
}
.custom-table {
}
.specification-p-table-section {
color: #007EFF !important;
font-family: "Manrope", Sans-serif;
font-size: 16px;
font-weight: 700 !important;
padding-bottom: 16px;
}
p.sub-section-header {
padding: 32px 0 16px 0;
border-top: 1px solid #e5e5e5;
margin-top: 24px;
color: #007EFF !important;
font-family: "Manrope", Sans-serif;
font-size: 16px;
font-weight: 700 !important;
padding-bottom: 16px;
}
.features-table-prawa {
flex: 0 0 auto;
width: 50%;
}
.carousel-indicators img {
width: 100%;
height: auto;
border-radius: 5px;
display: block;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
height: auto;
display: block;
}
.carousel-indicators li.active {
border: none;
}
.carousel-indicators{
margin: auto;
}
p.intro-round-blue {
color: #007EFF;
font-family: "Manrope", Sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.2px;
width: auto;
padding: 10px 16px 9px 16px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #007EFF;
border-radius: 30px 30px 30px 30px;
border: 1px solid;
display: inline-block;
}
td.features-table-lewa {
font-weight: 700;
}
h1.product_title {
font-family: "Manrope", Sans-serif;
font-weight: 300;
letter-spacing: 0.2px;
}
.elementor-widget:not(:last-child){
--kit-widget-spacing: 0px;
}
#txt_reduce {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
line-height: 1.5;
font-size: 1rem;
text-align: left !important;
}
.event-status-label.past {
position: absolute;
border: 1px solid;
padding: 3px 10px;
border-radius: 4px;
margin-top: 10px;
margin-left: 10px;
z-index: 9;
background: #ffd8d8;
border-color: #ff8a8a;
color: #ff4646 !important;
}
.event-status-label.upcoming {
position: absolute;
border: 1px solid;
padding: 3px 10px;
border-radius: 4px;
margin-top: 10px;
margin-left: 10px;
z-index: 9;
background: #e5fbe6;
border-color: #45914c;
color: #45914c !important;
}
h2.global-section-intro-second {
display: none;
}
.font-szary {
color: #3A3A3A;
font-family: 'Manrope';
}
.elementor-580505 .elementor-element.elementor-element-5734960 .elementor-search-form__submit {
min-width: calc(1.5* 32px) !important;
}
div#bttn_headsklep:hover{
color: #fff !important;
}
.round_heading{
margin: 0px 0px 20px 0px;
padding: 10px 16px 8px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #007EFF;
border-radius: 30px 30px 30px 30px;
letter-spacing: 1.2px;
font-weight: 700;
font-size: 12px;
}
p.additional_text {
font-family: 'Manrope';
color: #007eff;
font-size: 14px;
font-weight: 400;
}
.hero-p p {
font-size: 1.2rem;
font-weight: 300;
line-height: 1.3em;
color: #3A3A3A;
}
p.product_heading, h3.product_heading {
color: #0f0f0f;
font-family: "Manrope", Sans-serif;
font-size: 18px;
font-weight: 400;
}
h3.dopisek {
color: var(--e-global-color-a6a0972);
font-family: "Manrope", Sans-serif;
font-size: 14px;
font-weight: 300;
}
.country::before {
font-family: "Font Awesome 6 Pro";
content: "\f57d";
font-weight: 100;
color: #0f0f0f;
font-size: 15px;
margin-right: 10px;
}
.mail::before {
font-family: "Font Awesome 6 Pro";
content: "\f0e0";
font-weight: 100;
color: #0f0f0f;
font-size: 15px;
margin-right: 10px;
}
.phone::before {
font-family: "Font Awesome 6 Pro";
content: "\f095";
font-weight: 100;
color: #0f0f0f;
font-size: 15px;
margin-right: 10px;
}
.name::before {
font-family: "Font Awesome 6 Pro";
content: "\f007";
font-weight: 100;
color: #0f0f0f;
font-size: 15px;
margin-right: 10px;
}
.name, .country, .mail, .phone {
display: inline-flex;
}
.elementor-581067 .elementor-element.elementor-element-a3e1066 > .elementor-element-populated {
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: var(--e-global-color-e53b0ab);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
padding: 32px 32px 32px 32px;
align-content: space-evenly;
}
.card-block {
padding: 32px;
width: 100%;
margin: auto;
}
.card-block img {
width: 200px;
padding: 20px;
margin: auto;
display: block;
}
.card{
align-content: space-evenly;
flex-wrap: wrap;
width: 100%;
}
#about h3 {
font-size: 16px;
color: #3a3a3a;
font-weight: 700;
}
strong {
font-weight: 500;
}
.table-striped > tbody > tr:nth-of-type(odd) {
--bs-table-accent-bg: none !important;
}
table.table.table-striped.mt-4 {
padding: 0px 32px 0px 32px !important;
display: block;
}
table .features-table-lewa{
width: 45% !important;
}
tr.features-table-wiersz-sekcja strong {
font-size: 16px;
font-weight: 700;
display: block;
margin-top: 16px;
margin-bottom: 16px;
}
strong a {
font-weight: 600;
}
.global-master-cta:hover {
cursor: pointer;
color: #fff !important;
text-decoration: none;
background-color: #007eff;
}
.cta a {
color: #007EFF;
font-family: 'Manrope';
font-size: 16px;
font-weight: 700;
}
.global-section-intro{
border: none;
}
.global-master-cta {
background-color: #007EFF;
border-color: #007EFF;
font-size: 1rem;
font-weight: 700;
color: #FFFFFF !important;
border-radius: 0.25rem;
transition: all 0.5sease-in-out;
cursor: pointer;
font-family: 'Manrope';
border-radius: 0;
padding: 15px 30px 15px 30px;
}
.cta_btn {
width: auto;
}
ul#featuredproductTab {
font-family: manrope;
font-size: 14px;
font-weight: 300 !important;
}
.global-section-intro .nav-tabs .active {
color: #007EFF !important;
}
.global-section-intro .nav-tabs .nav-link {
color: #3a3a3a !important;
}
.global-section-intro .nav-tabs .nav-link:before {
content: '';
position: relative;
top: -0.1rem;
left: -0.3rem;
}
.global-section-intro .nav-tabs .nav-link:hover {
color: #007eff;
}
.font-granatowy {
color: #323232;
font-family: "Manrope", Sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 16px;
}
.font-niebieski-jasny {
color: #007EFF !important;
font-weight: 700 !important;
}
.container {
padding: 0;
}
p.nowyszary {
font-family: 'Manrope';
FONT-WEIGHT: 600;
font-size: 16px;
}
.academy_txt {
font-family: manrope;
font-size: 14px;
line-height: 1.5;
color: #3a3a3a;
}
span.text-cta a {
font-family: manrope;
FONT-WEIGHT: 400;
color: #007EFF !important;
line-height: 1.5;
}
.tytul-niebieski-700 {
font-size: 16px;
font-weight: 700;
font-family: 'Manrope';
color: #007EFF;
}
.custom-catalog-slide.custom-col-12.custom-mb-4 {
width: 50%;
}
.blue_title p {
font-size: 20px !important;
font-weight: 300;
}
.e-loop-item.products.type-products.status-publish.hentry {
width: 33%;
display: contents;
}
.elementor-580700 .elementor-element.elementor-element-f22c031 > .elementor-element-populated{
align-content: space-evenly;
}
.siatka {
width: 50%;
}
.video {
display: flex;
flex-wrap: wrap;
}
.video-description-text {
margin-top: 22px;
}
.e-loop-item.accessories.type-accessories.status-publish.hentry {
width: 33%;
display: contents;
}
.contact_icons {
width: auto !important;
padding: 10px;
padding-top: 0;
padding-bottom: 0;
}
ul.related-products-list {
display: flex;
gap: 10px;
padding: 0;
}
li.related_card a {
color: #3a3a3a !important;
text-align: left !important;
width: 100%;
}
picture.related-img {
display: flex;
margin: auto;
width: 100%;
margin-block-end: 20px;
}
li.related_card img {
margin: auto;
display: flex;
margin-bottom: 20px;
}
ul.download-files-list {
font-family: manrope;
font-weight: 300;
}
ul.download-files-list a {
color: #3a3a3a;
}
ul.download-files-list a::before {
font-family: "Font Awesome 6 Pro";
font-weight: 300;
content: "\f0ed";
padding-right: 10px;
color: #007eff;
margin: auto;
-webkit-font-smoothing: antialiased;
font-size: 24px;
}
picture.border {
border: 0 !important;
}
ul.download-files-list {
padding: 0;
margin-top: 10px;
}
a.text-link.font-500 {
color: #3a3a3a;
font-weight: 300;
}
a#nav-information-tab {
color: #3a3a3a;
}
.product-download-section .nav-tabs .nav-link{
color: #3a3a3a !important;
}
.product-download-section .nav-tabs .nav-link.active {
border-bottom: 2px solid #007EFF !important;
}
.product-download-section .nav-tabs .nav-link:hover{
border: none !important;
background: fff;
}
section#distributors-filters {
font-family: manrope;
}
#distributors-filters .btn-continent.active .fake-radio-button:before, #distributors-filters .btn-country.is-checked .fake-radio-button:before {
background: #e8f5fc;
font-family: "Font Awesome 6 Pro";
font-weight: 400;
content: "\f00c";
color: #007eff;
-webkit-font-smoothing: antialiased;
}
#distributors-filters .btn-continent .fake-radio-button:before, #distributors-filters .btn-country .fake-radio-button:before {
transition: all 0.5sease-in-out;
height: 1rem;
width: 1rem;
content: " ";
border: 1px solid #007EFF;
display: block;
position: absolute;
top: 0.1rem;
border-radius: 1rem;
}
p.mb-1.form_section_intro_bold_color.section_disappear_after_login_to_sso {
display: none;
}
.elementor-tabs-wrapper {
border-bottom: 1px solid #32323220;
}
.elementor-widget-tabs .elementor-tab-title {
position: relative;
}
.elementor-widget-tabs .elementor-tab-title:not(:last-child)::after {
content: "|";
position: absolute;
right: 0px;
color: #ccc;
}
.elementor-tab-title.elementor-active::after{
content: "|";
position: absolute;
right: 0px;
color: #ccc;
}
#distributors-filters .btn-continent.active, #distributors-filters .btn-country.is-checked {
color: #323232;
font-weight: 400;
}
#distributors-filters .is-checked .filters-svg-ico-name {
color: #323232;
font-weight: 500;
}
#distributors-filters .btn-continent .fake-radio-button:before, #distributors-filters .btn-country .fake-radio-button:before{
border-radius: 0 !important;
}
#distributors-filters .dealer-filter-label {
color: #323232;
font-weight: 300;
line-height: 1;
font-size: 1.25rem;
}
section#distributors-filters {
padding: 0 !important;
}
#distributors-filters .border-krajowy {
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
div#continent {
display: block;
}
.btn-continent, .col6 {
width: 100% !important;
}
#distributors-filters .btn-continent:hover, #distributors-filters .btn-country:hover {
cursor: pointer;
color: #007eff !important;
}
#distributors-filters .btn-continent:hover .fake-radio-button:before, #distributors-filters .btn-country:hover .fake-radio-button:before {
opacity: 0.5;
background: #e3f1ff;
}
.carousel-control-next-icon::before {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
content: "\f054";
margin: auto;
-webkit-font-smoothing: antialiased;
}
.elementor-loop-container.elementor-grid {
height: auto !important;
}
.carousel-control-prev-icon::before {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
content: "\f053";
margin: auto;
-webkit-font-smoothing: antialiased;
}
.carousel-control-prev-icon {
background-image: none !important;
}
.carousel-control-prev-icon, .carousel-control-next-icon{
font-size: 1rem;
}
.carousel-control-next-icon {
background-image: none !important;
}
.row.form-wyniki.mb-3.pb-2 {
border: 1px solid var(--e-global-color-e53b0ab);
padding: 10px;
}
.tlo-granatowe {
background-color: #007EFF;
color: #fff;
}
.shadow {
box-shadow: none !important;
border-radius: 0;
}
.card-footer:last-child{
border-radius:0;
border: none;
}
a.form-szukaj-wyniki-menu-a.w-100.d-block {
font-family: manrope;
font-size: 0.9rem;
font-weight: 600;
color: #0f0f0f;
background: #ffffff00;
padding: 10px;
border: 1px solid;
}
.form-wyniki {
background: #fff;
margin-bottom: 10px !important;
border: 1px solid #32323220;
padding: 10px;
margin-left: 0;
margin-right: 0;
}
a.search-download-results {
float: right;
border: 1px solid;
padding: 12px 24px 12px 16px;
font-weight: 600;
font-size: 14px;
margin-right: 10px;
cursor: pointer;
color: #0f0f0f;
}
a.search-download-results:hover {
color: #fff !important;
transition-duration: 0.3s;
background: #007eff;
border-color: #007eff;
}
li.nav-item {
font-size: 1rem !important;
font-weight: 400;
}
section.pt-custom {
}
button#sendit {
float: right;
border: 1px solid;
font-weight: 600;
font-size: 14px;
cursor: pointer;
color: #0f0f0f;
width: 100%;
}
button#sendit:hover{
color: #fff !important;
transition-duration: 0.3s;
background: #007eff;
border-color: #007eff;
}
select{
background-position-y: 50%;
}
div#myTabContent {
max-width: 1140px;
margin: auto;
}
.container-custom {
overflow-x: hidden;
}
section.title-white-bg {
background: #fff;
padding-top: 2rem;
padding-bottom: 2rem;
max-width: 1140px;
margin: auto;
}
.cta-footer {
padding: 0px 32px 12px 32px;
}
.card-body {
padding-left: 32px ! IMPORTANT;
padding-right: 32px ! IMPORTANT;
}
a.addToCompare {
font-size: 15px;
font-family: manrope;
color: #0f0f0f;
font-weight: 700;
padding: 10px 24px;
width: 100%;
display: block;
}
.grid {
display: inline-grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
}
.grid-box {
flex: 0 0 auto;
width: 100%;
}
a.addToCompare:hover {
background: #e5e5e5;
transition-duration: 0.2s;
color: #0f0f0f;
}
a.footer-master-cta-border {
font-family: manrope;
color: #0f0f0f;
border: 1px solid;
font-weight: 700;
padding: 9px 24px;
font-size: 14px;
display: inline-block;
width: 100% !important;
text-align: center;
}
a.footer-master-cta-border:hover {
color: #FFFFFF !important;
background-color: #007EFF;
border-color: #007EFF;
transition-duration: 0.2s;
}
.form-control{
padding: .5rem 1rem;
border-radius: 0 !important;
}
a.search-download-results::before {
content: url(https://svantek.com/wp-content/themes/hello-theme-child/assets/images/download-svg.svg);
font-weight: 300;
margin-right: 10px;
font-size: 14px !important;
height: 14px !important;
width: 14px !important;
display: inline-block;
}
.elementor-column.elementor-col-33.elementor-inner-column.elementor-element.elementor-element-4c938f1 {
width: auto !important;
padding-right: 30px;
border-right: 2px dotted;
border-color: var(--e-global-color-e53b0ab);
}
.font-granatowy {
color: #323232 !important;
font-weight: 700 !important;
}
p.custom-global-section-intro-second {
color: #007EFF;
font-family: "Manrope", Sans-serif;
font-size: 14px;
font-weight: 500;
background: none !important;
display: inline-flex;
padding: 5px 15px 5px;
border-radius: 30px;
border: 1px solid;
font-weight: 300 !important;
text-transform: uppercase;
}
.specification-p-table-section {
color: #007EFF;
font-family: "Manrope", Sans-serif;
font-size: 16px;
font-weight: 700;
padding-bottom: 16px;
}
a.form-szukaj-wyniki-menu-a.w-100.d-block::before {
content: "\f0ed";
font-weight: 300;
font-family: "Font Awesome 6 Pro";
margin-right: 5px;
}
.modal .modal-header {
background-color: #00000000;
color: #323232;
font-size: 1em;
font-weight: 700;
}
.modal-content{
border: none !important;
border-radius: 0 !important;
}
button.btn.btn-secondary {
border: none;
border-radius: 0 !important;
background: #007EFF;
color: #fff;
font-family: manrope;
}
.fa-arrow-circle-down:before {
color: #007EFF;
font-weight: 300;
font-size: 18px !important;
}
.col-10.ps-3 {
color: #323232;
}
table .features-table-prawa {
color: #323232 !important;
}
.elementor-column.elementor-col-33.elementor-inner-column.elementor-element.elementor-element-b0cfb26 {
width: auto !important;
padding-right: 30px;
padding-left: 30px;
border-right: 2px dotted;
border-color: var(--e-global-color-e53b0ab);
}
.elementor-element.elementor-element-1b030c6.elementor-vertical-align-top.elementor-widget.elementor-widget-icon-box {
width: auto;
padding-left: 30px;
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-content {
border-style: solid !important;
}
.elementor-widget-tabs .elementor-tab-content {
padding: 48px !important;
display: none;
border-radius: 32px;
}
.elementor-580894 .elementor-element.elementor-element-6f333fe .elementor-tab-title.elementor-active, .elementor-580894 .elementor-element.elementor-element-6f333fe .elementor-tab-title.elementor-active a {
color: #007EFF;
border: none;
border-bottom: 2px solid;
}
.elementor-tabs-content-wrapper {
max-width: 1140px !important;
margin: auto;
}
/* ── Zakładki na mobile: poziomy pasek kart (zamiast akordeonu) ──────────────
Domyślnie Elementor na wąskich ekranach chowa poziomy pasek i pokazuje
akordeon (tytuły .elementor-tab-mobile-title przeplatane z treścią — układ
pionowy). Zamiast tego pokazujemy poziomy pasek zakładek z przewijaniem
lewo-prawo, a akordeonowe tytuły ukrywamy. Przełączanie działa tak samo —
Elementor obsługuje klik zarówno na tytułach desktop, jak i mobile. */
@media (max-width: 767px) {
/* Pasek zakładek: jeden rząd, przewijany poziomo */
.elementor-widget-tabs .elementor-tabs-wrapper {
display: flex !important;
flex-wrap: nowrap;
gap: 8px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding-bottom: 8px;
border-bottom: none;
}
/* Karty zakładek — obok siebie, bez ściskania (stąd przewijanie) */
.elementor-widget-tabs .elementor-tab-desktop-title {
display: block !important;
flex: 0 0 auto;
white-space: nowrap;
padding: 12px 16px;
background: #f1f5fa;
border: 1px solid #d1d9e0;
font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
font-size: 0.9375rem;
font-weight: 600;
color: #1e293b !important;
cursor: pointer;
transition: background 180ms ease, color 180ms ease, border-color 180ms ease;
}
.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active {
background: #007EFF;
border-color: #007EFF;
color: #ffffff !important;
}
/* Kreska „|" zbędna przy układzie kart */
.elementor-widget-tabs .elementor-tab-desktop-title::after {
content: none !important;
}
/* Akordeonowe (pionowe) tytuły — ukryte na rzecz poziomego paska */
.elementor-widget-tabs .elementor-tab-mobile-title {
display: none !important;
}
}
span.wpcf7-list-item label {
display: inline-flex;
align-items: center;
}
span.wpcf7-list-item input {
margin-right: 10px;
display: flex;
align-self: flex-start;
}
/* Wyjątek: acceptance checkboxy mają własny custom wygląd — natywny input ukryty */
.wpcf7-acceptance span.wpcf7-list-item input,
span.wpcf7-list-item.wpcf7-acceptance input {
display: block !important;
margin: 0 !important;
}
.form-read-more-cta {
color: #007eff !important;
align-content: flex-end;
font-size: 1rem;
margin-left: 5px;
text-decoration: underline;
text-transform: lowercase;
cursor: pointer;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, select:focus, textarea:focus {
background-color: #f2f2f2;
border-bottom-color: #f2f2f2;
outline: none;
border: none;
}
.e-loop-item.dystrybutorzy.type-dystrybutorzy.status-publish.hentry{
width : 32%;
display: contents;
}
.elementor-element.elementor-element-e44f42a.news_teasing.elementor-widget.elementor-widget-text-editor {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.elementor-580744 .elementor-element.elementor-element-b74e095 > .elementor-element-populated{
align-content: space-evenly;
}
.elementor-580823 .elementor-element.elementor-element-f0fa972 > .elementor-element-populated{
align-content: space-evenly;
}
.elementor-580744 .elementor-element.elementor-element-b74e095 > .elementor-element-populated{
align-content: space-evenly;
}
.elementor-element.elementor-element-1e96698.mobile_logo_popup.elementor-widget.elementor-widget-image {
width: 125px !important;
}
a.dialog-close-button.dialog-lightbox-close-button {
margin-top: 8px;
margin-right: -9px;
}
i.eicon-close {
color: #3a3a3a;
font-size: 22px;
}
div#\.seeall span {
color: #007EFF !important;
}
.custom-catalog-slide {
padding-right: 20px;
}
.custom-col-12.custom-font-szary.custom-font-400.custom-pb-2 {
min-height: 70px;
}
.prev-arrow {
left: -2rem;
width: 0;
height: 10px;
font-size: 1rem;
padding: 20px;
border-radius: 10px;
padding-top: 0 !important;
}
.next-arrow {
right: -2rem;
width: 0;
height: 10px;
font-size: 1rem;
padding: 20px;
border-radius: 10px;
padding-top: 0 !important;
}
.prev-arrow:before {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
content: "\f053";
color: #000000;
}
.next-arrow:before {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
content: "\f054";
color: #000000;
}
.slide-arrow{
top: 50%;
width: auto !important;
}
a.custom-text-link.font-700 {
background: #007EFF;
color: #fff;
padding: 10px 20px 10px 20px;
margin-top: 10px !important;
display: inline-flex
;
font-weight: 600;
}
.custom-font-32 {
color: var(--e-global-color-a6a0972);
font-family: "Manrope", Sans-serif;
font-size: 32px;
font-weight: 300;
}
.custom-font-blue.custom-mt-3.custom-font-500.custom-mb-3.custom-font-16 {
color: #007EFF !important;
font-family: "Manrope", Sans-serif;
font-size: 16px !important;
font-weight: 700 !important;
}
i.fal.fa-arrow-circle-down.fa-lg.pr-2.pt-1 {
margin-left: -5px;
padding: 0 !important;
}
span.border.px-1.small {
border-radius: 4px;
font-weight: 500;
font-size: 0.8rem;
}
.col-10.ps-3.mdownload {
padding: 0 !important;
align-content: end;
}
p.custom-global-section-intro-second {
color: #007EFF;
font-family: "Manrope", Sans-serif;
font-size: 14px;
font-weight: 500;
background: var(--e-global-color-86eb4ad);
display: inline-flex
;
padding: 5px 15px 5px;
border-radius: 30px;
}
.carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 100%;
height: 3px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border: 0;
border-top: 0;
border-bottom: 0;
opacity: 0.5;
transition: opacity 0.6sease;
}
h3.custom-font-700.custom-font-granatowy.custom-p-font-16 {
font-family: "Manrope", Sans-serif;
font-size: 16px;
font-weight: 600;
}
.custom-button-download a {
color: #fff;
}
.custom-button-download {
background: #007EFF;
padding: 20px;
color: #fff !important;
font-size: 16px;
font-weight: 600;
text-align: center;
display: inline-flex;
margin-top: 20px;
}
.custom-button-download a::before {
font-family: "Font Awesome 6 Pro";
font-weight: 500;
content: "\f0ed";
padding-right: 10px;
color: #fff;
margin: auto;
-webkit-font-smoothing: antialiased;
}
.custom-row {
border: none;
}
.custom-p-font-24.custom-font-niebieski-jasny.custom-pb-4 {
color: #007EFF;
margin-top: -15px;
font-size: 16px;
}
.custom-p-font-36.custom-font-granatowy.custom-font-700.custom-pt-5.custom-mt-2.custom-mb-2.line-height-1 {
font-size: 16px;
font-weight: 600 !important;
color: #0f0f0f !important;
}
p.custom-p-font-12.custom-font-szary.mb-2 {
color: var(--e-global-color-a6a0972);
line-height: 16px;
}
.custom-font-700.fcustom-ont-granatowy.custom-p-font-16 {
font-size: 16px;
color: var(--e-global-color-a6a0972);
font-weight: 400;
}
.slick-features-nav .slick-slide {
border: 1px solid;
padding: 10px;
margin-top: 20px;
border-radius: 10px;
border-color: #32323220;
min-height: 134px;
align-content: space-around;
}
.slick-features-nav .slick-slide {
border-bottom: 1px solid #32323220 !important;
}
.distributor-market-type span {
font-family: manrope;
font-size: 14px;
color: #0f0f0f;
font-weight: 300 !important;
}
.distributor-phone a.text-link {
font-weight: 500 !important;
}
.distributor-mail a.text-link {
font-weight: 500 !important;
}
span.market-type {
font-weight: 300;
}
ul.download-files-list li {
display: flex
;
}
.shortcode_desc {
font-family: 'Manrope';
font-weight: 300;
font-size: 14px;
line-height: 22px;
color: #0f0f0f;
}
.mb-3{
margin: 0 !important;
}
p.mb-1.form_section_intro_bold_color.section_disappear_after_login_to_sso {
font-size: 16px;
padding-bottom: 20px;
}
a.login {
color: #007eff;
}
.elementor-select-wrapper .select-caret-down-wrapper {
display: none;
}
.search-new {
padding: 12px !important;
}
@media screen and (max-width: 768px) {
.row.katalog {
display: flex;
flex-direction: column-reverse;
}
.row.katalog .col-8 {
width: 100%;
}
.col-4.col-lg-6 {
width: 100%;
}
.padding-lr {
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 32px;
}
h2.custom-mb-3 {
font-weight: 300;
font-size: 1.5rem !important;
color: var(--e-global-color-a6a0972);
}
.video {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.cpel-switcher__code {
padding: 0px;
width: 100%;
display: flex;
text-align: center;
flex-flow: column;
}
li.related_card {
display: flex;
border: 1px solid #32323220;
width: 100%;
flex-wrap: wrap;
align-content: center;
padding: 32px;
font-family: Manrope;
font-size: 16px;
}
ul.related-products-list {
display: grid;
gap: 16px;
padding: 0;
}
.elementor-tabs-content-wrapper{
padding: 0;
}
.contact_icons{
padding: 0!important;
}
.elementor-widget-tabs .elementor-tab-content {
padding: 16px !important;
display: none;
border-radius: 32px;
}
.form-read-more-cta {
color: #007eff !important;
font-weight: 400 !important;
display: inline-flex;
}
.features-table-prawa {
flex: 0 0 auto;
width: 1100%;
}
.features-table-lewa {
flex: 0 0 auto;
width: 100%;
font-weight: 700;
}
.features-table-wiersz {
width: 100%;
padding: 8px 0;
display: block;
}
.custom-table {
padding: 32px 0px 0px 0px;
font-size: 14px;
}
h1.product_title {
font-family: "Manrope", Sans-serif;
font-weight: 300;
letter-spacing: 0.2px;
color: #0f0f0f;
font-size: 2.5rem;
margin-bottom: 2rem;
}
.filters-button-group {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
}
.col-3.col-lg-1.btn-filter.btn-filter-typ {
gap: 16px;
display: grid;
align-content: baseline;
width: 100%;
padding-left: 5px;
}
a.download-link {
color: #323232 !important;
font-size: 16px !important;
font-weight: 400 !important;
}
.siatka {
width: 100%;
}
.custom-catalog-slide.custom-col-12.custom-mb-4 {
width: 100%;
}
.box-grid{
display: grid;
}
.grid {
display: inline-grid;
grid-template-columns: 1fr;
gap: 10px;
}
.padding-custom {
padding-left: 32px;
padding-right: 32px;
}
div#myTabContent {
padding-left: 32px;
padding-right: 32px;
}
.form-wyniki {
background: #fff;
margin-bottom: 10px !important;
border: 1px solid #32323220;
padding: 16px !important;
margin-left: 0;
margin-right: 0;
}
a.search-download-results {
float: right;
border: 1px solid;
padding: 12px 24px 12px 16px;
font-weight: 600;
font-size: 14px;
cursor: pointer;
color: #0f0f0f;
width: 100%;
margin-right: 0;
text-align: center;
margin-top: 10px;
}
.custom-col-6 {
width: 100%;
}
.custom-row.align-items-center {
display: block !important;
}
.form-box.modal-box {
width: 100%;
display: flex;
margin: 0px 5px 0px 5px;
}
.features-table-prawa {
flex: 0 0 auto;
width: 100%;
}
.d-flex.justify-content-start.flex-wrap {
flex-wrap: nowrap !important;
}
a.carousel-control-next {
margin-right: -15px;
}
.catalogue-column {
width: 100% !important;
}
.catalogue-column-photo {
width: 100%;
display: flex;
}
.w3 {
width: 100%;
display: grid;
gap: 10px;
align-content: flex-start;
}
.w3-holder {
display: grid;
gap: 10px;
}
.video-card{
margin: 0px !important;
}
.download-link-box span {
width: 100%;
display: grid;
}
.col-8 {
width: 100%;
}
.w100 {
display: grid;
}
}
p.distributor:before {
font-family: "Font Awesome 6 Pro";
/* content: "\f007"; */
font-weight: 300;
margin-right: 11px;
}
p.distributor-address:before {
font-family: "Font Awesome 6 Pro";
content: "\f015";
font-weight: 300;
margin-right: 8px;
}
p.distributor-region:before {
font-family: "Font Awesome 6 Pro";
content: "\f3c5";
font-weight: 300;
margin-right: 11px;
}
p.distributor-phone:before {
font-family: "Font Awesome 6 Pro";
content: "\f095";
font-weight: 300;
margin-right: 11px;
}
p.distributor-mail:before {
font-family: "Font Awesome 6 Pro";
content: "\f0e0";
font-weight: 300;
margin-right: 11px;
}
p.distributor-website:before {
font-family: "Font Awesome 6 Pro";
content: "\f0ac";
font-weight: 300;
margin-right: 11px;
}
.distributor-details {
margin-top: 5px;
}
.distributor-details p {
font-weight: 400;
display: flex;
}
.distributor-details a.text-link {
text-decoration: none;
font-weight: 300 !important;
}
span.distributor-label {
font-size: 1.25rem;
font-weight: 300;
display: inline-flex;
}
.distributor-filters {
display: block;
width: auto !important;
}
.distributor-filters-select {
width: auto;
display: inline-flex;
min-width: 200px;
font-size: 14px;
margin-left: 0.5rem;
color: #a9a9a9;
}
.filters-row {
display: inline-flex;
gap: 2rem;
}
@media (min-width: 768px) and (max-width: 1181px) {
.filters-button-group {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
}
.col-3.col-lg-1.btn-filter.btn-filter-typ{
width: 100%;
}
}
.tabbed-search-results{
margin-bottom: 80px;
}
.search-tabs .nav-link{
border-radius: 0!important;
}
.search-section-header{
padding: 8px 16px!important;
text-align: left!important;
font-size: 11px!important;
font-weight: 600!important;
text-transform: uppercase!important;
letter-spacing: 0.05em!important;
color: var(--muted)!important;
background: var(--surface-2)!important;
border-bottom: 1px solid var(--border)!important;
}
.search-tabs .nav-link {
padding: 12px 16px;
background: transparent;
border: none!important;
margin: 0!important;
border-bottom: 2px solid transparent;
border-left: 1px solid var(--border);
font-family: 'Manrope', sans-serif;
font-size: 14px;
font-weight: 500;
color: #64748b!important;
cursor: pointer;
white-space: nowrap;
transition: all 0.15s ease;
}
:root{
--surface-2: #f8fafc;
}
.search-tabs .nav-link .badge{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 20px;
height: 18px;
padding: 0 6px;
margin-left: 6px;
background: #f8fafc!important;
border-radius: 9px;
font-size: 11px;
font-weight: 600;
color: #007EFF;
}
.search-tabs .nav-link.active{
border-bottom: none!important;
color: #007EFF!important;
font-weight: 600!important;
background-color: rgba(240, 248, 255, 0.8) !important;
font-weight: 600;
}
.search-tabs .nav-item {
border: 1px solid #DBDBDB;
border-right: none;
border-bottom: none;
}
.search-tabs .nav-item:last-child {
border-right: 1px solid #DBDBDB;
}
.search-tabs .nav-link:not(.active):hover{
color: #fff!important;
}
.tabbed-search-results .nav-tabs{
margin-bottom: 0!important;
}
.tabbed-search-results .tab-content{
border: 1px solid #DBDBDB;
padding-bottom: 30px!important;
}
.tabbed-search-results .search-results-grid{
gap: 0!important;
margin-bottom: 30px;
}
.tabbed-search-results .search-result-item{
border-radius: 0!important;
border: none!important;
border-bottom: 1px solid #DBDBDB!important;
}
.tabbed-search-results .search-result-item:hover{
background-color: #fbfbfb !important;
}
.tabbed-search-results .result-actions{
flex-flow: row;
}
.tabbed-search-results .result-actions .action-with-icon{
background: var(--surface-2) !important;
border: none!important;
}
.tabbed-search-results .result-actions .action-with-icon a{
text-decoration: none!important;
font-size: 14px;
font-weight: 700;
}
.tabbed-search-results .search-section-header{
margin-bottom: 0!important;
}
.file-language-flag img, .file-language-flag source{
max-width: 24px!important;
}
.file-language{
font-size: 0!important;
}
.file-language-flag img, .file-language-flag{
border: none!important;
}
.tabbed-search-results .download-icon {
width: 84px;
height: auto;
margin-left: 0.5rem;
opacity: 1;
padding: 0px 30px;
transition-duration: .3s;
}
.tabbed-search-results .download-icon:hover {
opacity: .6;
}
#enhanced-search-results > .container{
max-width: 1140px;
}
/* ═══════════════════════════════════════════════════════════════════════
CONTACT FORMS (Contact Form 7) — nowy wygląd (wzór: contact/index.html)
Zakres: WSZYSTKIE 5 formularzy w zakładkach (wrapper .wpcf7):
Product Enquiry, Customer Service, Orders, Technical support, Repair.
Stare, rozproszone reguły "form.wpcf7-form.init …" zostały usunięte —
cały styl pól/karty/zgód/przycisku jest teraz tutaj, w jednym miejscu.
Uwaga: strefa uploadu plików (.codedropz-…) celowo nieruszana.
═══════════════════════════════════════════════════════════════════════ */
/* ── Karta formularza ─────────────────────────────────────────────────── */
.wpcf7 form.wpcf7-form {
font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
font-size: 1rem;
line-height: 1.6;
color: #1e293b;
background: #ffffff;
border: none;
border-radius: 0;
box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 8px 32px rgba(0,0,0,.08);
padding: 32px;
}
@media (max-width: 640px) {
.wpcf7 form.wpcf7-form { padding: 20px; }
}
/* Odstępy między polami (przywraca rytm wyłączony globalnym .mb-3{margin:0}) */
.wpcf7 .mb-3 { margin-bottom: 1rem !important; }
/* Puste kolumny-spacery (np. pozostałość po polu Country) — bez dodatkowego
odstępu, żeby nie powiększać przerwy przed kolejną sekcją.
:not(:has(*)) = kolumna bez realnych pól (sam whitespace). */
.wpcf7 .row > [class*="col-"].mb-3:not(:has(*)) {
margin-bottom: 0 !important;
}
/* ── Nagłówki sekcji / intro ──────────────────────────────────────────── */
.wpcf7 .form_section_intro_bold_color {
font-size: 1.0625rem;
font-weight: 600;
color: #1e293b;
line-height: 1.4;
margin: 0 0 12px;
padding: 0;
}
.wpcf7 a.login {
color: #0078d4;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}
.wpcf7 a.login:hover { color: #005fa3; }
/* Wyrównanie startu pól w formularzach dwukolumnowych:
Customer Service, Orders, Technical support, Repair.
Intro "Login or fill…" w prawej kolumnie jest ukrywane po zalogowaniu
(klasa .section_disappear_after_login_to_sso), przez co First/Last name
podskakują wyżej niż lewa kolumna. Rezerwujemy wysokość tego intro,
żeby pola zawsze równały się — niezależnie od stanu zalogowania.
Wykluczamy Product Enquiry (jednokolumnowy; ma unikalne #prod_first_name).
Tylko desktop (≥768px). */
@media (min-width: 768px) {
.wpcf7-form:not(:has(#prod_first_name)) .col-12:has(> .section_disappear_after_login_to_sso) {
min-height: 28px;
}
}
/* Cienka pionowa kreska oddzielająca dwie główne kolumny formularza
(lewa: dane sprzętu/opis, prawa: dane kontaktowe). Linia jako border-left
prawej kolumny — w .row (flex) obie kolumny mają równą wysokość, więc
kreska przebiega przez całą wysokość. Tylko desktop (≥768px); na mobile
kolumny układają się pionowo, więc kreska znika. Product Enquiry jest
jednokolumnowy (col-md-12), więc selektor go nie obejmuje. */
@media (min-width: 768px) {
.wpcf7-form > .row > .col-12.col-md-6 + .col-12.col-md-6 {
border-left: 1px solid #e2e8f0;
}
}
/* Orders — "Select subject" na całą szerokość kolumny (jak w Customer Service).
W HTML to pole jest w .col-md-6 (połowa), w CS w .col-12 (pełna). Rozszerzamy
kolumnę z selectem typ-zapytania (unikalny dla Orders) do pełnej szerokości.
Tylko desktop (≥768px); na mobile col-md-6 i tak jest pełnowymiarowe. */
@media (min-width: 768px) {
.wpcf7-form .row > .col-12.col-md-6.mb-3:has(.wpcf7-form-control-wrap[data-name="typ-zapytania"]) {
flex: 0 0 100%;
max-width: 100%;
}
}
/* ── Pola: input / select / textarea ──────────────────────────────────── */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 select,
.wpcf7 textarea {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 9px 16px;
font-family: inherit;
font-size: 1rem;
line-height: 1.4;
color: #1e293b;
background-color: #f8fafc;
border: 1.5px solid #e2e8f0;
border-radius: 0;
transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
.wpcf7 input:hover,
.wpcf7 select:hover,
.wpcf7 textarea:hover { border-color: #cbd5e1; }
.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
outline: none;
border-color: #0078d4;
box-shadow: 0 0 0 3px rgba(0,120,212,.12);
background-color: #ffffff;
}
/* Autouzupełnianie (Chrome/Edge/Safari) — przeglądarka nadaje własne tło
i kolor tekstu polom z autofillem. Wymuszamy ten sam wygląd co przy ręcznym
wpisaniu: tło przez inset box-shadow (#f8fafc), tekst #1e293b. */
.wpcf7 input:-webkit-autofill,
.wpcf7 input:-webkit-autofill:hover,
.wpcf7 input:-webkit-autofill:active,
.wpcf7 select:-webkit-autofill {
-webkit-text-fill-color: #1e293b;
-webkit-box-shadow: 0 0 0 1000px #f8fafc inset;
box-shadow: 0 0 0 1000px #f8fafc inset;
caret-color: #1e293b;
/* opóźnienie tranzycji tła zapobiega „mignięciu" żółtego/niebieskiego */
transition: background-color 9999s ease-in-out 0s;
}
.wpcf7 input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px #ffffff inset, 0 0 0 3px rgba(0,120,212,.12);
box-shadow: 0 0 0 1000px #ffffff inset, 0 0 0 3px rgba(0,120,212,.12);
}
/* Placeholder (nadpisuje globalne input::placeholder{color:#323232!important}).
opacity:1 na wszystkich wariantach — bez tego Firefox/Safari renderują
placeholder z domyślną przezroczystością (~0.54), przez co wyglądał jaśniej
niż tekst placeholdera w selectach. Teraz kolor jest identyczny (#94a3b8). */
.wpcf7 ::placeholder {
color: #94a3b8 !important;
opacity: 1 !important;
font-size: 1rem !important;
}
.wpcf7 ::-webkit-input-placeholder { color: #94a3b8 !important; opacity: 1 !important; }
.wpcf7 ::-moz-placeholder { color: #94a3b8 !important; opacity: 1 !important; }
.wpcf7 :-ms-input-placeholder { color: #94a3b8 !important; opacity: 1 !important; }
.wpcf7 :-moz-placeholder { color: #94a3b8 !important; opacity: 1 !important; }
/* Select — własna strzałka (appearance:none + SVG) */
.wpcf7 select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
padding-right: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%235A6777' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 16px 16px;
}
.wpcf7 select::-ms-expand { display: none; }
/* Placeholder w selectach (np. "Select product", "Select subject",
"Select Distributor", "* Country") — pierwsza opcja pełni rolę placeholdera.
Dopóki jest wybrana, tekst selecta ma kolor placeholdera (jak w inputach);
po wyborze realnej wartości select wraca do ciemnego koloru tekstu. */
.wpcf7 select:has(option:first-child:checked) {
color: #94a3b8;
}
/* Lista rozwinięta zawsze czytelna (ciemne opcje, niezależnie od koloru selecta) */
.wpcf7 select option {
color: #1e293b;
}
/* Textarea */
.wpcf7 textarea {
min-height: 120px;
padding: 12px 16px;
line-height: 1.5;
resize: vertical;
}
/* ── Zgody / checkboxy ─────────────────────────────────────────────────────
Odwzorowanie wyglądu checkboxów z produkcji (tam robi to main.css pod
wrapperem .contact-form: ukryty natywny input + rysowana ramka i „✓").
Tutaj scopujemy pod .wpcf7, więc działa też na teście (gdzie .contact-form
nie ma), a po wgraniu na produkcję ta reguła i tak wygrywa specyficznością —
dzięki czemu oba środowiska renderują się identycznie. */
.wpcf7 .wpcf7-acceptance .wpcf7-list-item {
margin: 0 0 .5rem;
}
.wpcf7 .wpcf7-acceptance label {
margin: 0;
cursor: pointer;
}
/* Natywny checkbox: ukryty wizualnie, ale wciąż aktywny (klik + fokus) */
.wpcf7 .wpcf7-acceptance input[type="checkbox"] {
position: absolute !important;
opacity: 0 !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
display: block !important;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label {
display: inline-block;
position: relative;
padding-left: 2rem;
min-height: 1.5rem;
line-height: 1.5rem;
font-size: 0.75rem;
color: #133D5F;
}
/* Ramka checkboxa */
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 1.5rem;
height: 1.5rem;
box-sizing: border-box;
border: 1px solid #1D9FDF;
background: transparent;
transition: border-color 180ms ease;
}
/* „✓" — widoczny po zaznaczeniu */
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label::after {
content: "✓";
position: absolute;
left: 0;
top: 0;
width: 1.5rem;
height: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
color: #1D9FDF;
font-size: 1.1rem;
font-weight: bold;
opacity: 0;
transition: opacity 180ms ease;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
opacity: 1;
}
/* Dostępność: widoczny fokus na ramce przy nawigacji klawiaturą */
.wpcf7 .wpcf7-acceptance input[type="checkbox"]:focus-visible + .wpcf7-list-item-label::before {
outline: 2px solid #1D9FDF;
outline-offset: 2px;
}
/* Link "Read more…" */
.wpcf7 .form-read-more-cta {
display: inline-block;
margin-left: 6px;
padding: 0;
color: #0078d4 !important;
font-size: .8125rem;
font-weight: 400 !important;
text-decoration: underline;
text-underline-offset: 2px;
cursor: pointer;
}
.wpcf7 .form-read-more-cta:hover { color: #005fa3 !important; }
/* Rozwijana treść zgody */
.wpcf7 .card.card-body.form_zgody_extended {
background: #f1f5f9;
border: 1px solid #e2e8f0;
border-radius: 0;
box-shadow: none;
padding: 16px;
margin: 8px 0 16px;
}
.wpcf7 .form_zgody_extended p {
margin: 0;
font-size: .8125rem;
line-height: 1.6;
color: #64748b;
}
/* ── Walidacja ────────────────────────────────────────────────────────── */
.wpcf7 .wpcf7-not-valid {
border-color: #ef4444 !important;
background-color: #fef2f2 !important;
}
/* Komunikat „The field is required." NIE może rozpychać układu w pionie.
Pozycjonujemy go absolutnie pod polem (w istniejącym odstępie mb-3), więc
informacja się pojawia, ale kolejne wiersze nie rozjeżdżają się w dół.
Tylko pola (input/select/textarea) — nie ruszamy układu zgód, gdzie
„Read more…" stoi w tej samej linii. */
.wpcf7 .wpcf7-form-control-wrap:has(> input, > select, > textarea) {
position: relative;
display: block;
}
.wpcf7 .wpcf7-form-control-wrap:has(> input, > select, > textarea) > .wpcf7-not-valid-tip {
position: absolute;
left: 0;
top: 100%;
margin-top: 2px;
color: #ef4444;
font-size: .75rem;
font-weight: 500;
line-height: 1.2;
white-space: nowrap;
pointer-events: none;
}
/* ── Przycisk wysyłki ─────────────────────────────────────────────────────
Wygląd spójny z "Find distributor". Trzy stany:
• aktywny — outline: przezroczyste tło, ciemny tekst, cienka ciemna ramka,
proste kanty, font Manrope ~0.95rem;
• hover — wypełnienie brandowym niebieskim (#02539a) + biały tekst;
• disabled — wyraźnie szary (na teście Send jest nieaktywny do zaznaczenia
wymaganej zgody). */
.wpcf7 input.wpcf7-submit {
display: inline-block;
width: auto;
margin-top: 8px;
padding: 14px 34px;
font-family: "Manrope", inherit;
font-size: 0.95rem;
font-weight: 500;
line-height: 1;
vertical-align: middle;
color: #0f0f0f !important;
background: transparent !important;
border: 1px solid #0f0f0f !important;
border-radius: 0 !important;
cursor: pointer;
transition: background 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.wpcf7 input.wpcf7-submit:hover:not(:disabled) {
background: #007eff !important;
border-color: #007eff !important;
color: #ffffff !important;
}
.wpcf7 input.wpcf7-submit:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(0,126,255,.22);
}
/* Stan nieaktywny — szary (Send disabled, dopóki wymagana zgoda nie zaznaczona) */
.wpcf7 input.wpcf7-submit:disabled,
.wpcf7 input.wpcf7-submit[disabled] {
color: #94a3b8 !important;
background: #e2e8f0 !important;
border-color: #cbd5e1 !important;
cursor: not-allowed;
pointer-events: auto;
box-shadow: none;
}
/* Oznaczenie wymaganej zgody na czerwono, gdy blokuje wysyłkę.
Dwa środowiska, dwa wyzwalacze:
• PRODUKCJA — Send aktywny, walidacja po kliknięciu; CF7 nadaje formularzowi
stan invalid / unaccepted (klasa lub data-status).
• TEST — Send jest disabled, dopóki wymagana zgoda nie jest zaznaczona;
łapiemy to przez :has(input.wpcf7-submit:disabled).
W obu przypadkach: jeśli wymagana zgoda (bez klasy .optional) jest
niezaznaczona, podświetlamy jej checkbox. Po zaznaczeniu :has() przestaje
pasować → oznaczenie znika. Logiki walidacji nie zmieniamy. */
.wpcf7-form.invalid .wpcf7-acceptance:not(.optional):has(input[type="checkbox"]:not(:checked)) .wpcf7-list-item-label::before,
.wpcf7-form.unaccepted .wpcf7-acceptance:not(.optional):has(input[type="checkbox"]:not(:checked)) .wpcf7-list-item-label::before,
.wpcf7-form[data-status="invalid"] .wpcf7-acceptance:not(.optional):has(input[type="checkbox"]:not(:checked)) .wpcf7-list-item-label::before,
.wpcf7-form[data-status="unaccepted"] .wpcf7-acceptance:not(.optional):has(input[type="checkbox"]:not(:checked)) .wpcf7-list-item-label::before,
.wpcf7-form:has(input.wpcf7-submit:disabled) .wpcf7-acceptance:not(.optional):has(input[type="checkbox"]:not(:checked)) .wpcf7-list-item-label::before {
border-color: #ef4444;
border-width: 2px;
}
/* Podpowiedź pod przyciskiem na serwerze testowym (Send disabled) — tłumaczy,
dlaczego klik nic nie robi. Znika, gdy zgoda zaznaczona i przycisk aktywny. */
.wpcf7 p:has(> input.wpcf7-submit:disabled)::after {
content: "Please tick the required consent (*) to send this form.";
display: block;
margin-top: 8px;
color: #ef4444;
font-size: .8125rem;
font-weight: 500;
}
.wpcf7 .submit p { margin: 0; max-height: none; }
/* ══════════════════════════════════════════════════════════════════════════
SPÓJNOŚĆ NA STRONACH PRODUKTOWYCH (wrapper .contact-form)
Formularz Product Enquiry pojawia się też na kartach produktów (np. SV 971A)
wewnątrz . W tym kontekście produkcyjny
main.css narzuca stary wygląd (pola tylko z dolną kreską, kolor #003B83,
font 0.9rem, inne offsety checkboxów), a inline-style strony wymusza
przezroczyste tło pól (background:transparent !important).
Poniższe reguły mają wyższą specyficzność (.contact-form .wpcf7 …) + !important,
więc biją tamte i przywracają wygląd IDENTYCZNY ze stroną /contact/.
Na samej stronie /contact/ wrappera .contact-form nie ma, więc te reguły tam
nie działają (i nie są potrzebne — bazowe .wpcf7 wystarczają).
══════════════════════════════════════════════════════════════════════════ */
/* Pola: pełna ramka, jasne tło, kolor tekstu i rozmiar fontu jak na /contact/ */
.contact-form .wpcf7 input[type="text"],
.contact-form .wpcf7 input[type="email"],
.contact-form .wpcf7 input[type="tel"],
.contact-form .wpcf7 input[type="url"],
.contact-form .wpcf7 input[type="number"],
.contact-form .wpcf7 select,
.contact-form .wpcf7 textarea {
color: #1e293b !important;
background-color: #f8fafc !important;
border: 1.5px solid #e2e8f0 !important;
border-radius: 0 !important;
font-size: 1rem !important;
}
.contact-form .wpcf7 input:hover,
.contact-form .wpcf7 select:hover,
.contact-form .wpcf7 textarea:hover { border-color: #cbd5e1 !important; }
.contact-form .wpcf7 input:focus,
.contact-form .wpcf7 select:focus,
.contact-form .wpcf7 textarea:focus {
border-color: #0078d4 !important;
background-color: #ffffff !important;
}
/* main.css ogranicza textarea do max-height:5rem — przywracamy swobodną wysokość */
.contact-form .wpcf7 textarea { max-height: none !important; min-height: 120px; }
/* Etykiety zgód — main.css zmniejsza je do x-small w zakresie ≤1601px;
trzymamy stały 0.75rem (jak na /contact/). */
.contact-form .wpcf7 .wpcf7-acceptance .wpcf7-list-item-label {
font-size: 0.75rem !important;
color: #133D5F;
padding-left: 2rem;
}
/* Checkbox: wyrównanie ramki i „✓" do wersji z /contact/ (offset 0, ✓ wyśrodkowany) */
.contact-form .wpcf7 .wpcf7-acceptance .wpcf7-list-item-label::before {
left: 0;
top: 0;
}
.contact-form .wpcf7 .wpcf7-acceptance .wpcf7-list-item-label::after {
left: 0;
top: 0;
width: 1.5rem;
height: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0;
font-size: 1.1rem;
}
.filters .btn-filter {
cursor: pointer;
}