.author-bio,
.comments-wrap {
margin: 36px auto;
max-width: 720px;
padding-left: 16px;
padding-right: 16px;
}
.site-header-image {
display: block;
margin: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
clear: both;
display: block;
} .author-bio .avatar {
border: 1px solid #dee2e6;
border-radius: 50%;
}    .wp-block-cover-text p {
padding: 1.5em 16px;
}
@media screen and (min-width: 768px) {
.wp-block-cover-text p {
padding: 1.5em 0;
}
} ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
padding: 0 16px;
}
@media screen and (min-width: 768px) {
.entry-header,
.entry-content {
font-size: calc(1rem + (1.375 - 1) * ((100vw - 768px) / (1200 - 768)));
font-weight: 300;
line-height: inherit;
}
.entry-header h1 {
font-size: calc(2.5rem + (3.4375 - 2.5) * ((100vw - 768px) / (1200 - 768)));
}
}
@media screen and (min-width: 1200px) {
.entry-header,
.entry-content {
font-size: 1.375rem;
}
.entry-header h1 {
font-size: 3.4375rem;
}
}
.more-link {
display: block;
}
.wp-block-code {
padding: 0.5em 1em;
margin: 0 0 1.5rem;
}
.entry-content ul:not(.blocks-gallery-grid),
.entry-content ol {
margin: 0 auto 1.5em auto;
max-width: 720px;
list-style-position: outside;
}
.entry-content li {
margin-left: 2.5em;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
margin: 0 auto;
}
.entry-content ul ul li,
.entry-content ol ol li,
.entry-content ul ol li,
.entry-content ol ul li {
margin-left: 0;
}
.wp-block-quote {
margin-left: 16px;
margin-right: 16px;
padding: 0;
}
.wp-block-quote > * {
margin-left: 1rem;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin: 36px auto;
padding: 0;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 13px;
font-size: 0.8125rem;
}
@media screen and (min-width: 768px) {
.wp-block-quote {
margin: 48px auto;
}
}
.wp-block-pullquote > p:first-child {
margin-top: 0;
}
.wp-block-pullquote.alignright {
margin-left: 2rem;
}
.wp-block-pullquote.alignleft {
margin-right: 2rem;
}
.entry-content {
margin: 48px auto;
max-width: 720px;
padding-left: 16px;
padding-right: 16px;
}
.entry-content > .alignwide,
.wp-block-image.alignwide,
.wp-block-gallery.alignwide {
width: 100vw;
max-width: 1100px;
margin: 1.5em 0 1.5em 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.entry-content > .alignwide > img {
width: 1100px;
}
.entry-content > .alignfull,
.wp-block-image.alignfull,
.wp-block-gallery.alignfull {
width: 100vw;
max-width: 100vw;
margin: 1.5em 0 1.5em 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.entry-content > .alignfull > img {
width: 100vw;
}
@media screen and (min-width: 768px) {
.entry-content > * {
padding-left: 0px;
padding-right: 0px;
}
}
.wp-block-columns {
padding-right: 1rem;
padding-left: 1rem;
}
.wp-block-separator {
margin: 3em auto;
padding: 0;
}
.wp-block-group > .wp-block-group__inner-container > * {
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.wp-block-group > .wp-block-group__inner-container > .alignwide {
width: 100vw;
max-width: 1100px;
margin: 1.5em 0 1.5em 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.wp-block-group > .wp-block-group__inner-container > .alignfull {
width: 100vw;
max-width: 100vw;
margin: 1.5em 0 1.5em 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.wp-block-group.has-background > .wp-block-group__inner-container > :first-child {
margin-top: 0;
}
.wp-block-group.has-background > .wp-block-group__inner-container > .alignfull {
width: calc( 100% + 60px);
max-width: calc( 100% + 60px);
position: relative;
left: -30px;
}
img,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}
.wp-block-image img {
display: block;
}
.wp-block-image.alignleft,
.wp-block-image.alignright {
width: 100%;
}
.wp-block-image.alignfull img {
width: 100vw;
}
.wp-block-image .alignleft img,
.wp-block-image .alignright img,
.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption {
max-width: 100%;
width: 100%;
}
.wp-block-image .alignfull,
.wp-block-gallery.alignfull {
width: 100vw;
}
.wp-block-image .alignright,
.wp-block-image .alignleft,
.wp-block-gallery.alignright,
.wp-block-gallery.alignleft {
max-width: calc((720px / 2) - 16px);
}
.wp-block-image .alignright,
.wp-block-gallery.alignright {
margin-left: 2rem;
}
.wp-block-image .alignleft,
.wp-block-gallery.alignleft {
margin-right: 2rem;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.wp-block-video video {
max-width: 720px;
}
.wp-block-table {
overflow-x: auto;
margin: 1.5rem0;
}
.wp-block-table table {
border-collapse: collapse;
}
.wp-block-table td, .wp-block-table th {
padding: .5em;
}
#comments,
#reply-title {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.commentlist,
.commentlist ul {
padding-left: 0;
}
.commentlist li {
padding: 1rem;
}
.comment-meta {
margin-bottom: 1rem;
}
.comment > .children {
margin-top: 1rem;
margin-right: -0.625rem;
margin-bottom: -1.625rem;
}
body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 100vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
main {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
#site-footer {
background-color: #f3f4f5;
}
html {
scroll-behavior: smooth;
font-size: 16px;
}
@media screen and (min-width: 992px) {
html {
font-size: 17px;
}
}
@media screen and (min-width: 1200px) {
html {
font-size: 18px;
}
}
body {
font-family: 'Poppins', 'Verdana', sans-serif;
}
ul {
list-style-type: none;
padding-left: 0;
}
p {
line-height: 1.722;
}
a {
color: inherit;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
a:hover {
color: #6EC746;
text-decoration: none;
}
h2 {
font-size: 1.777rem;
margin-bottom: 1em;
font-weight: 600;
}
main {
padding-top: 144px;
overflow: hidden;
}
@media screen and (min-width: 576px) {
main {
padding-top: 85px;
}
}
@media screen and (min-width: 768px) {
main {
padding-top: 112px;
}
}
@media screen and (min-width: 992px) {
main {
padding-top: 120px;
}
}
@media screen and (min-width: 1200px) {
main {
padding-top: 127px;
}
}
section {
padding-top: 5rem;
padding-bottom: 5rem;
}
@media screen and (min-width: 768px) {
section {
padding-top: 7rem;
padding-bottom: 7rem;
}
}
main > section {
padding-top: 2rem;
}
@media screen and (min-width: 768px) {
main > section:is(.main-slider) {
padding-top: 2rem;
}
}
@media screen and (min-width: 576px) {
section.widget {
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
}
@media screen and (min-width: 576px) {
section + section.widget {
margin-top: -9rem;
}
}
@media screen and (min-width: 576px) {
section.widget + section {
padding-top: 18rem;
}
}
@media screen and (min-width: 768px) {
section.widget + section {
padding-top: 15rem;
}
}
@media screen and (min-width: 992px) {
section.widget + section {
padding-top: 14rem;
}
}
@media screen and (min-width: 576px) {
section.widget + footer {
padding-top: 19rem;
}
}
@media screen and (min-width: 768px) {
section.widget + footer {
padding-top: 17rem;
}
}
@media screen and (min-width: 992px) {
section.widget + footer {
padding-top: 13rem;
}
}
.breadcrumbs {
font-size: .75rem;
}
@media screen and (min-width: 768px) {
.breadcrumbs {
font-size: .65rem;
}
}
.breadcrumbs .current-item {
color: #6EC746;
}
.section-header__subtitle {
color: #6EC746;
font-size: .875em;
text-transform: uppercase;
font-weight: 500;
margin-bottom: .5rem;
}
@media screen and (min-width: 768px) {
.section-header__subtitle {
font-size: .777em;
}
}
.section-header__title {
color: #000000;
font-size: 1.777rem;
margin-bottom: 1em;
font-weight: 600;
}
.section-header__title--white {
color: #ffffff;
}
.section-header__content--white {
color: #e0e0e0;
}
.btn {
text-transform: uppercase;
font-weight: 600;
padding: 1em 1.714em;
line-height: 1;
border-radius: 2em;
}
.btn.btn-primary {
color: #ffffff;
background-color: #6EC746;
border-color: #6EC746;
-webkit-box-shadow: 0 1em 1.714em #6EC7464D;
box-shadow: 0 1em 1.714em #6EC7464D;
}
.btn.btn-primary:hover {
background-color: #8dd36d;
border-color: #8dd36d;
}
.btn.btn-primary:focus, .btn.btn-primary:active {
background-color: #9cd981 !important;
border-color: #9cd981 !important;
}
.styled-link {
position: relative;
font-weight: 600;
font-size: .875rem;
color: #000000;
text-transform: uppercase;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 1em;
z-index: 1;
padding-left: 4.2em;
-webkit-transition: color .5s ease;
transition: color .5s ease;
}
@media screen and (min-width: 768px) {
.styled-link {
font-size: .777rem;
padding-left: 4.8em;
}
}
.styled-link::before {
content: "";
position: absolute;
top: 50%;
left: 1.25em;
width: 12px;
height: 24px;
background-image: url(//ecospec.pl/wp-content/themes/ecospec/images/arrow.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
-webkit-transform: translateY(-50%) rotate(-90deg) scale(1.2);
transform: translateY(-50%) rotate(-90deg) scale(1.2);
}
@media screen and (min-width: 768px) {
.styled-link::before {
left: 1.5em;
-webkit-transform: translateY(-50%) rotate(-90deg) scale(1.3);
transform: translateY(-50%) rotate(-90deg) scale(1.3);
}
}
.styled-link::after {
color: #ffffff;
background-color: #6EC746;
border-color: #6EC746;
-webkit-box-shadow: 0 1em 1.714em #6EC7464D;
box-shadow: 0 1em 1.714em #6EC7464D;
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 3.25em;
height: 3.25em;
z-index: -1;
border-radius: 1.625em;
-webkit-transition: width .5s ease;
transition: width .5s ease;
}
.styled-link::after:hover {
background-color: #8dd36d;
border-color: #8dd36d;
}
.styled-link::after:focus, .styled-link::after:active {
background-color: #9cd981 !important;
border-color: #9cd981 !important;
}
@media screen and (min-width: 768px) {
.styled-link::after {
width: 3.8em;
height: 3.8em;
border-radius: 1.9em;
}
}
.styled-link:hover {
color: #ffffff !important;
}
.styled-link:hover::after {
width: calc(100% + 1.625em);
}
@media screen and (min-width: 768px) {
.styled-link:hover::after {
width: calc(100% + 1.9em);
}
}
.arrow {
position: absolute;
bottom: 2rem;
display: inline-block;
width: 50px;
height: 50px;
border: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 50%;
background-color: #6EC746;
z-index: 2;
-webkit-transition: background-color .4s ease;
transition: background-color .4s ease;
}
@media screen and (min-width: 992px) {
.arrow {
width: 64px;
height: 64px;
}
}
@media screen and (min-width: 768px) {
.arrow:hover {
background-color: #ffffff;
}
.arrow:hover::before {
border-color: #6EC746;
}
}
.arrow:focus {
outline: none;
}
@media screen and (max-width: 767px) {
.arrow:active {
background-color: #ffffff;
}
.arrow:active::before {
border-color: #6EC746;
}
}
.arrow::before {
content: "";
width: 10px;
height: 10px;
position: absolute;
top: 50%;
left: 50%;
border-width: 0 2px 2px 0;
border-style: solid;
border-color: #ffffff;
-webkit-transition: border-color .4s ease;
transition: border-color .4s ease;
}
@media screen and (min-width: 768px) {
.arrow::before {
width: 12px;
height: 12px;
border-width: 0 3px 3px 0;
}
}
.arrow--left {
right: calc(2rem + 50px + 1rem);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
.arrow--left {
left: calc(50% - 40px);
}
}
.arrow--left::before {
-webkit-transform: translate(-33.333%, -50%) rotate(135deg);
transform: translate(-33.333%, -50%) rotate(135deg);
}
.arrow--right {
right: 2rem;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
.arrow--right {
left: calc(50% + 40px);
}
}
.arrow--right::before {
-webkit-transform: translate(-66.666%, -50%) rotate(-45deg);
transform: translate(-66.666%, -50%) rotate(-45deg);
}
.particle {
position: absolute;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@media screen and (max-width: 1199px) {
.particle {
display: none;
}
}
.particle--reverse .particle__image {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.particle--large {
bottom: 80px;
right: calc(50% + 610px);
z-index: 2;
}
.particle--large.particle--reverse {
right: initial;
left: calc(50% + 600px);
}
.particle--small {
bottom: 40px;
right: calc(50% + 900px);
z-index: 1;
}
.particle--small.particle--reverse {
right: initial;
left: calc(50% + 900px);
}
.particle--outside {
right: 1600px;
}
.particle--y-50 {
top: 50%;
bottom: initial;
}
.particle--y-70 {
top: 70%;
bottom: initial;
}
.particle--b-0 {
top: initial;
bottom: 0;
}
@-webkit-keyframes splashes_hop-in {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes splashes_hop-in {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes splashes_gelatine {
from, to {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
25% {
-webkit-transform: scale(0.9, 1.1);
transform: scale(0.9, 1.1);
}
50% {
-webkit-transform: scale(1.1, 0.9);
transform: scale(1.1, 0.9);
}
75% {
-webkit-transform: scale(0.95, 1.05);
transform: scale(0.95, 1.05);
}
}
@keyframes splashes_gelatine {
from, to {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
25% {
-webkit-transform: scale(0.9, 1.1);
transform: scale(0.9, 1.1);
}
50% {
-webkit-transform: scale(1.1, 0.9);
transform: scale(1.1, 0.9);
}
75% {
-webkit-transform: scale(0.95, 1.05);
transform: scale(0.95, 1.05);
}
}
@-webkit-keyframes splashes_fade {
0% {
opacity: 0;
}
25% {
opacity: 1;
}
40% {
opacity: 1;
}
90% {
opacity: 0;
}
}
@keyframes splashes_fade {
0% {
opacity: 0;
}
25% {
opacity: 1;
}
40% {
opacity: 1;
}
90% {
opacity: 0;
}
}
.splashes {
position: absolute;
top: 50%;
left: calc(50% + 440px);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
visibility: visible !important;
}
@media screen and (max-width: 1199px) {
.splashes {
display: none;
}
}
.splashes--left {
left: initial;
right: calc(50% + 740px);
}
.splashes--footer {
top: 60px;
left: calc(50% + 640px);
-webkit-transform: none;
transform: none;
}
.splashes.animated .splashes__holder {
-webkit-animation: splashes_gelatine 1s forwards 2s;
animation: splashes_gelatine 1s forwards 2s;
}
.splashes.animated .splashes__element--small {
-webkit-animation: splashes_hop-in 2s ease-in forwards;
animation: splashes_hop-in 2s ease-in forwards;
}
.splashes.animated .splashes__shadow {
-webkit-animation: splashes_fade 2.3s forwards .5s;
animation: splashes_fade 2.3s forwards .5s;
}
.splashes__outer-holder {
position: absolute;
top: calc(50% - 110px);
left: calc(50% - 86px);
-webkit-transform: translate(-50%, -25%);
transform: translate(-50%, -25%);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.splashes__holder {
overflow: hidden;
}
.splashes__element--small {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.splashes__shadow-holder {
position: absolute;
bottom: 0;
width: 100%;
height: 30px;
-webkit-transform: translateY(100%);
transform: translateY(100%);
overflow: hidden;
}
.splashes__shadow {
position: absolute;
top: -40px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 33px;
height: 1px;
-webkit-box-shadow: 0 0 30px 30px #000000aa;
box-shadow: 0 0 30px 30px #000000aa;
opacity: 0;
}
.mt-6 {
margin-top: 4.5rem !important;
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1220px;
}
}
@media screen and (min-width: 768px) {
body.scrolled .main-header {
padding-top: .666rem;
padding-bottom: .666rem;
}
}
@media screen and (max-width: 575px) {
body.scrolled .main-header__cta {
max-height: 0;
overflow: hidden;
margin-bottom: 0;
}
}
@-webkit-keyframes gelatine {
from, to {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
25% {
-webkit-transform: scale(0.95, 1.05);
transform: scale(0.95, 1.05);
}
50% {
-webkit-transform: scale(1.05, 0.95);
transform: scale(1.05, 0.95);
}
75% {
-webkit-transform: scale(0.975, 1.025);
transform: scale(0.975, 1.025);
}
}
@keyframes gelatine {
from, to {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
25% {
-webkit-transform: scale(0.95, 1.05);
transform: scale(0.95, 1.05);
}
50% {
-webkit-transform: scale(1.05, 0.95);
transform: scale(1.05, 0.95);
}
75% {
-webkit-transform: scale(0.975, 1.025);
transform: scale(0.975, 1.025);
}
}
.main-header {
background: #ffffff;
-webkit-transition: padding .4s ease;
transition: padding .4s ease;
padding-top: 1.333rem;
padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
.main-header {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
.main-header__logo {
position: relative;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.main-header__logo::before {
content: "";
width: 100%;
height: 50%;
position: absolute;
top: 50%;
left: 0;
background: #6EC746;
z-index: -1;
-webkit-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
-webkit-transition: -webkit-transform .7s ease;
transition: -webkit-transform .7s ease;
transition: transform .7s ease;
transition: transform .7s ease, -webkit-transform .7s ease;
}
}
@media screen and (min-width: 768px) {
.main-header__logo:hover::before {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
.main-header__logo-img {
width: 110px;
}
@media screen and (min-width: 992px) {
.main-header__logo-img {
width: 181px;
}
}
.main-header__h1 {
width: inherit;
margin-bottom: 0;
}
.main-header__cta {
-webkit-transition: max-height .4s ease, margin .4s ease;
transition: max-height .4s ease, margin .4s ease;
}
@media screen and (max-width: 575px) {
.main-header__cta {
margin-bottom: 1rem;
max-height: 43px;
}
}
.main-header__cta a {
font-size: .777rem;
font-weight: 600;
}
.main-header__cta a:hover {
-webkit-animation: gelatine linear .5s forwards !important;
animation: gelatine linear .5s forwards !important;
background-color: #6EC746 !important;
}
.main-header__cta b, .main-header__cta strong {
font-weight: 700;
font-size: 1rem;
margin-left: .75rem;
}
@media screen and (min-width: 992px) {
.main-header .mega-menu-item {
padding-top: .5rem !important;
padding-bottom: .5rem !important;
overflow: hidden !important;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.main-header .mega-menu-item {
margin: 0 19px 0 0 !important;
}
.main-header .mega-menu-item:last-of-type {
margin-right: 0 !important;
}
}
@media screen and (min-width: 992px) {
.main-header .mega-menu-item::before {
content: "" !important;
display: inline-block !important;
background-color: #6EC746 !important;
width: 100% !important;
height: 2px !important;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
-webkit-transform: translateX(calc(-100% - 1px));
transform: translateX(calc(-100% - 1px));
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
}
}
.main-header .mega-menu-item:hover::before {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.main-header .mega-menu-link {
text-transform: uppercase !important;
font-weight: 500 !important;
}
@media screen and (min-width: 992px) {
.main-header .mega-current-menu-item::after {
content: "" !important;
display: inline-block !important;
background-color: #6EC746 !important;
width: 1.5rem !important;
height: 2px !important;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
}
}
.main-footer {
padding-top: 6rem;
font-size: .888rem;
}
@media screen and (min-width: 768px) {
.main-footer {
padding-top: 10rem;
}
}
.main-footer__infos-logo {
width: 181px;
height: auto;
}
.main-footer__infos-line {
margin-top: 1rem;
color: #4E4E4E;
}
.main-footer__infos {
margin-bottom: 2rem;
}
.main-footer__title {
font-weight: 600;
text-transform: uppercase;
margin-bottom: 1.5rem;
font-size: .888rem;
}
@media screen and (max-width: 767px) {
.main-footer__list-container + .main-footer__list-container {
margin-top: 2rem;
}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.main-footer__list-container:nth-last-of-type(2) {
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
.main-footer__list + .main-footer__list {
margin-top: 1.75rem;
}
}
.main-footer__bullet {
color: #4E4E4E;
}
.main-footer__bullet + .main-footer__bullet {
margin-top: 1.25rem;
}
.main-footer__bullet--with-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main-footer__bullet--with-icon img {
height: 24px;
width: auto;
-ms-flex-preferred-size: 24px;
flex-basis: 24px;
margin-right: 1rem;
}
.main-footer__middle {
border-top: 1px solid #D1D1D1;
border-bottom: 1px solid #D1D1D1;
padding: 1.666rem 0;
}
@media screen and (max-width: 767px) {
.main-footer__middle {
display: none;
}
}
.main-footer__middle .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0;
}
.main-footer__middle .menu-item {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.main-footer__bottom {
padding: 1.666rem 0;
color: #4E4E4E;
}
.main-slider {
position: relative;
}
@media screen and (max-width: 767px) {
.main-slider {
padding-top: 0;
padding-bottom: 7rem;
background-color: #f9f9f9;
}
}
@media screen and (min-width: 768px) {
.main-slider {
padding-bottom: 9rem;
}
}
@media screen and (max-width: 767px) {
.main-slider .main-content-slider {
position: static;
}
}
@media screen and (min-width: 768px) {
.main-slider .main-content-slider .slick-arrow {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.main-slider .main-content-slider__slider {
position: static;
}
}
.main-slider .main-content-slider__slide {
padding-top: 2rem;
padding-bottom: 2rem;
}
.main-slider .main-content-slider__slide:not(.slick-active) .animatable2 {
-webkit-animation: none;
animation: none;
}
.main-slider .main-content-slider__content {
line-height: 1.722;
}
.main-slider .main-content-slider__header h2 {
line-height: 1.346;
font-weight: 400;
font-size: calc(min(7.9vw ,2.888rem));
}
@media screen and (min-width: 768px) {
.main-slider .main-content-slider__header h2 {
font-size: 2.15rem;
}
}
@media screen and (min-width: 992px) {
.main-slider .main-content-slider__header h2 {
font-size: 2.888rem;
}
}
.main-slider .main-content-slider .section-header__title {
margin-bottom: 1.25rem;
}
.main-slider .main-content-slider .section-header__title * {
line-height: 1.346;
}
.main-slider .main-content-slider .section-header__subtitle {
margin-bottom: .25rem;
}
.main-slider .main-content-slider .styled-link {
margin-top: 2.25rem;
}
@media screen and (min-width: 768px) {
.main-slider .main-content-slider .styled-link {
margin-top: 3.25rem;
}
}
.main-slider .main-content-slider .styled-link::after {
-webkit-box-shadow: none;
box-shadow: none;
}
.main-slider .main-image-slider {
position: relative;
z-index: 0;
}
.main-slider .main-image-slider__image {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.main-slider .main-image-slider__image {
height: inherit;
width: 100%;
}
}
@media screen and (min-width: 768px) {
.main-slider .main-image-slider__image {
border-radius: 10px;
}
}
@media screen and (max-width: 767px) {
.main-slider__container, .main-slider__row, .main-slider .main-image-slider, .main-slider .main-image-slider__slider {
height: inherit;
}
}
@-webkit-keyframes up-and-down {
0% {
-webkit-transform: translateY(-30%);
transform: translateY(-30%);
}
25% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
75% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-30%);
transform: translateY(-30%);
}
}
@keyframes up-and-down {
0% {
-webkit-transform: translateY(-30%);
transform: translateY(-30%);
}
25% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
75% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-30%);
transform: translateY(-30%);
}
}
.scroll-indicator {
position: absolute;
bottom: 0;
left: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (min-width: 768px) {
.scroll-indicator {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
}
.scroll-indicator__icon {
height: 24px;
width: auto;
-webkit-animation: up-and-down 3s ease infinite;
animation: up-and-down 3s ease infinite;
}
.scroll-indicator__text {
font-size: .666rem;
text-transform: uppercase;
font-weight: 500;
line-height: 1.5;
margin-top: .5rem;
text-align: center;
}
.why-us {
background-image: url(//ecospec.pl/wp-content/themes/ecospec/images/dlaczego-warto-bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
padding: 5rem 0 7rem;
}
@media screen and (min-width: 768px) {
.why-us {
padding: 6rem 0 9rem;
}
}
.card {
background: none;
border: none;
}
.card__wrapper {
border: 1px solid #6EC746;
border-radius: 10px;
padding: 3.2rem 1.666rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background-color: transparent;
-webkit-transition: background-color .4s ease;
transition: background-color .4s ease;
}
@media screen and (min-width: 768px) {
.card__wrapper {
padding: 3.2rem 1rem;
}
}
@media screen and (min-width: 992px) {
.card__wrapper {
height: 100%;
}
}
.card__wrapper:hover {
color: inherit;
background-color: #6EC746;
}
.card__wrapper:hover .card__image {
-webkit-filter: brightness(3);
filter: brightness(3);
}
.card__topper {
font-size: .777rem;
padding-bottom: 1.333rem;
margin-bottom: 1.666rem;
letter-spacing: 1.3px;
border-bottom: 2px solid #000000;
font-weight: 600;
}
.card__title {
font-size: 1rem;
font-weight: 500;
margin: 1.333em 0;
}
.card__content {
font-size: .833rem;
}
.card__image {
height: 62px;
width: auto;
-webkit-transition: -webkit-filter .4s ease;
transition: -webkit-filter .4s ease;
transition: filter .4s ease;
transition: filter .4s ease, -webkit-filter .4s ease;
}
@media screen and (min-width: 768px) {
.card__image {
height: 48px;
}
}
.card__content {
margin-bottom: 0;
line-height: 1.533;
}
.card--white {
color: #ffffff;
}
.card--white .card__topper {
border-bottom-color: #ffffff;
}
@media screen and (max-width: 991px) {
.card + .card {
margin-top: 2rem;
}
}
@media screen and (min-width: 768px) {
.card:nth-of-type(2) {
margin-top: 0;
}
}
.main-content-image {
padding-top: 2.5 rem;
}
.content-image__image {
border-radius: 10px;
}
.content-image__list {
margin: 2rem 0;
}
@media screen and (min-width: 768px) {
.content-image__list {
margin: 2.5rem 0;
}
}
.content-image__bullet {
font-weight: 600;
}
.content-image__bullet::before {
content: "";
background-color: #6EC746;
display: inline-block;
margin-right: .25rem;
width: 1.333rem;
height: 2px;
vertical-align: middle;
}
.section-topper {
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform 1.3s ease;
transition: -webkit-transform 1.3s ease;
transition: transform 1.3s ease;
transition: transform 1.3s ease, -webkit-transform 1.3s ease;
}
.section-topper.animated {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.widget {
position: relative;
padding-top: 0;
padding-bottom: 0;
z-index: 1;
}
@media screen and (max-width: 575px) {
.widget__container {
padding-left: 0;
padding-right: 0;
}
}
.widget__wrapper {
padding-top: 3rem;
padding-bottom: 3rem;
background-image: url(//ecospec.pl/wp-content/themes/ecospec/images/cta.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 575px) {
.widget__wrapper {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 576px) {
.widget__wrapper {
border-radius: 10px;
padding-left: 3rem;
padding-right: 3rem;
}
}
.widget__phone {
font-size: 1.555rem;
color: #6EC746;
font-weight: 600;
margin-top: 1.666rem;
margin-bottom: 0;
}
.widget__phone a:hover {
color: #ffffff;
}
.widget .styled-link {
color: #ffffff;
}
.homepage-usp {
background-image: url(//ecospec.pl/wp-content/themes/ecospec/images/o-firmie-bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.usp__value {
font-size: 3.111rem;
font-weight: 600;
}
.advantages {
margin-top: 1.666rem;
margin-bottom: 0;
}
.advantages__elem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 2rem;
}
.advantages__elem:nth-of-type(1) {
margin-top: 0;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.advantages__elem:nth-of-type(2) {
margin-top: 0;
}
}
@media screen and (min-width: 992px) {
.advantages__elem:nth-of-type(2) {
margin-top: 0;
}
}
.advantages__image {
-ms-flex-preferred-size: 51px;
flex-basis: 51px;
text-align: center;
margin-right: 1rem;
}
.advantages__title {
font-weight: 500;
margin-bottom: 0;
}
.gallery__image {
width: 100%;
border-radius: 10px;
}
@media screen and (min-width: 576px) {
.gallery__elem {
margin-top: 30px;
}
}
@media screen and (max-width: 575px) {
.gallery__elem + .gallery__elem {
margin-top: 1.5rem;
}
}
@media screen and (min-width: 576px) {
.gallery__elem:nth-of-type(1), .gallery__elem:nth-of-type(2) {
margin-top: 0;
}
}
@media screen and (min-width: 992px) {
.gallery__elem:nth-of-type(3) {
margin-top: 0;
}
}
.contact__row > * + * {
margin-top: 3.333rem;
}
.contact-element__wrapper {
padding-top: 1rem;
border-top: 1px solid #6EC746;
}
.contact-element__title {
font-size: 1rem;
font-weight: 600;
}
.contact-element__value {
font-size: .888rem;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.contact-element + .contact-element {
margin-top: 1.25rem;
}
}
.contact__form .input-group__wrapper {
width: 100%;
}
.contact__form .input-group + .input-group {
margin-top: 1rem;
}
@media screen and (min-width: 768px) {
.contact__form .input-group + .input-group {
margin-top: 1.5rem;
}
}
@media screen and (max-width: 767px) {
.contact__form .input-group + .input-group--submit {
margin-top: 2rem;
}
}
.contact__form .input-group--submit .wpcf7-submit {
background: none;
border: none;
color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}
.contact__form label {
font-weight: 600;
}
.contact__form input, .contact__form textarea {
padding-top: 1em;
padding-bottom: 1em;
-webkit-box-shadow: none;
box-shadow: none;
}
.contact__form input {
height: 3.5em;
}
.contact__form input::-webkit-input-placeholder,
.contact__form textarea::-webkit-input-placeholder {
font-size: .888rem;
}
.contact__form input:-ms-input-placeholder,
.contact__form textarea:-ms-input-placeholder {
font-size: .888rem;
}
.contact__form input::-ms-input-placeholder,
.contact__form textarea::-ms-input-placeholder {
font-size: .888rem;
}
.contact__form input::placeholder,
.contact__form textarea::placeholder {
font-size: .888rem;
}
.contact__form .wpcf7-not-valid-tip {
font-size: .8rem;
}
.contact__form .wpcf7 form .wpcf7-response-output {
margin: 0 0 1em;
padding: .55rem 1em;
font-size: .8rem;
}
.contact__form .wpcf7 form.invalid .wpcf7-response-output, .contact__form .wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #ff4700;
}
.sidebar-socials {
position: absolute;
top: 50%;
left: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 3;
}
@media screen and (max-width: 1399px) {
.sidebar-socials {
display: none;
}
}
.sidebar-socials__image {
height: 24px;
width: auto;
-webkit-transition: .3s ease;
transition: .3s ease;
}
.sidebar-socials__elem {
width: 100%;
text-align: center;
padding-top: .5rem;
padding-bottom: .5rem;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.sidebar-socials__elem:hover .sidebar-socials__image {
-webkit-filter: brightness(2) sepia(1) saturate(260%) hue-rotate(71deg);
filter: brightness(2) sepia(1) saturate(260%) hue-rotate(71deg);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.map-google {
position: relative;
}
#map-canvas1 {
height: 400px;
margin: 0;
padding: 0;
}
@media screen and (min-width: 1200px) {
#map-canvas1 {
height: 500px;
}
}
.map-wrap1 {
margin-top: 0px;
position: relative;
overflow: hidden;
border-radius: 5px;
}
.contact-map {
margin-top: 2rem;
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}