.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}body {
font-family: "semplicitapro", sans-serif;
margin: 0;
color: #222623;
--gold: #efcc90;
--border-radius: 50px;
}
* {
box-sizing: border-box;
}
strong {
font-weight: 700;
}
.top-bar-wrapper {
border-bottom: 1px solid #8fbfe0;
background-color: white;
}
h1.wp-block-heading,
h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading {
font-family: "brother-1816", sans-serif;
font-weight: 300;
margin-top: 0;
margin-bottom: 0;
}  .has-small-font-size {
font-size: 24px;
}
.has-normal-font-size {
font-size: 22px;
}
.has-large-font-size {
font-size: 76px;
}
.container {
max-width: 1700px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.alignwide {
max-width: 1340px;
margin-left: auto;
margin-right: auto;
}
#product-box .alignwide {
max-width: 1700px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.top-bar {
display: grid;
grid-template-columns: 1fr auto 1fr; align-items: center; }
.top-bar .left {
justify-self: start; }
.top-bar .center {
justify-self: center; text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.top-bar .right {
justify-self: end; }
body {
background: white;
}
.top-bar-wrapper {
padding: 10px 0;
position: relative;
z-index: 9999;
}
.top-bar .left .wozniak-box {
display: flex;
align-items: center;
gap: 10px;
}
.top-bar .left .wozniak-box span {
font-size: 14px;
font-weight: 500;
}
.top-bar .center {
gap: 17px;
}
.top-bar .center .top-bar-item a {
display: flex;
align-items: center;
gap: 7px;
text-decoration: none;
}
.top-bar .center .top-bar-item a img {
width: 20px;
height: 20px;
}
.top-bar .center .top-bar-item span {
font-size: 12px;
color: #000000;
font-weight: 500;
}
.top-bar .right {
display: flex;
gap: 15px;
align-items: center;
}
.top-bar .right .top-bar-menu ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.top-bar .right .top-bar-menu li a {
color: black;
text-decoration: none;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.top-bar .right .language-switcher {
position: relative;
}
.top-bar .right .language-switcher .language-dropdown {
position: absolute;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.3s;
top: 100%;
right: 0;
color: black;
text-decoration: none;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
display: block;
padding: 10px 15px 10px 15px;
line-height: 1;
border: 1px solid #000000;
border-radius: 10px;
background: white;
width: 100%;
box-sizing: border-box;
text-align: center;
display: flex;
flex-direction: column;
gap: 5px;
}
.top-bar .right .language-switcher .language-dropdown a {
text-decoration: none;
color: black;
font-size: 12px;
}
.top-bar .right .language-switcher .language-dropdown a:hover {
opacity: 0.7;
}
.top-bar .right .language-switcher .language-dropdown.active {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.top-bar .right .language-switcher .lang-current {
color: black;
text-decoration: none;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
display: block;
padding: 7px 12px 7px 15px;
line-height: 1;
border: 1px solid #000000;
border-radius: 10px;
display: flex;
align-items: center;
gap: 5px;
cursor: pointer;
}
.main-menu-wrapper {
position: sticky;
top: 0;
background: white;
border-bottom: 1px solid var(--gold);
padding: 20px 0;
transition: background-color 0.3s;
z-index: 9000;
}
.main-menu-wrapper.scrolled {
background: white;
}
.admin-bar .main-menu-wrapper {
top: var(--wp-admin--admin-bar--height);
}
.main-menu-wrapper .container {
display: flex;
align-items: center;
justify-content: space-between;
}
.main-menu-wrapper .container .logo {
justify-self: start;
}
.main-menu-wrapper .container .logo a {
display: flex;
}
.main-menu-wrapper .container .logo a img {
width: 240px;
}
.main-menu-wrapper .container .main-menu {
justify-self: center;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.main-menu-wrapper .container .main-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
gap: 0;
}
.main-menu-wrapper .container .main-menu ul li a {
color: black;
text-decoration: none;
font-size: 15px;
text-transform: uppercase;
padding: 10px 15px;
line-height: 1;
border: 2px solid transparent;
border-radius: 100px;
transition: 0.3s;
display: block;
}
.main-menu-wrapper .container .main-menu ul li.current_page_item > a,
.main-menu-wrapper .container .main-menu ul li.current_page_parent > a,
.main-menu-wrapper .container .main-menu ul li a:hover {
border-color: var(--gold);
}
.main-menu-wrapper .container .secondary-menu {
justify-self: end;
}
.main-menu-wrapper .container .secondary-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
gap: 10px;
}
.main-menu-wrapper .container .secondary-menu ul li a {
color: black;
text-decoration: none;
border: 1px solid black;
padding: 10px 25px;
line-height: 1;
border-radius: 100px;
font-size: 15px;
transition: 0.3s;
display: block;
}
.main-menu-wrapper .container .secondary-menu ul li a:hover {
background: white;
}
.main-menu-wrapper ul {
margin: 0;
}
.content-area { display: block; }
.products-carousel {
overflow-x: hidden;
}
.site-footer .footer-columns {
background: #487773;
padding: 80px 0;
}
.site-footer .footer-columns .container {
align-items: stretch;
display: flex;
}
.site-footer .footer-columns .container .footer-col {
flex: 1;
}
.site-footer .footer-columns .container .footer-col p {
color: white;
font-size: 18px;
line-height: 1.3;
font-weight: 300;
margin: 0;
margin-bottom: 25px;
}
.site-footer .footer-columns .container .footer-col a {
color: white;
text-decoration: none;
}
.footer-extra-links-col1 {
display: flex;
gap: 20px;
}
.footer-extra-links-col2 {
display: flex;
flex-direction: column;
gap: 15px;
}
.footer-extra-item a {
display: flex;
align-items: center;
gap: 10px;
}
.footer-extra-item.footer-fax {
margin-top: -15px;
}
.footer-extra-item.footer-fax a {
padding-left: 40px;
}
.footer-extra-item a img {
width: 30px;
height: 30px;
}
.footer-col-0 .logo {
margin-bottom: 120px;
}
.footer-col-0 .wozniak-box {
color: white;
display: flex;
align-items: center;
font-size: 18px;
gap: 10px;
}
.site-footer .end-bar {
padding: 30px 0;
}
.site-footer .end-bar .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.site-footer .end-bar .container .left {
display: flex;
align-items: center;
gap: 10px;
font-weight: 300;
font-size: 18px;
}
.site-footer .end-bar .container .left img {
width: 180px;
}
.site-footer .end-bar .container .right ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
gap: 15px;
}
.site-footer .end-bar .container .right ul li:not(:last-of-type):after {
content: "|";
display: inline-block;
margin-left: 15px;
}
.site-footer .end-bar .container .right a {
color: black;
text-decoration: none;
font-size: 18px;
}
.site-footer .end-bar .container .right a:hover {
opacity: 0.7;
}
.basic-column {
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.basic-column p {
margin: 0;
}
.basic-column .wp-block-heading {
line-height: 1;
}
.basic-column .wp-block-columns.alignwide {
gap: 90px;
}
.header-block .wp-block-columns.alignwide {
gap: 0 !important;
}
.basic-column .image-column .wp-block-image img {
width: 100%;
}
.basic-column { font-weight: 300;
}
.wp-block-spacer {
margin: 0;
}
.wp-block-separator {
overflow: hidden;
border: none;
}
.documents-download .wp-block-group > .wp-block-group {
flex: 1;
}
.certificates .wp-block-group > .wp-block-group {
flex: 1;
}
.cooperation-box {
text-align: left;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(1) {
flex-basis: 45% !important;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(2) {
flex-basis: 55% !important;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(1)
h4.wp-block-heading
strong {
font-size: 35px;
font-weight: 600;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(1)
h4.wp-block-heading {
margin-top: 50px;
margin-bottom: 10px;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(1)
h2.wp-block-heading {
margin-top: 50px;
margin-bottom: 30px;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(1)
.wp-block-group {
gap: 20px;
margin: 0;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(1)
.wp-block-group
p
a {
color: inherit;
text-decoration: none;
font-size: 35px;
font-weight: 600;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(2)
.wp-block-heading {
margin-bottom: 20px;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(2)
ol {
margin: 0;
padding: 0;
margin-top: 30px;
list-style: none;
counter-reset: li-counter;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(2)
ol
li {
position: relative;
counter-increment: li-counter;
position: relative;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(2)
ol
li
strong {
display: block;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(2)
ol
li:not(:last-of-type) {
border-bottom: 2px solid #939393;
padding-bottom: 25px;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(2)
ol
li {
padding-top: 25px;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(2)
ol
li
strong
+ br {
display: none;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(2)
ol
li::before {
content: counter(li-counter);
position: absolute;
right: calc(100% + 15px);
display: block;
border: 1px solid #808080;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
font-size: 28px;
text-align: center;
top: 20px;
}
.partners .swiper-container {
padding-left: calc((100vw - 1640px) / 2);
padding-right: calc((100vw - 1640px) / 2);
padding-bottom: 0;
text-align: center;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.partners .swiper-container .swiper-slide:not(.swiper-slide-visible) {
opacity: 0;
}
.partners .swiper-container p {
font-size: 20px;
display: none;
}
.partners .swiper-container .swiper-slide {
transition: opacity 0.3s !important;
}
.partners .swiper-container .swiper-slide:not(.swiper-slide-visible) {
opacity: 0;
}
.reklamacja .text-section h4.wp-block-heading strong {
font-size: 35px;
font-weight: 600;
}
.reklamacja .text-section h4.wp-block-heading {
margin-top: 30px;
margin-bottom: 10px;
}
.reklamacja .text-section .wp-block-group {
gap: 20px;
margin: 0;
}
.reklamacja .text-section .wp-block-group p a {
color: inherit;
text-decoration: none;
font-size: 24px;
font-weight: 600;
}
.reklamacja .text-section .wp-block-group img {
width: 24px !important;
}
.reklamacja .text-section .text-big {
font-size: 36px !important;
line-height: 1;
margin-top: 20px;
margin-bottom: 20px;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(2)
.wp-block-heading {
margin-bottom: 20px;
}
.basic-column ul,
.basic-column ol {
padding-left: 25px;
}
.basic-column ul.spaces li,
.basic-column ol.spaces li {
margin-bottom: 20px;
}
.zaloguj .zaloguj-box {
padding: 50px 0 !important;
gap: 50px !important;
margin: 0 auto;
}
.zaloguj {
margin-left: auto !important;
margin-right: auto !important;
}
.zaloguj .wp-block-button__link {
font-size: 20px;
line-height: 1;
padding: 15px 80px;
color: white;
}
.basic-column a {
color: inherit;
font-weight: 500;
}
.basic-column strong a {
font-weight: inherit;
}
.basic-column .wp-block-button__link {
font-size: 20px;
line-height: 1;
font-weight: 400;
padding: 15px 80px;
transition: 0.3s;
}
.wp-block-button__link {
font-size: 20px;
line-height: 1;
font-weight: 400;
transition: 0.3s;
}
.wp-block-button__link:hover {
background-color: var(--gold) !important;
}
.basic-column .wp-block-button__link:hover {
background-color: var(--gold) !important;
}
.no-justify {
text-align: left;
}
.offer-files .offer-file {
background: #f6f6f6;
padding: 10px;
padding-left: 20px;
gap: 15px;
margin: 0;
margin-bottom: 10px;
}
.offer-files .offer-file a {
color: #686767;
text-decoration: none;
font-size: 18px;
}
.offer-files .offer-file img {
width: 27px;
}
.offer-files .wp-block-heading {
margin-top: 30px;
margin-bottom: 15px;
}
.offer-files .icon-buttons-block {
margin-top: 0px;
}
.chart-box {
display: flex;
gap: 60px;
}
.chart-container svg {
width: 100%;
height: auto;
}
.chart-box > div {
flex: 1;
}
.chart-box .chart-wrapper .chart-title {
font-size: 18px;
text-align: center;
font-weight: 600;
padding-top: 10px;
line-height: 1;
padding-bottom: 20px;
}
.chart-box .chart-wrapper .legend {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
display: flex;
justify-content: space-around;
padding: 20px 0;
}
.chart-box .chart-wrapper .legend .legend-item {
display: flex;
align-items: center;
gap: 20px;
}
.chart-box .chart-wrapper .legend .legend-item .color-box {
display: block;
width: 70px;
height: 5px;
background: black;
}
.chart-box .chart-wrapper .legend .legend-item .legend-label {
font-size: 18px;
}
.chart-box .chart-wrapper .legend .legend-item .color-box.rzepak {
background: #042411;
}
.chart-box .chart-wrapper .legend .legend-item .color-box.sruta {
background: #10af50;
}
.chart-box .chart-wrapper .legend .legend-item .color-box.olej {
background: #f9c51c;
}
.data-details .notowania-wrap .title {
font-size: 36px;
margin: 0;
line-height: 1;
}
.data-details .notowania-wrap .sub-text span:nth-of-type(1) {
font-size: 24px;
font-weight: 500;
font-style: italic;
}
.data-details .notowania-wrap .sub-text span:nth-of-type(2) {
font-size: 24px;
font-weight: 300;
}
.data-details .skup-wrap .title {
font-size: 36px;
margin: 0;
line-height: 1;
margin-top: 30px;
}
.data-details .skup-wrap .sub-text span:nth-of-type(1) {
font-size: 24px;
font-weight: 500;
font-style: italic;
}
.data-details .skup-wrap .sub-text span:nth-of-type(2) {
font-size: 24px;
font-weight: 300;
}
.data-details .skup-wrap .sub-text span:nth-of-type(3) {
display: block;
font-size: 18px;
font-weight: 600;
}
.data-details .notowania-wrap table {
width: 100%;
border-collapse: collapse; border-spacing: 0;
margin-top: 20px;
}
.data-details .notowania-wrap table th {
font-size: 14px;
font-weight: 400;
border-bottom: 2px solid #e6e6e6;
}
.data-details .notowania-wrap table td {
padding: 15px 0;
border-bottom: 2px solid #e6e6e6;
font-size: 18px;
border-right: 1px dashed #e6e6e6;
}
.data-details .notowania-wrap table td:not(:first-of-type) .cell-wrap {
display: flex;
align-items: center;
justify-content: right;
padding-right: 30%;
}
.data-details .notowania-wrap table td:not(:first-of-type) .cell-wrap span:first-of-type { text-align: right;
}
.data-details .notowania-wrap table td:first-of-type {
font-weight: 600;
font-size: 18px;
}
.data-details .notowania-wrap table td:first-of-type span {
position: relative;
display: flex;
align-items: center;
gap: 10px;
}
.data-details .notowania-wrap table td:first-of-type span:before {
display: block;
content: "";
width: 15px;
height: 15px;
background: red;
aspect-ratio: 1;
}
.data-details .notowania-wrap table td.rzepak:first-of-type span:before {
background: #042411;
}
.data-details .notowania-wrap table td.sruta_rzep:first-of-type span:before {
background: #10af50;
}
.data-details .notowania-wrap table td.olej_rzep:first-of-type span:before {
background: #f9c51c;
}
.data-details .notowania-wrap table td:nth-of-type(1) {
border-right: none;
}
.data-details .skup-wrap .items {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.data-details .skup-wrap .items > div {
flex: 1;
font-size: 32px;
text-align: center;
line-height: 1.4;
font-weight: 600;
}
.data-details .skup-wrap .items img {
width: 65%;
}
.data-details .skup-wrap .items .trend {
margin-left: 5px;
transform: scale(1.2);
}
.data-details .trend {
transform: scale(1.2);
}
.justify-normal {
text-align: left;
}
.main-menu-wrapper {
overflow: visible !important;
}
.main-menu-wrapper .container .main-menu li.menu-item-has-children {
position: relative;
}
.main-menu-wrapper .container .main-menu li.menu-item-has-children > a::after {
content: "";
background-image: url(//worol.pl/wp-content/themes/oil/assets/images/arrow.svg);
background-repeat: no-repeat;
background-position: center;
width: 10px;
height: 10px;
display: inline-block;
margin-left: 5px;
}
.main-menu-wrapper .container .main-menu > ul > li {
padding: 10px 0;
display: flex;
align-items: center;
}
.main-menu-wrapper .container .main-menu ul.sub-menu {
position: absolute;
top: 100%;
background: white; display: flex;
flex-direction: column;
gap: 0; opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.3s;
}
.main-menu-wrapper .container .main-menu li.menu-item-has-children:hover ul.sub-menu {
opacity: 1;
visibility: visible;
pointer-events: all;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
}
.main-menu-wrapper .container .main-menu ul.sub-menu li {
transition: 0.3s;
line-height: 1.2;
text-align: left;
}
.main-menu-wrapper .container .main-menu ul.sub-menu li:hover {
background: rgba(0, 0, 0, 0.05);
}
.main-menu-wrapper .container .main-menu ul.sub-menu li a {
color: black;
font-size: 14px;
white-space: nowrap;
cursor: pointer;
padding: 12px 20px;
display: block;
} #contact-box {
position: fixed; top: 0;
display: flex;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.08);
opacity: 0; transition: opacity 0.3s ease;
visibility: hidden;
padding: 20px 100px;
align-items: center;
} #contact-box.open {
opacity: 1;
visibility: visible;
} #contact-box .contact-content {
position: relative;
width: 100%;
margin: 0;
background: #fff;
padding: 60px 100px;
border-radius: 0;
border: 1px solid #707070;
box-sizing: border-box;
display: flex;
box-shadow: 15px 15px rgba(0, 0, 0, 0.16);
}
#contact-box .contact-content .left,
#contact-box .contact-content .right {
width: 50%;
}
#contact-box .contact-content .footer-extra-item img {
filter: brightness(0);
}
#contact-box .contact-content .left {
display: flex;
flex-direction: column;
}
#contact-box .contact-content .title-box {
margin-bottom: auto;
} #contact-box .close-modal {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
font-size: 24px;
line-height: 24px;
} #contact-box .prodcut {
display: none;
} #contact-box.product-form .standard {
display: none;
} #contact-box.product-form .prodcut {
display: block;
} .title-box .big {
margin: 0;
font-size: 76px;
font-weight: 600;
}
.title-box p {
font-size: 36px;
line-height: 1.3;
margin: 0;
}
.product-name {
font-weight: 700;
margin-top: 0;
}
#contact-box .logo {
margin-bottom: 30px;
}
#contact-box .info-box p {
font-size: 24px;
}
#contact-box .info-box .footer-extra-item a {
color: inherit;
text-decoration: none;
margin-top: 20px;
}
#contact-box .wpcf7 input:not(.wpcf7-submit),
.wpcf7 textarea {
background-color: none;
border: none;
font-size: 20px;
background-size: auto 80%;
width: 100%;
height: 50px;
line-height: 50px;
outline: none !important;
}
#contact-box .wpcf7 input:not(.wpcf7-submit),
.wpcf7 textarea {
background-image: url(//worol.pl/wp-content/themes/oil/assets/images/lines.svg);
}
.wpcf7 textarea {
line-height: 50px;
overflow: hidden;
height: calc(50px * 4) !important;
resize: none;
background-size: 80% 50px;
width: 100% !important;
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 12px;
font-weight: normal;
display: block;
position: absolute;
z-index: 10;
bottom: -20px;
left: 2px;
}
#contact-box small.red {
color: #ff0000;
font-style: italic;
}
.wpcf7-acceptance label {
color: black;
font-size: 14px;
line-height: 1.3;
position: relative;
padding-left: 30px;
display: block;
margin-top: 20px;
}
.wpcf7-acceptance label a {
color: inherit;
}
.wpcf7-acceptance label::before {
content: "";
width: 16px;
height: 16px;
border: 1px solid #5a5a5a;
display: block;
position: absolute;
left: 0;
top: 0;
}
.wpcf7-acceptance label::after {
content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy42IiBoZWlnaHQ9IjEzLjQiIHZpZXdCb3g9IjAgMCAxNy42IDEzLjQiPgogIDxnIGlkPSJQYWdlLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjQgLTAuMSkiPgogICAgPGcgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MjMgLTQ3KSI+CiAgICAgIDxnIGlkPSJjaGVjayIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDIzIDQ3LjUpIj4KICAgICAgICA8cGF0aCBpZD0iU2hhcGUiIGQ9Ik02LDEwLjIsMS44LDYsLjQsNy40LDYsMTMsMTgsMSwxNi42LS40WiIgZmlsbD0iI2IzOGU0YSIgZmlsbC1ydWxlPSJldmVub2RkIi8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
width: 16px;
height: 16px;
display: block;
position: absolute;
left: 1px;
top: 2px;
transform: scale(0.6);
transition: 0.3s;
opacity: 0;
z-index: 99;
filter: brightness(0);
}
.wpcf7-acceptance label.active::after {
opacity: 1;
}
.wpcf7-acceptance input {
display: none;
}
.wpcf7 input[type="submit"] {
color: #000000;
background: white;
border-radius: 100px;
display: inline-block;
width: unset !important;
font-size: 20px;
padding: 20px 70px !important;
margin-top: 20px;
line-height: 1;
border: 1px solid #000000;
}
#contact-box .wpcf7 p {
margin: 0;
}
@media (max-width: 1500px) {
.main-menu-wrapper .container .main-menu ul li a {
font-size: 14px;
}
.main-menu-wrapper .container .secondary-menu ul li a {
font-size: 14px;
}
}
@media (max-width: 1400px) {
.main-menu-wrapper .container .main-menu ul li a {
font-size: 13px;
}
.main-menu-wrapper .container .secondary-menu ul li a {
font-size: 13px;
}
.main-menu-wrapper .container .main-menu ul {
gap: 15px;
}
}
.wp-block-heading [style*="text-decoration: underline"] {
text-decoration-color: var(--gold) !important;
text-decoration-thickness: 9px !important;
text-underline-offset: 8px !important;
text-decoration-skip-ink: none !important;
}
.wp-block-heading.thick [style*="text-decoration: underline"] {
text-decoration-thickness: 5px !important;
text-decoration-color: var(--gold) !important;
text-underline-offset: 5px !important;
text-decoration-skip-ink: none !important;
}
.image-video {
position: relative;
}
.image-video .wp-block-video {
position: absolute;
top: 0;
left: 0;
margin: 0;
height: 100%;
display: block;
width: calc(100% + var(--container-gap)) !important;
overflow: hidden;
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
}
.image-video .video-controls {
display: none !important;
}
.image-video .wp-block-video::after {
content: "";
background-image: url(//worol.pl/wp-content/themes/oil/assets/images/video/play.svg);
background-repeat: no-repeat;
background-size: contain;
width: 100px;
height: 100px;
position: absolute;
display: block;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
pointer-events: none;
transition: 0.3s;
}
.image-video .wp-block-video video {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s;
opacity: 0;
cursor: pointer;
position: relative;
}
.image-video .wp-block-video.played video {
opacity: 1;
}
.image-video .wp-block-video.play::after {
opacity: 0;
}
@media screen and (min-width: 2100px) {
.image-video .wp-block-video {
width: calc(100% + 230px) !important;
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
}
@media (max-width: 1920px) and (min-width: 1000px) {
h2.wp-block-heading[style*="font-size:30px"] {
font-size: calc(30 / 1920 * 100vw) !important;
}
h2.wp-block-heading[style*="font-size:40px"] {
font-size: calc(40 / 1920 * 100vw) !important;
}
.basic-column .wp-block-button__link {
font-size: calc(20 / 1920 * 100vw);
padding: calc(15 / 1920 * 100vw) calc(80 / 1920 * 100vw);
}
body {
--border-radius: calc(50 / 1920 * 100vw);
}
.wp-block-heading [style*="text-decoration: underline"] {
text-decoration-thickness: calc(9 / 1920 * 100vw) !important;
text-underline-offset: calc(8 / 1920 * 100vw) !important;
}
.wp-block-heading.thick [style*="text-decoration: underline"] {
text-decoration-thickness: calc(5 / 1920 * 100vw) !important;
text-underline-offset: calc(5 / 1920 * 100vw) !important;
}
.has-small-font-size {
font-size: calc(24 / 1920 * 100vw);
}
.has-normal-font-size {
font-size: calc(22 / 1920 * 100vw);
}
.has-large-font-size {
font-size: calc(76 / 1920 * 100vw);
}
.container {
max-width: calc(1680 / 1920 * 100vw);
padding-left: calc(20 / 1920 * 100vw);
padding-right: calc(20 / 1920 * 100vw);
}
#product-box .alignwide {
max-width: calc(1680 / 1920 * 100vw);
padding-left: calc(20 / 1920 * 100vw);
padding-right: calc(20 / 1920 * 100vw);
}
.basic-column .wp-block-columns.alignwide {
gap: calc(90 / 1920 * 100vw);
}
.offer-files .offer-file {
padding: calc(10 / 1920 * 100vw) calc(20 / 1920 * 100vw);
margin-bottom: calc(10 / 1920 * 100vw);
gap: calc(15 / 1920 * 100vw);
}
.offer-files .offer-file a {
font-size: calc(18 / 1920 * 100vw);
}
.offer-files .offer-file img {
width: calc(27 / 1920 * 100vw);
}
.offer-files .wp-block-heading {
margin-top: calc(30 / 1920 * 100vw);
margin-bottom: calc(15 / 1920 * 100vw);
}
.chart-box {
gap: calc(60 / 1920 * 100vw);
}
.chart-box .chart-wrapper .legend .legend-item {
gap: calc(20 / 1920 * 100vw);
}
.chart-box .chart-wrapper .legend .legend-item .color-box {
width: calc(70 / 1920 * 100vw);
}
.chart-box .chart-wrapper .legend .legend-item .legend-label {
font-size: calc(18 / 1920 * 100vw);
}
.data-details .notowania-wrap .title,
.data-details .skup-wrap .title {
font-size: calc(36 / 1920 * 100vw);
}
.data-details .notowania-wrap .sub-text span:nth-of-type(1),
.data-details .skup-wrap .sub-text span:nth-of-type(1) {
font-size: calc(24 / 1920 * 100vw);
}
.data-details .notowania-wrap .sub-text span:nth-of-type(2),
.data-details .skup-wrap .sub-text span:nth-of-type(2) {
font-size: calc(24 / 1920 * 100vw);
}
.data-details .skup-wrap .sub-text span:nth-of-type(3) {
font-size: calc(18 / 1920 * 100vw);
}
.data-details .notowania-wrap table td {
padding: calc(15 / 1920 * 100vw) 0;
font-size: calc(18 / 1920 * 100vw);
}
.data-details .notowania-wrap table td:not(:first-of-type) .cell-wrap span:first-of-type { }
.data-details .notowania-wrap table td:first-of-type {
font-size: calc(18 / 1920 * 100vw);
}
.data-details .skup-wrap .items {
margin-top: calc(20 / 1920 * 100vw);
}
.data-details .skup-wrap .items > div {
font-size: calc(32 / 1920 * 100vw);
}
.data-details .skup-wrap .items .trend {
margin-left: calc(5 / 1920 * 100vw);
}
#contact-box {
padding: calc(20 / 1920 * 100vw) calc(100 / 1920 * 100vw);
}
#contact-box .contact-content {
padding: calc(60 / 1920 * 100vw) calc(100 / 1920 * 100vw);
}
#contact-box .contact-content .close-modal {
top: calc(15 / 1920 * 100vw);
right: calc(15 / 1920 * 100vw);
font-size: calc(24 / 1920 * 100vw);
}
.title-box .big {
font-size: calc(76 / 1920 * 100vw);
}
.title-box p {
font-size: calc(36 / 1920 * 100vw);
}
#contact-box .info-box p {
font-size: calc(24 / 1920 * 100vw);
}
#contact-box .info-box .footer-extra-item a {
margin-top: calc(20 / 1920 * 100vw);
}
#contact-box .wpcf7 input:not(.wpcf7-submit),
#contact-box .wpcf7 textarea {
font-size: calc(20 / 1920 * 100vw);
height: calc(50 / 1920 * 100vw);
line-height: calc(50 / 1920 * 100vw);
}
.wpcf7 textarea {
height: calc(200 / 1920 * 100vw) !important;
background-size: 80% calc(50 / 1920 * 100vw);
}
.wpcf7-not-valid-tip {
font-size: calc(12 / 1920 * 100vw);
bottom: calc(-20 / 1920 * 100vw);
left: calc(2 / 1920 * 100vw);
}
#contact-box small.red {
font-size: calc(16 / 1920 * 100vw);
}
.wpcf7-acceptance label {
font-size: calc(14 / 1920 * 100vw);
margin-top: calc(20 / 1920 * 100vw);
padding-left: calc(30 / 1920 * 100vw);
}
.wpcf7-acceptance label::before {
width: calc(16 / 1920 * 100vw);
height: calc(16 / 1920 * 100vw);
}
.wpcf7-acceptance label::after {
width: calc(16 / 1920 * 100vw);
height: calc(16 / 1920 * 100vw);
left: calc(1 / 1920 * 100vw);
top: calc(2 / 1920 * 100vw);
}
.wpcf7 input[type="submit"] {
font-size: calc(20 / 1920 * 100vw);
border-radius: calc(100 / 1920 * 100vw);
padding: calc(20 / 1920 * 100vw) calc(70 / 1920 * 100vw) !important;
margin-top: calc(20 / 1920 * 100vw);
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(1)
.wp-block-group
p
a {
font-size: calc(35 / 1920 * 100vw);
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(2)
ol
li::before {
right: calc(100% + (15 / 1920 * 100vw));
width: calc(45 / 1920 * 100vw);
height: calc(45 / 1920 * 100vw);
font-size: calc(28 / 1920 * 100vw);
top: calc(20 / 1920 * 100vw);
}
}
.main-menu-wrapper .container {
max-width: 1700px;
padding-left: 30px;
padding-right: 30px;
}
.top-bar-wrapper .container {
max-width: 1700px;
padding-left: 30px;
padding-right: 30px;
}
.site-footer .footer-columns .container,
.site-footer .end-bar .container {
max-width: 1700px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 860px) {
.top-bar .center .top-bar-item span {
display: none !important;
}
}
@media (max-width: 540px) {
.top-bar .left .wozniak-box span {
display: none;
}
.main-menu-wrapper .container {
padding-left: 20px;
padding-right: 20px;
}
.top-bar-wrapper .container {
padding-left: 20px;
padding-right: 20px;
}
}
.my-products-carousel-infinite-block .my-product-slide-content {
}
.wp-block-separator.green::before,
.wp-block-separator.green::after {
border-color: #006837;
}
.wozniak-box {
cursor: pointer;
}
.main-menu-wrapper #partners {
position: absolute;
background: white;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateY(-100%);
transition: 0.3s;
opacity: 0;
}
.main-menu-wrapper #partners.open {
transform: translateY(0);
opacity: 1;
}
.main-menu-wrapper #partners .container {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
}
.main-menu-wrapper #partners .exit {
position: absolute;
width: 20px;
height: 20px;
top: 12px;
right: 12px;
cursor: pointer;
}
.main-menu-wrapper #partners .partner-item {
padding: 10px 0;
box-sizing: border-box;
flex: 1;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.main-menu-wrapper #partners .partner-item img {
width: 100%;
max-height: 100%;
}
.documents-download a {
text-decoration: none;
color: inherit;
}
.leaflet-bottom {
display: none;
}
.leaflet-tile {
visibility: visible; display: flex !important;
}
.leaflet-container.leaflet-touch-drag {
height: unset !important;
min-height: 300px;
aspect-ratio: 1;
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: #e1e1e1 !important;
}
.leaflet-popup .leaflet-popup-content h6 {
font-size: 24px !important;
margin-bottom: 5px !important;
}
.leaflet-popup .leaflet-popup-content .address {
font-size: 18px;
font-weight: 500;
}
.leaflet-popup .leaflet-popup-content .phones {
display: flex;
gap: 10px;
margin-top: 10px;
justify-content: center;
margin-bottom: 10px;
}
.leaflet-popup .leaflet-popup-content .phones .phone {
display: block;
text-decoration: none;
color: inherit;
border: 1px solid;
line-height: 1;
padding: 10px 20px;
border-radius: 100px;
background: white;
font-weight: 600;
font-size: 14px;
}
.leaflet-popup .leaflet-popup-content .map-link-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.leaflet-popup .leaflet-popup-content .map-link-wrapper a {
display: block;
text-decoration: none;
color: inherit;
border: 1px solid;
line-height: 1;
padding: 10px;
border-radius: 100px;
background: white;
font-weight: 600;
font-size: 14px;
width: 100%;
}
.faq-content .offer {
padding-top: 30px;
}
.leaflet-popup-content-wrapper {
box-shadow: 8px 8px rgba(0, 0, 0, 0.6) !important;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.15;
}
.pageheader-block__footer-text {
display: none !important;
} a {
color: inherit;
}
.leaflet-popup .leaflet-popup-content .phones .phone {
white-space: nowrap;
}
@media (max-width: 1920px) and (min-width: 1100px) {
.has-normal-font-size {
font-size: calc(22 / 1920 * 100vw) !important; }
[style*="font-size:48px"] {
font-size: calc(48 / 1920 * 100vw) !important;
}
[style*="font-size:46px"] {
font-size: calc(46 / 1920 * 100vw) !important;
}
[style*="font-size:35px"] {
font-size: calc(35 / 1920 * 100vw) !important;
}
[style*="font-size:32px"] {
font-size: calc(32 / 1920 * 100vw) !important;
}
[style*="font-size:60px"] {
font-size: calc(60 / 1920 * 100vw) !important;
}
.has-large-font-size,
.salesblock-parent__title {
font-size: calc(76 / 1920 * 100vw) !important;
}
}
@media (max-width: 1920px) and (min-width: 1000px) {
.alignwide {
max-width: calc(1340 / 1920 * 100vw);
}
}
@media (max-width: 1920px) and (min-width: 1000px) {
.container {
max-width: calc(1680 / 1920 * 100vw);
}
}
@media (max-width: 1400px) and (min-width: 1000px) {
.alignwide {
max-width: calc(1580 / 1920 * 100vw);
}
}
.menu-trigger {
display: none;
margin-left: 20px;
position: relative;
align-items: center;
}
.menu-trigger .menu-icon {
width: 25px;
transition: 0.3s;
height: 25px;
}
.menu-trigger .close-menu {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
opacity: 0;
transition: 0.3s;
width: 25px;
height: 250px;
}
.main-menu-wrapper.open-menu .menu-trigger .close-menu {
opacity: 1;
}
.main-menu-wrapper.open-menu .menu-trigger .menu-icon {
opacity: 0;
}
@media (max-width: 1340px) {
.main-menu-wrapper {
padding-top: 8px;
padding-bottom: 8px;
}
.menu-trigger {
display: flex;
}
.main-menu-wrapper .container {
display: flex;
justify-content: space-between;
}
.main-menu-wrapper .container .secondary-menu {
margin-left: auto;
}
.main-menu-wrapper .container .main-menu {
position: absolute;
top: calc(100% + 1px);
padding: 10px 20px;
justify-content: center;
width: 100%;
background: rgba(255, 255, 255, 0.63);
left: 0;
opacity: 0;
transition: 0.4s;
pointer-events: none;
transform: translateY(-10px);
}
.main-menu-wrapper.scrolled .container .main-menu {
background: white;
}
.main-menu-wrapper.open-menu .container .main-menu {
pointer-events: all;
opacity: 1;
transform: translateY(0);
}
.main-menu-wrapper .container .logo a img {
width: 200px;
}
}
@media (max-width: 1000px) {
.wp-block-image :where(figcaption) {
font-size: 14px;
}
.faq-wrapper.two-columns .faq-item {
width: 100% !important;
}
.faq-item .faq-content {
font-size: 16px;
}
.two-columns .faq-title .faq-item-question {
font-size: 18px !important;
}
.sticky {
position: static !important;
}
.data-details .notowania-wrap table td:not(:first-of-type) .cell-wrap {
justify-content: right;
padding-right: 10px;
}
[style*="font-size:60px"] {
font-size: 32px !important;
}
[style*="font-size:48px"] {
font-size: 28px !important;
}
[style*="font-size:46px"] {
font-size: 24px !important;
}
h2.wp-block-heading[style*="font-size:30px"] {
font-size: 20px !important;
}
h2.wp-block-heading[style*="font-size:40px"] {
font-size: 24px !important;
}
.main-menu-wrapper.open-menu .container .main-menu,
.main-menu-wrapper.open-menu {
background: white;
}
.main-menu-wrapper .container .main-menu {
height: calc(100vh - var(--combined-menu-height)); width: 100%;
overflow: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.main-menu-wrapper .container .main-menu ul {
flex-direction: column;
align-items: center;
gap: 10px;
box-sizing: border-box;
}
.main-menu-wrapper .container .main-menu ul.sub-menu {
position: static;
opacity: 1;
visibility: visible;
box-shadow: none !important; }
.main-menu-wrapper .container .main-menu li.menu-item-has-children {
display: flex;
flex-direction: column;
}
.main-menu-wrapper .container .main-menu ul.sub-menu li a {
font-size: 12px;
padding: 5px;
}
}
@media (max-width: 640px) {
.main-menu-wrapper .container .secondary-menu #menu-item-1088 {
display: none;
}
.main-menu-wrapper .container .logo a img {
width: 160px;
}
}
@media (max-width: 1920px) and (min-width: 1300px) {
.site-footer .footer-columns {
padding: calc(80 / 1920 * 100vw) 0;
}
.site-footer .footer-columns .container .footer-col p {
font-size: calc(18 / 1920 * 100vw);
margin-bottom: calc(25 / 1920 * 100vw);
}
.site-footer .footer-columns .container .footer-col span {
font-size: calc(18 / 1920 * 100vw);
}
.footer-extra-links-col1 {
gap: calc(20 / 1920 * 100vw);
}
.footer-extra-links-col2 {
gap: calc(15 / 1920 * 100vw);
}
.footer-extra-item.footer-fax {
margin-top: calc(-15 / 1920 * 100vw);
}
.footer-extra-item a {
gap: calc(10 / 1920 * 100vw);
}
.footer-extra-item a img {
width: calc(30 / 1920 * 100vw);
height: calc(30 / 1920 * 100vw);
}
.footer-extra-item.footer-fax a {
padding-left: calc(40 / 1920 * 100vw);
}
.footer-col-0 .logo {
margin-bottom: calc(120 / 1920 * 100vw);
}
.footer-col-0 .wozniak-box {
font-size: calc(18 / 1920 * 100vw);
gap: calc(10 / 1920 * 100vw);
}
.site-footer .end-bar {
padding: calc(30 / 1920 * 100vw) 0;
}
.site-footer .end-bar .container .left {
gap: calc(10 / 1920 * 100vw);
font-size: calc(18 / 1920 * 100vw);
}
.site-footer .end-bar .container .left img {
width: calc(180 / 1920 * 100vw);
}
.site-footer .end-bar .container .right ul {
gap: calc(15 / 1920 * 100vw);
}
.site-footer .end-bar .container .right ul li:not(:last-of-type):after {
margin-left: calc(15 / 1920 * 100vw);
}
.site-footer .end-bar .container .right a {
font-size: calc(18 / 1920 * 100vw);
}
}
@media (max-width: 1300px) {
.site-footer .footer-columns .container {
flex-wrap: wrap;
}
.site-footer .footer-columns .container .footer-col {
width: calc(100% / 3);
flex: auto;
}
.site-footer .footer-columns .container .footer-col-0 {
width: 100%;
margin-bottom: 20px;
}
.footer-col-0 .logo {
margin-bottom: 20px;
}
.site-footer .footer-columns {
padding: 50px 0;
}
.site-footer .footer-columns .container .footer-col p,
.site-footer .footer-columns .container .footer-col span {
font-size: 16px;
}
.site-footer .end-bar .container .left,
.site-footer .end-bar .container .right a {
font-size: 14px;
}
.site-footer .end-bar .container .left img {
width: 140px;
}
}
@media (max-width: 900px) {
.site-footer .end-bar .container {
flex-direction: column;
}
.site-footer .end-bar .container .left {
margin-bottom: 10px;
flex-direction: column;
}
}
@media (max-width: 740px) {
.site-footer .footer-columns .container .footer-col {
width: 100%;
margin-bottom: 30px;
}
}
@media (max-width: 1100px) {
.has-normal-font-size {
font-size: 14px !important;
}
.my-products-carousel-swiper-block .my-product-slide-excerpt {
font-size: 14px !important;
}
.my-products-carousel-swiper-block .my-product-slide-title {
font-size: 24px;
}
.has-small-font-size,
.team-block__employee-content,
.my-post-slide-excerpt {
font-size: 14px !important;
}
.has-large-font-size {
font-size: 38px !important;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(1)
h4.wp-block-heading
strong {
font-size: 25px;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(1)
.wp-block-group
p
a {
font-size: 25px;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(1)
h2.wp-block-heading {
margin-top: 20px;
margin-bottom: 0;
}
}
@media (max-width: 1000px) {
.alignwide {
padding-left: 30px;
padding-right: 30px;
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 100% !important;
}
.wp-block-columns { }
.team-block__tab,
.slider-tabs .slider-tab {
font-size: 16px !important;
}
.team-block__tabs,
.slider-tabs {
flex-wrap: wrap;
}
.team-block__employee-tab {
font-size: 12px !important;
}
.team-block__employee-tabs {
flex-wrap: wrap;
}
.team-block .alignwide,
.basic-column .wp-block-columns.alignwide {
flex-direction: column;
gap: 30px !important;
}
.team-block__slider .team-block__employee-content {
height: auto !important;
}
.team-block__slider .team-block__employee-content .swiper-wrapper {
height: auto !important;
}
.swiper-vertical {
height: auto !important;
}
.my-products-carousel-swiper-block .my-swiper-slide .my-product-slide-content {
flex-direction: column;
padding: 0;
width: 100%;
}
.my-products-carousel-swiper-block .my-swiper-slide .my-product-slide-content .image {
width: 100%;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
.my-products-carousel-swiper-block .my-swiper-slide .my-product-slide-content .content {
width: 100%;
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
.chart-box {
flex-direction: column;
}
.icon-button__label {
font-size: 16px !important;
}
.icon-button {
padding: 10px 20px !important;
}
.cooperation-box
> .wp-block-group__inner-container
> .wp-block-columns
> .wp-block-column:nth-of-type(2)
ol {
padding-left: 60px;
}
.my-posts-carousel-infinite-swiper {
padding-left: 30px;
padding-right: 30px;
}
.certificates .items {
flex-wrap: wrap !important;
}
.certificates .items > .wp-block-group {
width: 45% !important;
flex: none !important;
}
.swiper-box {
width: 90%;
}
.pageheader-video-block .pageheader-block__subtitle,
.pageheader-block-basic .pageheader-block__subtitle {
font-size: 20px !important;
}
.pageheader-video-block .pageheader-block__title,
.pageheader-block-basic .pageheader-block__title {
font-size: 30px !important;
}
.pageheader-video-block p,
.pageheader-block-basic p {
font-size: 16px !important;
}
.pageheader-video-block p br,
.pageheader-block-basic p br {
display: none;
}
.documents-download .items {
flex-wrap: wrap !important;
}
.documents-download .items > .wp-block-group {
width: 45% !important;
flex: none !important;
}
.chart-box .chart-wrapper .legend .legend-item .color-box {
width: 30px;
}
.data-details .notowania-wrap .title,
.data-details .skup-wrap .title {
font-size: 20px;
}
.chart-box .chart-wrapper .legend .legend-item .legend-label {
font-size: 14px;
}
.data-details .notowania-wrap .sub-text span:nth-of-type(1),
.data-details .skup-wrap .sub-text span:nth-of-type(1),
.data-details .notowania-wrap .sub-text span:nth-of-type(2),
.data-details .skup-wrap .sub-text span:nth-of-type(2) {
font-size: 16px;
}
.data-details .notowania-wrap table td,
.data-details .skup-wrap .sub-text span:nth-of-type(3),
.data-details .skup-wrap .items > div {
font-size: 16px;
}
.data-details .notowania-wrap table td:first-of-type {
font-size: 14px;
}
.zaloguj {
text-align: center;
}
[style*="font-size:35px"], [style*="font-size:32px"] {
font-size: 22px !important;
}
.content-area > .wp-block-group:first-of-type {
padding-bottom: 30px !important;
padding-top: 30px !important;
}
.blog-text {
column-count: 1 !important;
-webkit-column-count: 1 !important;
}
.notowania-header {
display: none;
}
}
.slider-tabs {
max-width: 100%;
}
.partners .swiper-pagination {
position: static;
}
@media (max-width: 1000px) {
#contact-box {
padding: 40px 20px;
}
#contact-box .info-box {
display: none;
}
#contact-box .contact-content {
flex-direction: column;
padding: 30px; }
.title-box .big {
font-size: 40px;
}
.title-box p {
font-size: 24px;
}
#contact-box .contact-content .left {
width: 100%;
}
#contact-box .contact-content .left,
#contact-box .contact-content .right {
width: 100%;
}
.wpcf7-acceptance label {
font-size: 12px;
}
.wpcf7 input[type="submit"] {
display: block;
width: 250px !important;
margin: 0 auto;
margin-top: 20px;
}
.wpcf7-spinner {
display: none;
}
}
ol ul {
list-style-type: disc;
}
.swiper-pagination {
position: static;
margin-top: 30px;
}
.lineheight {
line-height: 1.2;
}
.wp-block-cover .wp-block-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-cover .wp-block-video video {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: auto;
transform: translateY(-50%);
}
.wp-block-cover .wp-block-video::after {
content: "";
background-image: url(//worol.pl/wp-content/themes/oil/assets/images/video/play.svg);
}
.play-pause-btn {
position: relative;
}
.play-pause-btn::after {
content: "";
background-image: url(//worol.pl/wp-content/themes/oil/assets/images/video/play-2.svg);
}
.play-pause-btn::before {
content: "";
background-image: url(//worol.pl/wp-content/themes/oil/assets/images/video/pause.svg);
}
.mute-toggle::after {
content: "";
background-image: url(//worol.pl/wp-content/themes/oil/assets/images/video/mute.svg);
}
.mute-toggle::before {
content: "";
background-image: url(//worol.pl/wp-content/themes/oil/assets/images/video/unmute.svg);
}
.wp-block-cover .wp-block-video::after {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 99;
background-repeat: no-repeat;
background-position: center;
background-size: 100px;
z-index: 9999;
transition: 0.5s;
opacity: 1;
pointer-events: none;
}
.wp-block-cover .wp-block-video video {
object-fit: contain;
height: 100%;
opacity: 0;
transition: 0.5s;
}
.wp-block-cover .wp-block-video.played video {
opacity: 1;
}
.wp-block-cover .wp-block-video.play::after {
opacity: 0;
}
.video-controls {
position: absolute;
bottom: 15px;
left: 15px;
right: 15px;
display: flex;
justify-content: center;
align-items: center;
background-color: black;
padding: 5px 10px;
opacity: 0;
transition: 0.3s;
}
.played .video-controls.active {
opacity: 1;
}
.wp-block-video .video-controls:hover {
opacity: 1;
}
.play-pause-btn,
.mute-toggle {
cursor: pointer;
background: none;
border: none;
border-radius: 0;
margin: 0;
width: 30px;
height: 30px;
font-size: 0;
display: flex;
position: relative;
}
.play-pause-btn::after,
.mute-toggle::after,
.play-pause-btn::before,
.mute-toggle::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
filter: invert(1);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: 0.3s;
}
.wp-block-video .play-pause-btn::after {
opacity: 1;
}
.wp-block-video .play-pause-btn::before {
opacity: 0;
}
.wp-block-video.play .play-pause-btn::after {
opacity: 0;
}
.wp-block-video.play .play-pause-btn::before {
opacity: 1;
}
.mute-toggle::before {
opacity: 0;
}
.mute-toggle.mute-btn::before {
opacity: 1;
}
.mute-toggle.unmute-btn::after {
opacity: 1;
}
.mute-toggle::after {
opacity: 0;
}
.progress-bar {
flex-grow: 1;
margin: 0 20px;
position: relative;
cursor: pointer;
background-color: #ccc;
height: 10px;
border-radius: 0;
}
.progress {
background-color: #055f2a;
height: 100%;
width: 0%;
border-radius: 0;
}   .has-beige-background-color {
background-color: #efcc90;
}
.has-black-background-color {
background-color: #222623;
}
.has-white-background-color {
background-color: #ffffff;
}
.has-blue-background-color {
background-color: #8fbfe0;
} .has-beige-color {
color: #efcc90;
}
.has-black-color {
color: #222623;
}
.has-white-color {
color: #ffffff;
}
.has-blue-color {
color: #8fbfe0;
}
.extend-to-right img {
display: block;
margin-right: calc(-1 * var(--container-gap));
width: calc(100% + var(--container-gap)) !important;
max-width: unset;
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
}
.extend-to-left img {
display: block;
margin-left: calc(-1 * var(--container-gap));
width: calc(100% + var(--container-gap)) !important;
max-width: unset;
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
@media screen and (min-width: 2100px) {
.extend-to-right img {
margin-right: -230px;
width: calc(100% + 230px) !important;
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
.extend-to-left img {
margin-left: -230px;
width: calc(100% + 230px) !important;
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
}
}
.wp-block-separator.has-blue-color {
background: repeating-linear-gradient(to right, #b0c4de 0 12px, transparent 12px 24px);
width: 100%;
height: 2px;
margin-top: 0 !important;
margin-bottom: 0 !important;
background-color: unset !important;
}
.wp-block-separator.has-beige-color {
background: repeating-linear-gradient(to right, var(--gold) 0 20px, transparent 20px 30px);
width: 100%;
height: 2px;
margin-top: 0 !important;
margin-bottom: 0 !important;
background-color: unset !important;
}
.why-we .wp-block-columns {
gap: 60px;
}
#section-contact {
padding: 80px 20px !important;
}
#section-contact > .wp-block-group__inner-container .wp-block-cover {
max-width: 1800px;
margin: auto;
border-radius: var(--border-radius) !important;
overflow: hidden;
padding: 180px 0 120px;
}
.zespol .wp-block-columns {
gap: 3% !important;
margin-bottom: 20px !important;
}
.blog-text { column-count: 2; column-gap: 5%; -webkit-column-count: 2;
-webkit-column-gap: 5%;
-moz-column-count: 2;
-moz-column-gap: 5%;
}
.basic-column.product {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.timeline-elements {
gap: 10px !important;
}
.timeline-elements .element {
position: relative;
padding-left: 70px;
padding-bottom: 80px;
}
.timeline-elements .element::before {
content: "";
display: block;
position: absolute;
width: 40px;
height: 100%;
left: 0;
top: 5px;
background-image: url(//worol.pl/wp-content/themes/oil/assets/images/square.svg), url(//worol.pl/wp-content/themes/oil/assets/images/dots.svg);
background-repeat: no-repeat, repeat-y;
background-position: top center, top center;
background-size: 40px, auto;
}
.timeline-elements .element:last-of-type::before {
background-image: url(//worol.pl/wp-content/themes/oil/assets/images/square.svg), url(//worol.pl/wp-content/themes/oil/assets/images/end-dots.svg), url(//worol.pl/wp-content/themes/oil/assets/images/dots.svg);
background-repeat: no-repeat, no-repeat, repeat-y;
background-position: top center, bottom center, top center;
background-size: auto, auto, auto;
}
.timeline-elements .element:last-of-type {
padding-bottom: 0;
}
.sticky {
position: sticky;
top: calc(var(--main-menu-height) + 30px);
align-self: flex-start;
}