:root {
--gaz-primary: #ff0000;
--gaz-secondary: #1b1f21;
--gaz-dark: #111111;
--gaz-action: #fed700;
--gaz-border-gray: #d5d5d5;
}
.desktop_none {
display: none !important;
}
.mobile_none {
display: flex !important;
}
.section_spacing {
padding-top: 96px;
padding-bottom: 96px;
}
.wpb_content_element {
margin-bottom: 0;
}
.max_w_paragraph {
max-width: 600px;
}
.main-content,
.no-breadcrumbs .main-content {
padding-top: 0;
padding-bottom: 0;
}
.left-sidebar {
padding-top: 0;
}
.woof_container {
margin-bottom: 24px;
}   .header_top_right .vc_column-inner {
justify-content: flex-end !important;
align-items: center;
align-content: center;
gap: 8px;
}
.header_top_right .header_top_right__item {
margin-bottom: 0;
} .header_main_search_icon {
display: none;
}
.header_main_icons .vc_column-inner {
justify-content: flex-end !important;
}
#header .header_main_icons a.porto-tooltip {
position: relative !important;
top: 0 !important;
width: auto !important;
transition: all 0.3s ease-in-out;
}
#header .header_main_icons a.porto-tooltip:hover i {
color: var(--gaz-action) !important;
}
#header .header_main_icon i {
color: var(--gaz-dark) !important;
}
#header .header_main_icon:hover i {
color: var(--gaz-action) !important;
}
.header_main_search_box .vc_column-inner,
.header_main_search_box .wpb_raw_code {
justify-content: center !important;
width: 100%;
}
#menu-main-menu {
display: flex;
width: 100%;
}
.menu_item__istaknut {
display: flex !important;
justify-content: flex-end; margin-left: auto !important;
}
.menu_item__istaknut:hover a {
color: var(--gaz-primary) !important;
}
#mini-cart:not(.minicart-offcanvas) .buttons > a:first-child {
display: block;
}
#mini-cart .cart-items,
.gutenberg-hb .compare-count,
.my-wishlist .wishlist-count,
header .compare-count {
background-color: var(--gaz-primary);
}
#menu-main-menu #nav-menu-item-6416 > a {
color: red !important;
} .side_menu {
border-radius: 8px;
border: 2px solid #848a8f;
}
.side_menu .widget-title {
display: flex; font-size: 16px;
line-height: 1.2;
font-weight: 400;
color: var(--gaz-border-gray);
border: none;
background-color: var(--gaz-secondary);
padding: 0 0 16px 0;
}
.side_menu .sidebar-menu > li.menu-item > a {
border-top: none;
padding: 14px 4px;
}
.sidebar-menu > li.menu-item > .arrow {
top: calc(50% - 15px);
}
.side-menu-columns .popup {
top: 0;
transform: none;
height: 100%;
}
.side-menu-columns .popup .inner {
height: 100%;
}
.side-menu-columns .narrow ul.sub-menu {
height: 100%;
}
.sidebar-menu .narrow li.menu-item > a {
padding: 16px;
} .hero_product_slider {
border: 2px solid #848a8f;
border-radius: 8px;
overflow: hidden;
} .section_ponuda_tjedna .porto-wrap-container {
background-color: white;
border-radius: 8px;
} .product-image .labels {
display: flex;
flex-direction: column;
align-items: center;
right: 0.8em;
left: auto;
}
.product-image .labels .onsale {
display: flex;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;
border-radius: 100%;
}
.promo-side-banner img {
max-height: 335px;
object-fit: contain;
}  .benefits_list .vc_column-inner,
.promo_banner .vc_column-inner,
.bestselers_list .vc_column-inner {
border-radius: 8px;
padding: 16px 0 !important;
overflow: hidden;
background-color: #fff;
}
.benefits_list .benefits_list__item {
padding: 16px;
margin-bottom: 0;
}
.benefits_list .benefits_list__item .porto-sicon-header {
margin-bottom: 0;
}
.promo_banner .vc_column-inner {
margin-top: 24px;
padding: 16px !important;
}
.bestselers_list .vc_column-inner {
margin-bottom: 24px;
padding: 16px !important;
padding-bottom: 0 !important;
}
.bestselers_list ul {
margin-bottom: 0;
} .testimonial_slider,
.copy_holder .vc_column-inner {
padding: 16px;
}
.testimonial_slider .testimonial .testimonial-author p {
margin-left: 0;
} .posts_list .single_post_card {
color: #fff;
background-color: var(--gaz-secondary);
padding: 16px;
}
.posts_list .single_post_card h3 {
color: #fff;
min-height: 69px;
margin-bottom: 0;
}
.posts_list .single_post_card__desc {
display: none;
} .contact-info {
display: flex;
flex-direction: column;
}
.contact-title {
color: var(--gaz-primary);
margin-bottom: 24px;
}
.contact-item {
color: #fff;
display: flex;
align-items: center;
padding: 8px 0;
}
.contact-item i {
margin-right: 12px;
}
.contact-item a {
color: #fff;
text-decoration: underline;
transition: all ease-in-out 0.3s;
}
.contact-item a:hover {
color: var(--gaz-action);
}
.gaz_input {
width: 100%;
font-size: 14px;
padding: 10px 15px;
background-color: #ffffff;
border-radius: 4px;
margin-bottom: 16px;
}
.gaz_input_btn {
width: 100%;
font-size: 14px;
padding: 10px 15px;
background-color: var(--gaz-primary);
color: #ffffff;
border-radius: 4px;
margin-bottom: 20px;
}
.gaz_input_btn:hover {
background-color: var(--gaz-primary);
box-shadow: rgba(255, 0, 0, 0.4) 0px 4px 24px;
} .gaz_benefits_list .vc_column-inner {
display: flex;
align-items: center;
}
.gaz_benefits_item {
display: flex;
width: 25%;
align-items: center;
margin-bottom: 0;
}
.gaz_benefits_item .porto-just-icon-wrapper {
display: flex;
width: 48px;
height: 48px;
justify-content: center;
align-items: center;
margin-right: 0;
}
.gaz_support_item {
display: flex;
align-items: center;
}
.gaz_support_item .porto-sicon-header h3,
.gaz_support_item .porto-sicon-header p {
transition: all ease-in-out 0.3s;
}
.gaz_support_item:hover .porto-sicon-header h3,
.gaz_support_item:hover .porto-sicon-header p {
color: var(--gaz-action) !important;
}
.footer_menu_links .footer_menu_link {
display: flex;
color: #fff;
padding: 8px 0;
transition: all ease-in-out 0.3s;
text-decoration: underline;
}
.footer_menu_links .footer_menu_link:hover {
color: var(--gaz-action) !important;
}
.newslatter_container .row {
background: #f5f5f5;
padding: 24px;
border-radius: 8px;
overflow: hidden;
}
.gaz_newsletter {
display: flex;
flex-direction: column;
gap: 8px;
}
.gaz_newsletter input:first-child {
display: flex;
flex-grow: 1;
}
.gaz_newsletter_box {
margin-top: 16px;
}
.gaz_newsletter_box a {
color: var(--gaz-dark);
text-decoration: underline;
} .gaz-ostvaricilj-banner {
padding-top: 150px;
padding-bottom: 150px;
}
.gaz-ostvaricilj-content .porto-wrap-container {
width: 80%;
padding-top: 32px;
padding-bottom: 32px;
}
.gaz-ostvari-cilj-main .gaz-ostvari-cilj-btn {
padding: 12px 0 36px 0;
} .irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
background-color: var(--gaz-primary) !important;
}
.irs--sharp .irs-handle {
background-color: var(--gaz-primary) !important;
}
.page-wrapper .porto-gb-c5284a6a1cf957e1be2f2f061a648a9f:hover,
.page-wrapper .porto-gb-9e3a0b5730bb4c8cf10832550fa76e2f:hover {
background-color: var(--gaz-primary) !important;
color: #ffffff;
border-color: var(--gaz-primary) !important;
} .nase-vrijednosti-single {
flex: 1 1 calc(33.333% - 24px);
padding: 24px 12px;
margin: 12px;
border-radius: 10px;
height: 300px;
}
.nase-vrijednosti {
text-align: center;
} .single-product .product_title {
font-size: 32px;
}
.gaz_pakovanje {
color: var(--gaz-primary);
font-size: 24px;
padding: 12px 0;
}
.product-summary-wrap .description {
margin-top: 32px;
margin-bottom: 32px;
} .single-post .post-content {
max-width: 720px;
margin: 0 auto;
}
.single-post .blog_header {
max-width: 1200px;
margin: 0 auto;
}
.single-post .post-content img {
display: flex;
width: 100%;
height: auto;
object-fit: cover;
margin: 32px 0 24px 0;
}
.single-post .entry-content {
border-bottom: none !important;
}
.post-card {
color: #fff;
background-color: var(--gaz-secondary);
padding: 16px;
}
.gaz_featured_image .vc_single_image-wrapper {
display: flex;
}
.gaz_featured_image img,
.post-card__thumbnail {
width: 100%;
height: auto;
object-fit: cover;
}
.post-card__title {
font-size: 18px;
margin-bottom: 0;
}
.post-card__title a {
display: flex;
color: #fff;
min-height: 69px;
margin-top: 16px;
transition: all ease-in-out 0.3s;
}
.post-card__title a:hover {
color: var(--gaz-action);
} .wc-block-components-button:not(.is-link) {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: auto;
text-align: center;
transition: box-shadow 0.1s linear;
background-color: var(--gaz-dark);
color: #fff;
} .porto-free-shipping{
display: none !important;
} @media (max-width: 1490px) {
.container {
max-width: calc(100% - 80px);
--porto-flick-carousel-width: calc(100% - 80px);
}
}
@media screen and (max-width: 1164px) {
.desktop_none {
display: flex !important;
}
.mobile_none {
display: none !important;
}
.container {
max-width: calc(100% - 80px);
--porto-flick-carousel-width: calc(100% - 80px);
}
}
@media screen and (max-width: 991px) {
#header .mobile-toggle {
margin: 0 0 0 12px;
color: #fff;
}
.container {
max-width: 100%;
--porto-flick-carousel-width: 100%;
}
.header_main_logo {
width: auto !important;
}
.header_main_search_box {
display: none;
}
.header_main_search_icon {
display: flex;
justify-content: center;
align-items: center;
width: 34px;
height: 54px;
}
.header_main_icons {
width: calc(100% - 135px);
}
.header_main_search_icon .dgwt-wcas-ico-magnifier-handler {
max-width: 24px;
width: 23px !important;
height: 23px !important;
}
html:not(.dgwt-wcas-overlay-mobile-on)
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon {
max-width: 24px;
}
.dgwt-wcas-search-icon {
width: 23px;
height: auto;
cursor: pointer;
}
.dgwt-wcas-overlay-mobile {
background: var(--gaz-dark);
}
.gaz-counter-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.gaz-counter-column {
flex: 1 1 calc(50% - 20px);
margin: 10px;
}
}
@media screen and (max-width: 770px) {
.header_main_icons .main_icon_moj_racun,
.header_main_icons .main_icon_wishlist {
display: none;
}
.header-builder-p .vc_column-inner > :not(.vc_row) {
margin-right: 12px;
}
#mini-cart .cart-popup {
right: -72px;
}
.swap_on_mobile .row {
display: flex !important;
flex-direction: column-reverse;
}
.swap_on_mobile .row .row {
flex-direction: column;
}
.testimonial_slider,
.copy_holder .vc_column-inner {
padding: 0;
}
.copy_holder {
padding-top: 48px;
border-top: 1px solid var(--gaz-border-gray);
margin-bottom: 64px;
}
.section_ponuda_tjedna {
padding-left: 16px;
padding-right: 16px;
}
.section_spacing {
padding-top: 48px;
padding-bottom: 48px;
}
}
@media (max-width: 768px) {
.nase-vrijednosti {
flex-direction: column;
text-align: left;
}
.nase-vrijednosti-single {
flex: 1 1 100%;
margin: 10px 0;
height: auto;
}
.gaz-counter-row {
flex-direction: column;
align-items: center;
}
.gaz-counter-column {
flex: 1 1 100%;
margin: 10px 0;
}
.gaz_newsletter {
margin-top: 24px;
}
}
@media screen and (max-width: 767px) {
.header_main_icons {
width: calc(100% - 104px);
}
}
@media screen and (max-width: 575px) {
.mobile_text_center {
text-align: center;
}
.gaz_benefits_list .vc_column-inner {
flex-direction: column;
}
.gaz_benefits_item {
width: 100%;
}
.gaz_benefits_item:not(:last-child) {
margin-bottom: 24px;
}
.product-type-default:hover .porto-tb-quickview,
.product-type-default:hover .porto-tb-wishlist {
display: none !important;
}
.product-type-default .porto-tb-addcart {
font-size: 13px !important;
width: auto !important;
}
.gaz-ostvaricilj-banner {
padding-top: 80px;
padding-bottom: 80px;
}
}