@font-face {
font-family: "Jost";
src: url(//roliki.md/wp-content/themes/p-child/fonts/Jost-VariableFont_wght.woff2) format("woff2");
font-style: normal;
font-weight: 100 900;
font-display: swap;
}
.roliki-home-minimal-runtime .elementor-invisible {
visibility: visible !important;
opacity: 1 !important;
animation: none !important;
}
.roliki-home-minimal-runtime .porto-posts-grid .posts-wrap.owl-carousel {
display: grid;
grid-template-columns: none;
grid-auto-flow: column;
grid-auto-columns: calc((100% - 40px) / 3);
gap: 20px;
overflow-x: auto;
overflow-y: hidden;
padding-bottom: 10px;
scroll-snap-type: x mandatory;
overscroll-behavior-inline: contain;
scrollbar-width: thin;
}
.roliki-home-minimal-runtime .porto-posts-grid .posts-wrap.owl-carousel > .porto-tb-item {
width: 100% !important;
max-width: none !important;
margin-inline: 0 !important;
scroll-snap-align: start;
} .roliki-home-minimal-runtime .elementor-element-8559353 .elementor-post__thumbnail {
overflow: hidden;
}
.roliki-home-minimal-runtime .elementor-element-8559353 .elementor-post__thumbnail img {
position: absolute !important;
inset: 0;
width: 100% !important;
height: 100% !important;
object-fit: cover;
transform: none !important;
}
.roliki-home-minimal-runtime .elementor-2 > .elementor-element-105263d {
padding-top: 36px !important;
padding-bottom: 36px !important;
}
.roliki-home-minimal-runtime .elementor-2 > .elementor-element-ac8b81f {
margin-top: 32px !important;
margin-bottom: 28px !important;
padding-top: 36px !important;
padding-bottom: 20px !important;
}
.roliki-home-minimal-runtime .elementor-2 > .elementor-element-47fcada {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.roliki-home-minimal-runtime .elementor-2 > .elementor-element-8c67f45 {
margin-bottom: 32px !important;
}
.roliki-home-minimal-runtime .elementor-2 > .elementor-element-ce8dff1 {
margin-bottom: 36px !important;
padding-bottom: 32px !important;
}
.roliki-home-minimal-runtime .elementor-2 > .elementor-element-db1cf22 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.roliki-home-minimal-runtime .elementor-2 > .elementor-element-23dad83 {
margin-top: 36px !important;
margin-bottom: 24px !important;
}
@supports (content-visibility: auto) {
.roliki-home-minimal-runtime .elementor-2 > .elementor-section:not(.elementor-element-23d7c9c):not(.elementor-element-105263d),
.roliki-home-minimal-runtime #footer {
content-visibility: auto;
contain-intrinsic-size: auto 900px;
}
}
@media (max-width: 767px) {
.roliki-home-minimal-runtime .porto-posts-grid .posts-wrap.owl-carousel {
grid-auto-columns: minmax(260px, 86vw);
gap: 16px;
padding: 0 2vw 10px;
}
.roliki-home-minimal-runtime .elementor-2 > .elementor-element-105263d {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.roliki-home-minimal-runtime .elementor-2 > .elementor-element-ac8b81f {
margin-top: 24px !important;
margin-bottom: 20px !important;
padding-top: 24px !important;
padding-bottom: 16px !important;
}
.roliki-home-minimal-runtime .elementor-2 > .elementor-element-47fcada {
padding-top: 28px !important;
padding-bottom: 28px !important;
}
.roliki-home-minimal-runtime .elementor-2 > .elementor-element-8c67f45 {
margin-bottom: 24px !important;
}
.roliki-home-minimal-runtime .elementor-2 > .elementor-element-ce8dff1 {
margin-bottom: 24px !important;
padding-bottom: 20px !important;
}
.roliki-home-minimal-runtime .elementor-2 > .elementor-element-db1cf22 {
padding-top: 28px !important;
padding-bottom: 28px !important;
}
.roliki-home-minimal-runtime .elementor-2 > .elementor-element-23dad83 {
margin-top: 24px !important;
margin-bottom: 16px !important;
}
.roliki-home-minimal-runtime .elementor-element-c637cfc > .elementor-container {
display: grid !important;
grid-template-columns: none !important;
grid-auto-flow: column;
grid-auto-columns: minmax(270px, 84vw);
align-items: stretch;
gap: 14px;
overflow-x: auto;
padding: 0 2vw 10px;
scroll-snap-type: x mandatory;
overscroll-behavior-inline: contain;
scrollbar-width: thin;
}
.roliki-home-minimal-runtime .elementor-element-c637cfc > .elementor-container > .elementor-column {
width: 100% !important;
min-width: 0;
scroll-snap-align: start;
}
.roliki-home-minimal-runtime .elementor-element-8f93553 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.roliki-home-minimal-runtime .elementor-element-8f93553 > .elementor-widget-container {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.roliki-home-minimal-runtime .elementor-element-8f93553 .porto-gallery {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
width: 100% !important;
margin: 0 !important;
}
.roliki-home-minimal-runtime .elementor-element-8f93553 .porto-gallery > figure {
display: grid !important;
place-items: center;
width: 100% !important;
height: 116px !important;
margin: 0 !important;
padding: 8px !important;
}
.roliki-home-minimal-runtime .elementor-element-8f93553 .porto-gallery img {
width: 100% !important;
max-width: 96px !important;
height: 96px !important;
object-fit: contain;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.roliki-home-minimal-runtime .porto-posts-grid .posts-wrap.owl-carousel {
grid-auto-columns: calc((100% - 20px) / 2);
}
}
@font-face {
font-family: "Jost Metric Fallback";
src: local("Arial");
size-adjust: 100%;
ascent-override: 96.8%;
descent-override: 24%;
line-gap-override: 0%;
}
@font-face {
font-family: "Jost";
src: url(//roliki.md/wp-content/themes/p-child/fonts/Jost-Italic-VariableFont_wght.woff2) format("woff2");
font-style: italic;
font-weight: 100 900;
font-display: swap;
}
:root {
--porto-body-ff: "Jost", "Jost Metric Fallback", sans-serif;
--porto-heading-ff: "Jost", "Jost Metric Fallback", sans-serif;
--porto-menu-ff: "Jost", "Jost Metric Fallback", sans-serif;
--porto-add-to-cart-ff: "Jost", "Jost Metric Fallback", sans-serif;
--bs-font-sans-serif: "Jost", "Jost Metric Fallback", sans-serif;
--e-global-typography-primary-font-family: "Jost";
--e-global-typography-secondary-font-family: "Jost";
--e-global-typography-text-font-family: "Jost";
--e-global-typography-accent-font-family: "Jost";
}
body {
font-family: "Jost", "Jost Metric Fallback", sans-serif;
} #header.header-builder {
--roliki-header-logo-width: 111px;
--roliki-header-logo-ratio: 1134 / 1169;
--roliki-header-logo-height: calc(var(--roliki-header-logo-width) * 1169 / 1134);
}
#header.header-builder .elementor-widget-porto_hb_logo,
#header.header-builder .elementor-widget-porto_hb_logo > .elementor-widget-container,
#header.header-builder .logo,
#header.header-builder .logo > a {
width: var(--roliki-header-logo-width);
min-width: var(--roliki-header-logo-width);
max-width: var(--roliki-header-logo-width);
}
#header.header-builder .logo,
#header.header-builder .logo > a {
aspect-ratio: var(--roliki-header-logo-ratio);
min-height: var(--roliki-header-logo-height);
}
#header.header-builder .logo img.standard-logo,
#header.header-builder .logo img.retina-logo,
#header.header-builder .logo img.sticky-logo,
#header.header-builder .logo img.sticky-retina-logo {
width: var(--roliki-header-logo-width);
height: var(--roliki-header-logo-height);
max-width: var(--roliki-header-logo-width);
aspect-ratio: var(--roliki-header-logo-ratio);
object-fit: contain;
}
#header.header-builder .elementor-element-f813a9b > .elementor-container {
min-height: calc(var(--roliki-header-logo-height) + 24px);
}
#header.header-builder .header-main > .elementor-container {
min-height: 44px;
}
@media (max-width: 991px) {
#header.header-builder {
--roliki-header-logo-width: 111px;
}
}
@media (max-width: 767px) {
#header.header-builder {
--roliki-header-logo-width: 111px;
}
#header.header-builder .elementor-element-f813a9b > .elementor-container {
min-height: 0;
}
#header.header-builder .elementor-element-f813a9b .elementor-element-637c8d2 > .elementor-widget-wrap {
display: grid !important;
grid-template-columns: max-content minmax(0, 1fr);
grid-template-rows: minmax(0, 1fr) auto;
align-items: center;
column-gap: 8px;
row-gap: 2px;
width: 100%;
padding: 8px 4px !important;
}
#header.header-builder .elementor-element-f813a9b .elementor-element-f6f17a7 {
grid-column: 1;
grid-row: 1 / span 2;
align-self: center;
justify-self: start;
width: var(--roliki-header-logo-width) !important;
max-width: var(--roliki-header-logo-width) !important;
margin: 0 !important;
padding: 0 !important;
}
#header.header-builder .elementor-element-f813a9b .elementor-element-f6f17a7 .logo {
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
#header.header-builder .elementor-element-f813a9b .elementor-element-f6f17a7 > .elementor-widget-container {
padding: 0 !important;
}
#header.header-builder .elementor-element-f813a9b .elementor-element-5d577b7 {
grid-column: 2;
grid-row: 2;
justify-self: stretch;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
#header.header-builder .elementor-element-f813a9b .elementor-element-5d577b7 > .elementor-widget-container {
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
#header.header-builder .elementor-element-f813a9b .elementor-element-5d577b7 .porto-sicon-box {
display: flex !important;
align-items: center;
justify-content: center !important;
width: 100%;
margin: 0;
white-space: nowrap;
}
#header.header-builder .elementor-element-f813a9b .elementor-element-5d577b7 .porto-icon {
font-size: 16px;
}
#header.header-builder .elementor-element-f813a9b .elementor-element-5d577b7 .porto-sicon-default .porto-icon {
margin-right: 4px;
}
#header.header-builder .elementor-element-f813a9b .elementor-element-5d577b7 .porto-sicon-title {
margin: 0;
font-size: 14px;
line-height: 1.1;
}
#header.header-builder .elementor-element-f813a9b .elementor-element-98f74c1 {
grid-column: 2;
grid-row: 1;
align-self: stretch;
min-width: 0;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
#header.header-builder .elementor-element-f813a9b .elementor-element-98f74c1 > .elementor-widget-container,
#header.header-builder .elementor-element-f813a9b .elementor-element-98f74c1 .porto-u-heading,
#header.header-builder .elementor-element-f813a9b .elementor-element-98f74c1 .porto-u-main-heading {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
min-width: 0;
margin: 0;
}
#header.header-builder .elementor-element-f813a9b .elementor-element-98f74c1 h2 {
margin: 0;
font-size: clamp(17px, 4.7vw, 19px);
line-height: 1.12;
text-align: center;
overflow-wrap: normal;
word-break: normal;
}
#header.header-builder .elementor-element-26951b0 {
display: none !important;
}
}
@media (min-width: 992px) {
#header.header-builder .elementor-element-956e198 {
flex: 0 0 74px !important;
width: 74px !important;
min-width: 74px !important;
max-width: 74px !important;
height: 14px !important;
min-height: 14px !important;
max-height: 14px !important;
}
#header.header-builder .elementor-element-956e198 > .elementor-widget-container {
width: 51px !important;
height: 14px !important;
min-height: 14px !important;
max-height: 14px !important;
line-height: 0 !important;
}
#header.header-builder .elementor-element-956e198 .elementor-social-icons-wrapper {
display: inline-flex !important;
align-items: center !important;
width: 51px !important;
height: 14px !important;
min-height: 14px !important;
max-height: 14px !important;
gap: 23px !important;
line-height: 0 !important;
}
#header.header-builder .elementor-element-956e198 .elementor-grid-item,
#header.header-builder .elementor-element-956e198 .elementor-social-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 14px !important;
width: 14px !important;
height: 14px !important;
min-width: 14px !important;
min-height: 14px !important;
max-width: 14px !important;
max-height: 14px !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
}
#header.header-builder .elementor-element-956e198 .elementor-social-icon svg {
display: block !important;
flex: 0 0 14px !important;
width: 14px !important;
height: 14px !important;
min-width: 14px !important;
min-height: 14px !important;
max-width: 14px !important;
max-height: 14px !important;
}
} @media (min-width: 992px) {
.home .roliki-home-header-has-shop {
flex-wrap: nowrap !important;
}
.home .roliki-home-header-has-shop > .elementor-element-01254a0 {
flex: 1 1 auto !important;
min-width: 0 !important;
}
.home .roliki-home-header-has-shop > .elementor-widget-porto_hb_search_form,
.home .roliki-home-header-has-shop > .roliki-home-shop-widget,
.home .roliki-home-header-has-shop > .roliki-home-apply-widget {
flex: 0 0 auto !important;
}
}
.home .elementor-element-23d7c9c {
--fsnsr-hero-panel: clamp(410px, 35vw, 500px);
background: #00a335 !important;
isolation: isolate;
}
.home .elementor-element-f631218 {
--fsnsr-hero-panel: clamp(410px, 35vw, 500px);
position: relative;
overflow: hidden;
background: #00a335 !important;
isolation: isolate;
}
.home .elementor-element-f631218::after {
position: absolute;
inset: 0 0 0 var(--fsnsr-hero-panel);
z-index: 1;
content: "";
pointer-events: none;
background: linear-gradient(90deg, #00a335 0, rgba(0, 163, 53, 0.48) 2%, rgba(0, 163, 53, 0) 7%);
}
.home .elementor-element-23d7c9c > .elementor-background-overlay {
left: var(--fsnsr-hero-panel) !important;
right: 0 !important;
width: auto !important;
opacity: 1 !important;
z-index: 1;
background-color: transparent !important;
background-image: linear-gradient(90deg, #00a335 0, rgba(0, 163, 53, 0.48) 2%, rgba(0, 163, 53, 0) 7%) !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.home .roliki-home-hero-media {
position: absolute;
inset: 0 0 0 var(--fsnsr-hero-panel);
z-index: 0;
display: block;
overflow: hidden;
margin: 0;
background: #132630;
}
.home .roliki-home-hero-media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.home .elementor-element-23d7c9c .elementor-element-c154be2,
.home .elementor-element-23d7c9c .elementor-element-c9905df,
.home .elementor-element-23d7c9c .elementor-element-988d0c0 {
display: none !important;
}
.home .elementor-element-b79e608 .elementor-element-c9f535d {
width: var(--fsnsr-hero-panel) !important;
max-width: var(--fsnsr-hero-panel) !important;
}
.home .elementor-element-f631218 > .porto-ibanner {
position: relative;
z-index: 2;
min-height: 540px !important;
background-color: transparent !important;
}
.home .elementor-element-f631218 .elementor-element-9419df8 {
width: var(--fsnsr-hero-panel) !important;
max-width: var(--fsnsr-hero-panel) !important;
background: #00a335;
}
.home .elementor-element-f631218 .porto-ibanner-layer {
left: 0 !important;
right: auto !important;
width: var(--fsnsr-hero-panel) !important;
padding: 0 40px !important;
text-align: center !important;
transform: translateY(-50%) !important;
}
.home .elementor-element-f631218 .elementor-element-419f4c1,
.home .elementor-element-f631218 .elementor-element-4c96bf3,
.home .elementor-element-f631218 .elementor-element-7ca8d6e {
width: 100% !important;
text-align: center !important;
}
.home .elementor-element-f631218 .elementor-element-7ca8d6e {
display: block !important;
}
.home .elementor-element-f631218 .elementor-element-4c96bf3 .elementor-heading-title {
font-size: 0 !important;
}
.home .elementor-element-f631218 .elementor-element-4c96bf3 .elementor-heading-title::after {
content: "#FSNSR";
color: #fff;
font-size: clamp(54px, 5vw, 74px);
line-height: 1;
}
.home .elementor-element-f631218 .elementor-heading-title {
color: #fff !important;
text-shadow: 0 2px 12px rgba(0, 46, 19, 0.28);
}
.home .elementor-element-c9f535d .porto-ibanner-layer {
left: 24px !important;
right: auto !important;
width: calc(100% - 24px) !important;
padding: 0 40px !important;
text-align: center !important;
transform: translateY(-50%) !important;
}
.home .elementor-element-c9f535d .elementor-element-c3ed327,
.home .elementor-element-c9f535d .elementor-element-0a0705b,
.home .elementor-element-c9f535d .elementor-element-834aa74 {
width: 100% !important;
text-align: center !important;
}
.home .elementor-element-c9f535d .elementor-heading-title {
color: #fff !important;
text-shadow: 0 2px 12px rgba(0, 46, 19, 0.28);
} @media (min-width: 1641px) {
.home .elementor-element-23d7c9c > .porto-ibanner,
.home .elementor-element-23d7c9c .elementor-element-b79e608 > .porto-ibanner,
.home .elementor-element-f631218 > .porto-ibanner {
min-height: max(750px, calc((100vw - var(--fsnsr-hero-panel)) * 0.6)) !important;
}
}
@media (max-width: 767px) {
.home .elementor-element-f631218,
.home .elementor-element-23d7c9c.elementor-hidden-mobile {
--fsnsr-hero-panel: 100%;
display: flex !important;
min-height: clamp(450px, 124.9vw, 560px) !important;
background: #032d3a !important;
}
.home .elementor-element-23d7c9c > .porto-ibanner,
.home .elementor-element-23d7c9c .elementor-element-b79e608 > .porto-ibanner,
.home .elementor-element-f631218 > .porto-ibanner {
min-height: clamp(450px, 124.9vw, 560px) !important;
}
.home .elementor-element-f631218::after {
inset: 0;
background: linear-gradient(180deg, rgba(1, 35, 49, 0.9) 0, rgba(1, 52, 62, 0.56) 35%, rgba(1, 35, 49, 0.08) 65%);
}
.home .elementor-element-23d7c9c > .elementor-background-overlay {
inset: 0 !important;
width: 100% !important;
background-image: linear-gradient(180deg, rgba(1, 35, 49, 0.9) 0, rgba(1, 52, 62, 0.56) 35%, rgba(1, 35, 49, 0.08) 65%) !important;
background-position: center !important;
background-size: 100% 100% !important;
background-repeat: no-repeat !important;
}
.home .roliki-home-hero-media {
inset: 0;
background: #032d3a;
}
.home .roliki-home-hero-media img {
object-fit: contain;
object-position: center;
}
.home .elementor-element-b79e608 .elementor-element-c9f535d {
width: 100% !important;
max-width: 100% !important;
}
.home .elementor-element-f631218 .elementor-element-9419df8 {
width: 100% !important;
max-width: 100% !important;
background: transparent;
}
.home .elementor-element-c9f535d .porto-ibanner-layer {
left: 0 !important;
width: 100% !important;
top: 42px !important;
transform: none !important;
padding: 0 24px !important;
}
.home .elementor-element-f631218 .porto-ibanner-layer {
left: 0 !important;
width: 100% !important;
top: 42px !important;
transform: none !important;
padding: 0 24px !important;
}
.home .elementor-element-c9f535d .elementor-element-c3ed327 .elementor-heading-title {
font-size: clamp(20px, 6vw, 25px) !important;
line-height: 1.2 !important;
}
.home .elementor-element-f631218 .elementor-element-419f4c1 .elementor-heading-title {
font-size: clamp(20px, 6vw, 25px) !important;
line-height: 1.2 !important;
}
.home .elementor-element-f631218 .elementor-element-4c96bf3 {
margin-bottom: 16px !important;
padding-bottom: 0 !important;
}
.home .elementor-element-f631218 .elementor-element-4c96bf3 .elementor-heading-title::after {
font-size: clamp(44px, 14vw, 58px);
}
.home .elementor-element-f631218 .elementor-element-7ca8d6e {
display: block !important;
}
.home .elementor-element-f631218 .elementor-element-7ca8d6e .btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 44px;
padding: 11px 22px !important;
color: #fff !important;
border: 2px solid rgba(255, 255, 255, 0.88) !important;
border-radius: 999px !important;
background: rgba(0, 163, 53, 0.92) !important;
box-shadow: 0 8px 24px rgba(0, 35, 23, 0.28);
font-family: "Jost", sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.1 !important;
}
.home .elementor-element-c9f535d .elementor-element-0a0705b {
margin-bottom: 16px !important;
padding-bottom: 0 !important;
}
.home .elementor-element-c9f535d .elementor-element-0a0705b .elementor-heading-title {
font-size: clamp(44px, 14vw, 58px) !important;
line-height: 1 !important;
}
.home .elementor-element-c9f535d .elementor-element-834aa74 .btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 44px;
padding: 11px 22px !important;
color: #fff !important;
border: 2px solid rgba(255, 255, 255, 0.88) !important;
border-radius: 999px !important;
background: rgba(0, 163, 53, 0.92) !important;
box-shadow: 0 8px 24px rgba(0, 35, 23, 0.28);
font-family: "Jost", sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.1 !important;
}
}