.datum_mesiac_den_rok {
color: #425563;
}
.home-page-carousel-content {
padding-top: 2em;
}
.home-page-carousel-content .title {
padding-top: 0.5em;
}
.related-blogs-carousel.carousel-homepage .carousel-cell > img {
aspect-ratio: 1.5;
}
.carousel-homepage.related-blogs-carousel .read-more a::after {
display: none;
}
.carousel-homepage.related-blogs-carousel .read-more {  padding-top: 1em;
}
.carousel-homepage.related-blogs-carousel .read-more span {
display: none;
}
.related-blogs-carousel.carousel-homepage ul {
padding-bottom: 0;
}
.carousel-homepage.related-blogs-carousel .flickity-viewport {
overflow: visible;
} .alignfull-gallery .crp_thumb {
width: 100%;
max-height: 240px !important;
min-height: 240px !important;
max-width: 348px !important; height: 100%;
}
.gallery-image-overlay {
position: absolute;
height: unset;
width: unset;
opacity: 0;
transition: 0.5s ease;
display: flex;
align-items: flex-end;
justify-content: center;
opacity: 0;
background: #fff;
height: auto;
bottom: 9.8rem;
padding: 8px 10px;
}
.gallery-image-overlay-small {
position: absolute;
height: unset;
width: unset;
opacity: 0;
transition: 0.5s ease;
border-radius: 8px;
background: linear-gradient(180deg, rgba(66, 85, 99, 0) 0.1%, #425563 102.4%);
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
.alignfull-to-right .flickity-prev-next-button.previous {
left: calc(50% - 18.1vw) !important;
}
.alignfull-to-right .flickity-prev-next-button.next {
left: calc(55% - 18vw) !important;
}
.gallery-image-description {
font-size: 18px;
font-style: normal;
margin: 0;
text-align: left;
height: auto;
text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center;
}
.gallery-image-overlay .gallery-image-description {
color: #000 !important;
}
.gallery-image-overlay-small .gallery-image-description {
color: #fff !important;
padding: 24px;
text-align: left;
}
.gallery-overlay:hover .gallery-image-overlay {
opacity: 0.8;
}
.gallery-image-overlay-small:hover {
opacity: 1;
}
.alignfull-gallery .crp_related ul li {
display: flex;
flex-direction: column; background-color: var(--wp--preset--color--white);
border-radius: 1em;
gap: 1.125em;
max-width: 348px;
margin: 0;
margin-bottom: 8px;
height: auto;
}
.alignfull-gallery .crp_related .crp_excerpt {
display: none;
}
.alignfull-gallery .crp_related .crp_date {
display: flex;
font-size: 1.125rem;
font-weight: 400;
color: var(--wp--preset--color--dark-grey);
}
.gallery-wrapper {
width: 100%;
}
.gallery-wrapper-new {
width: 100%;
}
.gallery-wrapper .previous {
display: none;
}
.gallery-wrapper-new .previous {
top: calc(50% - 2.5em);
}
.gallery-wrapper .flickity-prev-next-button.next {
top: calc(50% - 2.5em); color: white;
}
.gallery-wrapper-new .flickity-prev-next-button.next {
top: calc(50% - 2.5em); color: white;
}
.gallery-overlay {
display: flex;
flex-direction: column;
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
z-index: 100;
width: 1160px;
height: 815px;
background: white;
border-radius: 16px;
padding: 1.5rem;
gap: 1.5rem;
justify-content: center;
align-items: center;
}
.carousel-gallery-overlay {
width: 100%;
}
.carousel-gallery-overlay img {
width: 100%;
height: 111px;
border-radius: 4px;
}
.carousel-gallery-overlay .flickity-prev-next-button.next {
bottom: 23rem !important;
right: -7.75rem !important;
display: none;
}
.carousel-gallery-overlay .flickity-prev-next-button.previous {
bottom: 23rem !important;
left: -7.75rem !important;
display: none;
}
.carousel-cell {
margin: 0 0.5rem;
}
.carousel-cell img {
border-radius: 8px;
}
.carousel-heading {
width: 100%;
max-width: 1160px;
display: flex;
justify-content: space-between;
align-items: end;
margin-bottom: 5em;
}
.carousel-heading p {
margin: 0;
}
.carousel-heading h3 {
margin: 0;
}
.carousel-overlay {
width: 100%;
height: 111px;
position: fixed;
bottom: 24px;
right: 0px;
z-index: 1000;
background: linear-gradient(
270deg,
#fff 0%,
rgba(239, 239, 239, 0) 11.67%,
rgba(239, 239, 239, 0) 87.5%,
#fff 100%
);
pointer-events: none;
} .related-posts .crp_related ul {
padding: 0;
columns: 2;
gap: 3em;
}
.related-posts .crp_related .carousel-cell div {
width: 348px;
margin: 0 16px;
}      .related-posts-carousel ul li {
gap: 5em;
}
.related-posts-carousel .flickity-viewport {
padding-bottom: 1em;
}
.related-posts-carousel ul {
padding-bottom: 1em !important;
}
.related-posts-carousel .crp_related ul li {
padding: 0 !important;
gap: 3.5em !important;
}
.related-posts-carousel .read-more span {
display: none;
}
.related-posts-carousel * {
margin: 0;
}
.related-posts-carousel .crp_related ul {
display: block !important;
}
.related-posts-carousel-content {
display: flex;
flex-direction: column;
gap: 20px;
justify-content: space-between;
max-width: 348px;
}
.related-posts-carousel
.crp_related
.carousel-no-autoplay-fixed-height
.flickity-viewport {
height: 520px !important;
}
.crp_related .carousel-cell {
margin-right: 3.5rem !important;
}
.crp_excerpt {
font-size: 18px;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
color: var(--wp--preset--color--black);
max-width: 100%;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.related-posts-first .crp_related ul li {
display: none !important;
}
.related-posts-first .crp_related ul li:nth-child(-n + 2) {
display: flex !important;
} .three-columns .related-posts-first .crp_related ul li:nth-child(-n + 3) {
width: 31%;
display: flex !important;
}
.three-columns {
justify-content: space-between;
}
.three-columns div p {
width: 100%;
}
.three-columns div { }
.inside-text {
width: 100% !important;
max-width: 100% !important;
}
.three-columns div:nth-child(-n + 3) { display: flex !important;
}
.three-columns .related-posts-second .crp_related ul li:nth-child(-n + 3) {
width: 31%;
display: flex !important;
}
.three-columns .crp_related ul li {
max-width: 30%;
}
.three-columns div { }
.tutorials-guides .crp_excerpt {
display: none;
}
.related-white-background .crp_related ul li {
background-color: var(--wp--preset--color--light-grey);
}
.related-posts-first .crp_related ul,
.related-posts-second .crp_related ul {
display: flex;
flex-wrap: wrap;    width: 100%;
}
.crp_related ul li {
display: flex;
flex-direction: column;
padding: 2rem;
background-color: var(--wp--preset--color--white);
border-radius: 1rem;
gap: 1.25rem;
width: auto;
}
.crp_related ul li figure img {
border-radius: 8px;
max-height: 15em;
object-fit: cover;
}
.crp_related ul li a figure{
margin-bottom: 2rem;
margin-top: 0;
border-radius: 8px;
}
.crp_related ul li a figure {
margin-bottom: 2rem;
}
.crp_related .crp_date {
display: none;
}
.crp_title {
color: var(--wp--preset--color--black) !important;
font-size: 24px;
font-weight: 600;
}
.crp_thumb {
width: 100%;
max-height: 240px;
max-width: 100%;
height: 240px;
border-radius: 8px;
object-fit: cover;
} .wpcp-swiper-dots {
display: none;
}
.wpcp-prev-button {
display: none;
}
.wpcp-prev-button,
.wpcp-prev-button {
display: none;
}
.swiper-button-next {
background-color: var(--wp--preset--color--green) !important;
color: white;
border-radius: 360px;
padding: 1em;
right: 23.75rem !important;
}
.swiper-button-next i {
color: white !important;
}
.wpcp-carousel-section.nav-vertical-center {
margin: 0;
}
.wpcp-carousel-section {
justify-content: flex-start;
}
.swiper-slide {
width: 348px !important;
}
.wpcp-single-item a {
margin: 0;
}
.wpcp-single-item img {
margin: 0;
}
.wpcp-carousel-section .wpcp-single-item img {
margin: 0;
max-height: 240px;
height: 240px !important;
width: 100%;
border-radius: 8px;
object-fit: cover;
}
.wpcp-single-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
max-width: 348px !important;
max-height: 471px !important;
min-height: 471px !important;
height: 100%;
gap: 3.5rem;
}
.wpcp-post-carousel .wpcp-single-item .wpcp-all-captions {
padding: 0 !important;
width: 100%;
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.wpcp-all-captions .entry-date {
color: var(--wp--preset--color--dark-grey) !important;
font-size: 1.125rem !important;
}
.wpcp-all-captions h2 {
font-size: 1.5rem !important;
font-weight: 500 !important;
color: var(--wp--preset--color--black) !important;
}
.wpcp-slide-image {
width: 100% !important;
max-height: 240px;
height: 240px !important;
min-width: 348px;
object-fit: cover;
}
.wpcp-slide-image a {
width: 100%;
}
.alignfull > .wpcp-carousel-wrapper {
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
width: 100vw;
max-width: 100vw;
border-radius: 0;
} .flickity-prev-next-button:hover {
background-color: #009756 !important;
}
.carousel-with-padding .flickity-viewport {
padding-left: calc(var(--wp--custom--padding) * 6);
}
.home-chargers-cell {
display: flex;
padding: 0;
border-radius: 8px;
background-color: var(--wp--preset--color--light-grey);
max-width: 348px;
max-height: 276px;
margin: 0 1rem;
}
.business-chargers-cell {
display: flex;
flex-direction: column;
padding: 0;
margin: 0 1rem;
}
.business-chargers-cell figure.size-full {
border-radius: 8px;
background-color: white;
width: 22rem;
height: 15rem;
}
.business-chargers-cell figure.size-full a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.business-chargers-cell figure.size-full a img {
max-width: 90%;
}
.carousel-commercial-solutions .carousel-cell {
margin: 0 1rem;
}
.carousel-commercial-solutions figure.size-full {
width: 20rem;
height: 15rem;
}
.carousel-commercial-solutions figure.size-full a img {
max-width: 100%;
height: 100%;
object-fit: cover;
}
.testimonials-wrapper .flickity-prev-next-button.next {
right: 0rem !important;
color: black;
background-color: var(--wp--preset--color--light-grey);
}
.testimonials-wrapper .flickity-prev-next-button.previous {
right: 5.5rem !important;
color: black;
background-color: var(--wp--preset--color--light-grey);
}
.flickity-prev-next-button.previous {
right: 30rem;
background-color: var(--wp--preset--color--green);
color: white;
}
.flickity-prev-next-button.next {
right: 24rem;
background-color: var(--wp--preset--color--green);
color: white;
} .flex-control-nav button.flickity-button.flickity-prev-next-button {
opacity: 0.8;
background-color: var(--wp--preset--color--dark-grey);
border-radius: 0;
width: 2rem;
height: 96px;
bottom: 0;
padding: 0;
transform: unset;
top: 0; -moz-appearance: none; -webkit-appearance: none;
box-shadow: none;
}
.flex-control-nav button.flickity-button.flickity-prev-next-button.next {
right: 0 !important; }
.flex-control-nav button.flickity-button.flickity-prev-next-button.previous {
left:0; }
.flex-control-nav button.flickity-button.flickity-prev-next-button:hover {
background-color: var(--wp--preset--color--dark-grey) !important; opacity: 0.9; -moz-appearance: none; -webkit-appearance: none;
}
.flex-control-nav button.flickity-button.flickity-prev-next-button:disabled {
opacity: 0;
}
.flex-control-nav button.flickity-button.flickity-prev-next-button.next svg {
transform: rotate(180deg) translate(6px,4px); 
}
.flex-control-nav button.flickity-button.flickity-prev-next-button.previous svg {
transform: translate(8px,4px); 
}
.car-brands-wrapper .flickity-button {
display: none;
}
.car-brands-first-row .flickity-slider {
margin-left: -5.5rem;
}
.alignfull-galery .flickity-prev-next-button.next:hover {
background-color: #009756 !important;
}
.alignfull-galery .flickity-prev-next-button.previous:hover {
background-color: #009756 !important;
}
.testimonials-wrapper .flickity-prev-next-button.next:hover {
color: white !important;
background-color: var(--wp--preset--color--green) !important;
}
.testimonials-wrapper .flickity-prev-next-button.previous:hover {
color: white !important;
background-color: var(--wp--preset--color--green) !important;
} .grants-related .crp_related ul {
display: flex;
flex-direction: row !important;
flex-wrap: nowrap;
padding-bottom: var(--custom--padding-bottom);
gap: 0;
}
.grants-related .crp_related ul li {
width: calc(50% - var(--wp--custom--spacing-40)/2);
margin-right: var(--wp--custom--spacing-40);
flex-shrink: 0;
}
.grants-related .crp_related ul li .read-more {
margin-top: auto;
} .grants-related .crp_related .flickity-viewport {
width: 100%;
overflow: visible;
}
.grants-related .crp_related .flickity-slider {
height: 100%;
}
.grants-related .crp_related .flickity-slider > li {
min-height: 100%;
} 
.grants-related .crp_related .flickity-prev-next-button {
bottom: 50%;
}
.grants-related .crp_related .flickity-prev-next-button.next {
right: 0 !important;
}
.grants-related .crp_related .flickity-prev-next-button.previous {
right: 6em !important;
}
.grants-related .crp_related .flickity-button:disabled {
opacity: 0;
}
.grants-related .crp_related:has(.flickity-button.flickity-prev-next-button.next:disabled) .flickity-prev-next-button.previous {
right: 0 !important;
} .carousel-standard {
width: calc(100vw - (100vw - var(--wp--style--global--content-size)) / 2);
}
.carousel-standard .flickity-prev-next-button.next {
right: calc((100vw - var(--wp--style--global--content-size)) / 2);
top: 9em;
}
.carousel-standard .flickity-prev-next-button.previous {
right: auto;
left: -2rem;
top: 9em;
display: block;
transition: opacity 0.2s;
}
.carousel-standard .flickity-prev-next-button.previous[disabled] {
opacity: 0;
} @media screen and (max-width: 1440px) {
.gallery-overlay {
width: calc(100% - 16rem);
}
.blog-post-carousel > div {
margin-left: 8% !important;
}
.carousel-with-padding .flickity-viewport {
padding-left: calc(var(--wp--custom--padding) * 2);
}
}
@media screen and (max-width: 1280px) {
.carousel-standard {
width: calc(100% + var(--wp--custom--padding));
}
.carousel-standard .flickity-prev-next-button.next {
right: var(--wp--custom--padding);
}
}
@media screen and (max-width: 1080px) {
.gallery-overlay {
height: 562px;
}
.carousel-gallery-overlay .carousel-cell {
margin: 0 0.375rem;
}
.carousel-gallery-overlay img {
height: 80px;
}
.carousel-gallery-overlay .flickity-prev-next-button {
display: none;
}
.gallery-overlay {
width: calc(100% - 8rem);
}
.crp_related .carousel-cell {
margin-right: 2rem !important;
}
.crp_related ul {
column-gap: 2rem;
}
.carousel-no-autoplay .flickity-viewport {
padding-left: var(--wp--custom--padding) !important;
}
.crp_related ul li { }
.crp_excerpt {
font-size: 16px;
}
.three-columns .related-posts-first .crp_related ul li:nth-child(-n + 2) {
width: 48%;
}
.three-columns .crp_related ul li {
width: 48%;
}
.three-columns .crp_related ul li {
max-width: 48%;
}
.three-columns .related-posts-second .crp_related ul li:nth-child(-n + 2) {
width: 48%;
}
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 782px) {
.woocommerce div.product div.images .flex-control-thumbs li{
margin-right:12px;
}
.gallery-overlay {
width: calc(100% - 3rem);
}
.carousel-no-autoplay .flickity-viewport {
padding-left: calc(var(--wp--custom--padding) * 1.5) !important;
}
.tutorials-guides .crp_excerpt {
display: none;
}
.related-white-background .crp_related ul li {
background-color: var(--wp--preset--color--light-grey);
}
.crp_related ul {
gap: 2em;
}
.crp_related ul {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
.crp_related ul li {
max-width: 100%;
}
.related-posts-first .crp_related ul li:not(:first-child) {
display: none !important;
}
.grants-related .crp_related ul li {
width: 80%;
}
.grants-related .crp_related ul li .crp_thumb {
width: 100%;
max-width: 100% !important;
}
.wp-block-cover.alignfull.business-charger-gallery{
padding-bottom: 8em !important;
padding-top: 4em !important;
}
}
@media screen and (max-width: 600px) {
.carousel-no-autoplay .flickity-viewport { }
}
@media screen and (max-width: 480px) {
.gallery-image-overlay {
top: unset;
}
.gallery-wrapper .flickity-prev-next-button.next { }
.gallery-overlay {
padding: 0;
width: 100%;
height: 100%;
}
.carousel-gallery-overlay {
position: fixed;
bottom: 24px;
}
.carousel-gallery-overlay img {
height: 111px;
}
.carousel-no-autoplay .flickity-viewport { }
.car-brands {
padding-bottom: 96px !important;
}
.crp_related ul {
columns: 1;
grid-template-columns: repeat(1, 1fr);
}
.grants-related .crp_related ul li {
width: 100%;
}
.grants-related .crp_related .flickity-prev-next-button.previous {
right: 5em !important;
}
}
@media screen and (max-width: 360px) {
.carousel-gallery-overlay,
.carousel-overlay {
bottom: 16px;
}
.carousel-heading {
flex-direction: column;
align-items: flex-start !important;
}
}