:root {
--body-font: "Mukta", sans-serif !important;
}
.container-md {
max-width: var(--container-md);
margin: 0 auto;
}
.container-full {
max-width: 100%;
margin: 0 auto;
}
.container-lg {
max-width: var(--container-lg);
margin: 0 auto;
}
.container-xl {
max-width: var(--container-xl);
margin: 0 auto;
}
.container-2xl {
max-width: var(--container-2xl);
margin: 0 auto;
}
.container-4xl {
max-width: var(--container-4x);
margin: 0 auto;
}
a.text-link {
font-size: var(--text-base);
font-weight: var(--font-normal);
text-decoration: none;
color: var(--color-primary);
}
a.text-link:visited {
color: var(--color-primary);
}
.location-link:hover {
color: var(--color-secondary);
}
@media screen and (max-width: 900px) {
:root {
--text-3xl: 2.25rem !important;
--text-5xl: 2.25rem !important;
--text-4xl: 2.25rem !important;
--text-2xl: 1.5rem !important;
--space-24: 3rem !important;
--space-12: 2.25rem !important;
--space-14: 2.25rem !important;
}
}
@media screen and (max-width: 768px) {
table,
tbody tr {
all: unset !important;
}
}
.varia-singel--blog-navigation a:visited {
color: var(--color-text);
} .varia-header-section li {
list-style: none;
}
.varia-header-section li a {
text-decoration: none;
color: var(--color-white);
}
.varia-header-section li a:hover {
color: var(--color-secondary);
}
.varia-header-section {
background-color: var(--color-text);
}
.header-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.varia-logo-wrapper {
width: 25%;
}
.varia-logo-wrapper .custom-logo {
width: 250px;
height: unset;
}
.varia-menu-wrapper {
width: 75%;
} .varia-top-header--wrapper {
max-width: 780px;
margin-left: auto;
margin-right: 0;
margin-top: 45px;
display: flex;
align-items: center;
justify-content: space-between;
}
.menu-top-header-menu-container ul,
.menu-top-bar-menu-shop-container ul {
display: flex;
margin: 0;
}
.menu-top-header-menu-container ul li a,
.menu-top-bar-menu-shop-container ul li a {
font-size: 14px;
font-weight: 300;
color: var(--color-white);
padding: 0 15px;
}
.menu-top-header-menu-container ul li:not(:last-child)::after,
.menu-top-bar-menu-shop-container ul li:not(:last-child)::after {
content: " / ";
color: var(--color-secondary);
}
.top-header-bora-icon img {
width: 108px;
}
.top-header-social-media--icons {
display: flex;
align-items: center;
gap: 16px;
}
.top-header-social-media--icons svg {
fill: #fff;
width: 24px;
height: 24px;
transition: all ease-in 300ms;
}
.top-header-social-media--icons svg:hover {
fill: var(--color-secondary);
} .varia-nav-wrapper ul {
margin: 0 !important;
}
.varia-menu--wrapper {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: nowrap;
gap: 85px;
margin: 50px 0 16px auto;
}
body.home .varia-menu--wrapper {
margin-bottom: 90px;
}
.varia-nav-wrapper ul:not(.sub-menu) {
display: flex;
color: #fff;
gap: 26px;
justify-content: space-between;
}
.varia-nav-wrapper ul.sub-menu {
display: none;
}
.varia-menu-wrapper li.current_page_item > a,
.varia-menu-wrapper li.current-menu-item > a,
.varia-menu-wrapper li.current_page_parent > a {
color: var(--color-secondary);
position: relative;
padding-inline: 3px;
}
.varia-menu-wrapper li.current_page_item > a::after,
.varia-menu-wrapper li.current-menu-item > a::after,
.varia-menu-wrapper li.current_page_parent > a::after {
content: " ";
width: 110%;
height: 2px;
background-color: var(--color-secondary);
position: absolute;
bottom: 0;
left: 0;
}
.varia-menu-wrapper ul.sub-menu li.current-menu-item > a::after,
.varia-menu-wrapper ul.sub-menu li.current_page_item > a::after {
content: " " !important;
width: 0;
height: 0;
}
.varia-menu-wrapper ul.sub-menu li.current-menu-item {
background-color: #ece9e4;
}
.varia-nav-wrapper {
flex: 0 1 auto;
} .varia-nav-wrapper li.menu-item-has-children {
position: relative;
}
.varia-nav-wrapper li.menu-item-has-children ul.sub-menu {
display: none;
opacity: 0;
transition: all 0.3s ease; }
.varia-nav-wrapper li.menu-item-has-children:hover ul.sub-menu {
display: block;
opacity: 1;
position: absolute;
z-index: 999;
left: 0;
background-color: #fff;
border-radius: 5px;
box-shadow: 0px 5px 30px 0px rgb(0 0 0 / 10%);
}
.varia-nav-wrapper li.menu-item-has-children:has(ul.sub-menu li:hover) > a {
color: var(--color-secondary);
}
.varia-nav-wrapper li.menu-item-has-children:hover ul.sub-menu::before {
content: "";
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid var(--color-white);
position: absolute;
top: -8px;
left: 15px;
}
.varia-nav-wrapper li.menu-item-has-children:hover ul.sub-menu a {
color: var(--color-text);
font-size: 14px;
}
.varia-nav-wrapper li.menu-item-has-children:hover ul.sub-menu li {
padding: 0.3em 0.5em;
}
.varia-nav-wrapper li.menu-item-has-children:hover ul.sub-menu li:first-child {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.varia-nav-wrapper li.menu-item-has-children:hover ul.sub-menu li:last-child {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.varia-nav-wrapper li.menu-item-has-children:hover ul.sub-menu li:hover {
background-color: #ece9e4;
}
.varia-nav-wrapper li.menu-item-has-children:hover ul.sub-menu li {
min-width: 180px;
}
@media screen and (max-width: 1600px) {
.varia-menu--wrapper {
gap: 40px;
}
.varia-nav-wrapper ul:not(.sub-menu) {
gap: 26px;
}
}
@media screen and (max-width: 1400px) {
.varia-logo-wrapper {
width: 15%;
}
.varia-menu-wrapper {
width: 85%;
}
.varia-logo-wrapper .custom-logo {
max-width: 180px;
}
}
@media screen and (max-width: 1200px) {
} .varia-buttons-wrapper .varia-page-kitchen--btn {
display: flex;
align-items: center;
gap: 5px;
max-height: 50px;
max-width: 190px;
font-size: 16px;
font-weight: var(--font-light);
line-height: 1.1em;
padding: 13px 16px;
gap: 5px;
letter-spacing: 0;
margin: unset;
}
.varia-buttons-wrapper .varia-page-kitchen--btn svg {
width: 26px;
height: 26px;
transition: all ease-in-out 300ms;
}
.varia-buttons-wrapper .varia-page-kitchen--btn:hover svg {
transform: scale(1.1);
}
.varia-buttons-wrapper {
flex: 0 1 280px;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 26px;
} .varia-page-shop--btn {
display: inline-block;
background-color: var(--color-white);
max-width: 50px;
width: 100%;
height: 50px;
vertical-align: middle;
text-align: center;
border-radius: 2px;
padding-top: 11px;
}
.varia-page-shop--btn svg {
width: 28px;
height: 28px;
}
.varia-page-shop--btn:hover {
background-color: var(--color-secondary);
} .mobile-open--menu {
display: none;
} @media screen and (max-width: 1250px) {
.varia-nav-wrapper,
.varia-buttons-wrapper,
.varia-top-header--wrapper,
.header-shop-menu {
display: none;
}
.mobile-open--menu {
display: block;
}
.varia-logo-wrapper .custom-logo {
width: 160px;
padding: 10px 0;
}
.varia-menu--wrapper {
margin: 0;
}
.mfp-content {
vertical-align: top !important;
}
body.home .varia-menu--wrapper {
margin: 0 !important;
}
}
@media screen and (max-width: 600px) {
.varia-logo-wrapper .custom-logo {
width: 100px;
padding: 10px 0;
}
}
.mobile-open--menu .fa-bars {
color: var(--color-white);
font-size: 24px;
}
.mfp-bg.mfp-ready {
opacity: 1;
}
#mobile-menu-popup {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 48px 16px;
}
#mobile-menu-popup ul:not(ul.sub-menu) {
margin: 0;
}
#mobile-menu-popup ul.sub-menu {
display: none;
padding: 7px;
margin: 0;
}
#mobile-menu-popup ul li {
list-style: none;
}
#mobile-menu-popup ul li a {
text-decoration: none;
color: var(--color-white);
text-transform: uppercase;
display: inline-block;
font-size: 18px;
font-weight: 400;
line-height: 2em;
}
#mobile-menu-popup ul li a:hover {
color: var(--color-secondary);
}
#mobile-menu-popup .mfp-close {
font-size: 36px;
color: var(--color-white);
}
#mobile-menu-popup .varia-page-kitchen--btn {
max-width: 250px;
gap: 5px;
padding: 7px 15px;
font-size: 14px;
}
#mobile-menu-popup .varia-page-kitchen--btn svg {
width: 24px;
height: 24px;
}
.varia-shop-btn svg {
width: 20px;
height: 20px;
}
.varia-shop-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: var(--color-text) !important;
background-color: var(--color-white);
border: 1px solid var(--color-text);
padding: 5px;
text-decoration: none;
border-radius: 2px;
margin-top: 16px;
}
#mobile-menu-popup a.varia-page-kitchen--btn {
margin: 16px 0 !important;
} .top-header-shipping-icon {
display: flex;
align-items: center;
gap: 10px;
}
.varia-menu-wrapper.shop {
max-width: 65%;
}
.varia-nav-wrapper {
flex: 1;
}
.top-header-shipping-icon span {
font-size: 16px;
text-transform: uppercase;
color: var(--color-white);
font-weight: 300;
}
.varia-menu-wrapper.shop .varia-top-header--wrapper {
max-width: 960px;
}
.varia-menu-wrapper.shop {
max-width: 1000px;
}
.varia-top-heade-shop-inner-wrapper {
display: flex;
gap: 48px;
align-items: center;
}
.varia-moj-racun {
line-height: 1;
}
.varia-moj-racun svg {
font-size: 26px;
vertical-align: middle;
fill: var(--color-secondary);
}
.varia-moj-racun:hover svg {
fill: var(--color-white);
}
.cart-toggle {
padding: unset;
background-color: transparent;
}
.cart-toggle::after {
content: " ";
display: block;
width: 26px;
height: 26px;
background: no-repeat center/contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19.999" viewBox="0 0 24 19.999"><g transform="translate(0 -4)"><path d="M19.09,19H10.1a2.907,2.907,0,0,1-2.8-2.07l-3.04-10.3A.9.9,0,0,0,3.382,6H1A1,1,0,1,1,1,4H3.382a2.905,2.905,0,0,1,2.8,2.07L6.748,8H22.042a1.972,1.972,0,0,1,1.583.795,1.889,1.889,0,0,1,.288,1.7L21.85,17.038A2.9,2.9,0,0,1,19.09,19Zm2.953-9h.01Z" fill="%23fbc000"/><path d="M11,24a2,2,0,1,1,2-2A2,2,0,0,1,11,24Zm0-2h0Z" transform="translate(0 -0.001)" fill="%23fbc000"/><path d="M18,24a2,2,0,1,1,2-2A2,2,0,0,1,18,24Zm0-2h0Z" transform="translate(-0.001 -0.001)" fill="%23fbc000"/></g></svg>') !important;
}
.cart-toggle:hover::after {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19.999" viewBox="0 0 24 19.999"><g transform="translate(0 -4)"><path d="M19.09,19H10.1a2.907,2.907,0,0,1-2.8-2.07l-3.04-10.3A.9.9,0,0,0,3.382,6H1A1,1,0,1,1,1,4H3.382a2.905,2.905,0,0,1,2.8,2.07L6.748,8H22.042a1.972,1.972,0,0,1,1.583.795,1.889,1.889,0,0,1,.288,1.7L21.85,17.038A2.9,2.9,0,0,1,19.09,19Zm2.953-9h.01Z" fill="%23fff"/><path d="M11,24a2,2,0,1,1,2-2A2,2,0,0,1,11,24Zm0-2h0Z" transform="translate(0 -0.001)" fill="%23fff"/><path d="M18,24a2,2,0,1,1,2-2A2,2,0,0,1,18,24Zm0-2h0Z" transform="translate(-0.001 -0.001)" fill="%23fff"/></g></svg>') !important;
}
.cart-toggle i {
display: none;
}
.varia-cart-menu-icon {
cursor: pointer;
margin-bottom: -10px;
}
.varia-cart-menu-icon svg {
fill: var(--color-secondary);
}
.varia-cart-menu-icon:hover svg {
fill: var(--color-white);
} .aws-container {
max-width: 400px;
width: 100%;
}
.aws-search-form {
border-radius: 2px;
overflow: hidden;
}
.aws-container .aws-search-form .aws-form-btn {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
}
.aws-container .aws-search-form .aws-search-btn_icon {
color: var(--color-text);
}
.aws-container .aws-search-form .aws-form-btn:hover {
background-color: var(--color-text);
border-color: var(--color-white);
}
.aws-container .aws-search-form .aws-form-btn:hover .aws-search-btn_icon {
color: var(--color-white);
}
.aws-search-field {
color: var(--color-text);
padding-left: 8px;
}
.aws-search-result .aws_result_title {
color: var(--color-text) !important;
}
.aws_result_sale {
display: none;
}
.aws-container .aws-show-clear .aws-search-field {
padding-left: 12px;
border-radius: 2px;
} .header-shop-menu {
background-color: #ece9e4;
}
.header-shop-menu ul {
display: flex;
align-items: center;
justify-content: center;
gap: 45px;
padding: 15px 20px;
margin: 0 !important;
}
body.page-template-page-shop .header-shop-menu ul {
margin-bottom: 24px;
}
.header-shop-menu ul li {
list-style: none;
}
.header-shop-menu ul li a {
color: var(--color-text);
text-decoration: none;
font-size: 16px;
transition: all linear 300ms;
}
.header-shop-menu ul li a:hover {
text-decoration: underline;
}
.header-shop-menu ul li.current-menu-item a {
text-decoration: underline;
font-weight: 700;
} .varia-top-header--wrapper,
.varia-logo-wrapper .custom-logo,
.shop-menu-on-stiky {
transition: all linear 200ms;
}
.shop-menu-on-stiky {
visibility: hidden;
opacity: 0;
width: 0;
height: 0;
}
@media screen and (min-width: 1024px) {
body.admin-bar .varia-header-section.active {
top: 32px;
}
}
.varia-header-section.active {
position: fixed;
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
top: 0px;
padding: 20px;
box-shadow: 0px 5px 30px 0px rgb(0 0 0 / 10%);
z-index: 999;
}
.varia-header-section.active .varia-top-header--wrapper {
display: none;
}
.varia-header-section.active .varia-logo-wrapper .custom-logo {
width: 160px;
}
body.home .varia-header-section.active .varia-menu--wrapper,
.varia-header-section.active .varia-menu--wrapper {
margin-bottom: 0px;
margin-top: 0px;
}
.varia-header-section.active .shop-menu-on-stiky {
visibility: visible;
opacity: 1;
width: auto;
height: auto;
}
.varia-header-section.active .aws-container {
max-width: 280px;
}
.varia-header-section.active .varia-menu-wrapper.shop .varia-nav-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 1150px) {
.varia-header-section.active {
padding: 10px 20px;
}
.varia-header-section.active .varia-logo-wrapper .custom-logo {
width: 120px;
}
.varia-header-section.active .shop-menu-on-stiky {
display: none;
}
.varia-header-section.active .aws-container {
display: none;
}
}
@media screen and (max-width: 600px) {
.varia-header-section.active .varia-logo-wrapper .custom-logo {
width: 80px;
}
} .post-43 .varia-page-salon--content {
max-width: 520px;
}
.varia-page-salon--info {
display: flex;
gap: 120px;
margin: var(--space-16) 0;
}
.varia-page-salon--info .varia-page-salon-info-phone-mail--wrapper {
display: flex;
flex-direction: column;
gap: 20px;
}
.varia-page-salon--info .varia-page-salon--info-location--wrapper {
display: flex;
flex-direction: column;
gap: 50px;
}
.varia-page-salon--info .varia-page-salon-info-phone-mail--wrapper a {
display: flex;
align-items: center;
gap: 8px;
}
@media screen and (max-width: 767px) {
.varia-page-salon--info {
gap: 36px;
flex-direction: column;
}
} .varia-section-gallery {
margin: var(--space-24) 0;
}
.varia-section-gallery .slick-prev.pull-left.slick-arrow,
.varia-slider--container .slick-prev.pull-left.slick-arrow,
.product-priporca-wrapper .slick-prev.pull-left.slick-arrow {
left: -60px;
width: 30px;
height: 60px;
}
.varia-section-gallery .slick-next.pull-right,
.varia-slider--container .slick-next.pull-right,
.product-priporca-wrapper .slick-next.pull-right {
right: -60px;
width: 30px;
height: 60px;
}
.varia-section-gallery .slick-prev.pull-left.slick-arrow::before,
.varia-slider--container .slick-prev.pull-left.slick-arrow::before,
.product-priporca-wrapper .slick-prev.pull-left.slick-arrow::before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="31.533" height="60.545" viewBox="0 0 31.533 60.545"><g transform="translate(-122.587 0)"><g transform="translate(122.587 0)"><path d="M125.632,30.265,153.768,2.13a1.269,1.269,0,0,0-.025-1.78,1.274,1.274,0,0,0-1.755,0L122.956,29.382a1.257,1.257,0,0,0,0,1.78l29.032,29.032a1.259,1.259,0,0,0,1.78-1.78Z" transform="translate(-122.587 0)"/></g></g></svg>')
no-repeat center/contain;
color: var(--color-primary);
}
.varia-section-gallery .slick-next.pull-right.slick-arrow::before,
.varia-slider--container .slick-next.pull-right.slick-arrow::before,
.product-priporca-wrapper .slick-next.pull-right.slick-arrow::before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="31.532" height="60.545" viewBox="0 0 31.532 60.545"><g transform="translate(154.12 60.545) rotate(180)"><g transform="translate(122.587 0)"><path d="M125.632,30.265,153.768,2.13a1.269,1.269,0,0,0-.025-1.78,1.274,1.274,0,0,0-1.755,0L122.956,29.382a1.257,1.257,0,0,0,0,1.78l29.032,29.032a1.259,1.259,0,0,0,1.78-1.78Z" transform="translate(-122.587 0)"/></g></g></svg>')
no-repeat center/contain;
color: var(--color-primary);
}
@media screen and (max-width: 1800px) {
.varia-section-gallery .slick-prev.pull-left.slick-arrow,
.varia-slider--container .slick-prev.pull-left.slick-arrow,
.product-priporca-wrapper .slick-prev.pull-left.slick-arrow {
left: 0px;
width: 24px;
height: 40px;
}
.varia-section-gallery .slick-next.pull-right,
.varia-slider--container .slick-next.pull-right,
.product-priporca-wrapper .slick-next.pull-right {
right: 0px;
width: 24px;
height: 40px;
}
.varia-section-gallery .slick-list.draggable {
margin: 0 40px;
}
}
@media screen and (max-width: 767px) {
.varia-section-gallery .slick-prev.pull-left.slick-arrow,
.product-priporca-wrapper .slick-prev.pull-left.slick-arrow {
left: -5px;
width: 24px;
height: 24px;
}
.varia-section-gallery .slick-next.pull-right,
.product-priporca-wrapper .slick-next.pull-right {
right: -5px;
width: 24px;
height: 24px;
}
.varia-section-gallery .slick-list.draggable,
.product-priporca-wrapper .slick-list.draggable {
margin: 0 24px;
}
}
.varia-section-gallery .slick-list.draggable > div {
margin-left: 0;
}
.varia-singel-blog--posts .varia-section-gallery .slick-list.draggable img {
aspect-ratio: 2/3;
object-fit: cover;
max-height: 450px;
}
.varia-section-gallery .slick-list.draggable img {
aspect-ratio: 3/3;
max-height: 450px;
object-fit: cover;
} a.btn-online-configurator {
display: flex;
justify-content: center;
max-width: 480px;
width: 100%;
background-color: var(--color-secondary);
color: var(--color-text) !important;
font-size: var(--text-2xl);
font-weight: var(--font-light);
letter-spacing: 3px;
text-align: center;
vertical-align: middle;
text-decoration: none;
padding: var(--space-5);
border-radius: 2px;
margin-top: 130px;
}
a.btn-online-configurator:hover {
background-color: var(--color-text);
color: var(--color-white) !important;
}
@media screen and (max-width: 900px) {
a.btn-online-configurator {
margin: 26px auto;
}
}
.container.container-page-tittle {
display: block !important;
} .varia-singel-blog--posts {
margin: var(--space-16) 0;
}
.varia-singel-blog--posts h1.single-header--title {
font-weight: 200;
}
.varia-post-thubnail--wrapper img {
max-height: 660px;
object-fit: cover;
}
.varia-post-content--wrapper {
max-width: 800px;
margin: var(--space-16) auto 0 auto;
}
.varia-singel--blog-navigation {
display: flex;
justify-content: space-between;
align-items: center;
border-width: 1px 0;
border-style: solid;
border-color: var(--color-text);
padding: var(--space-8) var(--space-12);
}
.varia-singel--blog--nextpost a,
.varia-singel--blog--previouspost a {
display: flex;
align-items: center;
gap: 36px;
color: var(--color-text);
font-size: var(--text-base);
text-decoration: none;
}
.varia-singel--blog-navigation .arrow-right {
transform: rotate(180deg);
}
.varia-singel--blog--nextpost a:hover,
.varia-singel--blog--previouspost a:hover {
color: var(--color-secondary);
}
@media screen and (max-width: 767px) {
.varia-singel--blog--nextpost a,
.varia-singel--blog--previouspost a {
gap: 15px;
}
.varia-singel--blog-navigation {
padding: var(--space-4);
}
} section.varia-section-footer--cta {
background-color: #ece9e4;
padding-inline: 0 !important;
}
.varia-container-footer--cta--repeater {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: var(--space-6) var(--space-5);
}
.varia-item-container {
max-width: 150px;
}
.varia-container-footer--cta--repeater h2 {
font-size: var(--text-4xl);
font-weight: var(--font-normal);
line-height: var(--leading-6);
text-align: right;
position: relative;
}
.varia-container-footer--cta--repeater h2::after {
content: "";
position: absolute;
bottom: 0px;
right: 0;
width: 20px;
height: 2px;
background-color: var(--color-secondary);
}
.varia-container-footer--cta--repeater h3 {
font-size: var(--text-lg);
font-weight: var(--font-semibold);
line-height: var(--leading-5);
text-transform: uppercase;
text-align: right;
padding-top: var(--space-4);
}
.varia-banner--image {
width: 100%;
min-height: 240px;
} section.varia-banner {
padding: var(--space-24) 20px;
}
.varia-container-banner--cta {
max-width: var(--container-xl);
padding: var(--space-16) var(--space-4);
display: flex;
justify-content: center;
border: 5px solid var(--color-secondary);
border-radius: 2px;
}
.varia-container-banner--cta p {
font-size: var(--text-xxl);
line-height: var(--leading-6);
}
.varia-container-banner--cta p a:hover {
color: var(--color-text);
}
@media screen and (max-width: 1024px) {
.varia-container-footer--cta--repeater {
justify-content: center;
gap: 36px;
}
.varia-item-container {
width: 33%;
}
.varia-container-footer--cta--repeater h2 {
text-align: left;
}
.varia-container-footer--cta--repeater h3 {
text-align: left;
}
.varia-container-footer--cta--repeater h2::after {
left: 0;
right: unset;
}
.varia-banner {
padding: var(--space-12) 20px;
}
.varia-container-banner--cta {
padding: var(--space-8) 10px;
border-width: 3px;
}
.varia-container-banner--cta p {
font-size: var(--text-lg);
text-align: center;
}
}
@media screen and (max-width: 768px) {
.varia-container-footer--cta--repeater {
flex-wrap: nowrap;
justify-content: flex-start;
overflow: scroll;
gap: 50px !important;
}
.varia-container-footer--cta--repeater .varia-item-container {
max-width: unset;
display: inline-block;
width: 45% !important;
}
.varia-container-footer--cta--repeater h3 {
font-size: 14px !important;
}
} .varia-section-bora-banner {
max-width: 1920px;
margin: 0 auto var(--space-12) auto;
background-size: cover;
min-height: 700px;
}
.varia-section-bora-banner .varia-container-bora-banner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 80px;
color: var(--color-white);
}
@media screen and (max-width: 768px) {
.varia-section-bora-banner {
min-height: 480px;
background-size: cover;
}
.varia-section-bora-banner .varia-container-bora-banner {
align-items: flex-start;
}
}
.varia-section-bora-banner .varia-container-bora-banner .banner-title {
font-size: var(--text-3xl);
font-weight: 200;
line-height: 1.2;
color: var(--color-secondary);
padding-top: 26px;
}
.varia-section-bora-banner .varia-container-bora-banner .banner-description p {
font-size: var(--text-xl);
color: var(--color-white);
}
.varia-section-bora-banner .varia-container-bora-banner .banner-btn {
text-decoration: none;
background-color: #fff;
border: 1px solid #707070;
border-radius: 2px;
color: var(--color-text);
padding: 13px 64px;
transition: all ease-in 300ms;
}
.varia-section-bora-banner .varia-container-bora-banner .banner-btn:hover {
background-color: var(--color-secondary);
} body.category .page-title {
font-size: var(--text-3xl);
font-weight: 200;
letter-spacing: 3px;
line-height: 1.3;
margin: 60px auto 0 auto;
}
body.category .archive-description p:first-child {
font-size: var(--text-xl);
font-weight: 400;
letter-spacing: 5px;
color: var(--color-secondary);
margin-bottom: 0;
}
.varia-container-posts {
max-width: var(--container-3xl);
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 520px));
grid-column-gap: var(--space-7);
grid-row-gap: var(--space-16);
margin: 60px auto !important;
} .container-reference--content {
padding: var(--space-16) 0;
}
.varia-post .varia-post__thumbnail {
display: inline-block; overflow: hidden; max-height: 300px;
min-height: 300px;
}
.varia-post .varia-post__thumbnail img {
max-height: 300px;
min-height: 300px;
object-fit: cover;
transition: all linear 400ms;
}
.varia-post .varia-post__thumbnail:hover img {
transform: scale(1.1);
}
.varia-post .varia-post__tittle a {
display: inline-block;
font-size: var(--text-xxl);
font-weight: var(--font-semibold);
color: var(--color-text);
margin: 16px 0;
text-decoration: none;
line-height: 1.5em;
}
.varia-post .varia-post-categories {
display: flex;
gap: 20px;
}
.varia-post .varia-post-categories a {
color: var(--color-text);
text-decoration: none;
font-size: 14px;
border: 1px solid var(--color-primary);
padding: 5px 10px;
border-radius: 2px;
}
.varia-post .varia-post-categories a:hover {
background-color: var(--color-text);
color: var(--color-white);
}
.varia-post .varia-post__excerpt {
margin-top: 16px;
}
.varia-post__read-more {
color: var(--color-secondary);
}
.varia-post__read-more:hover {
color: var(--color-text);
}
.varia-post-content--wrapper iframe {
max-height: 480px;
}
@media screen and (max-width: 767px) {
.varia-post-content--wrapper iframe {
max-height: 3 80px;
}
} .varia-section-online-3d-konfigurator {
background-color: var(--color-primary);
}
.varia-container-online-3d-konfigurator {
text-align: center;
padding: var(--space-16) 0;
}
.varia-container-online-3d-konfigurator .banner-title {
font-size: var(--text-4xl);
font-weight: var(--font-bold);
color: #fff;
line-height: 1.5em;
}
.varia-container-online-3d-konfigurator a.banner-btn {
display: inline-block;
background-color: var(--color-white);
color: var(--color-text);
padding: 12px 60px;
border-radius: 2px;
text-decoration: none;
transition: all ease 300;
margin: var(--space-6) 0;
}
.varia-container-online-3d-konfigurator .banner-title span {
color: var(--color-secondary);
}
.varia-container-online-3d-konfigurator a.banner-btn:hover {
background-color: var(--color-secondary);
}
.varia-container-online-3d-konfigurator .banner-description p {
color: var(--color-white);
font-weight: 200;
} .catalogs-page--content {
margin-bottom: var(--space-16);
}
.catalogs-page--content h1 {
margin: var(--space-16) 0;
}
.catalogs-page--content .varia-catalog--items {
display: flex;
flex-wrap: wrap;
gap: 50px;
}
.catalogs-page--content .varia-catalog--items a {
width: 30%;
text-decoration: none;
}
.catalogs-page--content .varia-catalog--items a:hover img.varia-catalog-slika {
transform: translateY(-8px);
}
@media screen and (max-width: 850px) {
.catalogs-page--content .varia-catalog--items a {
width: 45%;
}
}
@media screen and (max-width: 500px) {
.catalogs-page--content .varia-catalog--items a {
width: 100%;
}
}
.catalogs-page--content .varia-catalog--items a:hover .varia-catalog-name {
color: var(--color-secondary);
}
.catalogs-page--content .varia-catalog--items a .varia-catalog-slika {
max-width: 400px;
max-height: 520px;
border: 1px solid #ece9e4;
transition: all ease 300ms;
}
.catalogs-page--content .varia-catalog--items .varia-catalog-name {
font-size: var(--text-lg);
font-weight: var(--font-normal);
padding: 0 20px 20px 20px;
transition: all ease 300ms;
}
.catalogs-page--content .varia-catalog--items .varia-catalog-file {
display: flex;
align-items: center;
gap: 10px;
padding: 0 20px 20px 20px;
border-bottom: 1px solid #000;
}
.catalogs-page--content .varia-catalog--items .varia-catalog-file svg {
width: 16px;
height: 16px;
}
.catalogs-page--content .varia-catalog--items .varia-catalog-file span {
font-size: var(--tex-small);
color: var(--color-text);
} .container-page-3d-rendering--content .varia-page-title {
padding-top: var(--space-16);
line-height: 1.2em;
}
.content-3d-rendering-page h2 {
font-size: var(--text-xl);
font-weight: 300;
}
.varia-prijava-3d-izris .row {
margin: 50px 0;
padding: 50px 0;
}
.varia-prijava-3d-izris .varia-title--wrapper {
display: flex;
align-items: baseline;
gap: 20px;
margin-bottom: 36px;
}
.varia-prijava-3d-izris .varia-title--wrapper span {
font-size: var(--text-4xl);
font-weight: var(--font-bold);
color: var(--color-secondary);
line-height: 1.1em;
}
.varia-prijava-3d-izris .varia-title--wrapper h3 {
font-size: var(--text-2xl);
font-weight: 300;
line-height: 1.1em;
}
.varia-prijava-3d-izris .row-wrapper {
display: flex;
gap: 24px;
}
.wpcf7-list-item {
margin: 0 !important;
}
.varia-input-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
}
.varia-input-wrapper img {
max-width: 240px;
max-height: 240px;
min-height: 240px;
object-fit: cover;
border: 4px solid transparent;
padding: 2px;
transition: all ease-in-out 300ms;
}
.wpcf7-list-item-label {
font-weight: 600;
}
.varia-input-wrapper span.wpcf7-list-item input[name="novo-kuhinjo-option"],
.varia-input-wrapper span.wpcf7-list-item input[name="kuhinja-montira-option"] {
visibility: visible !important;
width: auto !important;
accent-color: var(--color-primary);
}
.varia-input-wrapper span.wpcf7-list-item input[name="novo-kuhinjo-option"] + .wpcf7-list-item-label,
.varia-input-wrapper span.wpcf7-list-item input[name="kuhinja-montira-option"] + .wpcf7-list-item-label {
margin-left: 8px;
font-size: 20px;
}
@media screen and (max-width: 768px) {
.varia-input-wrapper img {
width: 140px;
height: 140px;
min-height: 140px;
border: 2px solid transparent;
}
.varia-input-wrapper span.wpcf7-list-item input[name="novo-kuhinjo-option"] + .wpcf7-list-item-label,
.varia-input-wrapper span.wpcf7-list-item input[name="kuhinja-montira-option"] + .wpcf7-list-item-label {
font-size: 16px;
}
}
img.active {
border-color: red;
}
.varia-prijava-3d-izris .row:nth-child(even) {
background-color: #ece9e4; box-shadow: 0 0 0 100vmax #ece9e4;
clip-path: inset(0 -100vmax);
}
@supports selector(:has(+ *)) {
.varia-input-wrapper span.wpcf7-list-item > input[type="radio"] {
visibility: hidden;
width: 0;
}
.varia-input-wrapper:has(span.wpcf7-list-item > input[type="radio"]:checked) > img {
border: 4px solid var(--color-secondary);
padding: 2px;
}
.varia-input-wrapper:has(span.wpcf7-list-item > input[type="radio"]:checked) .wpcf7-list-item-label {
color: var(--color-secondary);
}
}
.varia-prijava-3d-izris .row-wrapper.two-col {
gap: 80px;
}
.varia-prijava-3d-izris .row-wrapper.two-col div {
width: 45%;
}
.varia-prijava-3d-izris .row-wrapper.two-col a {
color: var(--color-text);
}
.varia-prijava-3d-izris .row-wrapper.two-col a:hover {
color: var(--color-secondary);
}
.varia-prijava-3d-izris .row-wrapper.two-col input[type="submit"] {
color: var(--color-text);
min-height: 65px;
font-size: var(--text-xl);
}
.varia-prijava-3d-izris .row-wrapper.two-col input[type="submit"]:hover {
color: #fff;
}
.varia-prijava-3d-izris .row-wrapper.two-col input:not(input[type="checkbox"]) {
width: 100%;
margin-bottom: 10px;
border-color: #ece9e4;
}
@media screen and (max-width: 767px) {
.container-page-3d-rendering--content .varia-page-title {
padding-top: var(--space-8);
font-size: var(--text-xxl);
}
.varia-prijava-3d-izris .row {
margin: 36px 0;
padding: 16px 0;
}
.varia-prijava-3d-izris .varia-title--wrapper {
align-items: unset;
margin-bottom: 26px;
}
.varia-prijava-3d-izris .varia-title--wrapper span {
font-size: var(--text-2xl);
}
.varia-prijava-3d-izris .varia-title--wrapper h3 {
font-size: var(--text-xl);
}
.content-3d-rendering-page h3 {
font-size: 26px;
}
.varia-prijava-3d-izris .row-wrapper {
flex-wrap: wrap;
}
.varia-prijava-3d-izris .varia-input-wrapper {
width: 45%;
}
.varia-prijava-3d-izris .row-wrapper.two-col {
gap: 36px;
}
.varia-prijava-3d-izris .row-wrapper.two-col div {
width: 100%;
}
} .varia-link-with-icon {
display: flex;
align-items: center;
gap: 15px;
padding-bottom: 16px;
min-height: 20px;
}
.varia-link-with-icon span {
max-height: 20px;
}
.varia-link-with-icon a {
line-height: 20px;
}
.varia-link-with-icon br {
display: none;
} .studio-varia-instagram--feeds {
margin-bottom: 80px;
text-align: center;
}
@media screen and (max-width: 768px) {
.studio-varia-instagram--feeds {
margin-bottom: 36px;
text-align: center;
}
.studio-varia-instagram--feeds > img {
max-width: 150px;
}
}
.container-varia-footer--main-content .container-logo-wrapper {
position: relative;
}
.container-varia-footer--main-content .container-logo-wrapper::after {
content: "";
display: inline-block;
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
height: 1px;
background-color: #707070;
z-index: -1;
}
.container-varia-footer--main-content .container-logo-wrapper svg {
max-width: 290px;
height: unset;
width: 100%;
background-color: #fff;
padding-right: 36px;
}
@media screen and (max-width: 900px) {
.container-logo-wrapper {
display: flex;
align-items: baseline;
}
.container-varia-footer--main-content .container-logo-wrapper svg {
max-width: 160px;
padding-right: 16px;
}
}
.container-varia-footer--main-content .container-menu-wrapper {
display: flex;
flex-wrap: wrap;
padding: var(--space-12) 0;
}
.container-varia-footer--main-content #varia-footer-menu {
column-count: 2;
}
.container-varia-footer--main-content #varia-footer-menu li {
font-weight: 400;
}
.container-varia-footer--main-content #varia-footer-menu li ul.sub-menu {
padding-left: 10px;
}
.site-footer .section-copyright {
background-color: transparent;
padding: unset;
}
.site-footer .section-copyright .container {
border-top: 1px solid #000;
padding: var(--space-6) var(--space-4);
}
.site-footer .section-copyright a,
.site-footer .section-copyright span,
.site-footer .copyright-menu-items li::after {
color: var(--color-text);
}
.footer--company-contact :not(a.footer--company-location) {
font-weight: var(--font-normal) !important;
text-decoration: underline;
}
.footer--social-media-icons svg {
width: 24px;
height: 24px;
transition: all ease-in 300ms;
}
.footer--social-media-icons svg:hover {
fill: var(--color-secondary);
}
#varia-footer-mobile-menu a {
color: var(--color-text);
text-decoration: none;
}
#varia-footer-mobile-menu a:hover {
color: var(--color-secondary);
}
.container-copyright .copyright-author svg .logo-head {
stroke: var(--color-text);
fill: transparent;
}
.container-copyright .copyright-author svg .logo-eyes,
.container-copyright .copyright-author svg .logo-mounth {
fill: var(--color-text);
}
@media screen and (max-width: 767px) {
.container-copyright .copyright-author a {
display: block;
}
.container-copyright .copyright-author {
display: flex;
align-items: center;
}
} #menu-pomoc-uporabnikom li a {
color: var(--color-text);
text-decoration: none;
}
#menu-pomoc-uporabnikom li a:hover {
color: var(--color-secondary);
} .image-zoomin--wrapper {
display: inline-block;
overflow: hidden;
width: 100%;
height: 100%;
}
.image-zoomin--wrapper img {
transition: all linear 300ms;
}
.image-zoomin--wrapper:hover img {
transform: scale(1.1);
}
#sb_instagram.sbi_fixed_height {
overflow-y: hidden !important;
}